@charset "UTF-8";
:root {
  /**
  * COLORS
  */
  /* Brand Colors
  -------------------------------------------------------*/
  /* Primary - Orange */
  --colors-primary-100: #FEF0EC;
  --colors-primary-200: #FFDCD1;
  --colors-primary-300: #FFB59E;
  --colors-primary-400: #FC9272;
  --colors-primary-500: #FF784F;
  --colors-primary-600: #FA5320;
  --colors-primary-700: #D44519;
  --colors-primary-800: #903013;
  --colors-primary-900: #5D2514;
  --colors-primary-1000: #4B1A0B;
  /* Secondary - Blue */
  --colors-secondary-100: #F2F9FF;
  --colors-secondary-200: #E6F4FF;
  --colors-secondary-300: #C8E6FF;
  --colors-secondary-400: #9BD2FF;
  --colors-secondary-500: #62B3F6;
  --colors-secondary-600: #0F8DF4;
  --colors-secondary-700: #0578D6;
  --colors-secondary-800: #00569C;
  --colors-secondary-900: #003F73;
  --colors-secondary-1000: #002A4D;
  /* Neutral - Greys */
  --colors-grey-50: #FCFCFD;
  --colors-grey-100: #F7F9FA;
  --colors-grey-200: #EEF0F3;
  --colors-grey-300: #DFE3E8;
  --colors-grey-400: #C7CDD4;
  --colors-grey-500: #A1A7AD;
  --colors-grey-600: #707880;
  --colors-grey-700: #4C555E;
  --colors-grey-800: #3A444F;
  --colors-grey-900: #28323B;
  --colors-grey-1000: #1D262E;
  --colors-grey-1000--rgb: 29, 38 ,46;
  /* Notifications Colors
  -------------------------------------------------------*/
  /* Success - Green */
  --colors-success-100: #F2FFF2;
  --colors-success-200: #E6FCE5;
  --colors-success-300: #C6F2C5;
  --colors-success-400: #94DE93;
  --colors-success-500: #57C555;
  --colors-success-600: #24A522;
  --colors-success-700: #078605;
  --colors-success-800: #056704;
  --colors-success-900: #035502;
  --colors-success-1000: #024201;
  /* Danger - Red */
  --colors-danger-100: #FFF6F6;
  --colors-danger-200: #FFE1E1;
  --colors-danger-300: #FFC8C7;
  --colors-danger-400: #FEA6A5;
  --colors-danger-500: #FB7C79;
  --colors-danger-600: #EE413F;
  --colors-danger-700: #D91F1C;
  --colors-danger-800: #B60A07;
  --colors-danger-900: #860604;
  --colors-danger-1000: #640E0C;
  /* Warning - Orangish */
  --colors-warning-100: #FFFCEB;
  --colors-warning-200: #FFF6C9;
  --colors-warning-300: #FFEFA1;
  --colors-warning-400: #FDE34E;
  --colors-warning-500: #F6D028;
  --colors-warning-600: #E0B115;
  --colors-warning-700: #B78B06;
  --colors-warning-800: #8E6506;
  --colors-warning-900: #694907;
  --colors-warning-1000: #4B3207;
  /* Support colors */
  --colors-magenta-200: #F1ABFC;
  --colors-magenta-500: #D946EF;
  --colors-magenta-700: #BC26D3;
  --colors-magenta-200--rgb: 241, 171, 252;
  --colors-magenta-500--rgb: 217, 70, 239;
  --colors-magenta-700--rgb: 188, 38, 211;
  --colors-emerald-200: #A7F3D0;
  --colors-emerald-500: #10B981;
  --colors-emerald-700: #047857;
  --colors-emerald-200--rgb: 167, 243, 208;
  --colors-emerald-500--rgb: 16, 185, 129;
  --colors-emerald-700--rgb: 4, 120, 87;
  --colors-cardinal-200: #FDA4AF;
  --colors-cardinal-500: #F43F5E;
  --colors-cardinal-700: #BE123C;
  --colors-cardinal-200--rgb: 253, 164, 175;
  --colors-cardinal-500--rgb: 244, 63, 94;
  --colors-cardinal-700--rgb: 190, 18, 60;
  --colors-cyan-200: #A5F3FC;
  --colors-cyan-500: #06B6D4;
  --colors-cyan-700: #0E7490;
  --colors-cyan-200--rgb: 165, 243, 252;
  --colors-cyan-500--rgb: 6, 182, 212;
  --colors-cyan-700--rgb: 14, 116, 144;
  /* Other brands
  -------------------------------------------------------*/
  --colors-brand-twitter-blue: #1da1f2;
  --colors-brand-twitter-black: #000;
  --colors-brand-linkedin-blue: #0077b5;
  --colors-brand-linkedin-blue: #0077b5;
  --colors-brand-facebook-blue: #3b5998;
  --colors-brand-youtube-red: #cd201f;
  --colors-brand-instagram-purple: #c13584;
  --colors-brand-android-green: #a4c639;
  --colors-brand-itunes-black: #050708;
  --colors-brand-github-black: #333;
  /* Integrations */
  --colors-brand-salesforce: #009edb;
  --colors-brand-salesforce--rgb: 0, 158, 219;
  --colors-brand-hubspot: #ff7a59;
  --colors-brand-hubspot--rgb: 255, 122, 89;
  --colors-brand-pipedrive: #26292c;
  --colors-brand-pipedrive--rgb: 38, 41, 44;
  --colors-brand-zoho: #ce2232;
  --colors-brand-zoho--rgb: 206, 34, 50;
  --colors-brand-zapier: #ff4a00;
  --colors-brand-zapier--rgb: 255, 74, 0;
  --colors-brand-outlook: #0078d4;
  --colors-brand-outlook--rgb: 0, 120, 212;
  --colors-brand-gmail: #4286f5;
  --colors-brand-gmail--rgb: 66, 134, 245;
  /**
  * TYPOGRAPHY
  */
  /* Family */
  --fonts-family-body: "Inter", "Inter UI", -apple-system,system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
  --fonts-family-heading: "Familjen Grotesk", -apple-system,system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
  --fonts-family-heading--website: "Familjen Grotesk", -apple-system,system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
  --fonts-family-code: Menlo, Monaco, Consolas, "Courier New", monospace;
  --fonts-family-feature-settings: "cv01", "cv02", "cv03", "cv04", "cv11", "ss01";
  /* Size */
  --font-size-default: 1.4rem;
  /**
  * SPACING
  */
  --spacing-base: 4px;
  --spacing-005: calc(var(--spacing-base) / 2);
  --spacing-01: calc(var(--spacing-base));
  --spacing-02: calc(var(--spacing-base) * 2);
  --spacing-03: calc(var(--spacing-base) * 3);
  --spacing-04: calc(var(--spacing-base) * 4);
  --spacing-05: calc(var(--spacing-base) * 5);
  --spacing-06: calc(var(--spacing-base) * 6);
  --spacing-08: calc(var(--spacing-base) * 8);
  --spacing-10: calc(var(--spacing-base) * 10);
  --spacing-12: calc(var(--spacing-base) * 12);
  --spacing-14: calc(var(--spacing-base) * 14);
  --spacing-16: calc(var(--spacing-base) * 16);
  --spacing-20: calc(var(--spacing-base) * 20);
  --spacing-24: calc(var(--spacing-base) * 24);
  --spacing-25: calc(var(--spacing-base) * 25);
  --spacing-30: calc(var(--spacing-base) * 30);
  --spacing-40: calc(var(--spacing-base) * 40);
}
/**
* BACK VARIABLES
*/
.application-back {
  --fonts-family-body: "Inter var", "Inter", "Inter UI", -apple-system,system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
  --fonts-family-heading: var(--fonts-family-body);
}
/**
* Spacing: margin / padding
*/
/**
* Spacing generation
* Generate classes for spacing (margin and padding), ex.: ml-5 { margin-left: … }
*
* @require {Map} $spacers
* @require {Map} $directions
* @param {string} $prop - CSS property to generate
* @param {string} $short - Shorthand value used in output
*/
.p-auto {
  padding: auto !important;
}
.pl-auto {
  padding-left: auto !important;
}
.pt-auto {
  padding-top: auto !important;
}
.pr-auto {
  padding-right: auto !important;
}
.pb-auto {
  padding-bottom: auto !important;
}
.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p-05 {
  padding: calc(var(--spacing-base) / 2) !important;
}
.pl-05 {
  padding-left: calc(var(--spacing-base) / 2) !important;
}
.pt-05 {
  padding-top: calc(var(--spacing-base) / 2) !important;
}
.pr-05 {
  padding-right: calc(var(--spacing-base) / 2) !important;
}
.pb-05 {
  padding-bottom: calc(var(--spacing-base) / 2) !important;
}
.py-05 {
  padding-top: calc(var(--spacing-base) / 2) !important;
  padding-bottom: calc(var(--spacing-base) / 2) !important;
}
.px-05 {
  padding-left: calc(var(--spacing-base) / 2) !important;
  padding-right: calc(var(--spacing-base) / 2) !important;
}
.p-1 {
  padding: calc(var(--spacing-base)) !important;
}
.pl-1 {
  padding-left: calc(var(--spacing-base)) !important;
}
.pt-1 {
  padding-top: calc(var(--spacing-base)) !important;
}
.pr-1 {
  padding-right: calc(var(--spacing-base)) !important;
}
.pb-1 {
  padding-bottom: calc(var(--spacing-base)) !important;
}
.py-1 {
  padding-top: calc(var(--spacing-base)) !important;
  padding-bottom: calc(var(--spacing-base)) !important;
}
.px-1 {
  padding-left: calc(var(--spacing-base)) !important;
  padding-right: calc(var(--spacing-base)) !important;
}
.p-2 {
  padding: calc(var(--spacing-base) * 2) !important;
}
.pl-2 {
  padding-left: calc(var(--spacing-base) * 2) !important;
}
.pt-2 {
  padding-top: calc(var(--spacing-base) * 2) !important;
}
.pr-2 {
  padding-right: calc(var(--spacing-base) * 2) !important;
}
.pb-2 {
  padding-bottom: calc(var(--spacing-base) * 2) !important;
}
.py-2 {
  padding-top: calc(var(--spacing-base) * 2) !important;
  padding-bottom: calc(var(--spacing-base) * 2) !important;
}
.px-2 {
  padding-left: calc(var(--spacing-base) * 2) !important;
  padding-right: calc(var(--spacing-base) * 2) !important;
}
.p-3 {
  padding: calc(var(--spacing-base) * 3) !important;
}
.pl-3 {
  padding-left: calc(var(--spacing-base) * 3) !important;
}
.pt-3 {
  padding-top: calc(var(--spacing-base) * 3) !important;
}
.pr-3 {
  padding-right: calc(var(--spacing-base) * 3) !important;
}
.pb-3 {
  padding-bottom: calc(var(--spacing-base) * 3) !important;
}
.py-3 {
  padding-top: calc(var(--spacing-base) * 3) !important;
  padding-bottom: calc(var(--spacing-base) * 3) !important;
}
.px-3 {
  padding-left: calc(var(--spacing-base) * 3) !important;
  padding-right: calc(var(--spacing-base) * 3) !important;
}
.p-4 {
  padding: calc(var(--spacing-base) * 4) !important;
}
.pl-4 {
  padding-left: calc(var(--spacing-base) * 4) !important;
}
.pt-4 {
  padding-top: calc(var(--spacing-base) * 4) !important;
}
.pr-4 {
  padding-right: calc(var(--spacing-base) * 4) !important;
}
.pb-4 {
  padding-bottom: calc(var(--spacing-base) * 4) !important;
}
.py-4 {
  padding-top: calc(var(--spacing-base) * 4) !important;
  padding-bottom: calc(var(--spacing-base) * 4) !important;
}
.px-4 {
  padding-left: calc(var(--spacing-base) * 4) !important;
  padding-right: calc(var(--spacing-base) * 4) !important;
}
.p-5 {
  padding: calc(var(--spacing-base) * 5) !important;
}
.pl-5 {
  padding-left: calc(var(--spacing-base) * 5) !important;
}
.pt-5 {
  padding-top: calc(var(--spacing-base) * 5) !important;
}
.pr-5 {
  padding-right: calc(var(--spacing-base) * 5) !important;
}
.pb-5 {
  padding-bottom: calc(var(--spacing-base) * 5) !important;
}
.py-5 {
  padding-top: calc(var(--spacing-base) * 5) !important;
  padding-bottom: calc(var(--spacing-base) * 5) !important;
}
.px-5 {
  padding-left: calc(var(--spacing-base) * 5) !important;
  padding-right: calc(var(--spacing-base) * 5) !important;
}
.p-6 {
  padding: calc(var(--spacing-base) * 6) !important;
}
.pl-6 {
  padding-left: calc(var(--spacing-base) * 6) !important;
}
.pt-6 {
  padding-top: calc(var(--spacing-base) * 6) !important;
}
.pr-6 {
  padding-right: calc(var(--spacing-base) * 6) !important;
}
.pb-6 {
  padding-bottom: calc(var(--spacing-base) * 6) !important;
}
.py-6 {
  padding-top: calc(var(--spacing-base) * 6) !important;
  padding-bottom: calc(var(--spacing-base) * 6) !important;
}
.px-6 {
  padding-left: calc(var(--spacing-base) * 6) !important;
  padding-right: calc(var(--spacing-base) * 6) !important;
}
.p-8 {
  padding: calc(var(--spacing-base) * 8) !important;
}
.pl-8 {
  padding-left: calc(var(--spacing-base) * 8) !important;
}
.pt-8 {
  padding-top: calc(var(--spacing-base) * 8) !important;
}
.pr-8 {
  padding-right: calc(var(--spacing-base) * 8) !important;
}
.pb-8 {
  padding-bottom: calc(var(--spacing-base) * 8) !important;
}
.py-8 {
  padding-top: calc(var(--spacing-base) * 8) !important;
  padding-bottom: calc(var(--spacing-base) * 8) !important;
}
.px-8 {
  padding-left: calc(var(--spacing-base) * 8) !important;
  padding-right: calc(var(--spacing-base) * 8) !important;
}
.p-10 {
  padding: calc(var(--spacing-base) * 10) !important;
}
.pl-10 {
  padding-left: calc(var(--spacing-base) * 10) !important;
}
.pt-10 {
  padding-top: calc(var(--spacing-base) * 10) !important;
}
.pr-10 {
  padding-right: calc(var(--spacing-base) * 10) !important;
}
.pb-10 {
  padding-bottom: calc(var(--spacing-base) * 10) !important;
}
.py-10 {
  padding-top: calc(var(--spacing-base) * 10) !important;
  padding-bottom: calc(var(--spacing-base) * 10) !important;
}
.px-10 {
  padding-left: calc(var(--spacing-base) * 10) !important;
  padding-right: calc(var(--spacing-base) * 10) !important;
}
.p-12 {
  padding: calc(var(--spacing-base) * 12) !important;
}
.pl-12 {
  padding-left: calc(var(--spacing-base) * 12) !important;
}
.pt-12 {
  padding-top: calc(var(--spacing-base) * 12) !important;
}
.pr-12 {
  padding-right: calc(var(--spacing-base) * 12) !important;
}
.pb-12 {
  padding-bottom: calc(var(--spacing-base) * 12) !important;
}
.py-12 {
  padding-top: calc(var(--spacing-base) * 12) !important;
  padding-bottom: calc(var(--spacing-base) * 12) !important;
}
.px-12 {
  padding-left: calc(var(--spacing-base) * 12) !important;
  padding-right: calc(var(--spacing-base) * 12) !important;
}
.p-14 {
  padding: calc(var(--spacing-base) * 14) !important;
}
.pl-14 {
  padding-left: calc(var(--spacing-base) * 14) !important;
}
.pt-14 {
  padding-top: calc(var(--spacing-base) * 14) !important;
}
.pr-14 {
  padding-right: calc(var(--spacing-base) * 14) !important;
}
.pb-14 {
  padding-bottom: calc(var(--spacing-base) * 14) !important;
}
.py-14 {
  padding-top: calc(var(--spacing-base) * 14) !important;
  padding-bottom: calc(var(--spacing-base) * 14) !important;
}
.px-14 {
  padding-left: calc(var(--spacing-base) * 14) !important;
  padding-right: calc(var(--spacing-base) * 14) !important;
}
.p-16 {
  padding: calc(var(--spacing-base) * 16) !important;
}
.pl-16 {
  padding-left: calc(var(--spacing-base) * 16) !important;
}
.pt-16 {
  padding-top: calc(var(--spacing-base) * 16) !important;
}
.pr-16 {
  padding-right: calc(var(--spacing-base) * 16) !important;
}
.pb-16 {
  padding-bottom: calc(var(--spacing-base) * 16) !important;
}
.py-16 {
  padding-top: calc(var(--spacing-base) * 16) !important;
  padding-bottom: calc(var(--spacing-base) * 16) !important;
}
.px-16 {
  padding-left: calc(var(--spacing-base) * 16) !important;
  padding-right: calc(var(--spacing-base) * 16) !important;
}
.p-20 {
  padding: calc(var(--spacing-base) * 20) !important;
}
.pl-20 {
  padding-left: calc(var(--spacing-base) * 20) !important;
}
.pt-20 {
  padding-top: calc(var(--spacing-base) * 20) !important;
}
.pr-20 {
  padding-right: calc(var(--spacing-base) * 20) !important;
}
.pb-20 {
  padding-bottom: calc(var(--spacing-base) * 20) !important;
}
.py-20 {
  padding-top: calc(var(--spacing-base) * 20) !important;
  padding-bottom: calc(var(--spacing-base) * 20) !important;
}
.px-20 {
  padding-left: calc(var(--spacing-base) * 20) !important;
  padding-right: calc(var(--spacing-base) * 20) !important;
}
.p-24 {
  padding: calc(var(--spacing-base) * 24) !important;
}
.pl-24 {
  padding-left: calc(var(--spacing-base) * 24) !important;
}
.pt-24 {
  padding-top: calc(var(--spacing-base) * 24) !important;
}
.pr-24 {
  padding-right: calc(var(--spacing-base) * 24) !important;
}
.pb-24 {
  padding-bottom: calc(var(--spacing-base) * 24) !important;
}
.py-24 {
  padding-top: calc(var(--spacing-base) * 24) !important;
  padding-bottom: calc(var(--spacing-base) * 24) !important;
}
.px-24 {
  padding-left: calc(var(--spacing-base) * 24) !important;
  padding-right: calc(var(--spacing-base) * 24) !important;
}
.p-30 {
  padding: calc(var(--spacing-base) * 30) !important;
}
.pl-30 {
  padding-left: calc(var(--spacing-base) * 30) !important;
}
.pt-30 {
  padding-top: calc(var(--spacing-base) * 30) !important;
}
.pr-30 {
  padding-right: calc(var(--spacing-base) * 30) !important;
}
.pb-30 {
  padding-bottom: calc(var(--spacing-base) * 30) !important;
}
.py-30 {
  padding-top: calc(var(--spacing-base) * 30) !important;
  padding-bottom: calc(var(--spacing-base) * 30) !important;
}
.px-30 {
  padding-left: calc(var(--spacing-base) * 30) !important;
  padding-right: calc(var(--spacing-base) * 30) !important;
}
.m-auto {
  margin: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.m-0 {
  margin: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.m-05 {
  margin: calc(var(--spacing-base) / 2) !important;
}
.ml-05 {
  margin-left: calc(var(--spacing-base) / 2) !important;
}
.mt-05 {
  margin-top: calc(var(--spacing-base) / 2) !important;
}
.mr-05 {
  margin-right: calc(var(--spacing-base) / 2) !important;
}
.mb-05 {
  margin-bottom: calc(var(--spacing-base) / 2) !important;
}
.my-05 {
  margin-top: calc(var(--spacing-base) / 2) !important;
  margin-bottom: calc(var(--spacing-base) / 2) !important;
}
.mx-05 {
  margin-left: calc(var(--spacing-base) / 2) !important;
  margin-right: calc(var(--spacing-base) / 2) !important;
}
.m-1 {
  margin: calc(var(--spacing-base)) !important;
}
.ml-1 {
  margin-left: calc(var(--spacing-base)) !important;
}
.mt-1 {
  margin-top: calc(var(--spacing-base)) !important;
}
.mr-1 {
  margin-right: calc(var(--spacing-base)) !important;
}
.mb-1 {
  margin-bottom: calc(var(--spacing-base)) !important;
}
.my-1 {
  margin-top: calc(var(--spacing-base)) !important;
  margin-bottom: calc(var(--spacing-base)) !important;
}
.mx-1 {
  margin-left: calc(var(--spacing-base)) !important;
  margin-right: calc(var(--spacing-base)) !important;
}
.m-2 {
  margin: calc(var(--spacing-base) * 2) !important;
}
.ml-2 {
  margin-left: calc(var(--spacing-base) * 2) !important;
}
.mt-2 {
  margin-top: calc(var(--spacing-base) * 2) !important;
}
.mr-2 {
  margin-right: calc(var(--spacing-base) * 2) !important;
}
.mb-2 {
  margin-bottom: calc(var(--spacing-base) * 2) !important;
}
.my-2 {
  margin-top: calc(var(--spacing-base) * 2) !important;
  margin-bottom: calc(var(--spacing-base) * 2) !important;
}
.mx-2 {
  margin-left: calc(var(--spacing-base) * 2) !important;
  margin-right: calc(var(--spacing-base) * 2) !important;
}
.m-3 {
  margin: calc(var(--spacing-base) * 3) !important;
}
.ml-3 {
  margin-left: calc(var(--spacing-base) * 3) !important;
}
.mt-3 {
  margin-top: calc(var(--spacing-base) * 3) !important;
}
.mr-3 {
  margin-right: calc(var(--spacing-base) * 3) !important;
}
.mb-3 {
  margin-bottom: calc(var(--spacing-base) * 3) !important;
}
.my-3 {
  margin-top: calc(var(--spacing-base) * 3) !important;
  margin-bottom: calc(var(--spacing-base) * 3) !important;
}
.mx-3 {
  margin-left: calc(var(--spacing-base) * 3) !important;
  margin-right: calc(var(--spacing-base) * 3) !important;
}
.m-4 {
  margin: calc(var(--spacing-base) * 4) !important;
}
.ml-4 {
  margin-left: calc(var(--spacing-base) * 4) !important;
}
.mt-4 {
  margin-top: calc(var(--spacing-base) * 4) !important;
}
.mr-4 {
  margin-right: calc(var(--spacing-base) * 4) !important;
}
.mb-4 {
  margin-bottom: calc(var(--spacing-base) * 4) !important;
}
.my-4 {
  margin-top: calc(var(--spacing-base) * 4) !important;
  margin-bottom: calc(var(--spacing-base) * 4) !important;
}
.mx-4 {
  margin-left: calc(var(--spacing-base) * 4) !important;
  margin-right: calc(var(--spacing-base) * 4) !important;
}
.m-5 {
  margin: calc(var(--spacing-base) * 5) !important;
}
.ml-5 {
  margin-left: calc(var(--spacing-base) * 5) !important;
}
.mt-5 {
  margin-top: calc(var(--spacing-base) * 5) !important;
}
.mr-5 {
  margin-right: calc(var(--spacing-base) * 5) !important;
}
.mb-5 {
  margin-bottom: calc(var(--spacing-base) * 5) !important;
}
.my-5 {
  margin-top: calc(var(--spacing-base) * 5) !important;
  margin-bottom: calc(var(--spacing-base) * 5) !important;
}
.mx-5 {
  margin-left: calc(var(--spacing-base) * 5) !important;
  margin-right: calc(var(--spacing-base) * 5) !important;
}
.m-6 {
  margin: calc(var(--spacing-base) * 6) !important;
}
.ml-6 {
  margin-left: calc(var(--spacing-base) * 6) !important;
}
.mt-6 {
  margin-top: calc(var(--spacing-base) * 6) !important;
}
.mr-6 {
  margin-right: calc(var(--spacing-base) * 6) !important;
}
.mb-6 {
  margin-bottom: calc(var(--spacing-base) * 6) !important;
}
.my-6 {
  margin-top: calc(var(--spacing-base) * 6) !important;
  margin-bottom: calc(var(--spacing-base) * 6) !important;
}
.mx-6 {
  margin-left: calc(var(--spacing-base) * 6) !important;
  margin-right: calc(var(--spacing-base) * 6) !important;
}
.m-8 {
  margin: calc(var(--spacing-base) * 8) !important;
}
.ml-8 {
  margin-left: calc(var(--spacing-base) * 8) !important;
}
.mt-8 {
  margin-top: calc(var(--spacing-base) * 8) !important;
}
.mr-8 {
  margin-right: calc(var(--spacing-base) * 8) !important;
}
.mb-8 {
  margin-bottom: calc(var(--spacing-base) * 8) !important;
}
.my-8 {
  margin-top: calc(var(--spacing-base) * 8) !important;
  margin-bottom: calc(var(--spacing-base) * 8) !important;
}
.mx-8 {
  margin-left: calc(var(--spacing-base) * 8) !important;
  margin-right: calc(var(--spacing-base) * 8) !important;
}
.m-10 {
  margin: calc(var(--spacing-base) * 10) !important;
}
.ml-10 {
  margin-left: calc(var(--spacing-base) * 10) !important;
}
.mt-10 {
  margin-top: calc(var(--spacing-base) * 10) !important;
}
.mr-10 {
  margin-right: calc(var(--spacing-base) * 10) !important;
}
.mb-10 {
  margin-bottom: calc(var(--spacing-base) * 10) !important;
}
.my-10 {
  margin-top: calc(var(--spacing-base) * 10) !important;
  margin-bottom: calc(var(--spacing-base) * 10) !important;
}
.mx-10 {
  margin-left: calc(var(--spacing-base) * 10) !important;
  margin-right: calc(var(--spacing-base) * 10) !important;
}
.m-12 {
  margin: calc(var(--spacing-base) * 12) !important;
}
.ml-12 {
  margin-left: calc(var(--spacing-base) * 12) !important;
}
.mt-12 {
  margin-top: calc(var(--spacing-base) * 12) !important;
}
.mr-12 {
  margin-right: calc(var(--spacing-base) * 12) !important;
}
.mb-12 {
  margin-bottom: calc(var(--spacing-base) * 12) !important;
}
.my-12 {
  margin-top: calc(var(--spacing-base) * 12) !important;
  margin-bottom: calc(var(--spacing-base) * 12) !important;
}
.mx-12 {
  margin-left: calc(var(--spacing-base) * 12) !important;
  margin-right: calc(var(--spacing-base) * 12) !important;
}
.m-14 {
  margin: calc(var(--spacing-base) * 14) !important;
}
.ml-14 {
  margin-left: calc(var(--spacing-base) * 14) !important;
}
.mt-14 {
  margin-top: calc(var(--spacing-base) * 14) !important;
}
.mr-14 {
  margin-right: calc(var(--spacing-base) * 14) !important;
}
.mb-14 {
  margin-bottom: calc(var(--spacing-base) * 14) !important;
}
.my-14 {
  margin-top: calc(var(--spacing-base) * 14) !important;
  margin-bottom: calc(var(--spacing-base) * 14) !important;
}
.mx-14 {
  margin-left: calc(var(--spacing-base) * 14) !important;
  margin-right: calc(var(--spacing-base) * 14) !important;
}
.m-16 {
  margin: calc(var(--spacing-base) * 16) !important;
}
.ml-16 {
  margin-left: calc(var(--spacing-base) * 16) !important;
}
.mt-16 {
  margin-top: calc(var(--spacing-base) * 16) !important;
}
.mr-16 {
  margin-right: calc(var(--spacing-base) * 16) !important;
}
.mb-16 {
  margin-bottom: calc(var(--spacing-base) * 16) !important;
}
.my-16 {
  margin-top: calc(var(--spacing-base) * 16) !important;
  margin-bottom: calc(var(--spacing-base) * 16) !important;
}
.mx-16 {
  margin-left: calc(var(--spacing-base) * 16) !important;
  margin-right: calc(var(--spacing-base) * 16) !important;
}
.m-20 {
  margin: calc(var(--spacing-base) * 20) !important;
}
.ml-20 {
  margin-left: calc(var(--spacing-base) * 20) !important;
}
.mt-20 {
  margin-top: calc(var(--spacing-base) * 20) !important;
}
.mr-20 {
  margin-right: calc(var(--spacing-base) * 20) !important;
}
.mb-20 {
  margin-bottom: calc(var(--spacing-base) * 20) !important;
}
.my-20 {
  margin-top: calc(var(--spacing-base) * 20) !important;
  margin-bottom: calc(var(--spacing-base) * 20) !important;
}
.mx-20 {
  margin-left: calc(var(--spacing-base) * 20) !important;
  margin-right: calc(var(--spacing-base) * 20) !important;
}
.m-24 {
  margin: calc(var(--spacing-base) * 24) !important;
}
.ml-24 {
  margin-left: calc(var(--spacing-base) * 24) !important;
}
.mt-24 {
  margin-top: calc(var(--spacing-base) * 24) !important;
}
.mr-24 {
  margin-right: calc(var(--spacing-base) * 24) !important;
}
.mb-24 {
  margin-bottom: calc(var(--spacing-base) * 24) !important;
}
.my-24 {
  margin-top: calc(var(--spacing-base) * 24) !important;
  margin-bottom: calc(var(--spacing-base) * 24) !important;
}
.mx-24 {
  margin-left: calc(var(--spacing-base) * 24) !important;
  margin-right: calc(var(--spacing-base) * 24) !important;
}
.m-30 {
  margin: calc(var(--spacing-base) * 30) !important;
}
.ml-30 {
  margin-left: calc(var(--spacing-base) * 30) !important;
}
.mt-30 {
  margin-top: calc(var(--spacing-base) * 30) !important;
}
.mr-30 {
  margin-right: calc(var(--spacing-base) * 30) !important;
}
.mb-30 {
  margin-bottom: calc(var(--spacing-base) * 30) !important;
}
.my-30 {
  margin-top: calc(var(--spacing-base) * 30) !important;
  margin-bottom: calc(var(--spacing-base) * 30) !important;
}
.mx-30 {
  margin-left: calc(var(--spacing-base) * 30) !important;
  margin-right: calc(var(--spacing-base) * 30) !important;
}
.ff-code {
  font-family: var(--fonts-family-code) !important;
}
.fw-normal {
  font-weight: normal !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-bold {
  font-weight: 600 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
.text-white {
  color: #fff !important;
}
.text-light {
  color: var(--colors-grey-100) !important;
}
.text-hint {
  color: var(--colors-grey-600) !important;
}
.text-body-secondary {
  color: var(--colors-grey-700) !important;
}
.text-dark {
  color: var(--colors-grey-900) !important;
}
.text-primary {
  color: var(--colors-primary-700) !important;
}
.text-secondary {
  color: var(--colors-secondary-700) !important;
}
.text-success {
  color: var(--colors-success-700) !important;
}
.text-warning {
  color: var(--colors-warning-700) !important;
}
.text-danger {
  color: var(--colors-danger-700) !important;
}
.text-magenta {
  color: var(--colors-magenta-700) !important;
}
.text-cyan {
  color: var(--colors-cyan-700) !important;
}
.text-emerald {
  color: var(--colors-emerald-700) !important;
}
.text-cardinal {
  color: var(--colors-cardinal-700) !important;
}
.text-linkedin {
  color: var(--colors-brand-linkedin-blue) !important;
}
.text-blurred {
  filter: blur(4px);
}
.text-balance {
  text-wrap: balance !important;
}
.text-3xs-semibold {
  font-size: 1rem !important;
  line-height: 1.2rem !important;
  font-weight: 600 !important;
}
.text-2xs {
  font-size: 1.2rem !important;
  line-height: 1.6rem !important;
  font-weight: 400 !important;
}
.text-2xs-medium {
  font-size: 1.2rem !important;
  line-height: 1.6rem !important;
  font-weight: 500 !important;
}
.text-2xs-semibold {
  font-size: 1.2rem !important;
  line-height: 1.6rem !important;
  font-weight: 600 !important;
}
.text-xs {
  font-size: 1.3rem !important;
  line-height: 2rem !important;
  font-weight: 400 !important;
}
.text-xs-medium {
  font-size: 1.3rem !important;
  line-height: 2rem !important;
  font-weight: 500 !important;
}
.text-xs-semibold {
  font-size: 1.3rem !important;
  line-height: 2rem !important;
  font-weight: 600 !important;
}
.text-sm {
  font-size: 1.4rem !important;
  line-height: 2rem !important;
  font-weight: 400 !important;
}
.text-sm-medium {
  font-size: 1.4rem !important;
  line-height: 2rem !important;
  font-weight: 500 !important;
}
.text-md {
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
  font-weight: 400 !important;
}
.text-md-medium {
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
  font-weight: 500 !important;
}
.text-lg {
  font-size: 1.8rem !important;
  line-height: 2.8rem !important;
  font-weight: 400 !important;
}
.text-lg-medium {
  font-size: 1.8rem !important;
  line-height: 2.8rem !important;
  font-weight: 500 !important;
}
.text-xl {
  font-size: 2rem !important;
  line-height: 2.4rem !important;
  font-weight: 400 !important;
}
.text-xl-medium {
  font-size: 2rem !important;
  line-height: 2.4rem !important;
  font-weight: 500 !important;
}
.text-2xl {
  font-size: 2.4rem !important;
  line-height: 3.2rem !important;
  font-weight: 400 !important;
}
.text-2xl-medium {
  font-size: 2.4rem !important;
  line-height: 3.2rem !important;
  font-weight: 500 !important;
}
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
/*! purgecss start ignore */
.white {
  color: #fff;
  fill: #fff;
}
.white[class*=fa-] {
  color: #fff;
  fill: #fff;
}
.white:hover, .white:focus, .white:active {
  color: #fff;
  text-decoration: none;
}
.white a,
.white a:hover,
.white a:focus,
.white a:active {
  border-bottom: 1px solid #fff;
  color: #fff;
  text-decoration: none;
  transition: all 250ms ease;
}
.white a:hover {
  border-color: #fff;
  cursor: pointer;
}
.white a.no-underline {
  border: 0;
}
.white path {
  fill: #fff;
}
.black {
  color: var(--colors-grey-900);
  fill: var(--colors-grey-800);
}
.black[class*=fa-] {
  color: var(--colors-grey-800);
  fill: var(--colors-grey-800);
}
.black:hover, .black:focus, .black:active {
  color: var(--colors-grey-900);
  text-decoration: none;
}
.black a,
.black a:hover,
.black a:focus,
.black a:active {
  border-bottom: 1px solid var(--colors-grey-500);
  color: var(--colors-grey-900);
  text-decoration: none;
  transition: all 250ms ease;
}
.black a:hover {
  border-color: var(--colors-grey-600);
  cursor: pointer;
}
.black a.no-underline {
  border: 0;
}
.black path {
  fill: var(--colors-grey-800);
}
.grey {
  color: var(--colors-grey-600);
  fill: var(--colors-grey-500);
}
.grey[class*=fa-] {
  color: var(--colors-grey-500);
  fill: var(--colors-grey-500);
}
.grey:hover, .grey:focus, .grey:active {
  color: var(--colors-grey-600);
  text-decoration: none;
}
.grey a,
.grey a:hover,
.grey a:focus,
.grey a:active {
  border-bottom: 1px solid var(--colors-grey-300);
  color: var(--colors-grey-600);
  text-decoration: none;
  transition: all 250ms ease;
}
.grey a:hover {
  border-color: var(--colors-grey-400);
  cursor: pointer;
}
.grey a.no-underline {
  border: 0;
}
.grey path {
  fill: var(--colors-grey-500);
}
.light-grey {
  color: var(--colors-grey-600);
  fill: var(--colors-grey-500);
}
.light-grey[class*=fa-] {
  color: var(--colors-grey-500);
  fill: var(--colors-grey-500);
}
.light-grey:hover, .light-grey:focus, .light-grey:active {
  color: var(--colors-grey-600);
  text-decoration: none;
}
.light-grey a,
.light-grey a:hover,
.light-grey a:focus,
.light-grey a:active {
  border-bottom: 1px solid var(--colors-grey-300);
  color: var(--colors-grey-600);
  text-decoration: none;
  transition: all 250ms ease;
}
.light-grey a:hover {
  border-color: var(--colors-grey-400);
  cursor: pointer;
}
.light-grey a.no-underline {
  border: 0;
}
.light-grey path {
  fill: var(--colors-grey-500);
}
.dark-grey {
  color: var(--colors-grey-800);
  fill: var(--colors-grey-700);
}
.dark-grey[class*=fa-] {
  color: var(--colors-grey-700);
  fill: var(--colors-grey-700);
}
.dark-grey:hover, .dark-grey:focus, .dark-grey:active {
  color: var(--colors-grey-800);
  text-decoration: none;
}
.dark-grey a,
.dark-grey a:hover,
.dark-grey a:focus,
.dark-grey a:active {
  border-bottom: 1px solid var(--colors-grey-400);
  color: var(--colors-grey-800);
  text-decoration: none;
  transition: all 250ms ease;
}
.dark-grey a:hover {
  border-color: var(--colors-grey-500);
  cursor: pointer;
}
.dark-grey a.no-underline {
  border: 0;
}
.dark-grey path {
  fill: var(--colors-grey-700);
}
.orange {
  color: var(--colors-primary-700);
  fill: var(--colors-primary-600);
}
.orange[class*=fa-] {
  color: var(--colors-primary-600);
  fill: var(--colors-primary-600);
}
.orange:hover, .orange:focus, .orange:active {
  color: var(--colors-primary-700);
  text-decoration: none;
}
.orange a,
.orange a:hover,
.orange a:focus,
.orange a:active {
  border-bottom: 1px solid var(--colors-primary-300);
  color: var(--colors-primary-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.orange a:hover {
  border-color: var(--colors-primary-400);
  cursor: pointer;
}
.orange a.no-underline {
  border: 0;
}
.orange path {
  fill: var(--colors-primary-600);
}
.purple {
  color: var(--colors-magenta-700);
  fill: var(--colors-magenta-500);
}
.purple[class*=fa-] {
  color: var(--colors-magenta-500);
  fill: var(--colors-magenta-500);
}
.purple:hover, .purple:focus, .purple:active {
  color: var(--colors-magenta-700);
  text-decoration: none;
}
.purple a,
.purple a:hover,
.purple a:focus,
.purple a:active {
  border-bottom: 1px solid var(--colors-magenta-200);
  color: var(--colors-magenta-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.purple a:hover {
  border-color: var(--colors-magenta-500);
  cursor: pointer;
}
.purple a.no-underline {
  border: 0;
}
.purple path {
  fill: var(--colors-magenta-500);
}
.green {
  color: var(--colors-success-700);
  fill: var(--colors-success-600);
}
.green[class*=fa-] {
  color: var(--colors-success-600);
  fill: var(--colors-success-600);
}
.green:hover, .green:focus, .green:active {
  color: var(--colors-success-700);
  text-decoration: none;
}
.green a,
.green a:hover,
.green a:focus,
.green a:active {
  border-bottom: 1px solid var(--colors-success-400);
  color: var(--colors-success-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.green a:hover {
  border-color: var(--colors-success-500);
  cursor: pointer;
}
.green a.no-underline {
  border: 0;
}
.green path {
  fill: var(--colors-success-600);
}
.emerald {
  color: var(--colors-emerald-700);
  fill: var(--colors-emerald-500);
}
.emerald[class*=fa-] {
  color: var(--colors-emerald-500);
  fill: var(--colors-emerald-500);
}
.emerald:hover, .emerald:focus, .emerald:active {
  color: var(--colors-emerald-700);
  text-decoration: none;
}
.emerald a,
.emerald a:hover,
.emerald a:focus,
.emerald a:active {
  border-bottom: 1px solid var(--colors-emerald-200);
  color: var(--colors-emerald-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.emerald a:hover {
  border-color: var(--colors-emerald-500);
  cursor: pointer;
}
.emerald a.no-underline {
  border: 0;
}
.emerald path {
  fill: var(--colors-emerald-500);
}
.dark-green {
  color: var(--colors-success-700);
  fill: var(--colors-success-600);
}
.dark-green[class*=fa-] {
  color: var(--colors-success-600);
  fill: var(--colors-success-600);
}
.dark-green:hover, .dark-green:focus, .dark-green:active {
  color: var(--colors-success-700);
  text-decoration: none;
}
.dark-green a,
.dark-green a:hover,
.dark-green a:focus,
.dark-green a:active {
  border-bottom: 1px solid var(--colors-success-400);
  color: var(--colors-success-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.dark-green a:hover {
  border-color: var(--colors-success-500);
  cursor: pointer;
}
.dark-green a.no-underline {
  border: 0;
}
.dark-green path {
  fill: var(--colors-success-600);
}
.red {
  color: var(--colors-danger-700);
  fill: var(--colors-danger-600);
}
.red[class*=fa-] {
  color: var(--colors-danger-600);
  fill: var(--colors-danger-600);
}
.red:hover, .red:focus, .red:active {
  color: var(--colors-danger-700);
  text-decoration: none;
}
.red a,
.red a:hover,
.red a:focus,
.red a:active {
  border-bottom: 1px solid var(--colors-danger-400);
  color: var(--colors-danger-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.red a:hover {
  border-color: var(--colors-danger-500);
  cursor: pointer;
}
.red a.no-underline {
  border: 0;
}
.red path {
  fill: var(--colors-danger-600);
}
.dark-red {
  color: var(--colors-danger-700);
  fill: var(--colors-danger-600);
}
.dark-red[class*=fa-] {
  color: var(--colors-danger-600);
  fill: var(--colors-danger-600);
}
.dark-red:hover, .dark-red:focus, .dark-red:active {
  color: var(--colors-danger-700);
  text-decoration: none;
}
.dark-red a,
.dark-red a:hover,
.dark-red a:focus,
.dark-red a:active {
  border-bottom: 1px solid var(--colors-danger-400);
  color: var(--colors-danger-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.dark-red a:hover {
  border-color: var(--colors-danger-500);
  cursor: pointer;
}
.dark-red a.no-underline {
  border: 0;
}
.dark-red path {
  fill: var(--colors-danger-600);
}
.beige {
  color: var(--colors-warning-700);
  fill: var(--colors-warning-500);
}
.beige[class*=fa-] {
  color: var(--colors-warning-500);
  fill: var(--colors-warning-500);
}
.beige:hover, .beige:focus, .beige:active {
  color: var(--colors-warning-700);
  text-decoration: none;
}
.beige a,
.beige a:hover,
.beige a:focus,
.beige a:active {
  border-bottom: 1px solid var(--colors-warning-400);
  color: var(--colors-warning-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.beige a:hover {
  border-color: var(--colors-warning-500);
  cursor: pointer;
}
.beige a.no-underline {
  border: 0;
}
.beige path {
  fill: var(--colors-warning-500);
}
.dark-orange {
  color: var(--colors-warning-700);
  fill: var(--colors-warning-500);
}
.dark-orange[class*=fa-] {
  color: var(--colors-warning-500);
  fill: var(--colors-warning-500);
}
.dark-orange:hover, .dark-orange:focus, .dark-orange:active {
  color: var(--colors-warning-700);
  text-decoration: none;
}
.dark-orange a,
.dark-orange a:hover,
.dark-orange a:focus,
.dark-orange a:active {
  border-bottom: 1px solid var(--colors-warning-400);
  color: var(--colors-warning-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.dark-orange a:hover {
  border-color: var(--colors-warning-500);
  cursor: pointer;
}
.dark-orange a.no-underline {
  border: 0;
}
.dark-orange path {
  fill: var(--colors-warning-500);
}
.blue {
  color: var(--colors-secondary-700);
  fill: var(--colors-secondary-600);
}
.blue[class*=fa-] {
  color: var(--colors-secondary-600);
  fill: var(--colors-secondary-600);
}
.blue:hover, .blue:focus, .blue:active {
  color: var(--colors-secondary-700);
  text-decoration: none;
}
.blue a,
.blue a:hover,
.blue a:focus,
.blue a:active {
  border-bottom: 1px solid var(--colors-secondary-400);
  color: var(--colors-secondary-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.blue a:hover {
  border-color: var(--colors-secondary-500);
  cursor: pointer;
}
.blue a.no-underline {
  border: 0;
}
.blue path {
  fill: var(--colors-secondary-600);
}
.cyan {
  color: var(--colors-cyan-700);
  fill: var(--colors-cyan-500);
}
.cyan[class*=fa-] {
  color: var(--colors-cyan-500);
  fill: var(--colors-cyan-500);
}
.cyan:hover, .cyan:focus, .cyan:active {
  color: var(--colors-cyan-700);
  text-decoration: none;
}
.cyan a,
.cyan a:hover,
.cyan a:focus,
.cyan a:active {
  border-bottom: 1px solid var(--colors-cyan-200);
  color: var(--colors-cyan-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.cyan a:hover {
  border-color: var(--colors-cyan-200);
  cursor: pointer;
}
.cyan a.no-underline {
  border: 0;
}
.cyan path {
  fill: var(--colors-cyan-500);
}
.cardinal {
  color: var(--colors-cardinal-700);
  fill: var(--colors-cardinal-500);
}
.cardinal[class*=fa-] {
  color: var(--colors-cardinal-500);
  fill: var(--colors-cardinal-500);
}
.cardinal:hover, .cardinal:focus, .cardinal:active {
  color: var(--colors-cardinal-700);
  text-decoration: none;
}
.cardinal a,
.cardinal a:hover,
.cardinal a:focus,
.cardinal a:active {
  border-bottom: 1px solid var(--colors-cardinal-200);
  color: var(--colors-cardinal-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.cardinal a:hover {
  border-color: var(--colors-cardinal-200);
  cursor: pointer;
}
.cardinal a.no-underline {
  border: 0;
}
.cardinal path {
  fill: var(--colors-cardinal-500);
}
/*! purgecss end ignore */
:root {
  --bs-highlight-color: var(--colors-grey-1000);
  --bs-highlight-bg: var(--colors-warning-400);
  --bs-border-color: var(--colors-grey-300);
  --bs-dropdown-item-border-radius: .2rem;
}
.modal {
  --bs-modal-border-width: .1rem;
}
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #1D262E;
  --bs-white: #fff;
  --bs-gray: #707880;
  --bs-gray-dark: #3A444F;
  --bs-gray-100: #F7F9FA;
  --bs-gray-200: #EEF0F3;
  --bs-gray-300: #DFE3E8;
  --bs-gray-400: #C7CDD4;
  --bs-gray-500: #A1A7AD;
  --bs-gray-600: #707880;
  --bs-gray-700: #4C555E;
  --bs-gray-800: #3A444F;
  --bs-gray-900: #28323B;
  --bs-primary: #FA5320;
  --bs-secondary: #0F8DF4;
  --bs-success: #24A522;
  --bs-info: #0F8DF4;
  --bs-warning: #FFC107;
  --bs-danger: #EE413F;
  --bs-light: #F7F9FA;
  --bs-dark: #1D262E;
  --bs-primary-rgb: 250, 83, 32;
  --bs-secondary-rgb: 15, 141, 244;
  --bs-success-rgb: 36, 165, 34;
  --bs-info-rgb: 15, 141, 244;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 238, 65, 63;
  --bs-light-rgb: 247, 249, 250;
  --bs-dark-rgb: 29, 38, 46;
  --bs-primary-text-emphasis: rgb(100, 33.2, 12.8);
  --bs-secondary-text-emphasis: rgb(6, 56.4, 97.6);
  --bs-success-text-emphasis: rgb(14.4, 66, 13.6);
  --bs-info-text-emphasis: rgb(6, 56.4, 97.6);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(95.2, 26, 25.2);
  --bs-light-text-emphasis: #4C555E;
  --bs-dark-text-emphasis: #4C555E;
  --bs-primary-bg-subtle: rgb(254, 220.6, 210.4);
  --bs-secondary-bg-subtle: rgb(207, 232.2, 252.8);
  --bs-success-bg-subtle: rgb(211.2, 237, 210.8);
  --bs-info-bg-subtle: rgb(207, 232.2, 252.8);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(251.6, 217, 216.6);
  --bs-light-bg-subtle: rgb(251, 252, 252.5);
  --bs-dark-bg-subtle: #C7CDD4;
  --bs-primary-border-subtle: rgb(253, 186.2, 165.8);
  --bs-secondary-border-subtle: rgb(159, 209.4, 250.6);
  --bs-success-border-subtle: rgb(167.4, 219, 166.6);
  --bs-info-border-subtle: rgb(159, 209.4, 250.6);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(248.2, 179, 178.2);
  --bs-light-border-subtle: #EEF0F3;
  --bs-dark-border-subtle: #A1A7AD;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 29, 38, 46;
  --bs-font-sans-serif: var(--fonts-family-body);
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-root-font-size: 62.5%;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: calc(1.265rem + 0.18vw);
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #28323B;
  --bs-body-color-rgb: 40, 50, 59;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #1D262E;
  --bs-emphasis-color-rgb: 29, 38, 46;
  --bs-secondary-color: rgba(40, 50, 59, 0.75);
  --bs-secondary-color-rgb: 40, 50, 59;
  --bs-secondary-bg: #EEF0F3;
  --bs-secondary-bg-rgb: 238, 240, 243;
  --bs-tertiary-color: rgba(40, 50, 59, 0.5);
  --bs-tertiary-color-rgb: 40, 50, 59;
  --bs-tertiary-bg: #F7F9FA;
  --bs-tertiary-bg-rgb: 247, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #FA5320;
  --bs-link-color-rgb: 250, 83, 32;
  --bs-link-decoration: none;
  --bs-link-hover-color: rgb(200, 66.4, 25.6);
  --bs-link-hover-color-rgb: 200, 66, 26;
  --bs-code-color: #d63384;
  --bs-highlight-color: #28323B;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #DFE3E8;
  --bs-border-color-translucent: rgba(29, 38, 46, 0.175);
  --bs-border-radius: 0.4rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(29, 38, 46, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(29, 38, 46, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(29, 38, 46, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(29, 38, 46, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(250, 83, 32, 0.25);
  --bs-form-valid-color: #24A522;
  --bs-form-valid-border-color: #24A522;
  --bs-form-invalid-color: #EE413F;
  --bs-form-invalid-border-color: #EE413F;
}
@media (min-width: 1200px) {
  :root,
  [data-bs-theme=light] {
    --bs-body-font-size: 1.4rem;
  }
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #DFE3E8;
  --bs-body-color-rgb: 223, 227, 232;
  --bs-body-bg: #28323B;
  --bs-body-bg-rgb: 40, 50, 59;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(223, 227, 232, 0.75);
  --bs-secondary-color-rgb: 223, 227, 232;
  --bs-secondary-bg: #3A444F;
  --bs-secondary-bg-rgb: 58, 68, 79;
  --bs-tertiary-color: rgba(223, 227, 232, 0.5);
  --bs-tertiary-color-rgb: 223, 227, 232;
  --bs-tertiary-bg: #313b45;
  --bs-tertiary-bg-rgb: 49, 59, 69;
  --bs-primary-text-emphasis: rgb(252, 151.8, 121.2);
  --bs-secondary-text-emphasis: rgb(111, 186.6, 248.4);
  --bs-success-text-emphasis: rgb(123.6, 201, 122.4);
  --bs-info-text-emphasis: rgb(111, 186.6, 248.4);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(244.8, 141, 139.8);
  --bs-light-text-emphasis: #F7F9FA;
  --bs-dark-text-emphasis: #DFE3E8;
  --bs-primary-bg-subtle: rgb(50, 16.6, 6.4);
  --bs-secondary-bg-subtle: rgb(3, 28.2, 48.8);
  --bs-success-bg-subtle: rgb(7.2, 33, 6.8);
  --bs-info-bg-subtle: rgb(3, 28.2, 48.8);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(47.6, 13, 12.6);
  --bs-light-bg-subtle: #3A444F;
  --bs-dark-bg-subtle: rgb(43.5, 53, 62.5);
  --bs-primary-border-subtle: rgb(150, 49.8, 19.2);
  --bs-secondary-border-subtle: rgb(9, 84.6, 146.4);
  --bs-success-border-subtle: rgb(21.6, 99, 20.4);
  --bs-info-border-subtle: rgb(9, 84.6, 146.4);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(142.8, 39, 37.8);
  --bs-light-border-subtle: #4C555E;
  --bs-dark-border-subtle: #3A444F;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(252, 151.8, 121.2);
  --bs-link-hover-color: rgb(252.6, 172.44, 147.96);
  --bs-link-color-rgb: 252, 152, 121;
  --bs-link-hover-color-rgb: 253, 172, 148;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #DFE3E8;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #4C555E;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
:root {
  font-size: var(--bs-root-font-size);
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(29, 38, 46, 0);
}
hr {
  margin: 1.6rem 0;
  color: inherit;
  border: 0;
  border-top: 0.1rem solid var(--colors-grey-300);
  opacity: 1;
}
h6, h5, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1 {
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 3.5rem;
  }
}
h2 {
  font-size: calc(1.405rem + 1.86vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2.8rem;
  }
}
h3 {
  font-size: calc(1.37rem + 1.44vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 2.45rem;
  }
}
h4 {
  font-size: calc(1.335rem + 1.02vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 2.1rem;
  }
}
h5 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h5 {
    font-size: 1.75rem;
  }
}
h6 {
  font-size: calc(1.265rem + 0.18vw);
}
@media (min-width: 1200px) {
  h6 {
    font-size: 1.4rem;
  }
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 0.875em;
}
mark {
  padding: var(--spacing-005);
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: none;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--fonts-family-code);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 3.2rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 3.2rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-auto,
.gx-auto {
  --bs-gutter-x: auto;
}
.g-auto,
.gy-auto {
  --bs-gutter-y: auto;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-05,
.gx-05 {
  --bs-gutter-x: calc(var(--spacing-base) / 2);
}
.g-05,
.gy-05 {
  --bs-gutter-y: calc(var(--spacing-base) / 2);
}
.g-1,
.gx-1 {
  --bs-gutter-x: calc(var(--spacing-base));
}
.g-1,
.gy-1 {
  --bs-gutter-y: calc(var(--spacing-base));
}
.g-2,
.gx-2 {
  --bs-gutter-x: calc(var(--spacing-base) * 2);
}
.g-2,
.gy-2 {
  --bs-gutter-y: calc(var(--spacing-base) * 2);
}
.g-3,
.gx-3 {
  --bs-gutter-x: calc(var(--spacing-base) * 3);
}
.g-3,
.gy-3 {
  --bs-gutter-y: calc(var(--spacing-base) * 3);
}
.g-4,
.gx-4 {
  --bs-gutter-x: calc(var(--spacing-base) * 4);
}
.g-4,
.gy-4 {
  --bs-gutter-y: calc(var(--spacing-base) * 4);
}
.g-5,
.gx-5 {
  --bs-gutter-x: calc(var(--spacing-base) * 5);
}
.g-5,
.gy-5 {
  --bs-gutter-y: calc(var(--spacing-base) * 5);
}
.g-6,
.gx-6 {
  --bs-gutter-x: calc(var(--spacing-base) * 6);
}
.g-6,
.gy-6 {
  --bs-gutter-y: calc(var(--spacing-base) * 6);
}
.g-8,
.gx-8 {
  --bs-gutter-x: calc(var(--spacing-base) * 8);
}
.g-8,
.gy-8 {
  --bs-gutter-y: calc(var(--spacing-base) * 8);
}
.g-10,
.gx-10 {
  --bs-gutter-x: calc(var(--spacing-base) * 10);
}
.g-10,
.gy-10 {
  --bs-gutter-y: calc(var(--spacing-base) * 10);
}
.g-12,
.gx-12 {
  --bs-gutter-x: calc(var(--spacing-base) * 12);
}
.g-12,
.gy-12 {
  --bs-gutter-y: calc(var(--spacing-base) * 12);
}
.g-14,
.gx-14 {
  --bs-gutter-x: calc(var(--spacing-base) * 14);
}
.g-14,
.gy-14 {
  --bs-gutter-y: calc(var(--spacing-base) * 14);
}
.g-16,
.gx-16 {
  --bs-gutter-x: calc(var(--spacing-base) * 16);
}
.g-16,
.gy-16 {
  --bs-gutter-y: calc(var(--spacing-base) * 16);
}
.g-20,
.gx-20 {
  --bs-gutter-x: calc(var(--spacing-base) * 20);
}
.g-20,
.gy-20 {
  --bs-gutter-y: calc(var(--spacing-base) * 20);
}
.g-24,
.gx-24 {
  --bs-gutter-x: calc(var(--spacing-base) * 24);
}
.g-24,
.gy-24 {
  --bs-gutter-y: calc(var(--spacing-base) * 24);
}
.g-30,
.gx-30 {
  --bs-gutter-x: calc(var(--spacing-base) * 30);
}
.g-30,
.gy-30 {
  --bs-gutter-y: calc(var(--spacing-base) * 30);
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-auto,
  .gx-sm-auto {
    --bs-gutter-x: auto;
  }
  .g-sm-auto,
  .gy-sm-auto {
    --bs-gutter-y: auto;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-05,
  .gx-sm-05 {
    --bs-gutter-x: calc(var(--spacing-base) / 2);
  }
  .g-sm-05,
  .gy-sm-05 {
    --bs-gutter-y: calc(var(--spacing-base) / 2);
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: calc(var(--spacing-base));
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: calc(var(--spacing-base));
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: calc(var(--spacing-base) * 2);
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: calc(var(--spacing-base) * 2);
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: calc(var(--spacing-base) * 3);
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: calc(var(--spacing-base) * 3);
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: calc(var(--spacing-base) * 4);
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: calc(var(--spacing-base) * 4);
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: calc(var(--spacing-base) * 5);
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: calc(var(--spacing-base) * 5);
  }
  .g-sm-6,
  .gx-sm-6 {
    --bs-gutter-x: calc(var(--spacing-base) * 6);
  }
  .g-sm-6,
  .gy-sm-6 {
    --bs-gutter-y: calc(var(--spacing-base) * 6);
  }
  .g-sm-8,
  .gx-sm-8 {
    --bs-gutter-x: calc(var(--spacing-base) * 8);
  }
  .g-sm-8,
  .gy-sm-8 {
    --bs-gutter-y: calc(var(--spacing-base) * 8);
  }
  .g-sm-10,
  .gx-sm-10 {
    --bs-gutter-x: calc(var(--spacing-base) * 10);
  }
  .g-sm-10,
  .gy-sm-10 {
    --bs-gutter-y: calc(var(--spacing-base) * 10);
  }
  .g-sm-12,
  .gx-sm-12 {
    --bs-gutter-x: calc(var(--spacing-base) * 12);
  }
  .g-sm-12,
  .gy-sm-12 {
    --bs-gutter-y: calc(var(--spacing-base) * 12);
  }
  .g-sm-14,
  .gx-sm-14 {
    --bs-gutter-x: calc(var(--spacing-base) * 14);
  }
  .g-sm-14,
  .gy-sm-14 {
    --bs-gutter-y: calc(var(--spacing-base) * 14);
  }
  .g-sm-16,
  .gx-sm-16 {
    --bs-gutter-x: calc(var(--spacing-base) * 16);
  }
  .g-sm-16,
  .gy-sm-16 {
    --bs-gutter-y: calc(var(--spacing-base) * 16);
  }
  .g-sm-20,
  .gx-sm-20 {
    --bs-gutter-x: calc(var(--spacing-base) * 20);
  }
  .g-sm-20,
  .gy-sm-20 {
    --bs-gutter-y: calc(var(--spacing-base) * 20);
  }
  .g-sm-24,
  .gx-sm-24 {
    --bs-gutter-x: calc(var(--spacing-base) * 24);
  }
  .g-sm-24,
  .gy-sm-24 {
    --bs-gutter-y: calc(var(--spacing-base) * 24);
  }
  .g-sm-30,
  .gx-sm-30 {
    --bs-gutter-x: calc(var(--spacing-base) * 30);
  }
  .g-sm-30,
  .gy-sm-30 {
    --bs-gutter-y: calc(var(--spacing-base) * 30);
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-auto,
  .gx-md-auto {
    --bs-gutter-x: auto;
  }
  .g-md-auto,
  .gy-md-auto {
    --bs-gutter-y: auto;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-05,
  .gx-md-05 {
    --bs-gutter-x: calc(var(--spacing-base) / 2);
  }
  .g-md-05,
  .gy-md-05 {
    --bs-gutter-y: calc(var(--spacing-base) / 2);
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: calc(var(--spacing-base));
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: calc(var(--spacing-base));
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: calc(var(--spacing-base) * 2);
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: calc(var(--spacing-base) * 2);
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: calc(var(--spacing-base) * 3);
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: calc(var(--spacing-base) * 3);
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: calc(var(--spacing-base) * 4);
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: calc(var(--spacing-base) * 4);
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: calc(var(--spacing-base) * 5);
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: calc(var(--spacing-base) * 5);
  }
  .g-md-6,
  .gx-md-6 {
    --bs-gutter-x: calc(var(--spacing-base) * 6);
  }
  .g-md-6,
  .gy-md-6 {
    --bs-gutter-y: calc(var(--spacing-base) * 6);
  }
  .g-md-8,
  .gx-md-8 {
    --bs-gutter-x: calc(var(--spacing-base) * 8);
  }
  .g-md-8,
  .gy-md-8 {
    --bs-gutter-y: calc(var(--spacing-base) * 8);
  }
  .g-md-10,
  .gx-md-10 {
    --bs-gutter-x: calc(var(--spacing-base) * 10);
  }
  .g-md-10,
  .gy-md-10 {
    --bs-gutter-y: calc(var(--spacing-base) * 10);
  }
  .g-md-12,
  .gx-md-12 {
    --bs-gutter-x: calc(var(--spacing-base) * 12);
  }
  .g-md-12,
  .gy-md-12 {
    --bs-gutter-y: calc(var(--spacing-base) * 12);
  }
  .g-md-14,
  .gx-md-14 {
    --bs-gutter-x: calc(var(--spacing-base) * 14);
  }
  .g-md-14,
  .gy-md-14 {
    --bs-gutter-y: calc(var(--spacing-base) * 14);
  }
  .g-md-16,
  .gx-md-16 {
    --bs-gutter-x: calc(var(--spacing-base) * 16);
  }
  .g-md-16,
  .gy-md-16 {
    --bs-gutter-y: calc(var(--spacing-base) * 16);
  }
  .g-md-20,
  .gx-md-20 {
    --bs-gutter-x: calc(var(--spacing-base) * 20);
  }
  .g-md-20,
  .gy-md-20 {
    --bs-gutter-y: calc(var(--spacing-base) * 20);
  }
  .g-md-24,
  .gx-md-24 {
    --bs-gutter-x: calc(var(--spacing-base) * 24);
  }
  .g-md-24,
  .gy-md-24 {
    --bs-gutter-y: calc(var(--spacing-base) * 24);
  }
  .g-md-30,
  .gx-md-30 {
    --bs-gutter-x: calc(var(--spacing-base) * 30);
  }
  .g-md-30,
  .gy-md-30 {
    --bs-gutter-y: calc(var(--spacing-base) * 30);
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-auto,
  .gx-lg-auto {
    --bs-gutter-x: auto;
  }
  .g-lg-auto,
  .gy-lg-auto {
    --bs-gutter-y: auto;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-05,
  .gx-lg-05 {
    --bs-gutter-x: calc(var(--spacing-base) / 2);
  }
  .g-lg-05,
  .gy-lg-05 {
    --bs-gutter-y: calc(var(--spacing-base) / 2);
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: calc(var(--spacing-base));
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: calc(var(--spacing-base));
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: calc(var(--spacing-base) * 2);
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: calc(var(--spacing-base) * 2);
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: calc(var(--spacing-base) * 3);
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: calc(var(--spacing-base) * 3);
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: calc(var(--spacing-base) * 4);
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: calc(var(--spacing-base) * 4);
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: calc(var(--spacing-base) * 5);
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: calc(var(--spacing-base) * 5);
  }
  .g-lg-6,
  .gx-lg-6 {
    --bs-gutter-x: calc(var(--spacing-base) * 6);
  }
  .g-lg-6,
  .gy-lg-6 {
    --bs-gutter-y: calc(var(--spacing-base) * 6);
  }
  .g-lg-8,
  .gx-lg-8 {
    --bs-gutter-x: calc(var(--spacing-base) * 8);
  }
  .g-lg-8,
  .gy-lg-8 {
    --bs-gutter-y: calc(var(--spacing-base) * 8);
  }
  .g-lg-10,
  .gx-lg-10 {
    --bs-gutter-x: calc(var(--spacing-base) * 10);
  }
  .g-lg-10,
  .gy-lg-10 {
    --bs-gutter-y: calc(var(--spacing-base) * 10);
  }
  .g-lg-12,
  .gx-lg-12 {
    --bs-gutter-x: calc(var(--spacing-base) * 12);
  }
  .g-lg-12,
  .gy-lg-12 {
    --bs-gutter-y: calc(var(--spacing-base) * 12);
  }
  .g-lg-14,
  .gx-lg-14 {
    --bs-gutter-x: calc(var(--spacing-base) * 14);
  }
  .g-lg-14,
  .gy-lg-14 {
    --bs-gutter-y: calc(var(--spacing-base) * 14);
  }
  .g-lg-16,
  .gx-lg-16 {
    --bs-gutter-x: calc(var(--spacing-base) * 16);
  }
  .g-lg-16,
  .gy-lg-16 {
    --bs-gutter-y: calc(var(--spacing-base) * 16);
  }
  .g-lg-20,
  .gx-lg-20 {
    --bs-gutter-x: calc(var(--spacing-base) * 20);
  }
  .g-lg-20,
  .gy-lg-20 {
    --bs-gutter-y: calc(var(--spacing-base) * 20);
  }
  .g-lg-24,
  .gx-lg-24 {
    --bs-gutter-x: calc(var(--spacing-base) * 24);
  }
  .g-lg-24,
  .gy-lg-24 {
    --bs-gutter-y: calc(var(--spacing-base) * 24);
  }
  .g-lg-30,
  .gx-lg-30 {
    --bs-gutter-x: calc(var(--spacing-base) * 30);
  }
  .g-lg-30,
  .gy-lg-30 {
    --bs-gutter-y: calc(var(--spacing-base) * 30);
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-auto,
  .gx-xl-auto {
    --bs-gutter-x: auto;
  }
  .g-xl-auto,
  .gy-xl-auto {
    --bs-gutter-y: auto;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-05,
  .gx-xl-05 {
    --bs-gutter-x: calc(var(--spacing-base) / 2);
  }
  .g-xl-05,
  .gy-xl-05 {
    --bs-gutter-y: calc(var(--spacing-base) / 2);
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: calc(var(--spacing-base));
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: calc(var(--spacing-base));
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: calc(var(--spacing-base) * 2);
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: calc(var(--spacing-base) * 2);
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: calc(var(--spacing-base) * 3);
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: calc(var(--spacing-base) * 3);
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: calc(var(--spacing-base) * 4);
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: calc(var(--spacing-base) * 4);
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: calc(var(--spacing-base) * 5);
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: calc(var(--spacing-base) * 5);
  }
  .g-xl-6,
  .gx-xl-6 {
    --bs-gutter-x: calc(var(--spacing-base) * 6);
  }
  .g-xl-6,
  .gy-xl-6 {
    --bs-gutter-y: calc(var(--spacing-base) * 6);
  }
  .g-xl-8,
  .gx-xl-8 {
    --bs-gutter-x: calc(var(--spacing-base) * 8);
  }
  .g-xl-8,
  .gy-xl-8 {
    --bs-gutter-y: calc(var(--spacing-base) * 8);
  }
  .g-xl-10,
  .gx-xl-10 {
    --bs-gutter-x: calc(var(--spacing-base) * 10);
  }
  .g-xl-10,
  .gy-xl-10 {
    --bs-gutter-y: calc(var(--spacing-base) * 10);
  }
  .g-xl-12,
  .gx-xl-12 {
    --bs-gutter-x: calc(var(--spacing-base) * 12);
  }
  .g-xl-12,
  .gy-xl-12 {
    --bs-gutter-y: calc(var(--spacing-base) * 12);
  }
  .g-xl-14,
  .gx-xl-14 {
    --bs-gutter-x: calc(var(--spacing-base) * 14);
  }
  .g-xl-14,
  .gy-xl-14 {
    --bs-gutter-y: calc(var(--spacing-base) * 14);
  }
  .g-xl-16,
  .gx-xl-16 {
    --bs-gutter-x: calc(var(--spacing-base) * 16);
  }
  .g-xl-16,
  .gy-xl-16 {
    --bs-gutter-y: calc(var(--spacing-base) * 16);
  }
  .g-xl-20,
  .gx-xl-20 {
    --bs-gutter-x: calc(var(--spacing-base) * 20);
  }
  .g-xl-20,
  .gy-xl-20 {
    --bs-gutter-y: calc(var(--spacing-base) * 20);
  }
  .g-xl-24,
  .gx-xl-24 {
    --bs-gutter-x: calc(var(--spacing-base) * 24);
  }
  .g-xl-24,
  .gy-xl-24 {
    --bs-gutter-y: calc(var(--spacing-base) * 24);
  }
  .g-xl-30,
  .gx-xl-30 {
    --bs-gutter-x: calc(var(--spacing-base) * 30);
  }
  .g-xl-30,
  .gy-xl-30 {
    --bs-gutter-y: calc(var(--spacing-base) * 30);
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-auto,
  .gx-xxl-auto {
    --bs-gutter-x: auto;
  }
  .g-xxl-auto,
  .gy-xxl-auto {
    --bs-gutter-y: auto;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-05,
  .gx-xxl-05 {
    --bs-gutter-x: calc(var(--spacing-base) / 2);
  }
  .g-xxl-05,
  .gy-xxl-05 {
    --bs-gutter-y: calc(var(--spacing-base) / 2);
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: calc(var(--spacing-base));
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: calc(var(--spacing-base));
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: calc(var(--spacing-base) * 2);
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: calc(var(--spacing-base) * 2);
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: calc(var(--spacing-base) * 3);
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: calc(var(--spacing-base) * 3);
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: calc(var(--spacing-base) * 4);
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: calc(var(--spacing-base) * 4);
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: calc(var(--spacing-base) * 5);
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: calc(var(--spacing-base) * 5);
  }
  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: calc(var(--spacing-base) * 6);
  }
  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: calc(var(--spacing-base) * 6);
  }
  .g-xxl-8,
  .gx-xxl-8 {
    --bs-gutter-x: calc(var(--spacing-base) * 8);
  }
  .g-xxl-8,
  .gy-xxl-8 {
    --bs-gutter-y: calc(var(--spacing-base) * 8);
  }
  .g-xxl-10,
  .gx-xxl-10 {
    --bs-gutter-x: calc(var(--spacing-base) * 10);
  }
  .g-xxl-10,
  .gy-xxl-10 {
    --bs-gutter-y: calc(var(--spacing-base) * 10);
  }
  .g-xxl-12,
  .gx-xxl-12 {
    --bs-gutter-x: calc(var(--spacing-base) * 12);
  }
  .g-xxl-12,
  .gy-xxl-12 {
    --bs-gutter-y: calc(var(--spacing-base) * 12);
  }
  .g-xxl-14,
  .gx-xxl-14 {
    --bs-gutter-x: calc(var(--spacing-base) * 14);
  }
  .g-xxl-14,
  .gy-xxl-14 {
    --bs-gutter-y: calc(var(--spacing-base) * 14);
  }
  .g-xxl-16,
  .gx-xxl-16 {
    --bs-gutter-x: calc(var(--spacing-base) * 16);
  }
  .g-xxl-16,
  .gy-xxl-16 {
    --bs-gutter-y: calc(var(--spacing-base) * 16);
  }
  .g-xxl-20,
  .gx-xxl-20 {
    --bs-gutter-x: calc(var(--spacing-base) * 20);
  }
  .g-xxl-20,
  .gy-xxl-20 {
    --bs-gutter-y: calc(var(--spacing-base) * 20);
  }
  .g-xxl-24,
  .gx-xxl-24 {
    --bs-gutter-x: calc(var(--spacing-base) * 24);
  }
  .g-xxl-24,
  .gy-xxl-24 {
    --bs-gutter-y: calc(var(--spacing-base) * 24);
  }
  .g-xxl-30,
  .gx-xxl-30 {
    --bs-gutter-x: calc(var(--spacing-base) * 30);
  }
  .g-xxl-30,
  .gy-xxl-30 {
    --bs-gutter-y: calc(var(--spacing-base) * 30);
  }
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 20rem;
  --bs-dropdown-padding-x: var(--spacing-01);
  --bs-dropdown-padding-y: var(--spacing-01);
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: calc(1.255rem + 0.06vw);
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--colors-grey-300);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--colors-grey-300);
  --bs-dropdown-divider-margin-y: var(--spacing-005);
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: var(--colors-grey-900);
  --bs-dropdown-link-active-bg: var(--colors-grey-100);
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: var(--spacing-02);
  --bs-dropdown-item-padding-y: var(--spacing-02);
  --bs-dropdown-header-color: #707880;
  --bs-dropdown-header-padding-x: var(--spacing-02);
  --bs-dropdown-header-padding-y: var(--spacing-01);
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
@media (min-width: 1200px) {
  .dropdown-menu {
    --bs-dropdown-font-size: 1.3rem;
  }
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 1.225rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #DFE3E8;
  --bs-dropdown-bg: #3A444F;
  --bs-dropdown-border-color: var(--colors-grey-300);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #DFE3E8;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--colors-grey-300);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: var(--colors-grey-900);
  --bs-dropdown-link-active-bg: var(--colors-grey-100);
  --bs-dropdown-link-disabled-color: #A1A7AD;
  --bs-dropdown-header-color: #A1A7AD;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 60rem;
  --bs-modal-padding: 1.6rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--colors-grey-300);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: 0.8rem;
  --bs-modal-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1);
  --bs-modal-inner-border-radius: calc(0.8rem - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1.6rem;
  --bs-modal-header-padding-y: 1.6rem;
  --bs-modal-header-padding: 1.6rem 1.6rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #1D262E;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 30rem;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 86rem;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 114rem;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.8rem;
  --bs-tooltip-padding-y: 0.4rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: calc(1.255rem + 0.06vw);
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: var(--colors-grey-1000);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.95;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
@media (min-width: 1200px) {
  .tooltip {
    --bs-tooltip-font-size: 1.3rem;
  }
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: calc(1.255rem + 0.06vw);
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1.6rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: calc(1.265rem + 0.18vw);
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: var(--spacing-03);
  --bs-popover-body-padding-y: var(--spacing-02);
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
@media (min-width: 1200px) {
  .popover {
    --bs-popover-font-size: 1.3rem;
  }
}
@media (min-width: 1200px) {
  .popover {
    --bs-popover-header-font-size: 1.4rem;
  }
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.hidden,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.gap-auto {
  gap: auto !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-05 {
  gap: calc(var(--spacing-base) / 2) !important;
}
.gap-1 {
  gap: calc(var(--spacing-base)) !important;
}
.gap-2 {
  gap: calc(var(--spacing-base) * 2) !important;
}
.gap-3 {
  gap: calc(var(--spacing-base) * 3) !important;
}
.gap-4 {
  gap: calc(var(--spacing-base) * 4) !important;
}
.gap-5 {
  gap: calc(var(--spacing-base) * 5) !important;
}
.gap-6 {
  gap: calc(var(--spacing-base) * 6) !important;
}
.gap-8 {
  gap: calc(var(--spacing-base) * 8) !important;
}
.gap-10 {
  gap: calc(var(--spacing-base) * 10) !important;
}
.gap-12 {
  gap: calc(var(--spacing-base) * 12) !important;
}
.gap-14 {
  gap: calc(var(--spacing-base) * 14) !important;
}
.gap-16 {
  gap: calc(var(--spacing-base) * 16) !important;
}
.gap-20 {
  gap: calc(var(--spacing-base) * 20) !important;
}
.gap-24 {
  gap: calc(var(--spacing-base) * 24) !important;
}
.gap-30 {
  gap: calc(var(--spacing-base) * 30) !important;
}
.row-gap-auto {
  row-gap: auto !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-05 {
  row-gap: calc(var(--spacing-base) / 2) !important;
}
.row-gap-1 {
  row-gap: calc(var(--spacing-base)) !important;
}
.row-gap-2 {
  row-gap: calc(var(--spacing-base) * 2) !important;
}
.row-gap-3 {
  row-gap: calc(var(--spacing-base) * 3) !important;
}
.row-gap-4 {
  row-gap: calc(var(--spacing-base) * 4) !important;
}
.row-gap-5 {
  row-gap: calc(var(--spacing-base) * 5) !important;
}
.row-gap-6 {
  row-gap: calc(var(--spacing-base) * 6) !important;
}
.row-gap-8 {
  row-gap: calc(var(--spacing-base) * 8) !important;
}
.row-gap-10 {
  row-gap: calc(var(--spacing-base) * 10) !important;
}
.row-gap-12 {
  row-gap: calc(var(--spacing-base) * 12) !important;
}
.row-gap-14 {
  row-gap: calc(var(--spacing-base) * 14) !important;
}
.row-gap-16 {
  row-gap: calc(var(--spacing-base) * 16) !important;
}
.row-gap-20 {
  row-gap: calc(var(--spacing-base) * 20) !important;
}
.row-gap-24 {
  row-gap: calc(var(--spacing-base) * 24) !important;
}
.row-gap-30 {
  row-gap: calc(var(--spacing-base) * 30) !important;
}
.column-gap-auto {
  column-gap: auto !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-05 {
  column-gap: calc(var(--spacing-base) / 2) !important;
}
.column-gap-1 {
  column-gap: calc(var(--spacing-base)) !important;
}
.column-gap-2 {
  column-gap: calc(var(--spacing-base) * 2) !important;
}
.column-gap-3 {
  column-gap: calc(var(--spacing-base) * 3) !important;
}
.column-gap-4 {
  column-gap: calc(var(--spacing-base) * 4) !important;
}
.column-gap-5 {
  column-gap: calc(var(--spacing-base) * 5) !important;
}
.column-gap-6 {
  column-gap: calc(var(--spacing-base) * 6) !important;
}
.column-gap-8 {
  column-gap: calc(var(--spacing-base) * 8) !important;
}
.column-gap-10 {
  column-gap: calc(var(--spacing-base) * 10) !important;
}
.column-gap-12 {
  column-gap: calc(var(--spacing-base) * 12) !important;
}
.column-gap-14 {
  column-gap: calc(var(--spacing-base) * 14) !important;
}
.column-gap-16 {
  column-gap: calc(var(--spacing-base) * 16) !important;
}
.column-gap-20 {
  column-gap: calc(var(--spacing-base) * 20) !important;
}
.column-gap-24 {
  column-gap: calc(var(--spacing-base) * 24) !important;
}
.column-gap-30 {
  column-gap: calc(var(--spacing-base) * 30) !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.475rem + 2.7vw) !important;
}
.fs-2 {
  font-size: calc(1.405rem + 1.86vw) !important;
}
.fs-3 {
  font-size: calc(1.37rem + 1.44vw) !important;
}
.fs-4 {
  font-size: calc(1.335rem + 1.02vw) !important;
}
.fs-5 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-6 {
  font-size: calc(1.265rem + 0.18vw) !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(29, 38, 46, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  user-select: all !important;
}
.user-select-auto {
  user-select: auto !important;
}
.user-select-none {
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .gap-sm-auto {
    gap: auto !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-05 {
    gap: calc(var(--spacing-base) / 2) !important;
  }
  .gap-sm-1 {
    gap: calc(var(--spacing-base)) !important;
  }
  .gap-sm-2 {
    gap: calc(var(--spacing-base) * 2) !important;
  }
  .gap-sm-3 {
    gap: calc(var(--spacing-base) * 3) !important;
  }
  .gap-sm-4 {
    gap: calc(var(--spacing-base) * 4) !important;
  }
  .gap-sm-5 {
    gap: calc(var(--spacing-base) * 5) !important;
  }
  .gap-sm-6 {
    gap: calc(var(--spacing-base) * 6) !important;
  }
  .gap-sm-8 {
    gap: calc(var(--spacing-base) * 8) !important;
  }
  .gap-sm-10 {
    gap: calc(var(--spacing-base) * 10) !important;
  }
  .gap-sm-12 {
    gap: calc(var(--spacing-base) * 12) !important;
  }
  .gap-sm-14 {
    gap: calc(var(--spacing-base) * 14) !important;
  }
  .gap-sm-16 {
    gap: calc(var(--spacing-base) * 16) !important;
  }
  .gap-sm-20 {
    gap: calc(var(--spacing-base) * 20) !important;
  }
  .gap-sm-24 {
    gap: calc(var(--spacing-base) * 24) !important;
  }
  .gap-sm-30 {
    gap: calc(var(--spacing-base) * 30) !important;
  }
  .row-gap-sm-auto {
    row-gap: auto !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-05 {
    row-gap: calc(var(--spacing-base) / 2) !important;
  }
  .row-gap-sm-1 {
    row-gap: calc(var(--spacing-base)) !important;
  }
  .row-gap-sm-2 {
    row-gap: calc(var(--spacing-base) * 2) !important;
  }
  .row-gap-sm-3 {
    row-gap: calc(var(--spacing-base) * 3) !important;
  }
  .row-gap-sm-4 {
    row-gap: calc(var(--spacing-base) * 4) !important;
  }
  .row-gap-sm-5 {
    row-gap: calc(var(--spacing-base) * 5) !important;
  }
  .row-gap-sm-6 {
    row-gap: calc(var(--spacing-base) * 6) !important;
  }
  .row-gap-sm-8 {
    row-gap: calc(var(--spacing-base) * 8) !important;
  }
  .row-gap-sm-10 {
    row-gap: calc(var(--spacing-base) * 10) !important;
  }
  .row-gap-sm-12 {
    row-gap: calc(var(--spacing-base) * 12) !important;
  }
  .row-gap-sm-14 {
    row-gap: calc(var(--spacing-base) * 14) !important;
  }
  .row-gap-sm-16 {
    row-gap: calc(var(--spacing-base) * 16) !important;
  }
  .row-gap-sm-20 {
    row-gap: calc(var(--spacing-base) * 20) !important;
  }
  .row-gap-sm-24 {
    row-gap: calc(var(--spacing-base) * 24) !important;
  }
  .row-gap-sm-30 {
    row-gap: calc(var(--spacing-base) * 30) !important;
  }
  .column-gap-sm-auto {
    column-gap: auto !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-05 {
    column-gap: calc(var(--spacing-base) / 2) !important;
  }
  .column-gap-sm-1 {
    column-gap: calc(var(--spacing-base)) !important;
  }
  .column-gap-sm-2 {
    column-gap: calc(var(--spacing-base) * 2) !important;
  }
  .column-gap-sm-3 {
    column-gap: calc(var(--spacing-base) * 3) !important;
  }
  .column-gap-sm-4 {
    column-gap: calc(var(--spacing-base) * 4) !important;
  }
  .column-gap-sm-5 {
    column-gap: calc(var(--spacing-base) * 5) !important;
  }
  .column-gap-sm-6 {
    column-gap: calc(var(--spacing-base) * 6) !important;
  }
  .column-gap-sm-8 {
    column-gap: calc(var(--spacing-base) * 8) !important;
  }
  .column-gap-sm-10 {
    column-gap: calc(var(--spacing-base) * 10) !important;
  }
  .column-gap-sm-12 {
    column-gap: calc(var(--spacing-base) * 12) !important;
  }
  .column-gap-sm-14 {
    column-gap: calc(var(--spacing-base) * 14) !important;
  }
  .column-gap-sm-16 {
    column-gap: calc(var(--spacing-base) * 16) !important;
  }
  .column-gap-sm-20 {
    column-gap: calc(var(--spacing-base) * 20) !important;
  }
  .column-gap-sm-24 {
    column-gap: calc(var(--spacing-base) * 24) !important;
  }
  .column-gap-sm-30 {
    column-gap: calc(var(--spacing-base) * 30) !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .gap-md-auto {
    gap: auto !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-05 {
    gap: calc(var(--spacing-base) / 2) !important;
  }
  .gap-md-1 {
    gap: calc(var(--spacing-base)) !important;
  }
  .gap-md-2 {
    gap: calc(var(--spacing-base) * 2) !important;
  }
  .gap-md-3 {
    gap: calc(var(--spacing-base) * 3) !important;
  }
  .gap-md-4 {
    gap: calc(var(--spacing-base) * 4) !important;
  }
  .gap-md-5 {
    gap: calc(var(--spacing-base) * 5) !important;
  }
  .gap-md-6 {
    gap: calc(var(--spacing-base) * 6) !important;
  }
  .gap-md-8 {
    gap: calc(var(--spacing-base) * 8) !important;
  }
  .gap-md-10 {
    gap: calc(var(--spacing-base) * 10) !important;
  }
  .gap-md-12 {
    gap: calc(var(--spacing-base) * 12) !important;
  }
  .gap-md-14 {
    gap: calc(var(--spacing-base) * 14) !important;
  }
  .gap-md-16 {
    gap: calc(var(--spacing-base) * 16) !important;
  }
  .gap-md-20 {
    gap: calc(var(--spacing-base) * 20) !important;
  }
  .gap-md-24 {
    gap: calc(var(--spacing-base) * 24) !important;
  }
  .gap-md-30 {
    gap: calc(var(--spacing-base) * 30) !important;
  }
  .row-gap-md-auto {
    row-gap: auto !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-05 {
    row-gap: calc(var(--spacing-base) / 2) !important;
  }
  .row-gap-md-1 {
    row-gap: calc(var(--spacing-base)) !important;
  }
  .row-gap-md-2 {
    row-gap: calc(var(--spacing-base) * 2) !important;
  }
  .row-gap-md-3 {
    row-gap: calc(var(--spacing-base) * 3) !important;
  }
  .row-gap-md-4 {
    row-gap: calc(var(--spacing-base) * 4) !important;
  }
  .row-gap-md-5 {
    row-gap: calc(var(--spacing-base) * 5) !important;
  }
  .row-gap-md-6 {
    row-gap: calc(var(--spacing-base) * 6) !important;
  }
  .row-gap-md-8 {
    row-gap: calc(var(--spacing-base) * 8) !important;
  }
  .row-gap-md-10 {
    row-gap: calc(var(--spacing-base) * 10) !important;
  }
  .row-gap-md-12 {
    row-gap: calc(var(--spacing-base) * 12) !important;
  }
  .row-gap-md-14 {
    row-gap: calc(var(--spacing-base) * 14) !important;
  }
  .row-gap-md-16 {
    row-gap: calc(var(--spacing-base) * 16) !important;
  }
  .row-gap-md-20 {
    row-gap: calc(var(--spacing-base) * 20) !important;
  }
  .row-gap-md-24 {
    row-gap: calc(var(--spacing-base) * 24) !important;
  }
  .row-gap-md-30 {
    row-gap: calc(var(--spacing-base) * 30) !important;
  }
  .column-gap-md-auto {
    column-gap: auto !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-05 {
    column-gap: calc(var(--spacing-base) / 2) !important;
  }
  .column-gap-md-1 {
    column-gap: calc(var(--spacing-base)) !important;
  }
  .column-gap-md-2 {
    column-gap: calc(var(--spacing-base) * 2) !important;
  }
  .column-gap-md-3 {
    column-gap: calc(var(--spacing-base) * 3) !important;
  }
  .column-gap-md-4 {
    column-gap: calc(var(--spacing-base) * 4) !important;
  }
  .column-gap-md-5 {
    column-gap: calc(var(--spacing-base) * 5) !important;
  }
  .column-gap-md-6 {
    column-gap: calc(var(--spacing-base) * 6) !important;
  }
  .column-gap-md-8 {
    column-gap: calc(var(--spacing-base) * 8) !important;
  }
  .column-gap-md-10 {
    column-gap: calc(var(--spacing-base) * 10) !important;
  }
  .column-gap-md-12 {
    column-gap: calc(var(--spacing-base) * 12) !important;
  }
  .column-gap-md-14 {
    column-gap: calc(var(--spacing-base) * 14) !important;
  }
  .column-gap-md-16 {
    column-gap: calc(var(--spacing-base) * 16) !important;
  }
  .column-gap-md-20 {
    column-gap: calc(var(--spacing-base) * 20) !important;
  }
  .column-gap-md-24 {
    column-gap: calc(var(--spacing-base) * 24) !important;
  }
  .column-gap-md-30 {
    column-gap: calc(var(--spacing-base) * 30) !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .gap-lg-auto {
    gap: auto !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-05 {
    gap: calc(var(--spacing-base) / 2) !important;
  }
  .gap-lg-1 {
    gap: calc(var(--spacing-base)) !important;
  }
  .gap-lg-2 {
    gap: calc(var(--spacing-base) * 2) !important;
  }
  .gap-lg-3 {
    gap: calc(var(--spacing-base) * 3) !important;
  }
  .gap-lg-4 {
    gap: calc(var(--spacing-base) * 4) !important;
  }
  .gap-lg-5 {
    gap: calc(var(--spacing-base) * 5) !important;
  }
  .gap-lg-6 {
    gap: calc(var(--spacing-base) * 6) !important;
  }
  .gap-lg-8 {
    gap: calc(var(--spacing-base) * 8) !important;
  }
  .gap-lg-10 {
    gap: calc(var(--spacing-base) * 10) !important;
  }
  .gap-lg-12 {
    gap: calc(var(--spacing-base) * 12) !important;
  }
  .gap-lg-14 {
    gap: calc(var(--spacing-base) * 14) !important;
  }
  .gap-lg-16 {
    gap: calc(var(--spacing-base) * 16) !important;
  }
  .gap-lg-20 {
    gap: calc(var(--spacing-base) * 20) !important;
  }
  .gap-lg-24 {
    gap: calc(var(--spacing-base) * 24) !important;
  }
  .gap-lg-30 {
    gap: calc(var(--spacing-base) * 30) !important;
  }
  .row-gap-lg-auto {
    row-gap: auto !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-05 {
    row-gap: calc(var(--spacing-base) / 2) !important;
  }
  .row-gap-lg-1 {
    row-gap: calc(var(--spacing-base)) !important;
  }
  .row-gap-lg-2 {
    row-gap: calc(var(--spacing-base) * 2) !important;
  }
  .row-gap-lg-3 {
    row-gap: calc(var(--spacing-base) * 3) !important;
  }
  .row-gap-lg-4 {
    row-gap: calc(var(--spacing-base) * 4) !important;
  }
  .row-gap-lg-5 {
    row-gap: calc(var(--spacing-base) * 5) !important;
  }
  .row-gap-lg-6 {
    row-gap: calc(var(--spacing-base) * 6) !important;
  }
  .row-gap-lg-8 {
    row-gap: calc(var(--spacing-base) * 8) !important;
  }
  .row-gap-lg-10 {
    row-gap: calc(var(--spacing-base) * 10) !important;
  }
  .row-gap-lg-12 {
    row-gap: calc(var(--spacing-base) * 12) !important;
  }
  .row-gap-lg-14 {
    row-gap: calc(var(--spacing-base) * 14) !important;
  }
  .row-gap-lg-16 {
    row-gap: calc(var(--spacing-base) * 16) !important;
  }
  .row-gap-lg-20 {
    row-gap: calc(var(--spacing-base) * 20) !important;
  }
  .row-gap-lg-24 {
    row-gap: calc(var(--spacing-base) * 24) !important;
  }
  .row-gap-lg-30 {
    row-gap: calc(var(--spacing-base) * 30) !important;
  }
  .column-gap-lg-auto {
    column-gap: auto !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-05 {
    column-gap: calc(var(--spacing-base) / 2) !important;
  }
  .column-gap-lg-1 {
    column-gap: calc(var(--spacing-base)) !important;
  }
  .column-gap-lg-2 {
    column-gap: calc(var(--spacing-base) * 2) !important;
  }
  .column-gap-lg-3 {
    column-gap: calc(var(--spacing-base) * 3) !important;
  }
  .column-gap-lg-4 {
    column-gap: calc(var(--spacing-base) * 4) !important;
  }
  .column-gap-lg-5 {
    column-gap: calc(var(--spacing-base) * 5) !important;
  }
  .column-gap-lg-6 {
    column-gap: calc(var(--spacing-base) * 6) !important;
  }
  .column-gap-lg-8 {
    column-gap: calc(var(--spacing-base) * 8) !important;
  }
  .column-gap-lg-10 {
    column-gap: calc(var(--spacing-base) * 10) !important;
  }
  .column-gap-lg-12 {
    column-gap: calc(var(--spacing-base) * 12) !important;
  }
  .column-gap-lg-14 {
    column-gap: calc(var(--spacing-base) * 14) !important;
  }
  .column-gap-lg-16 {
    column-gap: calc(var(--spacing-base) * 16) !important;
  }
  .column-gap-lg-20 {
    column-gap: calc(var(--spacing-base) * 20) !important;
  }
  .column-gap-lg-24 {
    column-gap: calc(var(--spacing-base) * 24) !important;
  }
  .column-gap-lg-30 {
    column-gap: calc(var(--spacing-base) * 30) !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .gap-xl-auto {
    gap: auto !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-05 {
    gap: calc(var(--spacing-base) / 2) !important;
  }
  .gap-xl-1 {
    gap: calc(var(--spacing-base)) !important;
  }
  .gap-xl-2 {
    gap: calc(var(--spacing-base) * 2) !important;
  }
  .gap-xl-3 {
    gap: calc(var(--spacing-base) * 3) !important;
  }
  .gap-xl-4 {
    gap: calc(var(--spacing-base) * 4) !important;
  }
  .gap-xl-5 {
    gap: calc(var(--spacing-base) * 5) !important;
  }
  .gap-xl-6 {
    gap: calc(var(--spacing-base) * 6) !important;
  }
  .gap-xl-8 {
    gap: calc(var(--spacing-base) * 8) !important;
  }
  .gap-xl-10 {
    gap: calc(var(--spacing-base) * 10) !important;
  }
  .gap-xl-12 {
    gap: calc(var(--spacing-base) * 12) !important;
  }
  .gap-xl-14 {
    gap: calc(var(--spacing-base) * 14) !important;
  }
  .gap-xl-16 {
    gap: calc(var(--spacing-base) * 16) !important;
  }
  .gap-xl-20 {
    gap: calc(var(--spacing-base) * 20) !important;
  }
  .gap-xl-24 {
    gap: calc(var(--spacing-base) * 24) !important;
  }
  .gap-xl-30 {
    gap: calc(var(--spacing-base) * 30) !important;
  }
  .row-gap-xl-auto {
    row-gap: auto !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-05 {
    row-gap: calc(var(--spacing-base) / 2) !important;
  }
  .row-gap-xl-1 {
    row-gap: calc(var(--spacing-base)) !important;
  }
  .row-gap-xl-2 {
    row-gap: calc(var(--spacing-base) * 2) !important;
  }
  .row-gap-xl-3 {
    row-gap: calc(var(--spacing-base) * 3) !important;
  }
  .row-gap-xl-4 {
    row-gap: calc(var(--spacing-base) * 4) !important;
  }
  .row-gap-xl-5 {
    row-gap: calc(var(--spacing-base) * 5) !important;
  }
  .row-gap-xl-6 {
    row-gap: calc(var(--spacing-base) * 6) !important;
  }
  .row-gap-xl-8 {
    row-gap: calc(var(--spacing-base) * 8) !important;
  }
  .row-gap-xl-10 {
    row-gap: calc(var(--spacing-base) * 10) !important;
  }
  .row-gap-xl-12 {
    row-gap: calc(var(--spacing-base) * 12) !important;
  }
  .row-gap-xl-14 {
    row-gap: calc(var(--spacing-base) * 14) !important;
  }
  .row-gap-xl-16 {
    row-gap: calc(var(--spacing-base) * 16) !important;
  }
  .row-gap-xl-20 {
    row-gap: calc(var(--spacing-base) * 20) !important;
  }
  .row-gap-xl-24 {
    row-gap: calc(var(--spacing-base) * 24) !important;
  }
  .row-gap-xl-30 {
    row-gap: calc(var(--spacing-base) * 30) !important;
  }
  .column-gap-xl-auto {
    column-gap: auto !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-05 {
    column-gap: calc(var(--spacing-base) / 2) !important;
  }
  .column-gap-xl-1 {
    column-gap: calc(var(--spacing-base)) !important;
  }
  .column-gap-xl-2 {
    column-gap: calc(var(--spacing-base) * 2) !important;
  }
  .column-gap-xl-3 {
    column-gap: calc(var(--spacing-base) * 3) !important;
  }
  .column-gap-xl-4 {
    column-gap: calc(var(--spacing-base) * 4) !important;
  }
  .column-gap-xl-5 {
    column-gap: calc(var(--spacing-base) * 5) !important;
  }
  .column-gap-xl-6 {
    column-gap: calc(var(--spacing-base) * 6) !important;
  }
  .column-gap-xl-8 {
    column-gap: calc(var(--spacing-base) * 8) !important;
  }
  .column-gap-xl-10 {
    column-gap: calc(var(--spacing-base) * 10) !important;
  }
  .column-gap-xl-12 {
    column-gap: calc(var(--spacing-base) * 12) !important;
  }
  .column-gap-xl-14 {
    column-gap: calc(var(--spacing-base) * 14) !important;
  }
  .column-gap-xl-16 {
    column-gap: calc(var(--spacing-base) * 16) !important;
  }
  .column-gap-xl-20 {
    column-gap: calc(var(--spacing-base) * 20) !important;
  }
  .column-gap-xl-24 {
    column-gap: calc(var(--spacing-base) * 24) !important;
  }
  .column-gap-xl-30 {
    column-gap: calc(var(--spacing-base) * 30) !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .gap-xxl-auto {
    gap: auto !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-05 {
    gap: calc(var(--spacing-base) / 2) !important;
  }
  .gap-xxl-1 {
    gap: calc(var(--spacing-base)) !important;
  }
  .gap-xxl-2 {
    gap: calc(var(--spacing-base) * 2) !important;
  }
  .gap-xxl-3 {
    gap: calc(var(--spacing-base) * 3) !important;
  }
  .gap-xxl-4 {
    gap: calc(var(--spacing-base) * 4) !important;
  }
  .gap-xxl-5 {
    gap: calc(var(--spacing-base) * 5) !important;
  }
  .gap-xxl-6 {
    gap: calc(var(--spacing-base) * 6) !important;
  }
  .gap-xxl-8 {
    gap: calc(var(--spacing-base) * 8) !important;
  }
  .gap-xxl-10 {
    gap: calc(var(--spacing-base) * 10) !important;
  }
  .gap-xxl-12 {
    gap: calc(var(--spacing-base) * 12) !important;
  }
  .gap-xxl-14 {
    gap: calc(var(--spacing-base) * 14) !important;
  }
  .gap-xxl-16 {
    gap: calc(var(--spacing-base) * 16) !important;
  }
  .gap-xxl-20 {
    gap: calc(var(--spacing-base) * 20) !important;
  }
  .gap-xxl-24 {
    gap: calc(var(--spacing-base) * 24) !important;
  }
  .gap-xxl-30 {
    gap: calc(var(--spacing-base) * 30) !important;
  }
  .row-gap-xxl-auto {
    row-gap: auto !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-05 {
    row-gap: calc(var(--spacing-base) / 2) !important;
  }
  .row-gap-xxl-1 {
    row-gap: calc(var(--spacing-base)) !important;
  }
  .row-gap-xxl-2 {
    row-gap: calc(var(--spacing-base) * 2) !important;
  }
  .row-gap-xxl-3 {
    row-gap: calc(var(--spacing-base) * 3) !important;
  }
  .row-gap-xxl-4 {
    row-gap: calc(var(--spacing-base) * 4) !important;
  }
  .row-gap-xxl-5 {
    row-gap: calc(var(--spacing-base) * 5) !important;
  }
  .row-gap-xxl-6 {
    row-gap: calc(var(--spacing-base) * 6) !important;
  }
  .row-gap-xxl-8 {
    row-gap: calc(var(--spacing-base) * 8) !important;
  }
  .row-gap-xxl-10 {
    row-gap: calc(var(--spacing-base) * 10) !important;
  }
  .row-gap-xxl-12 {
    row-gap: calc(var(--spacing-base) * 12) !important;
  }
  .row-gap-xxl-14 {
    row-gap: calc(var(--spacing-base) * 14) !important;
  }
  .row-gap-xxl-16 {
    row-gap: calc(var(--spacing-base) * 16) !important;
  }
  .row-gap-xxl-20 {
    row-gap: calc(var(--spacing-base) * 20) !important;
  }
  .row-gap-xxl-24 {
    row-gap: calc(var(--spacing-base) * 24) !important;
  }
  .row-gap-xxl-30 {
    row-gap: calc(var(--spacing-base) * 30) !important;
  }
  .column-gap-xxl-auto {
    column-gap: auto !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-05 {
    column-gap: calc(var(--spacing-base) / 2) !important;
  }
  .column-gap-xxl-1 {
    column-gap: calc(var(--spacing-base)) !important;
  }
  .column-gap-xxl-2 {
    column-gap: calc(var(--spacing-base) * 2) !important;
  }
  .column-gap-xxl-3 {
    column-gap: calc(var(--spacing-base) * 3) !important;
  }
  .column-gap-xxl-4 {
    column-gap: calc(var(--spacing-base) * 4) !important;
  }
  .column-gap-xxl-5 {
    column-gap: calc(var(--spacing-base) * 5) !important;
  }
  .column-gap-xxl-6 {
    column-gap: calc(var(--spacing-base) * 6) !important;
  }
  .column-gap-xxl-8 {
    column-gap: calc(var(--spacing-base) * 8) !important;
  }
  .column-gap-xxl-10 {
    column-gap: calc(var(--spacing-base) * 10) !important;
  }
  .column-gap-xxl-12 {
    column-gap: calc(var(--spacing-base) * 12) !important;
  }
  .column-gap-xxl-14 {
    column-gap: calc(var(--spacing-base) * 14) !important;
  }
  .column-gap-xxl-16 {
    column-gap: calc(var(--spacing-base) * 16) !important;
  }
  .column-gap-xxl-20 {
    column-gap: calc(var(--spacing-base) * 20) !important;
  }
  .column-gap-xxl-24 {
    column-gap: calc(var(--spacing-base) * 24) !important;
  }
  .column-gap-xxl-30 {
    column-gap: calc(var(--spacing-base) * 30) !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 3.5rem !important;
  }
  .fs-2 {
    font-size: 2.8rem !important;
  }
  .fs-3 {
    font-size: 2.45rem !important;
  }
  .fs-4 {
    font-size: 2.1rem !important;
  }
  .fs-5 {
    font-size: 1.75rem !important;
  }
  .fs-6 {
    font-size: 1.4rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.popover-body {
  padding: var(--spacing-04);
}
.popover-body ul {
  padding-left: var(--spacing-04);
  list-style-type: disc;
}
.popover-body li {
  margin: 0 0 var(--spacing-01) 0;
}
.popover-body p:not(:last-child),
.popover-body ul:not(:last-child),
.popover-body ol:not(:last-child) {
  margin-bottom: 1em;
}
.popover-body a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-500);
}
.popover-body a:hover, .popover-body a:focus {
  color: var(--colors-grey-1000);
  text-decoration-color: transparent;
}
@font-face {
  font-family: "Familjen Grotesk";
  src: url("https://hunter.io/assets/FamiljenGrotesk-Regular-ksMFmFXT.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Familjen Grotesk";
  src: url("https://hunter.io/assets/FamiljenGrotesk-Medium-D8Lgm0iZ.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("https://hunter.io/assets/Inter-Regular-eQfoMGUi.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("https://hunter.io/assets/Inter-Medium-OtfyKQWv.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("https://hunter.io/assets/Inter-SemiBold-BpZ6hwUa.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  min-height: 100vh;
  line-height: 1.5;
  font-size: 1.4rem;
  font-display: swap;
  font-family: var(--fonts-family-body) !important;
  font-feature-settings: var(--fonts-family-feature-settings);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--colors-grey-900);
}
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
ol {
  margin: 0;
}
img,
picture,
video,
canvas,
svg {
  max-width: 100%;
  height: auto;
}
input,
button,
textarea,
select {
  font: inherit;
}
[hidden],
.hidden {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--fonts-family-heading);
  font-weight: 700;
  line-height: 1;
}
strong,
.strong {
  font-weight: 600;
}
a {
  color: var(--colors-secondary-700);
  transition: color 100ms ease-in;
  text-underline-offset: var(--spacing-01);
  text-decoration-line: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 150ms ease-in-out, color 150ms ease-in-out;
}
a:hover, a:focus, a:active {
  text-decoration-color: var(--colors-secondary-700);
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  max-width: 140rem;
  margin: 0 auto;
}
.container-fluid--xxs {
  max-width: 72rem;
}
.container-fluid--xs {
  max-width: 96rem;
}
.container-fluid--sm {
  max-width: 104rem;
}
.container-fluid--md {
  max-width: 120rem;
}
.h-separator {
  width: 100%;
  max-width: 140rem;
  height: 1px;
  margin: 0 auto;
  border: 0;
  background: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, var(--colors-grey-300) 50%, rgba(223, 227, 232, 0) 100%);
}
.h-separator--sm {
  max-width: 96rem;
}
.generic-hero {
  position: relative;
  background-color: var(--colors-grey-50);
  text-align: center;
  padding: calc(var(--spacing-base) * 40) 0 var(--spacing-30);
  overflow: hidden;
}
.generic-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, var(--colors-grey-300) 50%, rgba(223, 227, 232, 0) 100%);
}
.generic-hero--sm {
  padding: calc(var(--spacing-base) * 30) 0 var(--spacing-10);
}
.generic-hero__title {
  position: relative;
  font-family: var(--fonts-family-body);
  font-weight: 500;
  font-size: clamp(1.8rem, 1.8536rem + 0.3vw, 2.4rem);
  line-height: 1.6666666667;
  letter-spacing: -0.019em;
  color: var(--colors-grey-800);
  margin: 0 auto;
  z-index: 2;
}
.generic-hero__subtitle {
  position: relative;
  font-family: var(--fonts-family-heading);
  font-size: clamp(3.6rem, 3.01456rem + 1.561vw, 5.2rem);
  line-height: 1.1;
  font-weight: 600;
  max-width: 90rem;
  margin: 0 auto;
  z-index: 2;
}
.generic-hero__subtitle strong {
  font-weight: 600;
  color: var(--colors-primary-600);
}
.generic-hero__subtitle:lang(fr) {
  max-width: 88rem;
}
.generic-hero__subtitle--lg {
  font-size: clamp(3.6rem, 2.72192rem + 2.3415vw, 6rem);
}
.generic-hero__subtitle--xl {
  font-size: clamp(5.6rem, 5.01456rem + 1.561vw, 7.2rem);
}
.generic-hero__subtitle--start {
  text-align: left;
  max-width: none;
  margin: 0;
}
.generic-hero__description {
  font-size: clamp(1.6rem, 1.4536rem + 0.3902vw, 2rem);
  color: var(--colors-grey-800);
  margin: var(--spacing-06) auto 0;
}
@media screen and (min-width: 62em) {
  .generic-hero {
    padding: calc(var(--spacing-base) * 50) 0 calc(var(--spacing-base) * 40);
  }
  .generic-hero--md {
    padding: calc(var(--spacing-base) * 50) 0 calc(var(--spacing-base) * 30);
  }
  .generic-hero--sm {
    padding: calc(var(--spacing-base) * 40) 0 var(--spacing-20);
  }
}
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.grecaptcha-badge {
  visibility: hidden;
}
#copy-area {
  position: fixed;
  top: 0px;
  left: 0px;
}
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*!
 * Bootstrap Grid v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 4rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 4rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 4rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 4rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 4rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 4rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 4rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 4rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.breadcrumb {
  list-style-type: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-01);
  padding-left: 0;
  margin: 0 0 var(--spacing-02);
}
.breadcrumb--center {
  justify-content: center;
}
.breadcrumb__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.2307692308;
}
.breadcrumb__item:not(:first-child)::before {
  content: "›";
  color: var(--colors-grey-500);
}
.breadcrumb__link {
  color: inherit;
  text-decoration-color: var(--colors-grey-400);
}
.breadcrumb__link:hover, .breadcrumb__link:focus {
  color: var(--colors-grey-800);
  text-decoration-color: var(--colors-grey-500);
}
.codeblock__header {
  padding: var(--spacing-04);
  display: flex;
  gap: var(--spacing-03);
  align-items: center;
  min-width: 0;
  background-color: var(--colors-grey-800);
  color: var(--colors-grey-400);
  border-radius: 0.4rem 0.4rem 0 0;
}
.codeblock__url {
  flex: 1;
  color: var(--colors-grey-300);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.codeblock__response {
  color: var(--colors-success-500);
}
.codeblock .CodeRay {
  border-radius: 0 0 0.4rem 0.4rem;
  max-height: 42rem;
  overflow: auto;
}
code,
.CodeRay {
  color: var(--colors-grey-900);
  background-color: var(--colors-grey-100);
  border-radius: 3px;
  display: inline-block;
  padding: 0 5px;
}
code .integer,
.CodeRay .integer {
  color: var(--colors-primary-500);
}
code .key,
.CodeRay .key {
  color: var(--colors-success-500);
}
code .value,
.CodeRay .value {
  color: var(--colors-secondary-500);
}
code .param,
.CodeRay .param {
  color: var(--colors-secondary-500);
}
pre,
.CodeRay {
  border-radius: 5px;
  background-color: var(--colors-grey-1000);
  border: 0;
  color: #ffffff;
  margin-bottom: 0;
  width: 100%;
  overflow-x: auto;
  padding: 15px;
}
pre code,
.CodeRay code {
  background-color: transparent;
  font-size: 13px;
  white-space: pre;
  padding: 0;
}
pre::-webkit-scrollbar,
.CodeRay::-webkit-scrollbar {
  height: 10px;
}
pre::-webkit-scrollbar-track,
.CodeRay::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: var(--colors-grey-700);
}
pre::-webkit-scrollbar-thumb,
.CodeRay::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--colors-grey-600);
}
pre::-webkit-scrollbar-thumb:hover,
.CodeRay::-webkit-scrollbar-thumb:hover {
  background-color: var(--colors-grey-500);
}
pre::-webkit-scrollbar-thumb:active,
.CodeRay::-webkit-scrollbar-thumb:active {
  background-color: var(--colors-grey-400);
}
.CodeRay {
  padding: 0;
}
.argument-icon {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-10);
  text-align: center;
}
.argument-icon__icon {
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-color: var(--colors-grey-100);
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.4rem;
  color: var(--colors-grey-600);
  font-size: 2rem;
}
.argument-icon__title {
  font-size: clamp(2.1rem, 1.99024rem + 0.2927vw, 2.4rem);
  line-height: 1.3333333333;
  color: var(--colors-grey-900);
  margin-top: var(--spacing-02);
}
.argument-icon__description {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
  max-width: 38rem;
  margin: var(--spacing-02) auto 0;
}
[data-header-observer] {
  position: absolute;
  top: var(--spacing-10);
  left: 0;
  z-index: -10;
}
.main-header {
  position: fixed;
  top: var(--spacing-06);
  left: 50%;
  width: calc(100% - 6.4rem);
  max-width: 160rem;
  padding: var(--spacing-03) var(--spacing-10);
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 4.8rem;
  transform: translateX(-50%);
  z-index: 1001;
  transition: box-shadow 500ms ease-in-out;
}
.main-header.is-sticky {
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.04), 0 0.2rem 2.4rem 0 rgba(0, 0, 0, 0.05);
}
.static-menu .main-header {
  position: absolute;
}
.main-header__inner {
  display: flex;
  align-items: center;
  min-height: 40px;
}
.main-header__logo {
  position: relative;
  line-height: 1;
  fill: var(--colors-primary-600);
}
.main-header__account-name {
  color: var(--colors-grey-700);
  font-size: 14px;
}
.main-header__product-brand {
  color: var(--colors-grey-600);
  font-size: 17px;
  font-weight: 600;
  margin-left: 10px;
}
.main-header__home-link {
  display: block;
}
.main-header__end {
  margin-left: auto;
}
.main-header__cta {
  color: var(--colors-grey-600);
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 600;
}
.main-nav {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.5rem;
  line-height: 1.6;
}
.main-nav ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.main-menu {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-left: var(--spacing-08);
}
.main-menu__item:hover .main-dropdown, .main-menu__item:focus-within .main-dropdown {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateY(0);
  transition-delay: 0s, 0s, 0.3s;
}
.main-menu__link {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-02) var(--spacing-03);
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  color: var(--colors-grey-700);
  border: 0;
  border-radius: 2rem;
  background-color: transparent;
  position: relative;
}
.main-menu__link .fa-angle-down {
  font-size: 1.4rem;
  color: var(--colors-grey-500);
  transition: color 0.1s ease-in-out;
}
.main-menu__link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -16px;
  left: 0;
  right: 0;
}
.main-menu__link:hover, .main-menu__link:focus {
  color: var(--colors-grey-800);
  background-color: var(--colors-grey-100);
  text-decoration: none;
  outline: none;
}
.main-menu__link:hover .fa-angle-down, .main-menu__link:focus .fa-angle-down {
  color: var(--colors-grey-600);
}
.main-menu__link:focus-visible {
  outline: 1px solid var(--colors-secondary-600);
  box-shadow: 0 0 0 3px var(--colors-secondary-300);
}
.main-menu__link.is-current {
  color: var(--colors-grey-800);
  background-color: var(--colors-grey-100);
}
.main-dropdown {
  visibility: hidden;
  position: absolute;
  margin-left: -10px;
  top: 100%;
  margin-top: var(--spacing-01);
  opacity: 0;
  transform: scale(0.98) translateY(2%);
  z-index: 101;
  background-color: #fff;
  border: 1px solid var(--colors-grey-300);
  border-radius: 0.4rem;
  border: 1px solid var(--colors-grey-200);
  box-shadow: 0px 40px 80px -16px rgba(199, 205, 212, 0.25), 0px 20px 60px -20px rgba(29, 38, 46, 0.1);
  min-width: 400px;
  transition: all 200ms ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
}
.main-dropdown__primary-wrapper {
  display: flex;
}
.main-dropdown__primary-wrapper::before {
  content: "";
  align-self: stretch;
  flex: 0 0 0.1rem;
  background-color: var(--colors-grey-200);
}
.main-dropdown__primary-wrapper .main-dropdown__primary {
  padding: var(--spacing-05) var(--spacing-03) var(--spacing-03);
}
.main-dropdown__separator {
  margin: var(--spacing-03) calc(var(--spacing-02) * -1) var(--spacing-05) calc(var(--spacing-03) * -1);
  border: 0;
  height: 0.1rem;
  background-color: var(--colors-grey-200);
}
.main-dropdown__primary {
  min-width: 36rem;
  background-color: transparent;
  padding: var(--spacing-02);
  border-radius: 0.4rem;
}
.main-dropdown__secondary {
  background-color: var(--colors-grey-100);
  padding: var(--spacing-06);
  margin: var(--spacing-02);
  border-radius: 0.4rem;
}
.main-dropdown__title {
  display: block;
  margin-bottom: var(--spacing-01);
  color: var(--colors-secondary-700);
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.main-dropdown__title--light {
  display: block;
  margin-bottom: var(--spacing-03);
  color: var(--colors-grey-700);
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.main-dropdown[id=resources-submenu] {
  display: flex;
}
.main-dropdown[id=product-submenu] .main-dropdown__title {
  margin-left: var(--spacing-04);
}
.main-dropdown[id=product-submenu] .main-dropdown-feature {
  position: relative;
  flex-direction: column;
  gap: var(--spacing-01);
}
.main-dropdown[id=product-submenu] .main-dropdown-feature__title {
  gap: var(--spacing-01);
}
.main-dropdown[id=product-submenu] .main-dropdown__primary:first-child {
  order: -1;
}
.main-dropdown[id=product-submenu] .main-dropdown__secondary {
  padding-right: var(--spacing-20);
  min-width: 28rem;
}
.main-dropdown[id=locale-submenu] {
  min-width: 12rem;
}
.main-dropdown[id=locale-submenu]::before, .main-dropdown[id=locale-submenu]::after {
  left: 2rem;
}
.main-dropdown-feature {
  background-color: transparent;
  display: flex;
  padding: var(--spacing-03) var(--spacing-04);
  margin-bottom: var(--spacing-005);
  border-radius: 0.4rem;
  transition: background-color 200ms ease-in;
  text-decoration-color: transparent;
}
.main-dropdown-feature:last-child {
  margin-bottom: 0;
}
.main-dropdown-feature[target=_blank] .main-dropdown-feature__title::after {
  content: "\f08e";
  font-family: "Font Awesome 6 Pro";
  font-size: 1.2rem;
  color: var(--colors-grey-600);
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
  transform: translateX(-25%);
  transition: opacity 150ms ease-in, transform 150ms ease-in;
  margin-left: 0;
  position: relative;
}
.main-dropdown-feature:hover, .main-dropdown-feature:focus {
  text-decoration-color: transparent;
  outline: none;
  background-color: var(--colors-grey-100);
}
.main-dropdown-feature:hover .main-dropdown-feature__title::after, .main-dropdown-feature:focus .main-dropdown-feature__title::after {
  opacity: 1;
  transform: translateX(0);
}
.main-dropdown-feature:hover .main-dropdown-feature__desc, .main-dropdown-feature:focus .main-dropdown-feature__desc {
  color: var(--colors-grey-900);
}
.main-dropdown-feature:hover .main-dropdown-feature__icon-squared, .main-dropdown-feature:focus .main-dropdown-feature__icon-squared {
  background-color: var(--colors-secondary-600);
  color: #fff;
}
.main-dropdown-feature:focus-visible {
  outline: 2px solid var(--colors-primary-600);
}
.main-dropdown-feature__icon {
  align-self: flex-start;
  width: 1.25em;
  margin-right: var(--spacing-02);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  text-align: center;
  color: var(--colors-grey-700);
}
.main-dropdown-feature__icon-squared {
  margin-right: var(--spacing-03);
}
.main-dropdown-feature__title {
  color: var(--colors-grey-900);
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
}
.main-dropdown-feature__arrow {
  color: var(--colors-grey-600);
  font-size: 1.3rem;
  font-weight: 500;
  opacity: 0;
  transform: translateX(-25%);
  transition: opacity 150ms ease-in, transform 150ms ease-in;
}
.main-dropdown-feature__desc {
  color: var(--colors-grey-700);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  transition: color 0.1s ease-in-out;
  white-space: nowrap;
}
.main-dropdown__single-link, .main-dropdown-blog-post__link {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  font-weight: 500;
  color: var(--colors-grey-900);
  margin-bottom: var(--spacing-04);
  transition: color 0.1s ease-in-out;
}
.main-dropdown__single-link .far, .main-dropdown-blog-post__link .far {
  width: 1.25em;
  text-align: center;
  font-size: 1.2rem;
  color: var(--colors-grey-700);
}
.main-dropdown__single-link:hover, .main-dropdown-blog-post__link:hover, .main-dropdown__single-link:focus, .main-dropdown-blog-post__link:focus {
  color: var(--colors-grey-1000);
  text-decoration: none;
}
.main-dropdown__single-link:hover .far, .main-dropdown-blog-post__link:hover .far, .main-dropdown__single-link:focus .far, .main-dropdown-blog-post__link:focus .far {
  color: var(--colors-grey-800);
}
.main-dropdown__highlight-link {
  color: var(--colors-secondary-700);
  border-bottom: 1px solid var(--colors-secondary-400);
  transition: all 250ms ease;
  text-decoration: none;
  margin-top: 20px;
  font-size: 14px;
}
.main-dropdown__highlight-link:hover, .main-dropdown__highlight-link:active, .main-dropdown__highlight-link:focus {
  color: var(--colors-secondary-700);
  text-decoration: none;
  border-bottom: 1px solid var(--colors-secondary-600);
  cursor: pointer;
}
.main-dropdown__highlight-link:after {
  margin-left: 0.3em;
  border-bottom: 0;
  content: "›";
}
.main-dropdown__label {
  display: inline-block;
  padding: var(--spacing-005) var(--spacing-02);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4545454545;
  border-radius: 1em;
  color: #fff;
  background-color: var(--colors-secondary-600);
}
[id=resources-submenu] .main-dropdown__highlight-link {
  margin-top: 0;
  width: max-content;
}
.main-dropdown-blog-post {
  margin-bottom: var(--spacing-04);
  max-width: 23.2rem;
  position: relative;
}
.main-dropdown-blog-post__image {
  width: 100%;
  margin-bottom: var(--spacing-02);
  height: auto;
  border-radius: 0.2rem;
}
.main-dropdown-blog-post__link {
  margin: 0;
  line-height: 1.8461538462;
}
.main-dropdown-blog-post__link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-dropdown-blog-post__link:hover, .main-dropdown-blog-post__link:focus {
  text-decoration: underline;
}
.main-dropdown-blog-post__desc {
  margin-top: var(--spacing-01);
  color: var(--colors-grey-700);
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.user-nav {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-06);
  margin-bottom: 0;
  padding-left: 0;
  color: var(--colors-grey-700);
}
.user-nav__link,
.user-nav__btn {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  padding: var(--spacing-01) 0;
  border-bottom: 0.15rem solid transparent;
  color: var(--colors-grey-800);
  transition: border-bottom-color 0.2s ease-in-out;
}
.user-nav__link:hover, .user-nav__link:focus,
.user-nav__btn:hover,
.user-nav__btn:focus {
  color: var(--colors-grey-800);
  outline: none;
  text-decoration: none;
  border-bottom-color: currentColor;
}
.user-nav__btn {
  color: var(--colors-primary-600);
}
.user-nav__btn:hover, .user-nav__btn:focus {
  color: var(--colors-primary-600);
}
.locale-switcher:hover .main-dropdown, .locale-switcher:focus-within .main-dropdown {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateY(0);
  transition-delay: 0s, 0s, 0.3s;
}
.locale-switcher__trigger {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 1.25em;
  background-color: transparent;
  color: var(--colors-grey-600);
  text-align: center;
}
.locale-switcher__trigger::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -2rem;
  left: 0;
  right: 0;
}
.locale-switcher__trigger:hover, .locale-switcher__trigger:focus {
  color: var(--colors-grey-800);
}
.locale-switcher-languages {
  padding: 0;
  margin: 0;
}
.locale-switcher-languages__item {
  overflow: hidden;
}
.locale-switcher-languages__name {
  display: block;
  padding: var(--spacing-02) var(--spacing-04);
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: var(--colors-grey-700);
  transition: color 0.1s ease-in-out;
}
.locale-switcher-languages__name:hover, .locale-switcher-languages__name:focus {
  color: var(--colors-grey-900);
  background-color: var(--colors-grey-200);
  text-decoration: none;
}
.locale-switcher-languages__name[aria-current] {
  font-weight: normal;
  background-color: var(--colors-grey-100);
}
.mobile-nav {
  display: none;
}
.mobile-nav .locale-switcher__trigger {
  position: absolute;
  right: var(--spacing-20);
  top: 22px;
  height: auto;
}
.mobile-nav .locale-switcher__trigger::before {
  display: none;
}
.mobile-nav-trigger {
  background-color: transparent;
  border: 0;
  padding: 10px 0;
  position: absolute;
  right: var(--spacing-08);
  top: 22px;
  color: var(--colors-grey-700);
  z-index: 1002;
}
.mobile-nav-trigger[aria-expanded=true] .mobile-nav-trigger__burger {
  background-color: transparent;
}
.mobile-nav-trigger[aria-expanded=true] .mobile-nav-trigger__burger:before {
  background-color: currentColor;
  top: 0;
  transform: rotate(-45deg);
}
.mobile-nav-trigger[aria-expanded=true] .mobile-nav-trigger__burger:after {
  background-color: currentColor;
  top: 0;
  transform: rotate(45deg);
}
.mobile-nav-trigger__burger {
  color: inherit;
  background-color: currentColor;
  display: block;
  height: 3px;
  position: relative;
  width: 20px;
  border-radius: 3px;
}
.mobile-nav-trigger__burger::before, .mobile-nav-trigger__burger::after {
  background-color: inherit;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  top: -0.7rem;
  border-radius: 3px;
  transition: top 250ms ease-in-out, transform 250ms ease-in-out;
  width: 100%;
}
.mobile-nav-trigger__burger::after {
  top: 0.7rem;
}
.mobile-main-nav,
.mobile-locale-switcher {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: var(--spacing-01);
  background-color: #fff;
  padding: var(--spacing-02);
  z-index: 999;
  line-height: 24px;
  min-height: calc(100vh - 80px);
  border-radius: 0.4rem;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.2);
  transform: scale(0.95) translateY(20px);
  transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.mobile-main-nav[aria-hidden=false],
.mobile-locale-switcher[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}
.mobile-user-menu {
  list-style-type: none;
  background-color: var(--colors-grey-100);
  border-radius: 3px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.mobile-user-menu__item {
  margin: var(--spacing-02);
  flex: 1;
}
.mobile-main-menu {
  margin: var(--spacing-02);
  list-style-type: none;
  padding-left: 0;
}
.mobile-main-menu__item {
  border-bottom: 1px solid var(--colors-grey-300);
}
.mobile-main-menu__link {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: transparent;
  padding: var(--spacing-03) 0;
  border: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  color: var(--colors-grey-900);
  transition: color 0.1s ease-in-out, background-color 0.2s ease-in-out;
}
.mobile-main-menu__link[aria-expanded=true] .mobile-main-menu__carret {
  transform: rotate(-180deg);
}
.mobile-main-menu__link:hover, .mobile-main-menu__link:focus {
  text-decoration: none;
  color: var(--colors-grey-1000);
}
.mobile-main-menu__link:active {
  background-color: var(--colors-grey-200);
}
.mobile-main-menu__carret {
  margin-left: auto;
  color: var(--colors-grey-600);
  font-size: 1.6rem;
  margin-right: var(--spacing-01);
  transition: transform 200ms ease-in-out;
}
.mobile-submenu {
  border-top: 1px solid var(--colors-grey-300);
  overflow: hidden;
  max-height: 500px;
  transition: max-height 250ms ease-in-out, opacity 250ms 50ms ease-in;
}
.mobile-submenu[aria-hidden=true] {
  max-height: 0;
  opacity: 0;
}
.mobile-submenu-feature {
  display: flex;
  align-items: center;
  margin: var(--spacing-04) 0;
  gap: var(--spacing-03);
}
.mobile-submenu-feature:hover, .mobile-submenu-feature:focus {
  text-decoration: none;
  outline: none;
}
.mobile-submenu-feature:hover .mobile-submenu-feature__desc, .mobile-submenu-feature:focus .mobile-submenu-feature__desc {
  color: var(--colors-grey-900);
}
.mobile-submenu-feature:hover .mobile-submenu-feature__icon, .mobile-submenu-feature:focus .mobile-submenu-feature__icon {
  background-color: var(--colors-secondary-600);
  color: #fff;
}
.mobile-submenu-feature__title {
  color: var(--colors-grey-900);
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
}
.mobile-submenu-feature__desc {
  color: var(--colors-grey-700);
  font-size: 12px;
  line-height: 1.6666666667;
  transition: color 0.1s ease-in-out;
}
.mobile-submenu__single-link {
  font-size: 1.3rem;
  line-height: 1.5384615385;
  font-weight: 600;
  color: var(--colors-grey-700);
  margin: var(--spacing-03) 0;
  display: block;
  transition: color 0.1s ease-in-out;
}
.mobile-submenu__single-link:last-child {
  margin-bottom: var(--spacing-04);
}
.mobile-submenu__single-link:hover, .mobile-submenu__single-link:focus {
  color: var(--colors-grey-900);
  text-decoration: none;
}
.mobile-locale-switcher {
  min-height: auto;
}
.mobile-locale-switcher .locale-switcher-languages__item {
  border-radius: 0.4rem;
}
@media screen and (max-width: 992px) {
  .main-nav {
    display: none;
  }
  .mobile-nav {
    display: block;
  }
  .main-header {
    top: var(--spacing-04);
    width: calc(100% - 3.2rem);
    padding: var(--spacing-03) var(--spacing-08);
  }
  .main-dropdown-blog-post__image {
    display: none;
  }
  .main-header__account-name {
    display: none;
  }
}
@media screen and (min-width: 75em) {
  .main-nav {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .main-menu {
    margin-left: var(--spacing-10);
  }
  .main-menu__link {
    padding: var(--spacing-02) var(--spacing-04);
  }
}
.main-footer {
  background-color: var(--colors-grey-1000);
  color: var(--colors-grey-500);
  font-size: 1.4rem;
  padding: var(--spacing-20) var(--spacing-04);
}
.main-footer a:hover, .main-footer a:focus, .main-footer a:active,
.main-footer button:hover,
.main-footer button:focus,
.main-footer button:active {
  text-decoration: none;
  color: #ffffff;
}
.footer-legal {
  display: flex;
  flex-direction: column;
}
.footer-legal__logo {
  fill: #fff;
}
.footer-legal__copyright {
  max-width: 32rem;
  font-size: 1.1rem;
  line-height: 1.4545454545;
  color: var(--colors-grey-500);
  margin-top: var(--spacing-03);
}
.footer__title {
  display: block;
  margin: var(--spacing-10) 0 var(--spacing-06) 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  color: var(--colors-grey-100);
}
.footer-menu {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.footer-menu__item {
  font-size: 1.3rem;
  line-height: 1.2307692308;
}
.footer-menu__item:not(:first-child) {
  margin-top: var(--spacing-04);
}
.footer-menu__link {
  color: var(--colors-grey-500);
  transition: color 100ms ease-in-out;
}
.footer-status__dot {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: var(--spacing-01);
  border-radius: 50%;
  border: 0.5px solid var(--colors-grey-1000);
  background-color: var(--colors-success-600);
  box-shadow: 0px 0px 2px var(--colors-success-300);
  vertical-align: 1px;
}
.footer-status__dot.is-down {
  background-color: var(--colors-danger-600);
  box-shadow: 0px 0px 2px var(--colors-danger-300);
}
.footer__label {
  display: inline-block;
  margin-left: var(--spacing-01);
  padding: var(--spacing-005) var(--spacing-01);
  border-radius: 0.2rem;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.4545454545;
  color: var(--colors-grey-700);
  background-color: var(--colors-grey-200);
}
.footer-socials {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  margin-bottom: var(--spacing-06);
  margin-top: var(--spacing-10);
}
.footer-socials__link {
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--colors-grey-300);
}
.footer-legal-menu {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-01);
  font-size: 1.1rem;
  line-height: 1.4545454545;
}
.footer-legal-menu__item {
  display: flex;
  align-items: center;
  align-items: center;
  gap: var(--spacing-01);
}
.footer-legal-menu__item:not(:last-child)::after {
  content: "•";
  opacity: 0.8;
}
.footer-legal-menu__link {
  color: var(--colors-grey-400);
}
.footer-references {
  padding: var(--spacing-05) var(--spacing-04);
  border-bottom: 1px solid var(--colors-grey-900);
  background-color: var(--colors-grey-1000);
  color: var(--colors-grey-500);
  text-align: center;
  font-size: 1rem;
}
.footer-references a {
  color: inherit;
  text-decoration: underline;
}
.footer-references + .main-footer {
  padding-top: var(--spacing-20);
}
@media screen and (min-width: 62em) {
  .main-footer {
    padding-top: 12rem;
  }
}
@media screen and (min-width: 75em) {
  .footer-legal {
    height: 100%;
  }
  .footer__title {
    margin-top: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .footer-menu__item {
    font-size: 1.4rem;
    line-height: 1.1428571429;
  }
  .footer-socials {
    margin-top: auto;
  }
}
body .cookies-form .cookies-form__group-title {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--spacing-03);
  margin-top: var(--spacing-08);
  margin-bottom: var(--spacing-04);
  border-bottom: 1px solid var(--colors-grey-300);
}
body .cookies-form .cookies-form__title {
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 0;
  border: 0;
  padding: 0;
}
body .cookies-form__group-subtitle {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--colors-grey-600);
}
body .cookies-form__toggle-block {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-04);
}
body .cookies-form__toggle-label {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 600;
  margin-left: var(--spacing-02);
}
.cookies-form__desc {
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.visitors .cookies-form .cookies-form__title {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
  color: var(--colors-grey-900);
}
.visitors .cookies-form .cookies-form__group-title {
  padding-bottom: var(--spacing-02);
}
.visitors .cookies-form .modal-footer {
  padding: 0;
  border-top: 0;
  margin-top: var(--spacing-06);
}
[id=manage-cookies-modal] .modal-close {
  position: absolute;
  right: var(--spacing-02);
  top: var(--spacing-02);
}
:root {
  --testimonial-bg-color: rgba(var(--colors-cyan-200--rgb), .1);
  --testimonial-highlight-color: rgba(var(--colors-cyan-200--rgb), .5);
  --testimonial-quotes-color: rgba(var(--colors-cyan-500--rgb), .04);
  --testimonial-padding: var(--spacing-06);
}
.testimonial {
  position: relative;
  padding: var(--testimonial-padding);
  border-radius: 0.4rem;
  background-color: var(--testimonial-bg-color);
  overflow: hidden;
}
.testimonial__quotes {
  fill: var(--testimonial-quotes-color);
}
.testimonial__quote {
  font-size: clamp(1.6rem, 1.4536rem + 0.3902vw, 2rem);
  font-weight: 500;
  line-height: 1.6;
}
.testimonial__quote em {
  font-style: normal;
  background-color: var(--testimonial-highlight-color);
  padding: 0 0.125em;
  border-radius: 0.2rem;
}
.testimonial__quote--sm {
  font-size: clamp(1.6rem, 1.52688rem + 0.1951vw, 1.8rem);
}
.testimonial__source {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-01);
  margin-left: var(--spacing-12);
  margin-top: var(--spacing-06);
  font-style: normal;
  color: var(--colors-grey-700);
}
.testimonial__author {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2307692308;
}
.testimonial__position {
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.testimonial__visual {
  position: relative;
  line-height: 0;
}
.testimonial__avatar {
  width: 19.5rem;
  height: auto;
  border-radius: 0.2rem;
}
.testimonial__logo {
  position: absolute;
  bottom: 0.2rem;
  left: 0.2rem;
  width: 4rem;
  height: 4rem;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.testimonial--secondary {
  --testimonial-bg-color: var(--colors-secondary-100);
  --testimonial-highlight-color: var(--colors-secondary-300);
  --testimonial-quotes-color: var(--colors-secondary-200);
}
.testimonial--cardinal {
  --testimonial-bg-color: rgba(var(--colors-cardinal-200--rgb), .1);
  --testimonial-highlight-color: rgba(var(--colors-cardinal-200--rgb), .5);
  --testimonial-quotes-color: rgba(var(--colors-cardinal-500--rgb), .04);
}
.testimonial--emerald {
  --testimonial-bg-color: rgba(var(--colors-emerald-200--rgb), .1);
  --testimonial-highlight-color: rgba(var(--colors-emerald-200--rgb), .5);
  --testimonial-quotes-color: rgba(var(--colors-emerald-500--rgb), .04);
}
.testimonial--no-picture .testimonial__source {
  margin-left: 0;
}
.testimonial--sm .testimonial__avatar {
  width: 14rem;
}
@media screen and (max-width: calc(48em - 1px)) {
  .testimonial__logo {
    display: none;
  }
  .testimonial__avatar {
    width: 4rem;
    height: 4rem;
    object-fit: cover;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media screen and (max-width: calc(62em - 1px)) {
  .testimonial__quotes {
    position: absolute;
    width: 10rem;
    height: auto;
    top: calc(var(--spacing-04) * -1);
    left: var(--spacing-04);
    z-index: -1;
  }
}
@media screen and (min-width: 48em) {
  .testimonial {
    --testimonial-padding: var(--spacing-04);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-10);
  }
  .testimonial__content {
    flex: 1;
  }
  .testimonial__source {
    margin-left: 0;
    margin-top: var(--spacing-04);
    flex-direction: row;
  }
  .testimonial__author {
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.1428571429;
  }
  .testimonial__author::after {
    content: ", ";
  }
  .testimonial__position {
    font-size: 1.3rem;
    line-height: 1.2307692308;
  }
  .testimonial--no-picture {
    --testimonial-padding: var(--spacing-10) var(--spacing-06);
    justify-content: flex-start;
  }
  .testimonial--no-picture .testimonial__quotes {
    margin-top: calc(var(--spacing-10) * -1);
  }
}
@media screen and (min-width: 62em) {
  .testimonial__content {
    flex: 0 0 auto;
    width: 62%;
  }
  .testimonial__quotes {
    align-self: flex-start;
    margin-top: calc(var(--spacing-08) * -1);
    margin-left: var(--spacing-06);
  }
}
.testimonial-alt {
  padding: var(--spacing-10);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border-radius: 0.4rem;
  background-color: var(--testimonial-bg-color);
}
.testimonials-carousel .testimonial-alt {
  flex: 0 0 95%;
  height: 40rem;
  max-width: 63rem;
  user-select: none;
}
.testimonial-alt__quotes {
  fill: var(--testimonial-quotes-color);
  position: absolute;
  right: 4rem;
  top: 0;
}
.testimonial-alt__quote {
  position: relative;
  font-weight: 500;
  font-size: clamp(1.6rem, 1.4536rem + 0.3902vw, 2rem);
  line-height: 1.6;
  color: var(--colors-grey-1000);
}
.testimonial-alt__quote em {
  font-style: normal;
  background-color: var(--testimonial-highlight-color);
  padding: 0 0.125em;
  border-radius: 0.2rem;
}
.testimonial-alt__source {
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-03);
}
.testimonial-alt__avatar {
  flex: 0 1 auto;
  width: 12rem;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 0.4rem;
}
.testimonial-alt__author {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-01);
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.testimonial-alt__author-name {
  font-weight: 500;
}
@media screen and (max-width: calc(48em - 1px)) {
  .testimonial-alt__avatar {
    width: 6rem;
  }
  .testimonial-alt__logo {
    display: none;
  }
}
.testimonials-carousel {
  position: relative;
  overflow-x: hidden;
  padding-left: calc(33.3333333333% - var(--spacing-06) * 2);
}
.testimonials-carousel__track {
  display: flex;
  gap: var(--spacing-06);
  will-change: transform;
}
.testimonials-carousel__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-04);
  margin-top: var(--spacing-10);
}
.feature-card {
  --feature-card-margin-bottom: var(--spacing-08);
  --featured-card-body-padding: var(--spacing-10) var(--spacing-08);
  height: calc(100% - var(--feature-card-margin-bottom));
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  background-color: var(--colors-grey-50);
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.8rem;
  margin-bottom: var(--feature-card-margin-bottom);
  overflow: hidden;
}
.feature-card--square::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 25%;
  background: linear-gradient(to left, rgba(252, 252, 253, 0) 0%, var(--colors-grey-50) 90%), url("https://hunter.io/assets/pattern-square-p9r7i-J3.svg") top right repeat-y;
}
.feature-card--hatch::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 25%;
  background: linear-gradient(to left, rgba(252, 252, 253, 0) 0%, var(--colors-grey-50) 90%), url("https://hunter.io/assets/pattern-hatch-qOgVKVE8.svg") top right repeat-y;
}
.feature-card--dots::before {
  content: "";
  position: absolute;
  top: 25%;
  right: 0;
  bottom: -25%;
  left: 0;
  background: radial-gradient(50% 50% at 50% 50%, rgba(252, 252, 253, 0) 62.5%, var(--colors-grey-50) 100%), url("https://hunter.io/assets/pattern-dots-Dtt2PbpS.svg") center repeat;
}
.feature-card__body {
  position: relative;
  padding: var(--featured-card-body-padding);
}
.feature-card__heading {
  font-family: var(--fonts-family-heading);
  font-size: clamp(2rem, 1.8536rem + 0.3902vw, 2.4rem);
  line-height: 1.25;
  text-wrap: balance;
}
.feature-card__heading--big {
  font-size: clamp(2rem, 1.70736rem + 0.7805vw, 2.8rem);
}
.feature-card__title,
.feature-card__description {
  display: inline;
  font-size: 1em;
  color: var(--colors-grey-900);
}
.feature-card__title {
  color: var(--colors-grey-900);
}
.feature-card__description {
  color: var(--colors-grey-700);
}
.feature-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-10);
  align-items: center;
}
.feature-card__link {
  --h-mainlink-color: var(--section-color);
  margin-top: 1.5em;
}
.feature-card__hint {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  margin-top: var(--spacing-02);
  color: var(--colors-grey-600);
}
.feature-card__visual {
  position: relative;
}
.feature-card--discover .feature-card__visual {
  line-height: 0;
  width: 100%;
  max-height: 28rem;
}
.feature-card--discover .feature-card__img {
  max-width: none;
  margin-left: var(--spacing-06);
}
.feature-card--domain-search .feature-card__visual {
  line-height: 0;
  width: 100%;
  max-height: 25.6rem;
}
.feature-card--domain-search .feature-card__visual::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1rem;
  height: 6rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--colors-grey-50) 75%);
}
.feature-card--domain-search .feature-card__img {
  max-width: none;
  margin-left: var(--spacing-08);
}
.feature-card--email-finder .feature-card__img {
  max-width: none;
}
.feature-card--personal-emails .feature-card__visual {
  min-width: 0;
  text-align: right;
  flex: 1;
  width: 100%;
  padding-left: var(--spacing-06);
}
.feature-card--personal-emails .feature-card__img {
  max-width: none;
  min-width: 100%;
}
.feature-card--email-finder .feature-card__visual {
  width: 100%;
  padding-left: var(--spacing-04);
  margin-top: calc(var(--spacing-04) * -1);
  text-align: center;
}
.feature-card--email-finder .feature-card__img {
  width: clamp(20rem, 100% + 6rem, 50rem);
}
.feature-card--email-verifier .feature-card__visual {
  text-align: center;
}
.feature-card--email-verifier .feature-card__img {
  max-width: 112%;
}
.feature-card--personal-emails__img-options {
  position: absolute;
  bottom: 2.4rem;
  right: 0;
}
.feature-card--deliverability .feature-card__img {
  max-width: none;
}
.feature-card--campaigns-steps .feature-card__visual {
  width: 100%;
  text-align: center;
}
.feature-card--integrations .feature-card__visual {
  width: 100%;
  flex: 1;
  margin-bottom: var(--spacing-10);
  min-width: 0;
  line-height: 0;
  text-align: center;
}
.feature-card--data-platform {
  background: url("https://hunter.io/assets/home-data-platform-bg-D7SfohPM.svg") var(--colors-grey-50) no-repeat right center;
  background-size: cover;
}
.feature-card--data-platform .feature-card__body {
  max-width: 62rem;
}
.feature-card--data-platform .feature-card__heading {
  text-wrap: unset;
}
@media screen and (max-width: calc(48em - 1px)) {
  .feature-card--campaigns-steps .feature-card__visual {
    margin-bottom: var(--spacing-06);
  }
}
@media screen and (min-width: 48em) {
  .feature-card:not(.feature-card--sm) {
    flex-direction: row;
    gap: var(--spacing-10);
  }
  .feature-card:not(.feature-card--sm) .feature-card__body {
    flex: 1;
  }
  .feature-card.feature-card--column {
    flex-direction: column;
  }
  .feature-card--square::before,
  .feature-card--hatch::before,
  .feature-card--dots::before {
    left: 50%;
  }
  .feature-card--dots::before {
    left: 50%;
    top: 0;
    bottom: 0;
  }
  .feature-card--discover .feature-card__visual,
  .feature-card--domain-search .feature-card__visual {
    max-height: 32rem;
    align-self: flex-end;
    flex: 1;
    min-width: 0;
  }
  .feature-card--discover .feature-card__img,
  .feature-card--domain-search .feature-card__img {
    margin-left: 0;
    margin-top: var(--spacing-10);
  }
  .feature-card--personal-emails .feature-card__visual {
    margin: var(--spacing-06) 0;
  }
  .feature-card--integrations .feature-card__visual {
    margin-top: var(--spacing-10);
  }
  .feature-card--data-platform .feature-card__body {
    padding-top: var(--spacing-25);
    padding-bottom: var(--spacing-25);
  }
}
@media screen and (max-width: calc(62em - 1px)) {
  .feature-card--email-finder .feature-card__visual {
    text-align: center;
  }
  .feature-card--email-verifier .feature-card__visual {
    text-align: center;
    max-height: 19.2rem;
    padding: 0 var(--spacing-08);
    width: 100%;
  }
  .feature-card--deliverability .feature-card__visual {
    text-align: center;
    max-height: 28rem;
    padding-left: var(--spacing-08);
    width: 100%;
  }
}
@media screen and (min-width: 62em) {
  .feature-card {
    --feature-card-margin-bottom: var(--spacing-12);
    --featured-card-body-padding: var(--spacing-10) 0 var(--spacing-10) var(--spacing-16);
  }
  .feature-card__body {
    flex: 1;
  }
  .feature-card--sm {
    flex-direction: row;
    gap: var(--spacing-10);
  }
  .feature-card--sm .feature-card__body {
    flex: 1 0 55%;
  }
  .feature-card--email-finder .feature-card__img {
    margin-left: calc(var(--spacing-06) * -1);
    width: auto;
  }
  .feature-card--personal-emails {
    --featured-card-body-padding: var(--spacing-25) 0 var(--spacing-25) var(--spacing-16);
  }
  .feature-card--deliverability {
    --featured-card-body-padding: var(--spacing-16) 0 var(--spacing-16) var(--spacing-16);
  }
}
@media screen and (min-width: 75em) {
  .feature-card--discover .feature-card__heading {
    max-inline-size: 32ch;
  }
  .feature-card--discover .feature-card__visual {
    max-height: none;
    min-width: 50%;
  }
  .feature-card--discover .feature-card__img {
    max-width: 100%;
  }
  .feature-card--domain-search .feature-card__heading {
    max-inline-size: 35ch;
  }
  .feature-card--domain-search .feature-card__body {
    order: 2;
  }
  .feature-card--domain-search .feature-card__visual {
    max-height: none;
    padding-left: calc(var(--spacing-base) * 9);
  }
  .feature-card--domain-search .feature-card__img {
    max-width: 100%;
  }
  .feature-card--email-finder,
  .feature-card--email-verifier {
    --featured-card-body-padding: var(--spacing-16) 0 var(--spacing-16) var(--spacing-16);
  }
  .feature-card--email-verifier .feature-card__visual {
    padding-right: calc(var(--spacing-base) * 9);
  }
  .feature-card--personal-emails .feature-card__heading {
    max-inline-size: 38ch;
  }
  .feature-card--personal-emails .feature-card__visual {
    margin-right: var(--spacing-08);
    padding-left: 0;
  }
  .feature-card--personal-emails__img-options {
    right: 1.2rem;
  }
  .feature-card--integrations .feature-card__heading {
    max-inline-size: 35ch;
  }
  .feature-card--data-platform .feature-card__body {
    padding-top: var(--spacing-30);
    padding-bottom: var(--spacing-30);
  }
}
.reviews {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-08);
  text-align: center;
}
.reviews__title {
  font-family: var(--fonts-family-body);
  font-weight: 600;
  font-size: clamp(2rem, 1.99024rem + 0.2927vw, 2.4rem);
  line-height: 2.4rem;
  color: var(--colors-grey-1000);
}
.reviews-sm {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 4rem;
}
.reviews-sm--center {
  justify-content: center;
}
.review-block {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.review-block__label {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-top: var(--spacing-02);
}
.review-block__label a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-400);
}
.review-block__stars {
  font-size: 1.2rem;
  color: var(--colors-warning-500);
}
.review-block--inline {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.review-block--inline .review-block__label {
  margin-top: 0;
}
.review-block--inline .review-block__label::before {
  content: "•";
  color: var(--colors-grey-500);
}
@media screen and (min-width: 48em) {
  .reviews {
    flex-direction: row;
    gap: min(5vw, 12rem);
  }
}
.promo-toast {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(var(--spacing-base) * 22);
  width: calc(100% - 3.2rem);
  max-width: 160rem;
  margin: 0 auto;
  padding: var(--spacing-02) var(--spacing-06);
  border-radius: 4rem;
  background-color: var(--colors-grey-1000);
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  z-index: 5;
}
.promo-toast .far {
  margin-right: var(--spacing-01);
  font-size: 1em;
  line-height: inherit;
}
.promo-toast a {
  color: currentColor;
  font-weight: 600;
  text-decoration: underline;
  margin-left: var(--spacing-01);
}
.promo-toast a:hover, .promo-toast a:focus {
  text-decoration: none;
}
@media screen and (min-width: 62em) {
  .promo-toast {
    width: calc(100% - 6.4rem);
    top: calc(var(--spacing-base) * 24);
  }
}
#extensionPopup .modal-dialog {
  width: 680px;
  margin: 40px auto;
}
#extensionPopup .modal-content {
  text-align: center;
}
#extensionPopup h2 {
  font-size: 26px;
  margin: 30px auto 20px;
  font-weight: 500;
}
#extensionPopup .modal-close {
  background-color: transparent;
  padding: 0;
  border: 0;
  font-size: 36px;
  position: absolute;
  right: 15px;
  top: 10px;
}
#extensionPopup p {
  color: var(--colors-grey-600);
  max-width: 480px;
  margin: 0 auto 30px;
  font-size: 15px;
}
#extensionPopup .light-grey {
  color: var(--colors-grey-600);
}
#extensionPopup .light-grey a {
  border-bottom: 1px solid var(--colors-grey-300);
  color: inherit;
  text-decoration: none;
  transition: all 250ms ease;
}
#extensionPopup .light-grey a:hover, #extensionPopup .light-grey a:focus {
  border-color: var(--colors-grey-400);
}
#extensionPopup .subtitle {
  margin: 0 0 30px 0;
  font-size: 18px;
  color: var(--colors-grey-600);
}
#extensionPopup img {
  width: calc(100% - 20px);
  margin: auto;
  border-bottom: 1px solid var(--colors-grey-300);
}
#extensionPopup .cta-container {
  margin: 20px 10px 10px;
}
#extensionPopup .cta-container .h-button--primary {
  margin: 16px 0 0 0;
  padding: 20px;
  font-size: 16px;
  height: 69px;
}
#extensionPopup .cta-container .h-button--primary .far, #extensionPopup .cta-container .h-button--primary .fas, #extensionPopup .cta-container .h-button--primary .fal {
  margin-right: 10px;
}
#extensionPopup .cta-container strong {
  font-size: 16px;
  margin-top: 15px;
  display: inline-block;
}
#extensionPopup .cta-container .fa-star {
  font-size: 17px;
  margin: 5px 3px 5px 3px;
  color: var(--colors-warning-500);
}
.header-logo-ressources {
  position: absolute;
  top: 100%;
  left: 10%;
  padding: var(--spacing-01);
  background-color: #fff;
  border-radius: 0.4rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06), 0 0.2rem 2.4rem 0 rgba(0, 0, 0, 0.08);
  white-space: nowrap;
  opacity: 0;
  z-index: -5;
  visibility: hidden;
  transform: scale(0.9);
  transition: opacity 100ms ease-in, transform 100ms ease-in-out;
}
.header-logo-ressources.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: scale(1);
}
.header-logo-ressources__link {
  display: block;
  padding: var(--spacing-02);
  border-radius: 0.2rem;
  border: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
}
.header-logo-ressources__link:hover, .header-logo-ressources__link:focus {
  background-color: var(--colors-grey-100);
  text-decoration: none;
  color: var(--colors-grey-900);
}
.product-feature {
  margin-bottom: var(--spacing-10);
}
.product-feature__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-02);
}
.product-feature__header .product-feature__title {
  margin-bottom: 0;
}
.product-feature__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.4rem;
  background-color: var(--colors-secondary-100);
  color: var(--colors-secondary-600);
  border: 0.1rem solid var(--colors-secondary-300);
  font-size: 1.6rem;
}
.product-feature__visual {
  margin-bottom: var(--spacing-06);
}
.product-feature__img {
  height: auto;
}
.product-feature__title {
  margin-bottom: var(--spacing-02);
  font-size: clamp(2.1rem, 1.99024rem + 0.2927vw, 2.4rem);
  line-height: 1.1428571429;
  color: var(--colors-grey-900);
}
.product-feature__description {
  margin-bottom: var(--spacing-04);
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
}
@media screen and (min-width: 48em) {
  .product-feature__title {
    line-height: 1.3333333333;
  }
  .product-feature__description {
    padding-right: var(--spacing-08);
  }
}
.related-product {
  --related-product-icon-bg-color: rgba(var(--colors-cyan-200--rgb), .2);
  --related-product-icon-border-color: rgba(var(--colors-cyan-500--rgb), .5);
  --related-product-card-color: var(--colors-cyan-500);
  --h-mainlink-color: var(--related-product-card-color);
  position: relative;
  height: calc(100% - var(--spacing-10));
  padding: var(--spacing-08) var(--spacing-06);
  margin-bottom: var(--spacing-10);
  background-color: var(--colors-grey-50);
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.4rem;
  z-index: 1;
}
.related-product::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 40%;
  z-index: -1;
}
.related-product--cardinal {
  --related-product-icon-bg-color: rgba(var(--colors-cardinal-200--rgb), .2);
  --related-product-icon-border-color: rgba(var(--colors-cardinal-500--rgb), .5);
  --related-product-card-color: var(--colors-cardinal-500);
}
.related-product--emerald {
  --related-product-icon-bg-color: rgba(var(--colors-emerald-200--rgb), .2);
  --related-product-icon-border-color: rgba(var(--colors-emerald-500--rgb), .5);
  --related-product-card-color: var(--colors-emerald-500);
}
.related-product--square::before {
  background: linear-gradient(to left, rgba(252, 252, 253, 0) 0%, var(--colors-grey-50) 90%), url("https://hunter.io/assets/pattern-square-p9r7i-J3.svg") center right repeat-y;
}
.related-product--hatch::before {
  background: linear-gradient(to left, rgba(252, 252, 253, 0) 0%, var(--colors-grey-50) 90%), url("https://hunter.io/assets/pattern-hatch-qOgVKVE8.svg") top right repeat-y;
}
.related-product--dots::before {
  background: linear-gradient(to left, rgba(252, 252, 253, 0) 0%, var(--colors-grey-50) 90%), url("https://hunter.io/assets/pattern-dots-Dtt2PbpS.svg") center right repeat;
}
.related-product__icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-04);
  background-color: var(--related-product-icon-bg-color);
  border: 1px solid var(--related-product-icon-border-color);
  border-radius: 0.4rem;
  color: var(--related-product-card-color);
}
.related-product__icon > svg {
  width: 2.4rem;
  height: 2.4rem;
}
.related-product__title {
  margin-bottom: var(--spacing-02);
  font-size: clamp(2.1rem, 1.99024rem + 0.2927vw, 2.4rem);
  font-weight: 600;
  line-height: 1.1428571429;
  color: var(--colors-grey-900);
}
.related-product__description {
  margin-bottom: var(--spacing-04);
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
}
@media screen and (min-width: 62em) {
  .related-product {
    height: 100%;
    padding: var(--spacing-10) var(--spacing-08);
    margin-bottom: 0;
  }
  .related-product__title {
    line-height: 1.3333333333;
  }
}
.accordion {
  border-bottom: 1px solid var(--colors-grey-300);
}
.accordion__title {
  font-family: var(--fonts-family-body);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}
.accordion__button {
  position: relative;
  text-align: left;
  display: block;
  width: 100%;
  background-color: transparent;
  border: 0;
  padding: var(--spacing-04) var(--spacing-10) var(--spacing-04) var(--spacing-05);
  cursor: pointer;
}
.accordion__button.is-open::before, .accordion__button.is-open::after {
  display: none;
}
.accordion__button::before, .accordion__button::after {
  content: "";
  width: 1.2rem;
  height: 0.15rem;
  background-color: var(--colors-grey-600);
  position: absolute;
  right: var(--spacing-02);
  top: calc(50% - 0.1rem);
  border-radius: 0.2rem;
}
.accordion__button::after {
  transform: rotate(90deg);
}
.accordion__button[aria-expanded=true]::after {
  transform: rotate(0deg);
}
.accordion__content {
  padding: 0 var(--spacing-02) var(--spacing-08);
  font-size: 1.5rem;
  line-height: 1.6;
  will-change: max-height;
  transition: max-height 400ms ease-in-out;
  overflow: hidden;
}
.accordion__content a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-500);
}
.accordion__content a:hover, .accordion__content a:focus {
  text-decoration-color: currentColor;
}
.accordion__content p:not(:first-child),
.accordion__content ul:not(:first-child),
.accordion__content ol:not(:first-child),
.accordion__content img:not(:first-child) {
  margin-top: 1em;
}
.accordion__content[hidden] {
  padding: 0;
  max-height: 0 !important;
}
@media screen and (min-width: 48em) {
  .accordion__title {
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }
  .accordion__button {
    padding: var(--spacing-06) var(--spacing-10) var(--spacing-06) var(--spacing-02);
  }
}
.customers-logos {
  --customers-logos-bg: var(--colors-grey-100);
  --customers-logos-opacity: .48;
  padding: var(--spacing-12) 0;
  background-color: var(--customers-logos-bg);
}
.customers-logos--light {
  --customers-logos-bg: #fff;
  --customers-logos-opacity: .30;
}
.customers-logos__title {
  margin-bottom: var(--spacing-06);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  text-align: center;
  color: var(--colors-grey-800);
}
.customers-logos__logos {
  align-items: center;
  justify-content: space-between;
  text-align: center;
  opacity: var(--customers-logos-opacity);
}
@media screen and (max-width: calc(48em - 1px)) {
  .customers-logos__title {
    text-align: center;
  }
  .customers-logos__logos {
    gap: var(--spacing-02);
  }
}
@media screen and (max-width: calc(75em - 1px)) {
  .customers-logos--light .customers-logos__logos {
    justify-content: center;
  }
}
@media screen and (min-width: 75em) {
  .customers-logos__title {
    text-align: left;
    margin-bottom: 0;
  }
}
.email_verifier .dashboard-body {
  min-height: calc(100vh - 28rem);
}
.email_verifier .video-onboarding {
  --iframe-ratio: 55.938951559389515%;
}
.verify-result {
  padding: var(--spacing-08) !important;
}
.verify-result__data {
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
}
.verify-result__icon {
  --verify-result-background: var(--colors-grey-100);
  --verify-result-color: var(--colors-grey-600);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background-color: var(--verify-result-background);
  color: var(--verify-result-color);
}
.verify-result__icon .verification-status-icon {
  font-size: 1.6rem;
}
.verify-result__icon--valid {
  --verify-result-background: var(--colors-success-200);
  --verify-result-color: var(--colors-success-600);
}
.verify-result__icon--accept_all {
  --verify-result-background: var(--colors-warning-200);
  --verify-result-color: var(--colors-warning-600);
}
.verify-result__icon--invalid {
  --verify-result-background: var(--colors-danger-200);
  --verify-result-color: var(--colors-danger-600);
}
.verify-result__avatar {
  display: flex;
  min-width: 8rem;
  width: 8rem;
  height: 8rem;
  margin-right: var(--spacing-01);
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
}
.verify-result__avatar img {
  object-fit: contain;
}
.verify-result__primary {
  flex: 1;
  min-width: 0;
}
.verify-result__primary .verify-result__title {
  margin: 0;
  font-family: var(--fonts-family-body);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3333333333;
  color: var(--colors-grey-800);
  overflow: hidden;
  text-overflow: ellipsis;
}
.verify-result__primary .verify-result__title--sm {
  font-size: 1.6rem;
}
/*! purgecss start ignore */
.verify-result__email {
  user-select: all;
  cursor: pointer;
}
/*! purgecss end ignore */
.verify-result__subtitle {
  margin-top: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.verify-result__verification {
  margin-top: var(--spacing-02);
  display: flex;
  gap: var(--spacing-03);
  align-items: center;
  line-height: 1.3333333333;
}
.verify-result__actions {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
  align-self: center;
  min-width: 12rem;
  text-align: right;
}
.verify-result__actions .h-button {
  text-wrap: nowrap;
}
.verify-result__actions .h-button-group {
  max-inline-size: none;
  width: 100%;
}
.verify-result__sources {
  margin-top: var(--spacing-08);
  padding-top: var(--spacing-04);
  border-top: 1px solid var(--colors-grey-300);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
}
.verify-result__sources-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-04);
}
.verify-result-details {
  margin: var(--spacing-06) calc(var(--spacing-08) * -1) calc(var(--spacing-08) * -1);
  width: calc(100% + var(--spacing-08) * 2);
  padding: var(--spacing-08) var(--spacing-08) var(--spacing-02);
  border-radius: 0 0 0.3rem 0.3rem;
  background-color: var(--colors-grey-100);
  position: relative;
  z-index: 5;
}
.verify-result-detail {
  margin-bottom: var(--spacing-06);
}
.verify-result-detail .verify-result-detail__title {
  font-family: var(--fonts-family-body);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  color: var(--colors-grey-900);
  margin: 0;
}
.verify-result-detail__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.verify-result-detail__desc {
  margin-top: var(--spacing-02);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.verify-result-detail__desc a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-400);
  text-decoration-line: underline;
  text-underline-offset: var(--spacing-01);
}
.verify-result-detail__desc a:hover, .verify-result-detail__desc a:focus {
  text-decoration-color: currentColor;
}
.visitors.email_verifier .data-product-demo:not(:has(.product-no-demo)) {
  max-width: 64rem;
}
.visitors.email_verifier .verify-result {
  padding-bottom: 0 !important;
}
.visitors.email_verifier .verify-result-details {
  margin: var(--spacing-06) calc(var(--spacing-08) * -1) 0;
}
@media screen and (max-width: calc(48em - 1px)) {
  .verify-result {
    padding: var(--spacing-06) !important;
  }
  .verify-result__data {
    flex-direction: column;
  }
  .verify-result__avatar {
    display: none;
  }
  .verify-result__primary {
    width: 100%;
  }
  .verify-result__actions {
    flex-direction: row;
    width: 100%;
    margin-top: var(--spacing-04);
  }
}
.data-product-demo {
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
}
.ds-form {
  position: relative;
  margin: calc(var(--spacing-10) * -1) auto var(--spacing-04);
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--colors-grey-300);
  z-index: 1;
}
.ds-search {
  margin: -1px;
  display: flex;
  align-items: center;
  border: 1px solid var(--colors-grey-300);
  transition: border-color 150ms ease-in, box-shadow 150ms ease-in;
}
.ds-search:focus-within, .ds-search.is-highlighted {
  border-color: var(--colors-secondary-600);
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-300);
}
.ds-search-result {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: 0 var(--spacing-03) 0 var(--spacing-04);
  min-width: 0;
}
.ds-search-result .ds-search-result__input {
  flex: 1;
  padding: var(--spacing-06) 0;
  height: auto;
  align-self: stretch;
  min-width: 0;
  border: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  background-color: #fff;
}
.ds-search-result .ds-search-result__input:hover, .ds-search-result .ds-search-result__input:focus, .ds-search-result .ds-search-result__input:focus-visible {
  border: 0 !important;
  outline: none !important;
}
.ds-search-result--smaller {
  flex: 0.9;
}
.ds-search-result__logo {
  width: 2.4rem;
  height: auto;
  border-radius: 0.2rem;
}
.ds-search-result__logo[src=""] {
  display: none;
}
.ds-search-result__summary {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.ds-search-result__domain {
  font-size: 1.2rem;
  color: var(--colors-grey-600);
  margin-right: var(--spacing-01);
}
.ds-search-result__count {
  font-size: 1.1rem;
  font-weight: 500;
}
.ds-search__at {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0 var(--spacing-04);
  border-left: 1px solid var(--colors-grey-300);
  border-right: 1px solid var(--colors-grey-300);
  font-size: 1.6rem;
  color: var(--colors-grey-500);
}
.ds-search__submit {
  align-self: stretch;
  padding: var(--spacing-02) var(--spacing-06);
  border-width: 0 0 0 1px;
  border-color: var(--colors-grey-300);
  border-radius: 0 4px 4px 0;
  font-weight: 500;
  color: var(--colors-grey-900);
  background-color: #fff;
  transition: background-color 150ms ease-in;
  cursor: pointer;
}
.ds-search__submit:hover {
  background-color: var(--colors-grey-100);
}
.ds-search__submit:active {
  border-color: var(--colors-grey-300);
}
.ds-search__submit-text {
  display: none;
}
.ds-form__hint {
  color: var(--colors-grey-600);
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6666666667;
}
.ds-form__hint button {
  color: currentColor;
  text-decoration: underline;
  cursor: pointer;
}
.ds-form__hint button:hover, .ds-form__hint button:focus {
  text-decoration: none;
}
.ds-results {
  margin-top: var(--spacing-06);
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  border: 1px solid var(--colors-grey-300);
}
.ds-results__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-04) var(--spacing-04) var(--spacing-04) var(--spacing-06);
  border-bottom: 1px solid var(--colors-grey-300);
}
.ds-results__title {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7142857143;
  color: var(--colors-grey-900);
}
.ds-results__title strong {
  font-weight: 500;
}
.ds-results__pattern {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  color: var(--colors-grey-800);
}
.ds-results__pattern strong {
  font-weight: 500;
}
.ds-result {
  padding: var(--spacing-06);
  border-bottom: 1px solid var(--colors-grey-300);
}
.ds-result--single {
  padding: var(--spacing-08);
}
.ds-result--single .ds-result__fullname {
  font-size: 1.6rem;
}
.ds-result--single .ds-result__sources {
  padding-top: var(--spacing-04);
  border-top: 1px solid var(--colors-grey-300);
}
.ds-result--single .ds-result__sources a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-400);
  text-decoration-line: underline;
  text-underline-offset: var(--spacing-01);
}
.ds-result--single .ds-result__sources a:hover, .ds-result--single .ds-result__sources a:focus {
  text-decoration-color: currentColor;
}
.ds-result__avatar {
  display: flex;
  width: 8rem;
  height: 8rem;
  margin-right: var(--spacing-02);
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
}
.ds-result__avatar img {
  object-fit: contain;
}
.ds-result__data {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
}
.ds-result__primary {
  flex: 0 0 35%;
  max-width: 35%;
}
.ds-result__secondary {
  flex: 1;
  padding-left: var(--spacing-02);
}
.ds-result__email {
  display: inline-block;
  max-width: 100%;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  user-select: all;
  cursor: pointer;
}
.ds-result__email span {
  filter: blur(4px);
}
.ds-result__verification {
  display: flex;
  gap: var(--spacing-02);
  align-items: center;
  line-height: 1.3333333333;
}
.ds-result__attribute {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-800);
}
.ds-result__attribute .far {
  color: var(--colors-grey-500);
}
.ds-result__attribute:not(:first-child) {
  margin-top: var(--spacing-01);
}
.ds-result__social[href*="twitter.com"] {
  color: var(--colors-brand-twitter-black);
}
.ds-result__social[href*="linkedin.com"] {
  color: var(--colors-brand-linkedin-blue);
}
.ds-result__social:hover, .ds-result__social:focus {
  text-decoration: none;
  opacity: 0.8;
}
.ds-result__source {
  margin-left: auto;
  align-self: center;
  padding: var(--spacing-005);
  min-width: 9rem;
  font-size: 1.2rem;
  text-align: right;
  color: var(--colors-grey-700);
  cursor: pointer;
}
.ds-result__source:hover, .ds-result__source:focus {
  color: var(--colors-grey-900);
}
.ds-result__sources {
  margin-top: var(--spacing-06);
  color: var(--colors-grey-700);
  font-size: 1.3rem;
  line-height: 1.2307692308;
}
.ds-sources-list {
  margin: var(--spacing-04) 0 0 0;
  padding: 0;
  list-style-type: none;
}
.ds-sources-list__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.ds-sources-list__item:not(:first-child) {
  margin-top: var(--spacing-02);
}
.ds-sources-list__link {
  flex: 1;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  white-space: nowrap;
}
.ds-sources-list__link:hover, .ds-sources-list__link:focus {
  text-decoration: underline;
}
.ds-sources-list__date {
  margin-left: auto;
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.6666666667;
}
.ds-sources-list--outdated .ds-sources-list__link,
.ds-sources-list__item--outdated .ds-sources-list__link {
  color: var(--colors-grey-600);
  text-decoration: line-through;
}
.ds-sources__toggle {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: 0;
  background-color: transparent;
  border: 0;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.ds-upgrade {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-04);
  margin: var(--spacing-02);
  padding: var(--spacing-06);
  border-radius: 4px;
  background-color: var(--colors-secondary-100);
}
.ds-upgrade__content {
  flex: 1;
}
.ds-upgrade__title {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
}
.ds-upgrade__desc {
  max-width: 40rem;
  margin-top: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
  margin-bottom: 0;
}
.ds-more-results {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  padding: var(--spacing-06) var(--spacing-08);
}
.ds-more-results__content {
  flex: 1;
}
.ds-more-results__title {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
}
.ds-more-results__desc {
  max-width: 36rem;
  margin-top: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
  margin-bottom: 0;
}
.finder-result-container {
  display: none;
}
.product-no-demo {
  position: relative;
  margin-top: calc(var(--spacing-10) * -1);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-04);
  padding: var(--spacing-08);
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--colors-grey-300);
  border-radius: 0.4rem;
  z-index: 1;
}
.product-no-demo__title {
  margin: 0 0 var(--spacing-02);
  font-family: var(--fonts-family-body);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--colors-grey-900);
}
.product-no-demo__content {
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.25;
  color: var(--colors-grey-700);
  text-wrap: balance;
}
@media screen and (max-width: calc(48em - 1px)) {
  .visitors.domain_search .autocomplete-suggestions,
  .visitors.email_finder .autocomplete-suggestions {
    min-width: calc(100vw - 0.8rem);
    margin-top: var(--spacing-01);
    left: var(--spacing-01) !important;
  }
}
@media screen and (min-width: 48em) {
  .ds-search__submit-text {
    display: inline-block;
  }
  .ds-search__submit-icon {
    display: none;
  }
  .ds-form,
  .ds-search {
    border-radius: 4px;
  }
  .ds-upgrade {
    flex-direction: row;
    align-items: center;
    padding: var(--spacing-06) var(--spacing-08);
  }
  .visitors.domain_search .autocomplete-suggestions {
    min-width: 60.8rem;
    margin-top: var(--spacing-01);
    margin-left: calc((var(--spacing-04) + 1px) * -1);
  }
  .visitors.email_finder .autocomplete-suggestions {
    min-width: 33.6rem;
    margin-top: var(--spacing-01);
    margin-left: calc((var(--spacing-04) + 1px) * -1);
  }
}
@media screen and (max-width: calc(48em - 1px)) {
  .ds-result--single {
    padding: var(--spacing-06);
  }
  .ds-result__data {
    flex-wrap: wrap;
  }
  .ds-result__primary {
    flex: 0 0 calc(100% - 12rem);
    max-width: calc(100% - 12rem);
  }
  .ds-result__secondary {
    padding-left: 10.4rem;
  }
}
.billing-switcher {
  display: flex;
  gap: var(--spacing-01);
  align-items: center;
  justify-content: center;
  padding: var(--spacing-01);
  width: max-content;
  background-color: var(--colors-grey-100);
  border: 0.1rem solid var(--colors-grey-200);
  border-radius: 5rem;
}
.billing-switcher__option {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-02) var(--spacing-04);
  background-color: transparent;
  border: 0;
  border-radius: 5rem;
  color: var(--colors-grey-600);
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 500;
  transition: background-color 200ms ease-in, color 200ms ease-in, box-shadow ease-in;
}
.billing-switcher__option:has(.billing-switcher__tag) {
  padding-right: var(--spacing-03);
}
.billing-switcher__option:hover, .billing-switcher__option:focus {
  color: var(--colors-grey-900);
}
.billing-switcher__option:hover .billing-switcher__tag, .billing-switcher__option:focus .billing-switcher__tag {
  opacity: 1;
}
.billing-switcher__option.is-active {
  background-color: #fff;
  color: var(--colors-grey-900);
  box-shadow: 0 0 2px rgba(29, 38, 46, 0.08), 0 0 4px rgba(29, 38, 46, 0.06);
}
.billing-switcher__option.is-active .billing-switcher__tag {
  opacity: 1;
}
.billing-switcher__toggle:checked + .billing-switcher__label {
  opacity: 1;
}
.billing-switcher__tag {
  padding: var(--spacing-01) var(--spacing-02);
  border-radius: 2em;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.2307692308;
  color: #fff;
  background-color: var(--colors-secondary-600);
  opacity: 0.5;
  transition: opacity 200ms ease-in;
}
.pricing-table {
  width: 100%;
  font-size: 1.5rem;
  border-radius: 0.4rem;
  background-color: #fff;
  box-shadow: 0px 12px 64px -12px rgba(29, 38, 46, 0.12), 0px 12px 52px -16px rgba(29, 38, 46, 0.08);
  border-collapse: collapse;
}
.pricing-table td {
  padding: 8px 25px;
}
.pricing-table thead tr:first-child td {
  padding-top: 25px;
}
.pricing-table .fa-check {
  color: var(--colors-success-700);
  font-size: 16px;
}
.pricing-table .fa-times {
  color: var(--colors-grey-600);
  font-size: 16px;
}
.pricing-table__top-hint-cell {
  vertical-align: top;
  color: var(--colors-grey-700);
  padding-right: 30px;
}
.pricing-table__top-hint-cell select {
  width: 100%;
}
.pricing-table__plan-column {
  width: 200px;
}
.pricing-table__plan-column.pricing-table__plan-column-reduced {
  width: 160px;
}
.pricing-table__plan-name {
  display: inline-block;
  font-weight: 500;
  margin-bottom: 10px;
}
.pricing-table__price {
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 1.2;
}
.pricing-table__discount {
  font-size: 13px;
  font-weight: 600;
  color: var(--colors-secondary-700);
}
.pricing-table__discount .fa-tag {
  margin-right: 2px;
}
.pricing-table__buttons-row a {
  margin-bottom: 10px;
  display: block;
}
.pricing-table__billing-cycle-hint {
  font-size: 13px;
  line-height: 20px;
  color: var(--colors-grey-600);
  opacity: 1;
  transition: 100ms ease-in;
}
.pricing-table__plan-column {
  border-left: 1px solid var(--colors-grey-300);
}
.pricing-table__row-section-end td {
  padding-bottom: 20px;
}
.pricing-table__row-section-start td {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid var(--colors-grey-300);
}
.pricing-table__row-section-start td strong {
  font-size: 16px;
}
.pricing-table__row-secondary td {
  font-size: 13px;
  color: var(--colors-grey-700);
  padding-top: 0;
}
.pricing-table__enterprise-plan-row td {
  text-align: center;
  padding: 30px 0;
}
.pricing-table__enterprise-plan-row td strong {
  display: block;
  margin-bottom: 5px;
}
.pricing-table__enterprise-plan-row td p {
  margin-bottom: 15px;
}
.plan-details-table {
  width: 100%;
}
.plan-details-table tr {
  border-bottom: 1px solid var(--colors-grey-300);
}
.plan-details-table td {
  padding: 9px 0;
}
.plan-details-table .fa-check {
  color: var(--colors-success-700);
  font-size: 15px;
}
.plan-details-table .fa-times {
  color: var(--colors-grey-600);
  font-size: 15px;
}
.plan-details-table .plan-details-table__row-section-start {
  font-size: 15px;
}
.plan-details-table .plan-details-table__row-section-start td {
  padding: 18px 0;
}
.pricing-enterprise {
  margin-top: var(--spacing-10);
  padding: var(--spacing-10) var(--spacing-12);
  background-color: #fff;
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pricing-enterprise__heading {
  flex: 1;
  max-width: 30rem;
}
.pricing-enterprise__title {
  display: block;
  font-family: var(--fonts-family-heading);
  font-size: 2.2rem;
  line-height: 1.25;
}
.pricing-enterprise__description {
  font-size: 1.5rem;
  color: var(--colors-grey-700);
}
.pricing-enterprise-advantages {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  flex: 1;
  max-width: 55rem;
  column-count: 2;
  color: var(--colors-grey-700);
  font-size: 1.5rem;
}
.pricing-enterprise-advantages__item {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: 0 var(--spacing-04) var(--spacing-02) 0;
}
.pricing-enterprise-advantages__icon {
  color: var(--colors-grey-500);
}
/* On any screen below 1200px, the pricing table is reduced */
@media screen and (max-width: 75em) {
  .pricing-table {
    font-size: 14px;
  }
  .pricing-table .pricing-table__row-section-start td strong {
    font-size: 15px;
  }
  .pricing-table .pricing-table__plan-column {
    width: 170px;
  }
  .pricing-enterprise__heading {
    max-width: 20rem;
  }
  .pricing-enterprise-advantages {
    max-width: 50rem;
    flex: auto;
  }
}
/* On medium screen, the table is reduced to just 2 columns */
@media screen and (max-width: 62em) {
  .billing-switcher__label {
    font-size: 1.3rem;
  }
  .pricing-table .pricing-table__plan-column {
    width: 240px;
  }
  .pricing-enterprise {
    display: block;
    padding: var(--spacing-10) var(--spacing-06);
  }
  .pricing-enterprise-advantages {
    display: block;
    margin: var(--spacing-04) 0;
    font-size: 1.4rem;
    max-width: none;
  }
  .pricing-enterprise__heading {
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .pricing-table {
    border-radius: 0;
  }
  .pricing-table td {
    padding: 4px 18px;
  }
  .pricing-table .pricing-table__row-section-end td {
    padding-bottom: 18px;
  }
  .pricing-table .pricing-table__row-section-start td {
    padding-top: 18px;
  }
  .pricing-table .pricing-table__enterprise-plan-row td {
    padding: 25px 0;
  }
  .pricing-enterprise-advantages {
    column-count: 1;
  }
}
@media screen and (min-width: 62em) {
  .billing-switcher {
    margin-bottom: var(--spacing-10);
  }
  .pricing-table--premium {
    table-layout: fixed;
  }
  .pricing-table--premium tr td:first-child {
    width: 35%;
  }
}
.pricing-data-platform {
  padding: var(--spacing-08) var(--spacing-04);
  border-radius: 0.4rem;
  background-color: #fff;
  box-shadow: 0px 12px 64px -12px rgba(29, 38, 46, 0.12), 0px 12px 52px -16px rgba(29, 38, 46, 0.08);
}
.pricing-data-platform__header {
  text-align: center;
  margin: 0 auto var(--spacing-20);
  max-width: 92rem;
}
.pricing-data-platform__title {
  margin: var(--spacing-04) 0 var(--spacing-06);
  font-family: var(--fonts-family-heading--website);
  font-size: clamp(3.6rem, 3.4536rem + 1.1707vw, 4rem);
  font-weight: 600;
}
.pricing-data-platform__description {
  font-size: clamp(1.6rem, 1.52688rem + 0.3902vw, 1.8rem);
  color: var(--colors-grey-700);
  line-height: 1.6;
}
.pricing-calculator {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-10);
}
.pricing-calculator-input {
  flex: 1;
}
.pricing-calculator-input__title {
  margin: 0 0 var(--spacing-10);
  font-family: var(--fonts-family-heading--website);
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.2;
}
.pricing-calculator-input__hint {
  margin-top: var(--spacing-12);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
}
.pricing-calculator-input__hint a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-400);
}
.pricing-calculator-input__hint a:hover, .pricing-calculator-input__hint a:focus {
  color: var(--colors-grey-700);
  text-decoration-color: var(--colors-grey-600);
}
.pricing-calculator-input__hint p + p {
  margin-top: 1em;
}
.pricing-slider {
  margin-bottom: calc(var(--spacing-base) * 18);
}
.pricing-slider .pricing-slider__input {
  width: 10.8rem;
  padding: var(--spacing-01) var(--spacing-02);
  font-size: 1.6rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  border: 0.1rem solid transparent;
  text-align: right;
  color: var(--colors-grey-700);
  background-color: transparent;
  transition: border-color 150ms ease-in;
}
.pricing-slider .pricing-slider__input:hover, .pricing-slider .pricing-slider__input:focus {
  border-color: var(--colors-grey-200);
}
.pricing-slider__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-03);
}
.pricing-slider__label {
  flex: 1;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}
.pricing-slider__slider {
  margin-left: var(--spacing-02);
}
.pricing-calculator-output {
  position: relative;
  z-index: 1;
  flex: 1;
  margin-left: calc(var(--spacing-02) * -1);
  margin-right: calc(var(--spacing-02) * -1);
}
.pricing-calculator-output__content {
  background-color: var(--colors-grey-100);
  border: 0.1rem solid var(--colors-grey-200);
  border-radius: 0.4rem;
  padding: var(--spacing-10) var(--spacing-08) var(--spacing-08);
}
.pricing-calculator-ouput__title {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  color: var(--colors-grey-700);
  margin-bottom: var(--spacing-02);
}
.pricing-calculator-ouput__value {
  display: block;
  margin-bottom: var(--spacing-12);
  font-family: var(--fonts-family-heading--website);
  font-size: clamp(3.6rem, 3.16096rem + 1.1707vw, 4.8rem);
  line-height: 1.1666666667;
  color: var(--colors-grey-900);
  text-align: center;
}
.pricing-calculator-discount {
  position: absolute;
  top: var(--spacing-02);
  left: 0;
  right: 0;
  display: flex;
  gap: var(--spacing-02);
  align-items: center;
  padding: var(--spacing-03) var(--spacing-06) var(--spacing-05);
  background-color: var(--colors-secondary-200);
  border-radius: 0.4rem 0.4rem 0 0;
  text-align: center;
  opacity: 0;
  z-index: -1;
  transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
  transform-origin: bottom;
  transform: scale(0.96);
}
.pricing-calculator-discount.is-visible {
  opacity: 1;
  transform: translateY(-100%);
}
.pricing-calculator-breakdown {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  margin-bottom: var(--spacing-06);
  color: var(--colors-grey-800);
}
.pricing-calculator-breakdown tr + tr {
  position: relative;
}
.pricing-calculator-breakdown tr + tr th::before {
  content: "+";
  width: 1em;
  position: absolute;
  left: 50%;
  margin-left: -0.5em;
  margin-top: -1.875em;
  background: var(--colors-grey-100);
  color: var(--colors-grey-500);
  font-size: 1.6rem;
  text-align: center;
}
.pricing-calculator-breakdown td,
.pricing-calculator-breakdown th {
  padding: var(--spacing-04) 0;
  border-top: 0.1rem solid var(--colors-grey-300);
  font-variant-numeric: tabular-nums;
}
.pricing-calculator-breakdown__hint {
  padding-top: var(--spacing-02);
  font-size: 1.4rem;
  font-variant-numeric: normal;
  line-height: 0.8333333333;
  color: var(--colors-grey-600);
}
@media screen and (min-width: 62em) {
  .pricing-data-platform {
    padding: var(--spacing-16);
  }
  .pricing-calculator {
    flex-direction: row;
    gap: var(--spacing-14);
    align-items: center;
  }
  .pricing-calculator-output {
    margin: 0;
  }
  .pricing-calculator-input__hint {
    margin-top: var(--spacing-48);
  }
  .pricing-calculator-breakdown {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pricing-cards {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-06);
}
.pricing-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-04);
  padding: var(--spacing-06) var(--spacing-04) var(--spacing-04);
  background: #fff;
  border: 0.1rem solid var(--colors-grey-300);
  box-shadow: 0 4px 15px rgba(29, 38, 46, 0.05), 0 2px 50px rgba(29, 38, 46, 0.02);
  border-radius: 0.8rem;
}
.pricing-card--highlighted {
  position: relative;
  background-color: var(--colors-primary-100);
  border-color: var(--colors-primary-300);
}
.pricing-card--highlighted::before {
  content: attr(data-before-content);
  position: absolute;
  bottom: calc(100% - var(--spacing-02));
  left: -0.1rem;
  right: -0.1rem;
  padding: var(--spacing-01) var(--spacing-02) var(--spacing-03);
  background-color: var(--colors-primary-300);
  color: var(--colors-primary-900);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5384615385;
  text-align: center;
  border-radius: 0.8rem 0.8rem 0 0;
  z-index: -1;
}
.pricing-card__header,
.pricing-card__cost {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-01);
}
.pricing-card__header {
  min-height: 8.4rem;
}
.pricing-card__title {
  font-family: var(--fonts-family-heading);
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.3333333333;
}
.pricing-card__description {
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--colors-grey-600);
}
.pricing-card__cost {
  min-height: 6.8rem;
}
.pricing-card__amount {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.pricing-card__price {
  font-family: var(--fonts-family-heading);
  font-size: clamp(3.6rem, 3.4536rem + 1.1707vw, 4rem);
  font-weight: 600;
  line-height: 1;
}
.pricing-card__features {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
}
.pricing-card__feature {
  display: flex;
  align-items: baseline;
  padding: var(--spacing-02) 0;
  gap: var(--spacing-02);
}
@media screen and (max-width: calc(75em - 1px)) {
  .pricing-card--highlighted {
    margin-top: var(--spacing-06);
  }
}
@media screen and (min-width: 75em) {
  .pricing-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--spacing-06);
  }
  .pricing-cards--premium {
    grid-template-columns: repeat(4, 1fr);
  }
}
:root {
  --comparison-table-head-top: 9rem;
}
.comparison-table-section {
  display: none;
  position: relative;
  padding: var(--spacing-08);
  background-color: var(--colors-grey-100);
}
.comparison-table {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.5;
  border-collapse: collapse;
}
.comparison-table th {
  font-weight: normal;
}
.plan-comparison-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-02);
}
.plan-comparison-switcher__label {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}
.comparison-table__head {
  position: sticky;
  top: var(--comparison-table-head-top);
  z-index: 10;
  background-color: var(--colors-grey-100);
  box-shadow: 0 0.2rem 0 0 var(--colors-grey-300);
}
.comparison-table__head th {
  padding: var(--spacing-04) var(--spacing-05);
}
.comparison-table__head th:not(:first-child) {
  box-shadow: 0 -0.1rem 0 0 var(--colors-grey-300);
  width: 18rem;
}
.comparison-table__head th:nth-child(2) {
  box-shadow: 0 -0.1rem 0 0 var(--colors-grey-300), -0.1rem 0 0 0 var(--colors-grey-300);
  border-top-left-radius: 0.4rem;
}
.comparison-table__head th:last-child {
  box-shadow: 0 -0.1rem 0 0 var(--colors-grey-300), 0.1rem 0 0 0 var(--colors-grey-300);
  border-top-right-radius: 0.4rem;
}
.comparison-table__head .comparison-table__plan-name {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.3333333333;
}
.comparison-table__plan-name {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-1000);
}
.comparison-table__price {
  margin-bottom: var(--spacing-01);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
}
.comparison-table__body th {
  font-weight: 400;
  text-align: start;
  border-right: 0.1rem solid var(--colors-grey-300);
}
.comparison-table__body td:nth-child(even),
.comparison-table-head__growth {
  background-color: var(--colors-grey-200);
}
.comparison-table__row td,
.comparison-table__row th {
  padding: var(--spacing-04) 0;
}
.comparison-table__row:not(:first-child) th,
.comparison-table__row:not(:first-child) td {
  border-top: 0.1rem solid var(--colors-grey-300);
}
.comparison-table__subrow th,
.comparison-table__subrow td {
  padding: 0 0 var(--spacing-02) 0;
}
.comparison-table__subrow th {
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.comparison-table__spacer th,
.comparison-table__spacer td {
  padding: var(--spacing-04) 0;
}
.comparison-table__spacer + .comparison-table__row th,
.comparison-table__spacer + .comparison-table__row td {
  border-top: 0;
}
.comparison-table__section-title {
  display: block;
  font-family: var(--fonts-family-heading);
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.3333333333;
}
.comparison-accordions {
  position: relative;
  display: none;
  padding: var(--spacing-04) var(--spacing-02);
  background-color: var(--colors-grey-100);
}
.comparison-accordion-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-01);
  margin-top: var(--spacing-10);
  padding: 0 var(--spacing-03);
}
.comparison-accordion-group__name {
  font-family: var(--fonts-family-heading);
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.3333333333;
}
.comparison-accordion-group__description {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-600);
}
.comparison-accordion__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-04) var(--spacing-03);
  border-bottom: 0.1rem solid var(--colors-grey-300);
  background-color: var(--colors-grey-100);
}
.comparison-accordion__header .question-circle {
  position: relative;
  z-index: 5;
}
.comparison-accordion__heading {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-01);
}
.comparison-accordion__title {
  font-family: var(--fonts-family-heading);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.3333333333;
}
.comparison-accordion__toggle[aria-expanded=true] .fa-angle-down {
  transform: rotate(180deg);
}
.comparison-accordion__toggle::before {
  content: "";
  position: absolute;
  inset: 0;
}
.comparison-accordion__row {
  padding: var(--spacing-02) var(--spacing-03);
  font-size: 1.4rem;
  line-height: 1.7142857143;
  display: flex;
  align-items: center;
}
.comparison-accordion__row > * {
  flex: 1 0 50%;
}
.comparison-accordion__row:nth-child(even) {
  background-color: var(--colors-grey-200);
}
@media (max-width: calc(75em - 1px)) {
  .comparison-accordions {
    display: block;
  }
}
@media (min-width: 75em) {
  .comparison-table-section {
    display: block;
  }
}
.page-content {
  margin-top: var(--spacing-20);
  font-size: 1.6rem;
  line-height: 1.75;
}
.page-content h2 {
  font-size: clamp(2.8rem, 2.6536rem + 0.3902vw, 3.2rem);
  margin: var(--spacing-10) 0 var(--spacing-06);
}
.page-content h2:first-child {
  margin-top: 0;
}
.page-content h3 {
  font-size: clamp(2rem, 1.8536rem + 0.3902vw, 2.4rem);
  margin: var(--spacing-08) 0 var(--spacing-04);
}
.page-content h4 {
  margin: var(--spacing-06) 0 var(--spacing-04);
  font-size: 1.8rem;
  color: var(--colors-grey-800);
}
.page-content p:not(:last-child),
.page-content ol:not(:last-child),
.page-content ul:not(:last-child) {
  margin-bottom: 1.25em;
}
.page-content li {
  line-height: 1.5;
}
.page-content li + li {
  margin-top: var(--spacing-02);
}
.page-content a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-500);
  transition: color 150ms ease-in, text-decoration-color 150ms ease-in;
}
.page-content a:hover, .page-content a:focus {
  color: var(--colors-secondary-700);
  text-decoration-color: transparent;
}
.page-content table {
  width: 100%;
  margin: var(--spacing-06) 0;
  font-size: 1.4rem;
  border-collapse: collapse;
  border-spacing: 0;
}
.page-content table tr {
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.page-content table td, .page-content table th {
  padding: var(--spacing-03);
  text-align: left;
}
.page-content table th {
  font-weight: 600;
}
.page-content .highlight {
  padding: var(--spacing-06);
  background-color: var(--colors-grey-100);
  border-radius: 0.4rem;
}
.page-content code {
  font-family: var(--fonts-family-code);
  display: block;
  color: var(--colors-grey-100);
  background-color: var(--colors-grey-900);
  padding: var(--spacing-04);
  font-size: 1.3rem;
  margin: var(--spacing-06) 0;
  border-radius: 0.4rem;
}
.aside-menu {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.aside-menu__item:not(:last-child) {
  margin-bottom: var(--spacing-01);
}
.aside-menu__link {
  display: block;
  padding: var(--spacing-02) var(--spacing-04);
  font-size: 1.4rem;
  line-height: 1.7142857143;
  border-radius: 0.4rem;
  color: var(--colors-grey-800);
  transition: background-color 150ms ease-in;
}
.aside-menu__link:focus, .aside-menu__link:hover {
  background-color: var(--colors-grey-100);
  text-decoration-color: transparent;
}
.aside-menu__link:focus-visible {
  background-color: var(--colors-grey-100);
}
.aside-menu__link[aria-current=page] {
  background-color: var(--colors-grey-100);
  font-weight: 600;
}
.wide-slider {
  position: relative;
  max-width: 120rem;
  padding: 0 var(--spacing-04);
  margin: calc(var(--spacing-20) * -1) auto 0;
  text-align: center;
  z-index: 1;
}
.wide-slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 20%;
  background: linear-gradient(to bottom, rgba(29, 38, 46, 0.12), rgba(29, 38, 46, 0));
  filter: blur(20px);
}
.wide-slider .swiper-pagination {
  position: relative;
}
.wide-slider .swiper-pagination-bullet {
  width: 1.6rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 5px;
  transition: width 500ms ease-in-out;
}
.wide-slider .swiper-pagination-bullet-active {
  width: 2.4rem;
  background-color: var(--colors-primary-600);
}
.wide-slider img {
  border: 1px solid var(--colors-grey-300);
  border-radius: 0.4rem;
  height: auto;
}
.wide-slider figcaption {
  margin-top: var(--spacing-03);
  color: var(--colors-grey-700);
  font-size: 1.4rem;
  top: calc(100% + 1.6rem);
}
.wide-slider__title {
  font-size: clamp(2.1rem, 1.99024rem + 0.2927vw, 2.4rem);
  line-height: 1.3333333333;
  text-align: center;
  color: var(--colors-grey-900);
  margin-top: var(--spacing-08);
}
.wide-slider__description {
  margin: var(--spacing-01) var(--spacing-12) var(--spacing-04);
  color: var(--colors-grey-700);
  font-size: 1.6rem;
  line-height: 1.5;
}
.wide-slider__next,
.wide-slider__prev {
  position: absolute;
  bottom: var(--spacing-10);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  font-size: 1.6rem;
  color: var(--colors-grey-600);
  background: #fff;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 1px 2px -1px rgba(29, 38, 46, 0.06), 0px 1px 4px -1px rgba(29, 38, 46, 0.08);
  border-radius: 50%;
  opacity: 0.9;
  z-index: 10;
  cursor: pointer;
  transition: opacity 150ms ease-in, color 150ms ease-in;
}
.wide-slider__next:hover, .wide-slider__next:focus,
.wide-slider__prev:hover,
.wide-slider__prev:focus {
  opacity: 1;
  color: var(--colors-grey-700);
}
.wide-slider__next {
  right: var(--spacing-01);
}
.wide-slider__prev {
  left: var(--spacing-01);
}
@media screen and (max-width: calc(48em - 1px)) {
  .wide-slider__next,
  .wide-slider__prev {
    display: none;
  }
}
.icv {
  position: relative;
  overflow: hidden;
  cursor: row-resize;
}
.icv__icv--vertical {
  cursor: row-resize;
}
.icv__icv--horizontal {
  cursor: col-resize;
}
.icv__img {
  pointer-events: none;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  max-width: none;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  top: 0;
  display: block;
}
.icv__is--fluid .icv__img {
  display: none;
}
.icv__img-a {
  height: auto;
  position: static;
  z-index: 1;
  left: 0px;
}
.icv__img-b {
  height: 100%;
  position: absolute;
  z-index: 2;
  left: auto;
  right: 0px;
  width: auto;
}
.icv__icv--vertical .icv__img-b {
  width: 100%;
  height: auto;
}
.icv__imposter {
  z-index: 4;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.icv__wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0px;
  top: 0px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  z-index: 3;
}
.icv__is--fluid .icv__wrapper, .icv__icv--vertical .icv__wrapper {
  width: 100% !important;
}
.icv__is--fluid .icv__wrapper, .icv__icv--horizontal .icv__wrapper {
  height: 100% !important;
}
.icv__fluidwrapper {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.icv__control {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  top: 0px;
  z-index: 5;
}
.icv__icv--vertical .icv__control {
  flex-direction: row;
  left: 0;
  width: 100%;
}
.icv__control-line {
  height: 50%;
  width: 2px;
  z-index: 6;
}
.icv__icv--vertical .icv__control-line {
  width: 50%;
}
.icv__theme-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  transition: all 0.1s ease-out 0s;
  z-index: 5;
}
.icv__icv--vertical .icv__theme-wrapper {
  flex-direction: column;
}
.icv__arrow-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.1s ease-out 0s;
}
.icv__arrow-a {
  transform: scale(1.5) rotateZ(180deg);
  height: 20px;
  width: 20px;
  -webkit-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.33));
  filter: drop-shadow(0px -3px 5px rgba(0, 0, 0, 0.33));
}
.icv__arrow-b {
  transform: scale(1.5) rotateZ(0deg);
  height: 20px;
  width: 20px;
  -webkit-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.33));
  filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.33));
}
.icv__circle {
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: 999px;
}
.icv__label {
  position: absolute;
  bottom: 1rem;
  z-index: 12;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
  color: white;
  border-radius: 3px;
  padding: var(--spacing-02) var(--spacing-03);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  user-select: none;
}
.icv__label.vertical {
  bottom: auto;
  left: 1rem;
}
.icv__label.on-hover {
  transform: scale(0);
  transition: 0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22);
}
.icv:hover .icv__label.on-hover {
  transform: scale(1);
}
.icv__label-before {
  left: 1rem;
}
.icv__label-after {
  right: 1rem;
}
.icv__label-before.vertical {
  top: 1rem;
}
.icv__label-after.vertical {
  bottom: 1rem;
  right: auto;
}
.icv__body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.landing_annual_discount .generic-hero__description {
  max-width: 58rem;
}
.lp-full-heigt-header {
  padding: 16rem 1.5rem 10rem;
  position: relative;
}
.lp-full-heigt-header .generic-hero__subtitle,
.lp-full-heigt-header .generic-hero__description {
  max-width: 56rem;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}
.lp-full-heigt-header .customers-logos__logos {
  --customers-logos-opacity: .30;
  gap: 0;
}
.lp-full-heigt-header .lp-full-heigt-header__end {
  background-color: var(--colors-primary-100);
  padding: var(--spacing-08);
  margin: var(--spacing-06) -1.5rem 0;
}
.lp-full-heigt-header .plan-block {
  margin: var(--spacing-12) 0 var(--spacing-08);
}
@media screen and (min-width: 48em) {
  .lp-full-heigt-header::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: calc(50% + 4rem);
    background-color: var(--colors-primary-100);
  }
  .lp-full-heigt-header .container-fluid, .lp-full-heigt-header .container-sm, .lp-full-heigt-header .container-md, .lp-full-heigt-header .container-lg, .lp-full-heigt-header .container-xl, .lp-full-heigt-header .container-xxl {
    position: relative;
    min-height: calc(100vh - 26rem);
    display: flex;
    z-index: 5;
  }
  .lp-full-heigt-header .lp-full-heigt-header__start,
  .lp-full-heigt-header .lp-full-heigt-header__end {
    display: flex;
    flex-direction: column;
  }
  .lp-full-heigt-header .lp-full-heigt-header__start {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .lp-full-heigt-header .lp-full-heigt-header__end {
    flex: 0 0 41.5%;
    max-width: 41.5%;
    align-self: flex-end;
    margin: 0 0 0 auto;
    padding: 0;
  }
}
.landing-testimonial {
  position: relative;
}
.landing-testimonial__quotes {
  max-width: 4.8rem;
  height: auto;
  margin-bottom: var(--spacing-02);
  fill: var(--colors-primary-200);
}
.landing-testimonial__citation {
  font-size: clamp(1.6rem, 1.4536rem + 0.3902vw, 2.4rem);
  font-weight: 500;
  line-height: 1.5;
  max-width: 50rem;
}
.landing-testimonial__citation em {
  font-style: normal;
  background-color: var(--colors-primary-200);
  padding: 0 0.125em;
  border-radius: 0.2rem;
}
.landing-testimonial__author {
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
  margin-top: var(--spacing-06);
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.landing-testimonial__author img {
  border-radius: 50%;
}
.landing-testimonial__author strong {
  font-weight: 600;
}
.plan-block {
  position: relative;
  margin: var(--spacing-02) 0;
  padding: var(--spacing-08);
  background-color: #fff;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--colors-grey-200);
  max-width: 40rem;
  font-size: 1.4rem;
  transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
.plan-block.plan-block--highlight, .plan-block:hover, .plan-block:focus-within {
  border-color: var(--colors-primary-600);
  box-shadow: 0 0 0 0.2rem var(--colors-primary-200);
}
.plan-block .plan-block__title {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-1000);
  margin: 0 0 var(--spacing-04) 0;
  text-align: left;
}
.plan-block .plan-block__subtitle {
  font-size: 1.8rem;
  font-family: var(--fonts-family-heading);
  font-weight: normal;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.plan-block .plan-block__desc {
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.plan-block .price-change__current {
  position: relative;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 1.3333;
  color: var(--colors-grey-700);
}
.plan-block .price-change__current::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.1rem);
  height: 0.2rem;
  left: 0;
  right: 0;
  background-color: var(--colors-grey-700);
  transform: rotate(-1deg);
}
.plan-block .price-change__new {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.plan-block .price-change__value {
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 500;
  line-height: 1;
}
.plan-block .price-change__hint {
  font-size: 1.2rem;
  line-height: 1.33333;
  color: var(--colors-grey-600);
}
.plan-block .pricing-preview-features {
  margin-top: var(--spacing-02);
}
.plan-block__action {
  margin-top: var(--spacing-08);
}
.plans__hint {
  font-size: 1.4rem;
  text-align: center;
  color: var(--colors-grey-600);
}
.plans-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-06);
  margin: calc(var(--spacing-20) * -1) 0 var(--spacing-10);
}
.plans-grid .plan-block {
  flex: 1;
}
@media screen and (min-width: 30em) {
  .plans-grid .plan-block {
    flex: 0 0 calc(50% - var(--spacing-06));
    max-width: calc(50% - var(--spacing-06));
  }
}
@media screen and (min-width: 62em) {
  .plans-grid .plan-block {
    flex: 1;
    max-width: none;
  }
}
.plan-block--wide {
  max-width: none;
}
.plan-block--wide__content {
  margin-bottom: var(--spacing-08);
}
@media screen and (min-width: 48em) {
  .plan-block--wide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-06) var(--spacing-10);
  }
  .plan-block--wide__content {
    max-width: 60rem;
    margin-bottom: 0;
  }
}
.hero-banner {
  position: relative;
  text-align: center;
  padding: calc(var(--spacing-base) * 48) 0 calc(var(--spacing-base) * 40);
}
.hero-banner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("https://hunter.io/assets/home-hero-pattern-kJ4UYPnJ.svg") center no-repeat var(--colors-primary-100);
  background-size: cover;
  z-index: -1;
}
.hero-banner__title {
  font-size: clamp(4.4rem, 3.52192rem + 2.3415vw, 6.8rem);
  margin-bottom: var(--spacing-08);
}
.hero-banner__title em {
  font-style: normal;
  color: var(--colors-primary-600);
}
.hero-banner__title:lang(fr) {
  font-size: clamp(4.4rem, 3.66832rem + 2.3415vw, 6.4rem);
}
.hero-banner__description {
  font-size: clamp(1.6rem, 1.4536rem + 0.3902vw, 2rem);
  color: var(--colors-grey-800);
  max-width: 48rem;
  margin: 0 auto;
}
.hero-banner__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-08);
  margin-top: var(--spacing-10);
}
.hero-banner__hint {
  margin-top: var(--spacing-04);
  font-size: 1rem;
  line-height: 1.6;
  color: var(--colors-grey-600);
}
.hero-banner__animation {
  width: 100%;
  height: auto;
  position: relative;
  text-align: center;
}
.hero-banner__animation > canvas {
  position: absolute;
  top: 0;
  left: 0;
  height: auto !important;
  opacity: 0;
  transition: opacity 200ms linear;
}
.hero-banner__animation.active > canvas {
  opacity: 1;
}
.hero-banner__animation-placeholder {
  margin: 0 auto;
  max-width: 90%;
  opacity: 1;
  transition: opacity 500ms linear;
}
.callout {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  max-width: max-content;
  padding: var(--spacing-01) var(--spacing-04) var(--spacing-01) var(--spacing-01);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  background-color: var(--colors-secondary-100);
  border-radius: 2em;
  border: 0.1rem solid transparent;
  transition: box-shadow 200ms ease-in-out, border-color 200ms ease-in-out;
}
.callout:hover, .callout:focus {
  border-color: var(--colors-secondary-600);
  box-shadow: 0 0 0 0.2rem var(--colors-secondary-300);
}
.callout__badge {
  background-color: var(--colors-secondary-600);
  color: #fff;
  font-size: 1.2rem;
  line-height: 2;
  padding: 0 var(--spacing-02);
  border-radius: 2em;
}
.callout__title {
  color: var(--colors-grey-800);
  text-decoration: none;
}
.callout__title:hover, .callout__title:focus {
  text-decoration: none;
}
.section {
  --section-color: var(--colors-grey-700);
  --section-bg: transparent;
  --section-padding-y: var(--spacing-20);
  background-color: var(--section-bg);
  padding: var(--section-padding-y) 0;
}
.section--lg {
  --section-padding-y: var(--spacing-25);
}
.section--xl {
  --section-padding-y: var(--spacing-30);
}
.section--cyan {
  --section-color: var(--colors-cyan-500);
}
.section--cardinal {
  --section-color: var(--colors-cardinal-500);
}
.section--emerald {
  --section-color: var(--colors-emerald-500);
}
.section--lightgrey {
  --section-bg: var(--colors-grey-100);
}
.section--primary {
  --section-bg: var(--colors-primary-600);
  color: var(--colors-primary-100);
}
.section--primary .section__title {
  color: #fff;
}
.section--primary .section__description {
  color: var(--colors-primary-100);
}
.section--darkgrey {
  --section-bg: var(--colors-grey-1000);
  color: var(--colors-grey-200);
}
.section--darkgrey .section__title {
  color: #fff;
}
.section--darkgrey .section__description {
  color: var(--colors-grey-200);
}
.section--primary-light {
  --section-bg: var(--colors-primary-100);
}
.section--bordered {
  position: relative;
}
.section--bordered::before, .section--bordered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, var(--colors-grey-300) 50%, rgba(223, 227, 232, 0) 100%);
}
.section--bordered::before {
  top: 0;
}
.section--bordered::after {
  bottom: 0;
}
.section__header {
  text-align: center;
  max-width: 68rem;
  margin: 0 auto var(--spacing-20);
  text-wrap: balance;
}
.section__header--lg {
  max-width: 92rem;
}
.section__header--full {
  max-width: none;
}
.section__label {
  display: inline-block;
  color: var(--section-color);
  border-radius: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6666666667;
}
.section__label--pill {
  padding: var(--spacing-005) var(--spacing-02);
  background-color: var(--section-color);
  color: #fff;
}
.section__label--secondary {
  --section-color: var(--colors-secondary-600);
}
.section__label--primary {
  --section-color: var(--colors-primary-600);
}
.section__title {
  font-size: clamp(3.6rem, 3.16096rem + 1.1707vw, 4.8rem);
  margin: var(--spacing-04) 0 var(--spacing-06);
}
.section__title a {
  color: currentColor;
}
.section__title a:hover, .section__title a:focus {
  text-decoration-color: transparent;
}
.section__title em {
  font-style: normal;
  color: var(--section-color);
}
.section__title strong {
  color: var(--colors-primary-600);
}
.section__title--sm {
  font-size: clamp(3.6rem, 3.4536rem + 1.1707vw, 4rem);
}
.section__title--xs {
  font-size: clamp(2.8rem, 2.50736rem + 0.7805vw, 3.6rem);
}
.section__title--xxs {
  font-size: 2.4rem;
  line-height: 1.3333333333;
}
.section__description {
  font-size: clamp(1.6rem, 1.4536rem + 0.3902vw, 2rem);
  color: var(--colors-grey-700);
  line-height: 1.6;
}
.section__description p:not(:first-child) {
  margin-top: 1.25em;
}
.section__description a {
  color: currentColor;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-400);
  transition: text-decoration-color 100ms ease-in;
}
.section__description a:hover, .section__description a:focus {
  color: var(--colors-grey-900);
  text-decoration-color: var(--colors-grey-600);
}
.section__description--sm {
  font-size: clamp(1.6rem, 1.52688rem + 0.3902vw, 1.8rem);
}
.section__description--lg {
  font-size: clamp(2rem, 1.8536rem + 0.3902vw, 2.4rem);
}
.section__description--xs {
  font-size: 1.6rem;
  line-height: 1.5;
}
.section__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-04);
  margin-top: var(--spacing-06);
}
.section__hint {
  margin-top: var(--spacing-02);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
}
.compliance-ratings {
  text-align: center;
}
.section--compliance {
  --section-color: var(--colors-secondary-700);
  position: relative;
}
.section--compliance::before {
  content: "";
  position: absolute;
  top: 0;
  right: -2rem;
  bottom: 0;
  left: -2rem;
  background-color: var(--colors-secondary-100);
  z-index: -1;
}
.section--compliance .section__description {
  max-width: 56rem;
  margin: 0 auto;
}
.section--ratings {
  --section-color: var(--colors-primary-600);
  position: relative;
}
.section--ratings::before {
  content: "";
  position: absolute;
  top: 0;
  right: -2rem;
  bottom: 0;
  left: -2rem;
  background-color: var(--colors-primary-100);
  z-index: -1;
}
.signal-waiting-list {
  margin: 0 var(--spacing-10);
  padding: var(--spacing-20) 0;
  background-color: var(--colors-grey-1000);
  color: #fff;
  border-radius: 0.8rem;
}
.signal-waiting-list .section__label {
  color: var(--colors-grey-500);
}
.signal-waiting-list .section__description {
  color: var(--colors-grey-200);
}
.section--extension {
  padding-top: var(--spacing-20);
  text-align: center;
}
.section--extension .review-block__label {
  justify-content: center;
}
.section--extension .row {
  align-items: flex-end;
}
.section--extension__content {
  max-width: 48rem;
  padding-bottom: var(--spacing-16);
  margin: 0 auto;
}
.section--extension__visual {
  vertical-align: bottom;
  height: auto;
}
.h-mainlink {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--h-mainlink-color, var(--colors-grey-800));
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 0.15rem;
  transition: background-size 0.25s ease-in-out;
}
.h-mainlink::after {
  content: "→";
  transform: translateX(0);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.39, 1.87);
}
.h-mainlink:hover, .h-mainlink:focus {
  color: var(--h-mainlink-color, var(--colors-grey-900));
  text-decoration: none;
  background-size: 100% 0.15rem;
}
.h-mainlink:hover::after, .h-mainlink:focus::after {
  transform: translateX(0.25em);
}
.h-mainlink--back::after {
  display: none;
}
.h-mainlink--back::before {
  content: "←";
  transform: translateX(0);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.39, 1.87);
}
.h-mainlink--back:hover::before, .h-mainlink--back:focus::before {
  transform: translateX(-0.25em);
}
.h-mainlink--no-arrow {
  color: var(--colors-grey-800);
}
.h-mainlink--no-arrow::after {
  display: none;
}
.h-mainlink--no-arrow:hover, .h-mainlink--no-arrow:focus {
  color: var(--colors-grey-900);
}
.h-mainlink--cardinal {
  --h-mainlink-color: var(--colors-cardinal-500);
}
.h-mainlink--secondary {
  --h-mainlink-color: var(--colors-secondary-700);
}
.h-mainlink--sm {
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
@media screen and (max-width: calc(48em - 1px)) {
  .hero-banner__actions .h-button--primary {
    --h-button-padding: var(--spacing-03) var(--spacing-04);
    --h-button-height: 4rem;
    --h-button-font-size: 1.3rem;
    --h-button-line-height: calc(16/13);
  }
  .hero-banner__actions .h-mainlink {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 48em) {
  .section--lg {
    --section-padding-y: var(--spacing-30);
  }
  .section--xl {
    --section-padding-y: var(--spacing-40);
  }
  .compliance-ratings {
    background-image: linear-gradient(to right, var(--colors-secondary-100) 0%, var(--colors-secondary-100) 50%, var(--colors-primary-100) 50%);
  }
  .section--extension .review-block {
    text-align: left;
  }
}
@media screen and (max-width: calc(62em - 1px)) {
  .hero-banner__visual,
  .hero-banner__animation {
    display: none;
  }
  .callout {
    margin: auto;
  }
}
@media screen and (min-width: 62em) {
  .hero-banner {
    text-align: left;
    padding: calc(var(--spacing-base) * 64) 0 calc(var(--spacing-base) * 48);
  }
  .hero-banner:has(.callout) {
    padding-top: calc(var(--spacing-base) * 45);
  }
  .hero-banner::before {
    left: 50%;
  }
  .hero-banner__description {
    margin: 0;
  }
  .hero-banner__actions {
    justify-content: flex-start;
  }
  .hero-banner__hint {
    font-size: 1.2rem;
    line-height: 1.6666666667;
  }
  .section--extension {
    text-align: left;
  }
  .section--extension .review-block__label {
    justify-content: flex-start;
  }
  .section--extension__content {
    align-self: center;
    margin: 0;
    padding-bottom: var(--spacing-25);
  }
}
.bulk_email_verifier .generic-hero__subtitle:lang(fr) {
  min-width: 98rem;
}
.integrations-hero {
  position: relative;
  background-color: var(--colors-grey-50);
  background-image: url("data:image/svg+xml,%3csvg%20fill='none'%20height='20'%20viewBox='0%200%2020%2020'%20width='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23eef0f3'%3e%3cpath%20d='m4%204h2v2h-2z'/%3e%3cpath%20d='m4%2014h2v2h-2z'/%3e%3cpath%20d='m14%204h2v2h-2z'/%3e%3cpath%20d='m14%2014h2v2h-2z'/%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: repeat;
  text-align: center;
  padding: calc(var(--spacing-base) * 40) 0 var(--spacing-20);
  overflow: hidden;
}
.integrations-hero::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: radial-gradient(39.04% 33.53% at 50% 38.82%, rgba(252, 252, 253, 0.75) 62.5%, rgba(252, 252, 253, 0) 80%);
}
.integrations-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, var(--colors-grey-300) 50%, rgba(223, 227, 232, 0) 100%);
}
.integrations-hero__title {
  position: relative;
  font-family: var(--fonts-family-body);
  font-weight: 500;
  font-size: clamp(1.8rem, 1.8536rem + 0.3vw, 2.4rem);
  line-height: 1.6666666667;
  letter-spacing: -0.019em;
  color: var(--colors-grey-800);
  margin: 0 auto;
  z-index: 2;
}
.integrations-hero__subtitle {
  position: relative;
  font-family: var(--fonts-family-heading);
  font-size: clamp(3.6rem, 3.01456rem + 1.561vw, 5.2rem);
  line-height: 1.15;
  font-weight: 600;
  max-width: 90rem;
  margin: 0 auto var(--spacing-20);
  z-index: 2;
}
.integrations-hero__subtitle strong {
  font-weight: 600;
  color: var(--colors-primary-600);
}
.integrations-hero__subtitle:lang(fr) {
  max-width: 88rem;
}
.integrations-hero__visual {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.integrations-hero__logos {
  max-width: none;
}
.integrations-hero__circles {
  position: absolute;
  top: calc(50% - 0.4rem);
  left: 50%;
  max-width: none;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.integration-category-title {
  margin: calc(var(--spacing-16) * -1) auto var(--spacing-02);
  padding-top: calc(var(--spacing-base) * 40);
}
.sticky-subnav {
  position: sticky;
  top: 8.8rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  z-index: 50;
}
.sticky-subnav::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, var(--colors-grey-300) 50%, rgba(223, 227, 232, 0) 100%);
}
.sticky-submenu {
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding-left: 0;
}
.sticky-submenu__link {
  display: block;
  position: relative;
  padding: var(--spacing-03) var(--spacing-05);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  color: var(--colors-grey-700);
  text-decoration: none;
  z-index: 1;
}
.sticky-submenu__link.is-active {
  color: var(--colors-grey-1000);
}
.sticky-submenu__link:hover, .sticky-submenu__link:focus {
  color: var(--colors-grey-900);
  text-decoration: none;
}
.sticky-subnav__spy {
  position: absolute;
  top: 100%;
  height: 1px;
  left: var(--scrollSpy-left, 0);
  width: var(--scrollSpy-width, 0);
  background: linear-gradient(90deg, rgba(250, 83, 23, 0) 0%, var(--colors-primary-600) 50%, rgba(250, 83, 23, 0) 100%);
  z-index: 1;
  transition: left 250ms ease-in-out;
}
.integration-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(28rem, 100%), 1fr));
  gap: var(--spacing-10);
}
.integration-card {
  position: relative;
  padding: var(--spacing-06);
  background: var(--colors-grey-50);
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.4rem;
  transition: border-color 200ms ease-in, box-shadow 200ms ease-in;
}
.integration-card:hover, .integration-card:focus-within {
  border-color: var(--colors-secondary-600);
  box-shadow: 0 0 0 0.2rem var(--colors-secondary-200);
}
.integration-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
}
.integration-card__icon {
  position: relative;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  border: 1px solid var(--colors-grey-200);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04);
  border-radius: 0.2rem;
}
.integration-card__icon img {
  max-width: 2.4rem;
  height: auto;
}
.integration-card__zapier {
  position: absolute;
  right: -0.4rem;
  bottom: -0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  color: #fff;
  background-color: var(--colors-brand-zapier);
  text-align: center;
  line-height: 1.6rem;
  font-size: 0.8rem;
  z-index: 5;
}
.integration-card__link {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--colors-grey-900);
  line-height: 1.25;
  text-decoration: none;
}
.integration-card__link::before {
  content: "";
  position: absolute;
  inset: 0;
}
.integration-card__category {
  font-size: 1.2rem;
  color: var(--colors-grey-600);
  line-height: 1.6666666667;
}
.integration-card__description {
  margin-top: var(--spacing-04);
  font-size: 1.4rem;
  color: var(--colors-grey-700);
  line-height: 1.4285714286;
}
.section-api-promotion {
  max-width: 104rem;
  padding: var(--spacing-20) var(--spacing-10);
  margin: var(--spacing-30) auto;
  background-color: var(--colors-grey-1000);
  background-image: url("https://hunter.io/assets/api-promotion-bg-top-BmzcjTAm.svg"), url("https://hunter.io/assets/api-promotion-bg-bottom-DQw-RqJE.svg");
  background-position: top center, bottom center;
  background-repeat: no-repeat;
  border-radius: 0.8rem;
  text-align: center;
  color: var(--colors-grey-200);
}
.section-api-promotion__title {
  color: #fff;
  font-size: clamp(3.6rem, 3.16096rem + 1.1707vw, 4.8rem);
  line-height: 1.1666666667;
  text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.16);
  margin: 0;
}
.section-api-promotion__description {
  max-width: 42rem;
  margin: var(--spacing-04) auto var(--spacing-08);
  font-size: clamp(1.6rem, 1.4536rem + 0.3902vw, 2rem);
  line-height: 1.5;
}
.integration-hero {
  position: relative;
  background-color: var(--colors-grey-50);
  background-image: linear-gradient(180deg, rgba(252, 252, 253, 0.75) 47.21%, rgba(252, 252, 253, 0) 75%), url("data:image/svg+xml,%3csvg%20fill='none'%20height='20'%20viewBox='0%200%2020%2020'%20width='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23eef0f3'%3e%3cpath%20d='m4%204h2v2h-2z'/%3e%3cpath%20d='m4%2014h2v2h-2z'/%3e%3cpath%20d='m14%204h2v2h-2z'/%3e%3cpath%20d='m14%2014h2v2h-2z'/%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: repeat;
  padding: var(--spacing-40) 0;
  overflow: hidden;
}
.integration-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, var(--colors-grey-300) 50%, rgba(223, 227, 232, 0) 100%);
}
.integration-hero__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10rem;
  height: 10rem;
  margin-bottom: var(--spacing-10);
  background: #FFFFFF;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 2px 4px rgba(29, 38, 46, 0.04);
  border-radius: 50%;
}
.integration-hero__logo img {
  max-width: 5.6rem;
  height: auto;
}
.integration-hero__title {
  font-size: clamp(3.6rem, 2.72192rem + 2.3415vw, 6rem);
  line-height: 1.0666666667;
  margin: 0 0 var(--spacing-04);
}
.integration-hero__subtitle {
  font-size: clamp(1.6rem, 1.4536rem + 0.3902vw, 2rem);
  color: var(--colors-grey-800);
  line-height: 1.6;
  max-width: 62rem;
}
.integration-details__description p:not(:last-child),
.integration-details__description ul:not(:last-child),
.integration-details__description ol:not(:last-child) {
  margin-bottom: 1em;
}
.integration-details__title {
  margin: 0 0 var(--spacing-04);
  font-size: 1.8rem;
  line-height: 1.3333333333;
}
.integration-details__about {
  font-size: 1.5rem;
  line-height: 1.6;
  color: var(--colors-grey-700);
  margin-bottom: var(--spacing-04);
}
.integration-details__links {
  margin-top: var(--spacing-02);
  display: flex;
  gap: var(--spacing-04);
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.integration-details__links a {
  color: var(--colors-grey-600);
  text-decoration-color: var(--colors-grey-400);
}
.integration-details__links a:hover, .integration-details__links a:focus {
  color: var(--colors-secondary-700);
  text-decoration-color: currentColor;
}
@media screen and (min-width: 48em) {
  .integration-hero {
    padding-top: calc(var(--spacing-base) * 50);
  }
  .integration-hero__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .integration-hero__logo {
    order: 2;
    margin-bottom: 0;
  }
}
@media screen and (max-width: calc(48em - 1px)) {
  .integration-details__description {
    margin-bottom: var(--spacing-10);
  }
}
@media screen and (max-width: calc(62em - 1px)) {
  .sticky-subnav {
    display: none;
  }
}
.campaigns-hero {
  position: relative;
  background: url("https://hunter.io/assets/campaigns-hero-bg-DB760uTE.svg") center no-repeat var(--colors-grey-50);
  background-size: cover;
  text-align: center;
  padding-top: calc(var(--spacing-base) * 40);
}
.campaigns-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, var(--colors-grey-300) 50%, rgba(223, 227, 232, 0) 100%);
}
.campaigns-hero__title {
  font-family: var(--fonts-family-body);
  font-weight: 500;
  font-size: clamp(1.8rem, 1.8536rem + 0.3vw, 2.4rem);
  line-height: 1.6666666667;
  letter-spacing: -0.019em;
  color: var(--colors-grey-800);
  margin: 0 auto;
}
.campaigns-hero__subtitle {
  font-family: var(--fonts-family-heading);
  font-size: clamp(3.6rem, 2.72192rem + 2.3415vw, 6rem);
  line-height: 1.1;
  font-weight: 600;
  max-width: 68rem;
  margin: 0 auto;
}
.campaigns-hero__subtitle:lang(fr) {
  max-width: 90rem;
}
.campaigns-hero__subtitle strong {
  font-weight: 600;
  color: var(--colors-primary-600);
}
.campaigns-hero__hint {
  margin-top: var(--spacing-04);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
}
.campaigns-hero-preview {
  position: relative;
  margin-bottom: var(--spacing-30);
  margin-top: calc(var(--spacing-10) * -1);
  text-align: center;
  transform: translateY(var(--spacing-30));
  z-index: 5;
}
.campaigns-hero-preview__visuals {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-10);
}
.campaigns-hero-preview__visuals img {
  box-shadow: 0px 12px 64px -12px rgba(29, 38, 46, 0.12), 0px 12px 52px -16px rgba(29, 38, 46, 0.08);
  height: auto;
  min-width: 0;
}
.campaigns-hero-preview__legend {
  margin-top: var(--spacing-06);
}
.campaigns-hero-preview__legend img {
  vertical-align: middle;
  margin-right: var(--spacing-01);
}
.campaigns-hero-preview__subtitle {
  font-size: 1.2rem;
  color: var(--colors-grey-600);
}
.features-list .section__title {
  max-width: 54rem;
  margin-top: 0;
  margin-bottom: var(--spacing-10);
}
.product-preview-visual__campaigns-personalization {
  position: absolute;
  right: 0;
  bottom: 0;
}
.product-preview-visual--dots {
  background-image: url("data:image/svg+xml,%3csvg%20fill='none'%20height='20'%20viewBox='0%200%2020%2020'%20width='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23eef0f3'%3e%3cpath%20d='m4%204h2v2h-2z'/%3e%3cpath%20d='m4%2014h2v2h-2z'/%3e%3cpath%20d='m14%204h2v2h-2z'/%3e%3cpath%20d='m14%2014h2v2h-2z'/%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: repeat;
}
.product-preview-visual__campaigns-follow-ups,
.product-preview-visual__campaigns-integration,
.product-preview-visual__campaigns-analytics {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.feature-block {
  --h-feature-block-icon-color: var(--colors-cardinal-500);
  margin-bottom: var(--spacing-08);
}
.feature-block--boxed {
  height: calc(100% - var(--spacing-08));
  padding: var(--spacing-06);
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.4rem;
  background-color: #fff;
}
.feature-block--secondary {
  --h-feature-block-icon-color: var(--colors-secondary-600);
}
.feature-block--lightgrey {
  background-color: var(--colors-grey-100);
  border: 0;
}
.feature-block__icon {
  display: block;
  color: var(--h-feature-block-icon-color);
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: var(--spacing-03);
}
.feature-block__title {
  font-family: var(--fonts-family-body);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--colors-grey-900);
  margin-bottom: var(--spacing-02);
}
.feature-block__description {
  font-size: 1.5rem;
  line-height: 1.6;
  color: var(--colors-grey-700);
  text-wrap: balance;
}
.pricing-preview-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--spacing-12);
}
.pricing-preview {
  padding: var(--spacing-08);
  background-color: #fff;
  border-radius: 0.4rem;
  flex: 0 0 42rem;
  max-width: 100%;
}
.pricing-preview:lang(fr) {
  flex: 0 0 44rem;
}
.pricing-preview--highlight {
  border: 0.1rem solid var(--colors-primary-600);
  box-shadow: 0 0 0 0.2rem var(--colors-primary-200);
}
.pricing-preview__title {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-1000);
}
.pricing-preview__price {
  font-size: 1.8rem;
  font-family: var(--fonts-family-heading);
  font-weight: normal;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.pricing-preview-features {
  margin: var(--spacing-04) 0;
  padding: 0;
  list-style-type: none;
}
.pricing-preview-features__item {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-02);
  font-size: 1.5rem;
  line-height: 1.6;
}
.pricing-preview-features__item:not(:first-child) {
  margin-top: var(--spacing-01);
}
.pricing-preview-features__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  font-size: 1rem;
  color: #fff;
  background-color: var(--colors-primary-600);
}
.pricing-preview-features__item--disabled {
  color: var(--colors-grey-600);
}
.pricing-preview-features__item--disabled .pricing-preview-features__icon {
  color: inherit;
  background-color: var(--colors-grey-300);
}
@media screen and (max-width: calc(48em - 1px)) {
  .campaigns-hero-preview {
    margin-bottom: var(--spacing-40);
  }
  .campaigns-hero-preview__legend {
    position: relative;
    top: var(--spacing-20);
  }
  .campaigns-hero-preview__metrics {
    position: absolute;
    max-width: 60%;
    right: 2vw;
    top: var(--spacing-20);
  }
}
@media screen and (min-width: 62em) {
  .campaigns-hero {
    padding-top: calc(var(--spacing-base) * 50);
  }
  .features-list {
    padding-left: var(--spacing-08);
  }
}
.discover-hero {
  position: relative;
  background: url("https://hunter.io/assets/bg-data-hero-CzTkV_TZ.svg") top center repeat var(--colors-grey-50);
  text-align: center;
  padding: calc(var(--spacing-base) * 40) 0;
}
.discover-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(50% 50% at 50% 50%, var(--colors-grey-50) 0%, rgba(255, 255, 255, 0) 100%);
}
.discover-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, var(--colors-grey-300) 50%, rgba(223, 227, 232, 0) 100%);
}
.discover-hero .container-fluid, .discover-hero .container-sm, .discover-hero .container-md, .discover-hero .container-lg, .discover-hero .container-xl, .discover-hero .container-xxl {
  position: relative;
}
.discover-hero__title {
  font-family: var(--fonts-family-body);
  font-weight: 500;
  font-size: clamp(1.8rem, 1.8536rem + 0.3vw, 2.4rem);
  line-height: 1.6666666667;
  letter-spacing: -0.019em;
  color: var(--colors-grey-800);
  margin: 0 auto;
}
.discover-hero__subtitle {
  font-family: var(--fonts-family-heading);
  font-size: clamp(3.6rem, 2.72192rem + 2.3415vw, 6rem);
  line-height: 1.1;
  font-weight: 600;
  max-width: 76rem;
  margin: 0 auto;
}
.discover-hero__subtitle:lang(fr) {
  max-width: 104rem;
}
.discover-hero__subtitle strong {
  font-weight: 600;
  color: var(--colors-primary-600);
}
.discover-hero__hint {
  margin-top: var(--spacing-04);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
}
.discover-demo {
  position: relative;
  max-width: 120rem;
  width: calc(100% - 4rem);
  margin: calc(var(--spacing-20) * -1) auto 0;
  background: #fff;
  border: 1px solid var(--colors-grey-300);
  border-bottom: 0;
  padding: var(--spacing-02);
  box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.05), 0px 20px 25px -5px rgba(0, 0, 0, 0.05), inset 0px 0px 0px 4px #F7F9FA;
  border-radius: 0.4rem;
}
.discover-demo::after {
  content: "";
  position: absolute;
  left: -4rem;
  right: -4rem;
  bottom: -4rem;
  height: 24rem;
  background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
.discover-demo.is-playing .discover-demo__preview,
.discover-demo.is-playing .discover-demo-play {
  opacity: 0;
  z-index: 1;
}
.discover-demo.is-playing .discover-demo__arcade {
  opacity: 1;
}
.discover-demo__preview {
  transition: opacity 200ms ease-in;
}
.discover-demo__arcade {
  position: absolute;
  border-radius: 0.2rem;
  top: var(--spacing-01);
  left: var(--spacing-01);
  z-index: 5;
  height: 0;
  width: calc(100% - var(--spacing-02));
  padding-bottom: calc(54.4312169312% + 27px);
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.discover-demo__arcade iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.discover-demo-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
  background-color: #fff;
  box-shadow: 0 0 0 0.8rem rgba(0, 0, 0, 0.1), 0 0 4.8rem rgba(0, 0, 0, 0.25);
  border: 0;
  border-radius: 6rem;
  height: 6rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  padding: var(--spacing-04) var(--spacing-06);
  max-width: 6rem;
  overflow: hidden;
  transition: box-shadow 200ms ease-in-out, max-width 200ms ease-in-out, opacity 200ms ease-in;
  z-index: 10;
}
.discover-demo-play:hover, .discover-demo-play:focus {
  box-shadow: 0 0 0 1.2rem rgba(0, 0, 0, 0.1), 0 0 4.8rem rgba(0, 0, 0, 0.25);
  max-width: 24rem;
}
.discover-demo-play:hover .discover-demo-play__icon, .discover-demo-play:focus .discover-demo-play__icon {
  color: var(--colors-secondary-600);
}
.discover-demo-play:hover .discover-demo-play__label, .discover-demo-play:focus .discover-demo-play__label {
  opacity: 1;
}
.discover-demo-play:active {
  box-shadow: 0 0 0 0.4rem rgba(0, 0, 0, 0.1), 0 0 4.8rem rgba(0, 0, 0, 0.25);
}
.discover-demo-play__label {
  opacity: 0;
  white-space: nowrap;
  transition: all 150ms ease-in-out;
}
@media screen and (min-width: 48em) {
  .discover-demo {
    margin-top: calc(var(--spacing-30) * -1);
  }
}
.discover .section--preview .section__description {
  max-width: 96rem;
  margin-left: auto;
  margin-right: auto;
}
.sheets-hero {
  position: relative;
  background-color: var(--colors-grey-50);
  background-image: url("https://hunter.io/assets/sheets-hero-bg-BCRxOYtr.svg");
  background-position: top center;
  background-repeat: repeat;
  text-align: center;
  padding: calc(var(--spacing-base) * 40) 0 calc(var(--spacing-base) * 32);
  overflow: hidden;
}
.sheets-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, var(--colors-grey-300) 50%, rgba(223, 227, 232, 0) 100%);
}
.sheets-hero__title {
  position: relative;
  font-family: var(--fonts-family-body);
  font-weight: 500;
  font-size: clamp(1.8rem, 1.8536rem + 0.3vw, 2.4rem);
  line-height: 1.6666666667;
  letter-spacing: -0.019em;
  color: var(--colors-grey-800);
  margin: 0 auto;
  z-index: 2;
}
.sheets-hero__subtitle {
  position: relative;
  font-family: var(--fonts-family-heading);
  font-size: clamp(3.6rem, 3.01456rem + 1.561vw, 5.2rem);
  line-height: 4rem;
  font-weight: 600;
  max-width: 76rem;
  margin: 0 auto var(--spacing-10);
  z-index: 2;
}
.sheets-hero__subtitle strong {
  font-weight: 600;
  color: var(--colors-primary-600);
}
.sheets-hero__subtitle:lang(fr) {
  max-width: 86rem;
}
@media screen and (min-width: 48em) {
  .sheets-hero__subtitle {
    line-height: 6rem;
  }
  .sheets-hero {
    padding: calc(var(--spacing-base) * 50) 0 calc(var(--spacing-base) * 62);
  }
  .sheets .wide-slider {
    max-width: 132rem;
    margin-top: calc(var(--spacing-base) * 40 * -1);
  }
}
.webinars .generic-hero {
  padding-bottom: calc(var(--spacing-base) * 60);
}
.webinars .generic-hero__description {
  max-width: 42rem;
}
.webinars .generic-hero__description:lang(fr) {
  max-width: 52rem;
}
.register-live {
  position: relative;
  margin: calc(var(--spacing-40) * -1) auto 0;
  padding: var(--spacing-10) var(--spacing-05);
  background: #fff;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 12px 64px -12px rgba(29, 38, 46, 0.12), 0px 12px 52px -16px rgba(29, 38, 46, 0.08);
  border-radius: 0.4rem;
}
.register-live__title {
  text-align: center;
}
.register-live__description {
  text-align: center;
}
.registration-form {
  max-width: 68rem;
  margin: 0 auto;
}
.registration-form:lang(fr) {
  max-width: 70rem;
}
.registration-form.is-registered .registration-form-confirmation {
  opacity: 1;
  z-index: 1;
}
.registration-form__consent {
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.registration-form__consent a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-400);
}
.registration-form__consent a:hover, .registration-form__consent a:focus {
  text-decoration-color: var(--colors-grey-600);
}
/* Confirmation message */
.registration-form-confirmation {
  position: absolute;
  padding: 20px 10px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  z-index: -5;
  transition: opacity 0.2s ease-in-out;
}
.registration-form-confirmation__icon {
  font-size: 6.4rem;
  color: var(--colors-success-600);
  margin-bottom: var(--spacing-08);
  display: inline-block;
}
.registration-form-confirmation__title {
  display: block;
  font-family: var(--fonts-family-heading);
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-1000);
  margin-bottom: var(--spacing-02);
}
.registration-form-confirmation__description {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
  margin-bottom: var(--spacing-06);
}
.demo-card {
  display: flex;
  flex-direction: column;
  margin: var(--spacing-20) auto;
  background-color: var(--colors-grey-100);
  border-radius: 0.4rem;
  overflow: hidden;
}
.demo-card .section__label {
  background-color: var(--colors-secondary-700);
  min-width: 4.8rem;
  text-align: center;
  margin-bottom: var(--spacing-01);
}
.demo-card--highlighted {
  background-color: var(--colors-primary-100);
}
.demo-card__content {
  flex: 1;
  padding: var(--spacing-06);
}
.demo-card__thumbnail {
  flex: 1;
  min-width: 0;
}
.demo-card__thumbnail img {
  width: 100%;
  display: block;
}
.demo-card__title {
  font-size: clamp(2.8rem, 2.6536rem + 0.3902vw, 3.2rem);
  min-height: 1.25;
  margin: 0 0 var(--spacing-04) 0;
}
.demo-card__description {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-800);
  margin-bottom: var(--spacing-06);
}
.video-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-02);
  margin-top: var(--spacing-08);
  background-color: var(--colors-grey-100);
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.4rem;
  transition: border-color 200ms ease-in, box-shadow 200ms ease-in;
}
.video-card:hover, .video-card:focus-within {
  border-color: var(--colors-secondary-600);
  box-shadow: 0 0 0 0.2rem var(--colors-secondary-200);
}
.video-card__thumbnail img {
  display: block;
  width: 100%;
}
.video-card__content {
  flex: 2;
  padding: var(--spacing-04);
}
.video-card__title {
  font-size: clamp(2rem, 1.8536rem + 0.3902vw, 2.4rem);
  line-height: 1.3333333333;
  margin: 0;
}
.video-card__link {
  color: currentColor;
}
.video-card__link:hover, .video-card__link:focus {
  text-decoration-color: transparent;
}
.video-card__link::before {
  content: "";
  position: absolute;
  inset: 0;
}
.video-card__description {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-800);
  margin: var(--spacing-02) 0 var(--spacing-04);
}
@media screen and (min-width: 48em) {
  .register-live {
    padding: var(--spacing-20) 0;
  }
  .demo-card,
  .video-card {
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-10);
  }
  .demo-card--ltr {
    flex-direction: row-reverse;
  }
  .demo-card--ltr .demo-card__content {
    padding: var(--spacing-10) 0 var(--spacing-10) var(--spacing-12);
  }
  .demo-card__content {
    padding: var(--spacing-10) var(--spacing-10) var(--spacing-10) 0;
  }
  .video-card__thumbnail {
    flex: 1;
    max-width: 31.2rem;
  }
  .video-card__content {
    padding: 0 var(--spacing-10) 0 0;
  }
}
.customers .generic-hero__description {
  max-width: 50rem;
}
.content-card {
  margin-bottom: var(--spacing-20);
}
.content-card__media img {
  display: block;
  width: 100%;
  height: auto;
}
.content-card__title {
  margin: var(--spacing-06) 0 var(--spacing-04);
  font-size: clamp(2.8rem, 2.125rem + 0.7805vw, 3.2rem);
  line-height: 1.25;
}
.content-card__title a {
  color: currentColor;
}
.content-card__title a:hover, .content-card__title a:focus {
  text-decoration-color: transparent;
}
.affiliate-hero {
  min-height: 76rem;
  background-color: var(--colors-grey-50);
  background-image: url("https://hunter.io/assets/affiliate-program-hero-DFy85aAx.png");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
.affiliate-hero .generic-hero__description {
  max-width: 57rem;
}
.affiliate-hero .generic-hero__description:lang(fr) {
  max-width: 60rem;
}
.affiliatesContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-03) var(--spacing-06);
}
.affiliateLogo {
  height: 48px;
}
.advantagesContainer {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: var(--spacing-08);
}
.advantage {
  width: 100%;
  text-align: start;
  padding: var(--spacing-06);
  border-radius: var(--spacing-base);
  border: 1px solid var(--border-primary, #dfe3e8);
  background: var(--background-secondary, #fcfcfd);
}
.advantageHeadline {
  margin-top: var(--spacing-03);
  margin-bottom: var(--spacing-02);
}
.advantageDescription {
  color: var(--colors-grey-700);
  font-size: 1.6rem;
  line-height: 1.5;
}
.usersReview {
  display: flex;
  margin-top: 16px;
  align-items: center;
  gap: var(--spacing-02);
  flex-direction: column;
  justify-content: center;
}
.usersReviewTitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  font-style: normal;
  font-family: "Familjen Grotesk";
}
.usersReviewIconsContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-base);
}
.usersReviewNumbersContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-02);
  justify-content: center;
}
.dot {
  width: 4px;
  height: 4px;
  background-color: var(--colors-grey-500);
  border-radius: 50%;
}
.userReviewNumbers {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  font-style: normal;
  font-family: Inter;
  color: var(--colors-grey-700);
}
.userReviewNumbers > span {
  font-weight: 600;
}
.usersReviewNumbersContainer > div {
  gap: 2px;
  display: flex;
  align-items: center;
}
.usersReviewNumbersContainer > div > p {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  font-style: normal;
  font-family: Inter;
  color: var(--colors-grey-700);
}
#affiliatesGrowth {
  width: 100%;
  max-width: unset;
  position: relative;
  background: url("https://hunter.io/assets/bg-data-hero-CzTkV_TZ.svg") top center repeat var(--colors-grey-50);
}
.affiliatesGrowthContainer {
  width: 100%;
  max-width: 1200px;
  display: flex;
  text-align: center;
  align-items: center;
  gap: var(--spacing-12);
  flex-direction: column;
  padding: 0 20px;
  margin: 0 auto;
}
.calculatorContainer {
  width: 100%;
}
.calculator {
  gap: 16px;
  display: flex;
  margin-bottom: 40px;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  padding: 24px 16px 16px 16px;
  border-radius: var(--spacing-base);
  background: var(--background-primary, #fff);
  box-shadow: 2px 6px 10px -6px rgba(0, 0, 0, 0.03), 0px 16px 25px -5px rgba(0, 0, 0, 0.04);
}
.inputContainer {
  flex-grow: 1;
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: var(--spacing-02);
  flex-direction: column;
  justify-content: center;
}
.sliderContainer {
  width: 90%;
  height: 77px;
  max-width: 600px;
}
.valueDisplay {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: right;
  font-family: Inter;
  font-style: normal;
  color: var(--colors-primary-600);
}
.sliderTrack {
  height: 8px;
  margin-top: 15px;
  position: relative;
  border-radius: 10px;
  border-radius: 10px;
  background: rgba(250, 83, 32, 0.15);
}
.sliderProgress {
  height: 100%;
  position: absolute;
  background-color: #ff5722;
  border-radius: 10px 0 0 10px;
  transition: width 0.2s ease;
}
.sliderThumb {
  top: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  box-sizing: border-box;
  background-color: white;
  transition: left 0.2s ease;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.sliderThumb::after {
  top: 50%;
  left: 50%;
  width: 10px;
  content: "";
  height: 10px;
  border-radius: 50%;
  position: absolute;
  background-color: #ff5722;
  transform: translate(-50%, -50%);
}
.slider {
  top: 0;
  left: 0;
  margin: 0;
  z-index: 2;
  width: 100%;
  height: 20px;
  outline: none;
  cursor: pointer;
  position: absolute;
  background: transparent;
  -webkit-appearance: none;
}
.slider::-webkit-slider-thumb {
  opacity: 0;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background: transparent;
  -webkit-appearance: none;
}
.slider::-moz-range-thumb {
  opacity: 0;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background: transparent;
}
.sliderResultContainer {
  flex-grow: 1;
  display: flex;
  height: 96px;
  text-align: center;
  padding: 12px 56px;
  align-self: stretch;
  border-radius: 100px;
  align-items: center;
  flex-direction: column;
  gap: var(--spacing-02);
  justify-content: center;
  background: linear-gradient(87deg, #f7f9fa -3.53%, #fcfcfd 109.59%);
}
.sliderResultContainer > p:first-of-type {
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.002px;
  text-align: center;
}
.divider {
  display: none;
}
#resultingCost {
  font-size: 40px;
  font-weight: 600;
  line-height: 44px;
  text-align: center;
  font-style: normal;
  font-family: "Familjen Grotesk";
  color: var(--colors-primary-600);
  font-variant-numeric: tabular-nums;
}
.affiliatesGrowthHint {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-600);
}
.testimonialsContainer {
  display: flex;
  align-items: center;
  gap: var(--spacing-08);
  flex-direction: column;
  justify-content: center;
}
.testimonialsContainer .testimonial:not(.active) {
  display: none;
}
.sliderDotsContainer {
  gap: 9px;
  padding: 10px;
  display: flex;
  justify-content: center;
}
.sliderDot {
  width: 8px;
  height: 8px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #ccc;
  transition: background-color 0.3s ease;
}
.sliderDot.active {
  background-color: var(--colors-grey-600);
}
#getingStarted {
  gap: 48px;
  width: 100%;
  height: 100%;
  padding-left: var(--spacing-05);
  padding-right: var(--spacing-05);
  display: flex;
  max-width: unset;
  align-items: center;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("https://hunter.io/assets/getting_started_bg_desktop-D2tR5O5k.png");
}
.stepsContainer {
  gap: 0 96px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  width: 100%;
  max-width: 116rem;
}
.step {
  flex: 1;
  z-index: 2;
  display: flex;
  position: relative;
  align-items: center;
  gap: var(--spacing-06);
  flex-direction: column;
  box-sizing: border-box;
}
.stepTitle {
  font-family: "Familjen Grotesk";
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.3333333333;
}
.stepDescription {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
  text-wrap: balance;
}
.stepNumber {
  z-index: 2;
  width: 40px;
  height: 40px;
  display: flex;
  flex-shrink: 0;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  background: var(--colors-primary-100);
  border: 1px solid var(--colors-primary-600);
  color: var(--colors-primary-600);
  font-family: "Familjen Grotesk";
  font-size: 2rem;
}
.stepTitle {
  margin-bottom: 8px;
  text-align: center;
}
.stepDescription {
  font-size: 16px;
  text-align: center;
}
.dottedLine {
  left: 15%;
  right: 15%;
  top: 20px;
  z-index: 1;
  height: 2px;
  position: absolute;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-image: linear-gradient(to right, #ff5722 50%, transparent 50%);
}
#becomeAnAffiliate {
  width: 100%;
  display: flex;
  gap: var(--spacing-12);
  flex-direction: column;
  align-items: center;
}
.formContainer {
  width: 100%;
  flex-grow: 1;
  height: 626px;
  min-width: 335px;
  border-radius: 4px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.05), 0px 0px 10px -6px rgba(0, 0, 0, 0.05), 0px 0px 50px -5px rgba(0, 0, 0, 0.05);
}
.formContainer > div:first-of-type {
  height: 100% !important;
}
@media screen and (max-width: calc(48em - 1px)) {
  .affiliate-hero {
    background-image: url("https://hunter.io/assets/affiliate-program-hero--mobile-C_G98aMQ.png");
  }
}
@media screen and (max-width: calc(75em - 1px)) {
  #getingStarted {
    background-image: url("https://hunter.io/assets/getting_started_bg_mobile-DK-2voax.png");
  }
  .stepsContainer {
    gap: 0;
    flex-direction: column;
  }
  .step {
    width: 100%;
    text-align: start;
    position: relative;
    flex-direction: row;
    gap: var(--spacing-06);
  }
  .step:not(:last-child) {
    padding-bottom: var(--spacing-10);
  }
  .stepTitle {
    text-align: start;
  }
  .stepNumber {
    align-self: flex-start;
  }
  .stepDescription {
    font-size: 15px;
    text-align: start;
  }
  .step:not(:last-child)::after {
    top: 0;
    left: 20px;
    z-index: 1;
    width: 2px;
    content: "";
    height: 100%;
    position: absolute;
    background-size: 2px 10px;
    transform: translateX(-50%);
    background-repeat: repeat-y;
    background-image: linear-gradient(to bottom, #ff5722 50%, transparent 50%);
  }
  .dottedLine {
    display: none;
  }
}
@media screen and (min-width: 75em) {
  .affiliatesContainer {
    gap: 64px var(--spacing-12);
  }
  .advantagesContainer {
    flex-wrap: nowrap;
    flex-direction: row;
  }
  .advantage {
    min-height: 21rem;
    padding: var(--spacing-08);
  }
  .usersReviewContaner {
    margin-top: var(--spacing-08);
  }
  .usersReview {
    margin-top: var(--spacing-08);
    flex-direction: row;
    gap: var(--spacing-03);
  }
  .usersReviewTitle {
    font-size: 2.4rem;
    line-height: 1.3333333333;
  }
  .calculator {
    height: 100%;
    min-width: 746px;
    gap: var(--spacing-06);
  }
  .sliderContainer {
    height: 65px;
  }
  .sliderResultContainer > p:first-of-type {
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.002px;
  }
  .sliderResultContainer {
    height: 132px;
    flex-direction: row;
    gap: var(--spacing-08);
    justify-content: space-between;
  }
  .calculatorContainer {
    width: unset;
    padding: unset;
  }
  .divider {
    height: 2px;
    flex-grow: 1;
    display: block;
    background-color: var(--colors-grey-300);
  }
  #resultingCost {
    font-size: 60px;
    line-height: 64px;
  }
  .formContainer {
    width: 986px;
    height: 548px;
  }
}
.affiliate_program_thanks .generic-hero__description {
  text-wrap: balance;
  max-width: 60rem;
}
.about .our-team {
  position: relative;
  overflow: hidden;
}
.about .section__description--lg {
  max-width: 68rem;
  margin: 0 auto;
  text-align: center;
}
.about .careers-cta .section__header {
  max-width: 52rem;
}
.about .generic-hero__subtitle:lang(fr) {
  max-width: 110rem;
}
.about-hero {
  background-image: url("https://hunter.io/assets/about-hero-bg-DM66NtpN.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.team-members {
  list-style-type: none;
  padding-left: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(30rem, 100%), 1fr));
  gap: var(--spacing-10);
  max-width: 104rem;
  position: relative;
  z-index: 2;
}
.member-card {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
}
.member-card:hover .member-card__infos, .member-card:focus-within .member-card__infos {
  transform: translateY(-0.2rem);
}
.member-card:hover .member-card__contact, .member-card:focus-within .member-card__contact {
  opacity: 1;
}
.member-card__thumbnail {
  position: relative;
}
.member-card__avatar {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
}
.member-card__country {
  position: absolute;
  bottom: 0.2rem;
  right: 0.4rem;
  font-size: 2rem;
  z-index: 2;
}
.member-card__infos {
  transform: translateY(0.8rem);
  transition: transform 250ms ease-in;
}
.member-card__name {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 var(--spacing-01) 0;
}
.member-card__position {
  font-size: 1.4rem;
  line-height: 1.1428571429;
  color: var(--colors-grey-700);
}
.member-card__contact {
  margin-top: var(--spacing-03);
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  opacity: 0;
  transition: opacity 250ms ease-in;
}
.member-card__email {
  color: var(--colors-grey-800);
  text-decoration-color: var(--colors-grey-400);
  margin-right: var(--spacing-02);
  font-size: 1.4rem;
  line-height: 1.1428571429;
}
.member-card__email:hover, .member-card__email:focus {
  text-decoration-color: var(--colors-grey-800);
}
.member-card__linkedin,
.member-card__twitter {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  text-decoration: none;
}
.member-card__linkedin:hover, .member-card__linkedin:focus,
.member-card__twitter:hover,
.member-card__twitter:focus {
  color: var(--colors-secondary-600);
  text-decoration-color: transparent;
}
.member-card__linkedin {
  color: var(--colors-brand-linkedin-blue);
}
.member-card__twitter {
  color: var(--colors-brand-twitter-black);
}
.team-globe {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 72rem;
}
.team-globe__canvas {
  width: 100%;
  height: 100%;
  mix-blend-mode: color-burn;
  opacity: 0.2;
}
@media screen and (max-width: calc(48em - 1px)) {
  .team-globe {
    display: none;
  }
}
.value-block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-14);
}
.value-block__icon {
  align-self: flex-start;
  font-size: 4rem;
  line-height: 1;
  background: linear-gradient(90deg, var(--colors-secondary-500) 0%, var(--colors-secondary-700) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.value-block__title {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  margin: var(--spacing-02) 0 0 0;
}
.value-block__description {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
  max-width: 40rem;
}
.our_data .generic-hero__description {
  max-width: 92rem;
}
.data-hero {
  background-image: url("data:image/svg+xml,%3csvg%20fill='none'%20height='160'%20viewBox='0%200%201593%20160'%20width='1593'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cclipPath%20id='a'%3e%3cpath%20d='m0%200h1593v160h-1593z'/%3e%3c/clipPath%3e%3cg%20clip-path='url(%23a)'%20fill='%23f7f9fa'%3e%3cpath%20d='m-8%2029.9187h40.4018v130.0813h-40.4018z'/%3e%3cpath%20d='m187.948%2035h40.402v125h-40.402z'/%3e%3cpath%20d='m383.897%2040h40.402v120h-40.402z'/%3e%3cpath%20d='m579.846%2029.9187h40.401v130.0813h-40.401z'/%3e%3cpath%20d='m775.794%2029.9187h40.402v130.0813h-40.402z'/%3e%3cpath%20d='m971.743%2038h40.397v122h-40.397z'/%3e%3cpath%20d='m1167.69%2065h40.4v95h-40.4z'/%3e%3cpath%20d='m40.9872%2048.1301h40.4017v111.8699h-40.4017z'/%3e%3cpath%20d='m237.441%2071h40.401v89h-40.401z'/%3e%3cpath%20d='m432.379%2071h40.402v89h-40.402z'/%3e%3cpath%20d='m628.328%2061h40.401v99h-40.401z'/%3e%3cpath%20d='m824.276%2061h40.402v99h-40.402z'/%3e%3cpath%20d='m1020.22%2061h40.41v99h-40.41z'/%3e%3cpath%20d='m1216.17%2038h40.4v122h-40.4z'/%3e%3cpath%20d='m89.9742%2013.0081h40.4018v146.9919h-40.4018z'/%3e%3cpath%20d='m285.923%2011h40.402v149h-40.402z'/%3e%3cpath%20d='m481.871%2043h40.402v117h-40.402z'/%3e%3cpath%20d='m677.82%2030h40.402v130h-40.402z'/%3e%3cpath%20d='m873.768%2030h40.402v130h-40.402z'/%3e%3cpath%20d='m1069.72%2024h40.4v136h-40.4z'/%3e%3cpath%20d='m1265.67%2024h40.4v136h-40.4z'/%3e%3cpath%20d='m1363.64%2030h40.4v130h-40.4z'/%3e%3cpath%20d='m1413.13%2074h40.4v86h-40.4z'/%3e%3cpath%20d='m1462.62%2052h40.41v108h-40.41z'/%3e%3cpath%20d='m1560.6%2027h40.4v133h-40.4z'/%3e%3cpath%20d='m1511.11%205h40.4v155h-40.4z'/%3e%3cpath%20d='m138.961%200h40.402v160h-40.402z'/%3e%3cpath%20d='m335.415%2022h40.402v138h-40.402z'/%3e%3cpath%20d='m531.363%200h40.402v160h-40.402z'/%3e%3cpath%20d='m727.312%2011h40.402v149h-40.402z'/%3e%3cpath%20d='m923.26%2017h40.402v143h-40.402z'/%3e%3cpath%20d='m1119.21%2017h40.4v143h-40.4z'/%3e%3cpath%20d='m1315.16%2048h40.4v112h-40.4z'/%3e%3c/g%3e%3c/svg%3e");
  background-position: bottom center;
  background-repeat: repeat-x;
}
.stat-highlight {
  padding-left: var(--spacing-06);
  padding-bottom: var(--spacing-01);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-04);
  border-left: 0.4rem solid var(--colors-secondary-600);
  font-size: 1.6rem;
  line-height: 1.25;
}
.stat-highlight--sm .stat-highlight__title {
  font-size: clamp(4.8rem, 4.50736rem + 0.7805vw, 5.6rem);
}
.stat-highlight__title {
  font-family: var(--fonts-family-heading);
  font-size: clamp(5.6rem, 5.01456rem + 1.561vw, 7.2rem);
  line-height: 1;
}
.section-crawler .section__description {
  max-width: 68rem;
}
.crawler-chart {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-600);
}
.crawler-chart__title {
  margin-bottom: -4rem;
}
.crawler-chart__chart {
  min-height: 20rem;
}
.section-standard {
  counter-reset: ourPrinciples;
}
.section-standard .section__description {
  max-width: 76rem;
  margin-left: auto;
  margin-right: auto;
}
.section-standard__subtitle {
  counter-increment: ourPrinciples;
  font-size: 2.8rem;
  display: flex;
  gap: 0.85em;
  margin-bottom: var(--spacing-10);
}
.section-standard__subtitle::before {
  content: counter(ourPrinciples);
  font-family: var(--fonts-family-heading);
  font-size: clamp(5.6rem, 5.01456rem + 1.561vw, 7.2rem);
  line-height: 1;
  color: var(--colors-grey-200);
  position: relative;
  top: -0.125em;
}
@media screen and (max-width: calc(48em - 1px)) {
  .crawler-chart {
    display: none;
  }
  .stat-highlight {
    margin-bottom: var(--spacing-10);
  }
}
.signals-hero {
  position: relative;
  background: var(--colors-grey-50);
  background-size: cover;
  text-align: center;
  padding-top: calc(var(--spacing-base) * 40);
  padding-bottom: calc(var(--spacing-base) * 20);
  overflow: hidden;
}
.signals-hero .container-fluid, .signals-hero .container-sm, .signals-hero .container-md, .signals-hero .container-lg, .signals-hero .container-xl, .signals-hero .container-xxl {
  position: relative;
  z-index: 10;
}
.signals-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, var(--colors-grey-300) 50%, rgba(223, 227, 232, 0) 100%);
}
.signals-hero__title {
  font-family: var(--fonts-family-body);
  font-weight: 500;
  font-size: clamp(1.8rem, 1.8536rem + 0.3vw, 2.4rem);
  line-height: 1.6666666667;
  letter-spacing: -0.019em;
  color: var(--colors-grey-800);
  margin: 0 auto;
}
.signals-hero__subtitle {
  font-family: var(--fonts-family-heading);
  font-size: clamp(3.6rem, 2.72192rem + 2.3415vw, 6rem);
  line-height: 1.1;
  font-weight: 600;
  max-width: 76rem;
  margin: 0 auto;
}
.signals-hero__subtitle:lang(fr) {
  max-width: 96rem;
}
.signals-hero__subtitle strong {
  font-weight: 600;
  color: var(--colors-primary-600);
}
.signals-hero__bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: none;
}
.signals-hero__bg [class*=dots-] {
  animation: radarBlink 10s ease-out infinite;
}
.signals-hero__bg .dots-1 {
  animation-delay: 1.5s;
}
.signals-hero__bg .dots-2 {
  animation-delay: 2.25s;
}
.signals-hero__bg .dots-3 {
  animation-delay: 3.25s;
}
.signals-hero__bg .dots-4 {
  animation-delay: 6.25s;
}
.signals-hero__bg .dots-5 {
  animation-delay: 7.25s;
}
.signals-hero__bg .dots-6 {
  animation-delay: 7.5s;
}
.signals-radar {
  left: 50%;
  position: absolute;
  top: calc(100% + 2rem);
  width: 100%;
  max-width: 200rem;
  min-width: 160rem;
  aspect-ratio: 1/1;
  transform: translate(-50%, -50%) rotate(-90deg);
  border-radius: 50%;
  overflow: hidden;
}
.signals-radar::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: conic-gradient(transparent 90%, var(--colors-primary-200));
  border-radius: 50%;
  opacity: 0.8;
  animation: radarSpin 10s 1s linear infinite;
}
@keyframes radarSpin {
  to {
    transform: rotate(0.75turn);
  }
}
@keyframes radarBlink {
  0% {
    fill: var(--colors-primary-600);
  }
  40%, 100% {
    fill: transparent;
  }
}
@media (prefers-reduced-motion) {
  .signals-radar::after {
    animation: none !important;
    transform: rotate(25deg);
  }
  .signals-hero__bg [class*=dots-] {
    animation: none !important;
    fill: var(--colors-primary-600);
  }
}
.signals-demo-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-color: #fff;
  width: max-content;
  margin: var(--spacing-12) auto var(--spacing-10);
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0 1.2rem 1.6rem rgba(40, 50, 59, 0.06), 0 0.4rem 0.6rem rgba(58, 68, 79, 0.08), 0 0.1rem 0.2rem rgba(58, 68, 79, 0.08);
  border-radius: 0.8rem;
}
.signals-demo-tabs__tab {
  flex: 1;
  width: 100%;
  padding: var(--spacing-03) var(--spacing-04);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  border: 0;
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-700);
  box-shadow: inset 0px -4px 0px #DFE3E8;
  cursor: pointer;
  white-space: nowrap;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, color 150ms ease-in;
}
.signals-demo-tabs__tab:not([aria-selected=true]):hover, .signals-demo-tabs__tab:not([aria-selected=true]):focus {
  box-shadow: inset 0px -3px 0px #DFE3E8;
  color: var(--colors-grey-1000);
}
.signals-demo-tabs__tab[aria-selected=true] {
  box-shadow: none;
  background-color: #fff;
  color: var(--colors-grey-1000);
}
.signals-demo {
  position: relative;
  margin: calc(var(--spacing-20) * -1) auto 0;
  max-width: 80rem;
  width: calc(100% - 1.6rem);
  background: #fff;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.05), 0px 20px 25px -5px rgba(0, 0, 0, 0.05), inset 0px 0px 0px 4px #F7F9FA;
  border-radius: 0.4rem;
  z-index: 10;
}
[data-tabs-target=tabContent][aria-hidden=true] {
  display: none;
}
.signal-company {
  position: relative;
  padding: var(--spacing-05) var(--spacing-04);
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.signal-company__name {
  display: inline-block;
  vertical-align: baseline;
  width: max-content;
  max-width: 100%;
  margin: 0;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-900);
}
.signal-company__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
  flex-wrap: wrap;
}
.signal-company__logo,
.signal-company__icon {
  width: 4rem;
  height: 4rem;
  border-radius: 0.2rem;
  object-fit: contain;
  border: 0.1rem solid rgba(0, 0, 0, 0.05);
}
.signal-company__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--colors-grey-100);
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.4rem;
  font-size: 1.6rem;
}
.signal-company__icon--secondary {
  background-color: var(--colors-secondary-100);
  border-color: var(--colors-secondary-300);
  color: var(--colors-secondary-600);
}
.signal-company__icon--magenta {
  background-color: rgba(var(--colors-magenta-200--rgb), 0.2);
  border-color: rgba(var(--colors-magenta-200--rgb), 0.5);
  color: var(--colors-magenta-500);
}
.signal-company__icon--emerald {
  background-color: rgba(var(--colors-emerald-200--rgb), 0.2);
  border-color: rgba(var(--colors-emerald-200--rgb), 0.5);
  color: var(--colors-emerald-500);
}
.signal-company__icon--cyan {
  background-color: rgba(var(--colors-cyan-200--rgb), 0.2);
  border-color: rgba(var(--colors-cyan-200--rgb), 0.5);
  color: var(--colors-cyan-500);
}
.signal-company__icon--success {
  background-color: var(--colors-success-100);
  border-color: var(--colors-success-300);
  color: var(--colors-success-600);
}
.signal-company__icon--danger {
  background-color: var(--colors-danger-100);
  border-color: var(--colors-danger-300);
  color: var(--colors-danger-600);
}
.signal-company__heading {
  flex: 1;
}
.signal-company__category {
  display: flex;
  align-items: center;
  gap: 0.25em;
  color: var(--colors-grey-700);
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.signal-company__category span {
  color: var(--colors-grey-600);
}
.signal-company__metas,
.signal-company__meta {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.signal-company__meta {
  gap: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.signal-company__meta-icon {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-500);
}
.signal-company__tags {
  display: flex;
  gap: var(--spacing-02);
}
.signal-company--updates .signal-company__heading {
  min-width: 0;
}
.signals .feature-card {
  --featured-card-body-padding: var(--spacing-10) var(--spacing-08) 0;
  gap: var(--spacing-08);
}
.feature-card--warm-prospects .feature-card__visual,
.feature-card--sources .feature-card__visual {
  flex: 1;
  min-width: 0;
  text-align: right;
}
.feature-card--warm-prospects .feature-card__visual::before, .feature-card--warm-prospects .feature-card__visual:after,
.feature-card--sources .feature-card__visual::before,
.feature-card--sources .feature-card__visual:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 6rem;
}
.feature-card--warm-prospects .feature-card__visual::before,
.feature-card--sources .feature-card__visual::before {
  bottom: -1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--colors-grey-50) 75%);
}
.feature-card--warm-prospects .feature-card__visual:after,
.feature-card--sources .feature-card__visual:after {
  top: -1rem;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--colors-grey-50) 75%);
}
.feature-card--warm-prospects .feature-card__img,
.feature-card--sources .feature-card__img {
  max-width: none;
}
.feature-card--relevant-campaigns .feature-card__visual {
  width: 100%;
}
.feature-card--relevant-campaigns .feature-card__img {
  margin-left: var(--spacing-08);
  max-width: none;
}
.feature-card--sources .feature-card__visual {
  max-height: 24rem;
  margin-top: calc(var(--spacing-14) * -1);
}
.feature-card--sources .feature-card__heading {
  position: relative;
  z-index: 1;
}
.feature-card--signals-emails .feature-card__visual {
  width: 100%;
}
.feature-card--signals-emails .feature-card__visual::before, .feature-card--signals-emails .feature-card__visual:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6rem;
}
.feature-card--signals-emails .feature-card__visual::before {
  left: 0;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, var(--colors-grey-50) 75%);
}
.feature-card--signals-emails .feature-card__visual:after {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--colors-grey-50) 75%);
}
.feature-card--signals-emails .feature-card__img {
  max-width: none;
}
@media screen and (max-width: calc(48em - 1px)) {
  .feature-card--warm-prospects .feature-card__visual {
    max-height: 24rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
  }
  .feature-card--warm-prospects .feature-card__img {
    margin-left: var(--spacing-08);
    min-width: 0;
  }
  .feature-card--relevant-campaigns .feature-card__visual {
    text-align: right;
  }
}
@media screen and (min-width: 48em) {
  .signals-demo-tabs {
    flex-direction: row;
    border-radius: 6rem;
    margin-top: var(--spacing-16);
  }
  .signals-demo-tabs__tab {
    width: auto;
    padding: var(--spacing-03) var(--spacing-06);
    font-size: 1.6rem;
  }
  .signals-demo-tabs__tab:first-child {
    border-radius: 6rem 0 0 6rem;
  }
  .signals-demo-tabs__tab:last-child {
    border-radius: 0 6rem 6rem 0;
  }
  .signals-demo-tabs__tab:not(:first-child) {
    border-left: 0.1rem solid var(--colors-grey-200);
  }
}
@media screen and (min-width: 62em) {
  .signals .feature-card {
    --featured-card-body-padding: var(--spacing-10) var(--spacing-10) 0 var(--spacing-12);
    background-repeat: no-repeat;
  }
  .signals-hero {
    padding-top: calc(var(--spacing-base) * 50);
    padding-bottom: calc(var(--spacing-base) * 30);
  }
  .feature-card--warm-prospects {
    background-image: url("data:image/svg+xml,%3csvg%20fill='none'%20height='420'%20viewBox='0%200%20920%20420'%20width='920'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cclipPath%20id='a'%3e%3cpath%20d='m0%200h920v420h-920z'%20transform='matrix(-1%200%200%201%20920%200)'/%3e%3c/clipPath%3e%3cmask%20id='b'%20height='420'%20maskUnits='userSpaceOnUse'%20width='920'%20x='0'%20y='0'%3e%3cpath%20d='m0%208c0-4.41828%203.58172-8%208-8h904c4.418%200%208%203.58172%208%208v404c0%204.418-3.582%208-8%208h-903.99999c-4.41828%200-8.00001-3.582-8.00001-8z'%20fill='%23fcfcfd'%20fill-opacity='.5'/%3e%3cpath%20d='m8-1h904v2h-904zm913%209v404h-2v-404zm-9%20413h-903.99999v-2h903.99999zm-913-9v-404h2v404zm9.00001%209c-4.97056%200-9.00001-4.029-9.00001-9h2c0%203.866%203.13401%207%207.00001%207zm912.99999-9c0%204.971-4.029%209-9%209v-2c3.866%200%207-3.134%207-7zm-9-413c4.971%200%209%204.02944%209%209h-2c0-3.86599-3.134-7-7-7zm-904%202c-3.86599%200-7%203.13401-7%207h-2c0-4.97056%204.02944-9%209-9z'%20fill='%23eef0f3'%20mask='url(%23c)'/%3e%3c/mask%3e%3cmask%20id='c'%20fill='%23fff'%3e%3cpath%20d='m0%208c0-4.41828%203.58172-8%208-8h904c4.418%200%208%203.58172%208%208v404c0%204.418-3.582%208-8%208h-903.99999c-4.41828%200-8.00001-3.582-8.00001-8z'%20fill='%23fff'/%3e%3c/mask%3e%3cg%20clip-path='url(%23a)'%3e%3cg%20mask='url(%23b)'%20stroke='%23eef0f3'%3e%3ccircle%20cx='69.5825'%20cy='69.5825'%20r='69.0825'%20transform='matrix(-1%200%200%201%20719.583%20370.417)'/%3e%3ccircle%20cx='38.9662'%20cy='38.9662'%20r='38.4662'%20transform='matrix(-1%200%200%201%20688.966%20401.034)'/%3e%3ccircle%20cx='109.94'%20cy='109.94'%20r='109.44'%20transform='matrix(-1%200%200%201%20759.94%20330.06)'/%3e%3ccircle%20cx='153.082'%20cy='153.082'%20r='152.582'%20transform='matrix(-1%200%200%201%20803.082%20286.919)'/%3e%3ccircle%20cx='218.489'%20cy='218.489'%20r='217.989'%20transform='matrix(-1%200%200%201%20868.489%20221.511)'/%3e%3ccircle%20cx='283.897'%20cy='283.897'%20r='283.397'%20transform='matrix(-1%200%200%201%20933.896%20156.103)'/%3e%3cpath%20d='m301.196%20440c0%20193.409%20156.477%20350.196%20349.5%20350.196%20193.022%200%20349.504-156.787%20349.504-350.196s-156.482-350.1958-349.504-350.1958c-193.023%200-349.5%20156.7868-349.5%20350.1958z'/%3e%3ccircle%20cx='436.978'%20cy='436.978'%20r='436.478'%20transform='matrix(-1%200%200%201%201086.98%203.02188)'/%3e%3ccircle%20cx='569.185'%20cy='569.185'%20r='568.685'%20transform='matrix(-1%200%200%201%201219.19%20-129.185)'/%3e%3ccircle%20cx='700'%20cy='700'%20r='699.5'%20transform='matrix(-1%200%200%201%201350%20-260)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
  .feature-card--reach-out {
    background-image: url("data:image/svg+xml,%3csvg%20fill='none'%20height='420'%20viewBox='0%200%20440%20420'%20width='440'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cclipPath%20id='a'%3e%3cpath%20d='m0%200h440v420h-440z'%20transform='matrix(-1%200%200%201%20440%200)'/%3e%3c/clipPath%3e%3cmask%20id='b'%20height='420'%20maskUnits='userSpaceOnUse'%20width='440'%20x='0'%20y='0'%3e%3cpath%20d='m0%208c0-4.41828%203.58172-8%208-8h424c4.418%200%208%203.58172%208%208v404c0%204.418-3.582%208-8%208h-424.00001c-4.41828%200-7.99999-3.582-7.99999-8z'%20fill='%23fcfcfd'%20fill-opacity='.5'/%3e%3cpath%20d='m8-1h424v2h-424zm433%209v404h-2v-404zm-9%20413h-424.00001v-2h424.00001zm-433-9v-404h2v404zm8.99999%209c-4.97056%200-8.99999-4.029-8.99999-9h2c0%203.866%203.134%207%206.99999%207zm433.00001-9c0%204.971-4.029%209-9%209v-2c3.866%200%207-3.134%207-7zm-9-413c4.971%200%209%204.02944%209%209h-2c0-3.86599-3.134-7-7-7zm-424%202c-3.86599%200-7%203.13401-7%207h-2c0-4.97056%204.02944-9%209-9z'%20fill='%23eef0f3'%20mask='url(%23c)'/%3e%3c/mask%3e%3cmask%20id='c'%20fill='%23fff'%3e%3cpath%20d='m0%208c0-4.41828%203.58172-8%208-8h424c4.418%200%208%203.58172%208%208v404c0%204.418-3.582%208-8%208h-424.00001c-4.41828%200-7.99999-3.582-7.99999-8z'%20fill='%23fff'/%3e%3c/mask%3e%3cg%20clip-path='url(%23a)'%3e%3cg%20mask='url(%23b)'%20stroke='%23eef0f3'%3e%3cpath%20d='m-658.804%20440c0%20193.409%20156.477%20350.196%20349.5%20350.196%20193.022%200%20349.4998-156.787%20349.4998-350.196s-156.4778-350.1958-349.4998-350.1958c-193.023%200-349.5%20156.7868-349.5%20350.1958z'/%3e%3ccircle%20cx='436.978'%20cy='436.978'%20r='436.478'%20transform='matrix(-1%200%200%201%20126.978%203.02188)'/%3e%3ccircle%20cx='569.185'%20cy='569.185'%20r='568.685'%20transform='matrix(-1%200%200%201%20259.185%20-129.185)'/%3e%3ccircle%20cx='700'%20cy='700'%20r='699.5'%20transform='matrix(-1%200%200%201%20390%20-260)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
  .feature-card--relevant-campaigns {
    background-image: url("data:image/svg+xml,%3csvg%20fill='none'%20height='420'%20viewBox='0%200%20440%20420'%20width='440'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cclipPath%20id='a'%3e%3cpath%20d='m0%200h440v420h-440z'%20transform='matrix(-1%200%200%201%20440%200)'/%3e%3c/clipPath%3e%3cmask%20id='b'%20height='420'%20maskUnits='userSpaceOnUse'%20width='440'%20x='0'%20y='0'%3e%3cpath%20d='m0%208c0-4.41828%203.58172-8%208-8h424c4.418%200%208%203.58172%208%208v404c0%204.418-3.582%208-8%208h-424.00001c-4.41828%200-7.99999-3.582-7.99999-8z'%20fill='%23fcfcfd'%20fill-opacity='.5'/%3e%3cpath%20d='m8-1h424v2h-424zm433%209v404h-2v-404zm-9%20413h-424.00001v-2h424.00001zm-433-9v-404h2v404zm8.99999%209c-4.97056%200-8.99999-4.029-8.99999-9h2c0%203.866%203.134%207%206.99999%207zm433.00001-9c0%204.971-4.029%209-9%209v-2c3.866%200%207-3.134%207-7zm-9-413c4.971%200%209%204.02944%209%209h-2c0-3.86599-3.134-7-7-7zm-424%202c-3.86599%200-7%203.13401-7%207h-2c0-4.97056%204.02944-9%209-9z'%20fill='%23eef0f3'%20mask='url(%23c)'/%3e%3c/mask%3e%3cmask%20id='c'%20fill='%23fff'%3e%3cpath%20d='m0%208c0-4.41828%203.58172-8%208-8h424c4.418%200%208%203.58172%208%208v404c0%204.418-3.582%208-8%208h-424.00001c-4.41828%200-7.99999-3.582-7.99999-8z'%20fill='%23fff'/%3e%3c/mask%3e%3cg%20clip-path='url(%23a)'%3e%3cg%20mask='url(%23b)'%20stroke='%23eef0f3'%3e%3ccircle%20cx='218.489'%20cy='218.489'%20r='217.989'%20transform='matrix(-1%200%200%201%20868.489%20-238.489)'/%3e%3ccircle%20cx='283.897'%20cy='283.897'%20r='283.397'%20transform='matrix(-1%200%200%201%20933.896%20-303.897)'/%3e%3cpath%20d='m301.196-20c0%20193.409%20156.477%20350.196%20349.5%20350.196%20193.022%200%20349.504-156.787%20349.504-350.196s-156.482-350.196-349.504-350.196c-193.023%200-349.5%20156.787-349.5%20350.196z'/%3e%3ccircle%20cx='436.978'%20cy='436.978'%20r='436.478'%20transform='matrix(-1%200%200%201%201086.98%20-456.978)'/%3e%3ccircle%20cx='569.185'%20cy='569.185'%20r='568.685'%20transform='matrix(-1%200%200%201%201219.19%20-589.185)'/%3e%3ccircle%20cx='700'%20cy='700'%20r='699.5'%20transform='matrix(-1%200%200%201%201350%20-720)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
  .feature-card--sources {
    background-image: url("data:image/svg+xml,%3csvg%20fill='none'%20height='420'%20viewBox='0%200%20440%20420'%20width='440'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cclipPath%20id='a'%3e%3cpath%20d='m0%200h440v420h-440z'%20transform='matrix(-1%200%200%201%20440%200)'/%3e%3c/clipPath%3e%3cmask%20id='b'%20height='420'%20maskUnits='userSpaceOnUse'%20width='440'%20x='0'%20y='0'%3e%3cpath%20d='m0%208c0-4.41828%203.58172-8%208-8h424c4.418%200%208%203.58172%208%208v404c0%204.418-3.582%208-8%208h-424.00001c-4.41828%200-7.99999-3.582-7.99999-8z'%20fill='%23fcfcfd'%20fill-opacity='.5'/%3e%3cpath%20d='m8-1h424v2h-424zm433%209v404h-2v-404zm-9%20413h-424.00001v-2h424.00001zm-433-9v-404h2v404zm8.99999%209c-4.97056%200-8.99999-4.029-8.99999-9h2c0%203.866%203.134%207%206.99999%207zm433.00001-9c0%204.971-4.029%209-9%209v-2c3.866%200%207-3.134%207-7zm-9-413c4.971%200%209%204.02944%209%209h-2c0-3.86599-3.134-7-7-7zm-424%202c-3.86599%200-7%203.13401-7%207h-2c0-4.97056%204.02944-9%209-9z'%20fill='%23eef0f3'%20mask='url(%23c)'/%3e%3c/mask%3e%3cmask%20id='c'%20fill='%23fff'%3e%3cpath%20d='m0%208c0-4.41828%203.58172-8%208-8h424c4.418%200%208%203.58172%208%208v404c0%204.418-3.582%208-8%208h-424.00001c-4.41828%200-7.99999-3.582-7.99999-8z'%20fill='%23fff'/%3e%3c/mask%3e%3cg%20clip-path='url(%23a)'%3e%3cg%20mask='url(%23b)'%20stroke='%23eef0f3'%3e%3ccircle%20cx='69.5825'%20cy='69.5825'%20r='69.0825'%20transform='matrix(-1%200%200%201%20239.583%20-89.5825)'/%3e%3ccircle%20cx='38.9662'%20cy='38.9662'%20r='38.4662'%20transform='matrix(-1%200%200%201%20208.966%20-58.9662)'/%3e%3ccircle%20cx='109.94'%20cy='109.94'%20r='109.44'%20transform='matrix(-1%200%200%201%20279.94%20-129.94)'/%3e%3ccircle%20cx='153.082'%20cy='153.082'%20r='152.582'%20transform='matrix(-1%200%200%201%20323.082%20-173.081)'/%3e%3ccircle%20cx='218.489'%20cy='218.489'%20r='217.989'%20transform='matrix(-1%200%200%201%20388.489%20-238.489)'/%3e%3ccircle%20cx='283.897'%20cy='283.897'%20r='283.397'%20transform='matrix(-1%200%200%201%20453.896%20-303.897)'/%3e%3cpath%20d='m-178.804-20c0%20193.409%20156.4772%20350.196%20349.5%20350.196%20193.022%200%20349.5-156.787%20349.5-350.196s-156.478-350.196-349.5-350.196c-193.0228%200-349.5%20156.787-349.5%20350.196z'/%3e%3ccircle%20cx='436.978'%20cy='436.978'%20r='436.478'%20transform='matrix(-1%200%200%201%20606.978%20-456.978)'/%3e%3ccircle%20cx='569.185'%20cy='569.185'%20r='568.685'%20transform='matrix(-1%200%200%201%20739.185%20-589.185)'/%3e%3ccircle%20cx='700'%20cy='700'%20r='699.5'%20transform='matrix(-1%200%200%201%20870%20-720)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
  .feature-card--signals-emails {
    background-image: url("data:image/svg+xml,%3csvg%20fill='none'%20height='420'%20viewBox='0%200%20440%20420'%20width='440'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cclipPath%20id='a'%3e%3cpath%20d='m0%200h440v420h-440z'%20transform='matrix(-1%200%200%201%20440%200)'/%3e%3c/clipPath%3e%3cmask%20id='b'%20height='420'%20maskUnits='userSpaceOnUse'%20width='440'%20x='0'%20y='0'%3e%3cpath%20d='m0%208c0-4.41828%203.58172-8%208-8h424c4.418%200%208%203.58172%208%208v404c0%204.418-3.582%208-8%208h-424.00001c-4.41828%200-7.99999-3.582-7.99999-8z'%20fill='%23fcfcfd'%20fill-opacity='.5'/%3e%3cpath%20d='m8-1h424v2h-424zm433%209v404h-2v-404zm-9%20413h-424.00001v-2h424.00001zm-433-9v-404h2v404zm8.99999%209c-4.97056%200-8.99999-4.029-8.99999-9h2c0%203.866%203.134%207%206.99999%207zm433.00001-9c0%204.971-4.029%209-9%209v-2c3.866%200%207-3.134%207-7zm-9-413c4.971%200%209%204.02944%209%209h-2c0-3.86599-3.134-7-7-7zm-424%202c-3.86599%200-7%203.13401-7%207h-2c0-4.97056%204.02944-9%209-9z'%20fill='%23eef0f3'%20mask='url(%23c)'/%3e%3c/mask%3e%3cmask%20id='c'%20fill='%23fff'%3e%3cpath%20d='m0%208c0-4.41828%203.58172-8%208-8h424c4.418%200%208%203.58172%208%208v404c0%204.418-3.582%208-8%208h-424.00001c-4.41828%200-7.99999-3.582-7.99999-8z'%20fill='%23fff'/%3e%3c/mask%3e%3cg%20clip-path='url(%23a)'%3e%3cg%20mask='url(%23b)'%20stroke='%23eef0f3'%3e%3cpath%20d='m-658.804-20c0%20193.409%20156.477%20350.196%20349.5%20350.196%20193.022%200%20349.4998-156.787%20349.4998-350.196s-156.4778-350.196-349.4998-350.196c-193.023%200-349.5%20156.787-349.5%20350.196z'/%3e%3ccircle%20cx='436.978'%20cy='436.978'%20r='436.478'%20transform='matrix(-1%200%200%201%20126.978%20-456.978)'/%3e%3ccircle%20cx='569.185'%20cy='569.185'%20r='568.685'%20transform='matrix(-1%200%200%201%20259.185%20-589.185)'/%3e%3ccircle%20cx='700'%20cy='700'%20r='699.5'%20transform='matrix(-1%200%200%201%20390%20-720)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
}
.data_platform .section--faq {
  padding-top: calc(var(--spacing-base) * 50);
}
.data_platform .section--data-platform-pricing {
  position: relative;
  margin-bottom: -8rem;
  z-index: 1;
}
.data-platform-hero {
  background: url("https://hunter.io/assets/data-platform-hero-bg-DnbHJccD.svg") top center repeat var(--colors-grey-50);
  padding-bottom: var(--spacing-25);
}
.enrichment-api-hero {
  text-align: left;
  background: url("https://hunter.io/assets/enrichment-hero-bg-CYc1hAzB.svg") center no-repeat var(--colors-grey-50);
  background-size: cover;
}
.enrichment-api-hero__animation {
  margin-top: var(--spacing-10);
  width: 100%;
  aspect-ratio: 1/0.7;
  position: relative;
  text-align: center;
}
.browser-preview {
  margin: var(--spacing-08) 0;
  background-color: var(--colors-grey-900);
  color: #fff;
  border-radius: 0.4rem;
  overflow: hidden;
}
.browser-preview__header {
  background-color: var(--colors-grey-800);
  border-radius: 0.4rem 0.4rem 0 0;
  margin-bottom: var(--spacing-005);
  display: flex;
  align-items: center;
  gap: var(--spacing-14);
  padding: var(--spacing-02) var(--spacing-04);
}
.browser-preview__actions {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--colors-danger-600);
  box-shadow: 14px 0 0 var(--colors-warning-600), 28px 0 0 var(--colors-success-600);
}
.browser-preview__tabs {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.browser-preview__tab {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-02) var(--spacing-06) var(--spacing-02) var(--spacing-03);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--colors-grey-100);
  border: 0;
  border-radius: 0.4rem;
  background-color: transparent;
  transition: background-color 200ms ease-in, color 200ms ease-in;
}
.browser-preview__tab .far {
  font-size: 1.2rem;
  transition: color 200ms ease-in;
}
.browser-preview__tab:hover, .browser-preview__tab:focus {
  color: #fff;
}
.browser-preview__tab:hover .far, .browser-preview__tab:focus .far {
  color: var(--colors-secondary-600);
}
.browser-preview__tab[aria-selected=true] {
  color: #fff;
  background-color: var(--colors-grey-700);
}
.browser-preview__tab[aria-selected=true] .far {
  color: var(--colors-secondary-600);
}
.section-enrichment-api-promotion {
  max-width: 104rem;
  padding: var(--spacing-20) var(--spacing-10);
  margin: var(--spacing-10) auto var(--spacing-30) auto;
  background-color: var(--colors-grey-1000);
  background-image: url("https://hunter.io/assets/enrichment-promotion-section-bg-AtChMHTr.svg");
  background-position: top center;
  background-repeat: repeat-x;
  border-radius: 0.8rem;
  text-align: center;
  color: var(--colors-grey-200);
}
.section-enrichment-api-promotion .h-button--primary {
  min-width: 16rem;
}
.section-enrichment-api-promotion__title {
  color: #fff;
  font-size: clamp(2.8rem, 2.50736rem + 0.7805vw, 3.6rem);
  line-height: 1.1666666667;
  text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.16);
  text-wrap: balance;
  margin: 0 0 var(--spacing-10) 0;
}
.animation-preview {
  margin-top: var(--spacing-10);
  width: 100%;
  aspect-ratio: 1/0.625;
}
.section--enrichment-ctas {
  position: relative;
  padding: var(--spacing-16) 0 0;
  overflow: hidden;
}
.prospector-replacement {
  position: relative;
  margin: var(--spacing-20) 0 var(--spacing-10);
}
.prospector-replacement > * {
  position: relative;
}
.prospector-replacement::before {
  content: "";
  position: absolute;
  background-color: var(--colors-grey-50);
  inset: calc(var(--spacing-10) * -1) 0 calc(var(--spacing-10) * -1) 0;
}
@media screen and (max-width: calc(48em - 1px)) {
  .enrichment-api-hero {
    text-align: center;
  }
}
@media screen and (max-width: calc(75em - 1px)) {
  .enrichment_api .related-product {
    height: calc(100% - var(--spacing-10));
    margin-bottom: var(--spacing-10);
  }
}
@media screen and (min-width: 62em) {
  .section--enrichment-ctas {
    padding: var(--spacing-16) 0;
  }
  .section--enrichment-ctas::before {
    content: "";
    position: absolute;
    inset: 0 0 0 71.25%;
    background-color: #fff;
  }
  .prospector-replacement {
    margin: var(--spacing-20) 0;
  }
  .prospector-replacement::before {
    border-radius: 0.8rem;
    inset: calc(var(--spacing-20) * -1) 0 calc(var(--spacing-20) * -1) calc(var(--spacing-10) * -1);
  }
}
@media screen and (min-width: 87.5em) {
  .prospector-replacement::before {
    border-radius: 0.8rem;
    inset: calc(var(--spacing-20) * -1) -100% calc(var(--spacing-20) * -1) calc(var(--spacing-10) * -1);
  }
}
/*! purgecss start ignore */
.browser_extension .data-product-tabs {
  margin-top: 0;
  margin-bottom: var(--spacing-10);
  max-width: 38rem;
}
.browser_extension .data-product-tabs:lang(fr) {
  max-width: 38rem;
}
.browser_extension .data-product-tabs:before, .browser_extension .data-product-tabs::after {
  display: none;
}
.browser_extension .generic-hero,
.extension_welcome .generic-hero {
  padding-bottom: 20rem;
}
.browser_extension .wide-slider,
.extension_welcome .wide-slider {
  max-width: 92rem;
  margin-top: -12rem;
  margin-bottom: 16rem;
}
.browser_extension .wide-slider img,
.browser_extension .wide-slider iframe,
.extension_welcome .wide-slider img,
.extension_welcome .wide-slider iframe {
  border: 0;
  border-radius: 0.8rem;
}
.extension_welcome .wide-slider__description {
  margin-left: 0;
  margin-right: 0;
}
.uninstall_extension .generic-hero {
  padding-bottom: 28rem;
}
.extension-uninstall-survey {
  position: relative;
  max-width: 80rem;
  min-height: 28rem;
  margin: -18rem auto var(--spacing-40);
  background: #fff;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 12px 56px -16px rgba(29, 38, 46, 0.08), 0px 12px 64px -12px rgba(29, 38, 46, 0.12);
  border-radius: 0.8rem;
  z-index: 1;
}
@media screen and (min-width: 62em) {
  .browser_extension .generic-hero {
    padding-top: calc(var(--spacing-40));
  }
}
.whr-items {
  list-style-type: none;
  padding-left: 0;
  margin: var(--spacing-04) 0 0 0;
}
.whr-item {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  padding: var(--spacing-04) 0;
  border-top: 0.1rem solid var(--colors-grey-300);
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.whr-title {
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-800);
}
.whr-title a {
  color: currentColor;
}
.whr-title a::after {
  content: "→";
  display: inline-block;
  font-size: 0.75em;
  font-weight: normal;
  opacity: 0;
  transform: translateX(-0.25em);
  transition: transform 0.25s cubic-bezier(0.68, -0.55, 0.39, 1.87), opacity 0.2s ease-in;
}
.whr-title a:hover, .whr-title a:focus {
  text-decoration-color: transparent;
}
.whr-title a:hover::after, .whr-title a:focus::after {
  opacity: 1;
  transform: translateX(0.25em);
}
.whr-info {
  list-style-type: none;
  margin-left: auto;
  font-size: 1.6rem;
  line-height: 2;
  color: var(--colors-grey-600);
}
.whr-location,
.whr-date,
.whr-dept span {
  display: none;
}
.whr-loading {
  font-size: 2rem;
  margin: var(--spacing-04) 0;
  color: var(--colors-grey-600);
}
.whr-empty-text {
  padding: var(--spacing-04) 0;
  border-top: 0.1rem solid var(--colors-grey-300);
  border-bottom: 0.1rem solid var(--colors-grey-300);
  color: var(--colors-grey-700);
  font-size: 2rem;
}
.perks-list {
  list-style-type: none;
  padding-left: 0;
  margin: var(--spacing-14) 0 0 0;
}
.perks-list__item {
  display: flex;
  gap: var(--spacing-04);
  align-items: center;
  margin-bottom: var(--spacing-08);
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.6;
  color: var(--colors-grey-800);
}
.perks-list__icon {
  width: 2.8rem;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  background: linear-gradient(90deg, var(--colors-secondary-500) 0%, var(--colors-secondary-700) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.hiring-process {
  position: relative;
  list-style-type: none;
  margin: var(--spacing-14) 0 0 0;
  padding-left: 5.4rem;
  counter-reset: hiringProcess;
}
.hiring-process + .h-mainlink {
  margin-left: 5.4rem;
}
.hiring-process::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--spacing-05);
  width: 0.2rem;
  background-color: var(--colors-grey-200);
}
.hiring-process__item {
  position: relative;
  counter-increment: hiringProcess;
  font-size: 2rem;
  line-height: 1.6;
  color: var(--colors-grey-900);
}
.hiring-process__item::before {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: -3.8rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-color: #fff;
  border: 0.2rem solid var(--colors-grey-300);
}
.hiring-process__item:not(:first-child) {
  margin-top: var(--spacing-14);
}
.hiring-process__title {
  display: block;
  font-family: var(--fonts-family-heading);
  font-weight: 600;
  font-size: clamp(2.4rem, 1.8536rem + 0.3902vw, 2.8rem);
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
  margin-bottom: var(--spacing-02);
}
.hiring-process__title::before {
  content: counter(hiringProcess) ". ";
  font-size: 0.85em;
  font-weight: 500;
  color: var(--colors-grey-600);
}
.careers-fancy-grid img {
  object-fit: cover;
  height: 100%;
  border-radius: 0.8rem;
}
.careers-fancy-grid figure {
  position: relative;
}
.careers-fancy-grid figcaption {
  position: absolute;
  left: 0.4rem;
  bottom: 0.4rem;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.25;
  padding: var(--spacing-02) var(--spacing-03);
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0.4rem;
}
.careers-fancy-metric {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-04);
  padding: var(--spacing-04) var(--spacing-02);
  background-color: var(--colors-grey-1000);
  color: var(--colors-grey-100);
  border-radius: 0.4rem;
  font-size: 2rem;
  line-height: 1.2;
}
.careers-fancy-metric strong {
  font-family: var(--fonts-family-heading);
  font-size: clamp(4.8rem, 4.36096rem + 1.1707vw, 6rem);
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: calc(62em - 1px)) {
  .careers-fancy-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-05);
  }
  .careers-fancy-metric {
    width: calc(50% - 1rem);
  }
}
@media screen and (min-width: 62em) {
  .careers-fancy-grid {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-rows: repeat(24, 1fr);
    grid-column-gap: var(--spacing-10);
    grid-row-gap: var(--spacing-10);
    max-height: 96rem;
  }
  .careers-fancy-grid__1 {
    position: relative;
    grid-area: 3/1/20/11;
  }
  .careers-fancy-grid__1::before {
    content: url("https://hunter.io/assets/hunter-stamp-B4yvhCKn.svg");
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(15%, -33%);
  }
  .careers-fancy-grid__2 {
    grid-area: 20/1/25/6;
  }
  .careers-fancy-grid__3 {
    grid-area: 20/6/25/11;
  }
  .careers-fancy-grid__4 {
    grid-area: 1/11/15/21;
  }
  .careers-fancy-grid__5 {
    grid-area: 10/21/15/25;
  }
  .careers-fancy-grid__6 {
    grid-area: 5/21/10/25;
  }
  .careers-fancy-grid__7 {
    grid-area: 15/11/25/25;
  }
}
.newsletter-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  max-width: 40rem;
  margin: 0 auto;
  border: 2px solid var(--colors-grey-300);
  border-radius: 4px;
  background-color: #fff;
  padding: 0.2rem;
}
.newsletter-form:focus-within {
  border-color: var(--colors-secondary-600);
  box-shadow: 0 0 0 0.2rem var(--colors-secondary-300);
}
.newsletter-form__input {
  height: auto;
  font-size: 1.4rem;
  border: 0;
  flex: 1;
  padding: 0.8rem 1.4rem;
}
.newsletter-form__input:hover, .newsletter-form__input:focus {
  border: 0;
  outline: 0;
}
.newsletter-form__submit {
  height: auto;
  width: 100%;
}
@media screen and (min-width: 35em) {
  .newsletter-form__submit {
    width: auto;
  }
}
@media screen and (min-width: 48em) {
  .perks-list {
    column-count: 2;
  }
}
.pricing .section--pricing,
.landing_upgrade .section--pricing {
  position: relative;
  margin-top: calc((var(--spacing-25) + var(--spacing-005)) * -1);
  z-index: 5;
}
.pricing .generic-hero__subtitle {
  max-width: none;
}
.mega-tabs {
  display: flex;
  flex-wrap: wrap;
}
.mega-tabs__item {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-04) var(--spacing-03);
  border-bottom: 0.2rem solid var(--colors-grey-200);
  color: var(--colors-grey-700);
  border-radius: 0.4rem 0.4rem 0 0;
  transition: border-color 200ms ease-in, background-color 200ms ease-in;
}
.mega-tabs__item:hover, .mega-tabs__item:focus-within {
  border-bottom-color: var(--colors-grey-300);
}
.mega-tabs__item:has([aria-selected=true]) {
  border-bottom-color: var(--colors-secondary-600);
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-900);
}
.mega-tabs__title {
  color: var(--colors-grey-600);
  font-family: var(--fonts-family-body);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2;
  margin-bottom: var(--spacing-01);
}
.mega-tabs__link {
  color: currentColor;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.25;
  text-decoration: none;
}
.mega-tabs__link:hover, .mega-tabs__link:focus {
  text-decoration: none;
}
.mega-tabs__link::before {
  content: "";
  position: absolute;
  inset: 0;
}
[id=pricing-outreach-platform],
[id=pricing-data-platform] {
  scroll-margin-block-start: 20rem;
}
@media screen and (max-width: calc(62em - 1px)) {
  .pricing .section--pricing,
  .landing_upgrade .section--pricing {
    margin-left: calc(var(--spacing-05) * -1);
    margin-right: calc(var(--spacing-05) * -1);
  }
}
@media screen and (min-width: 48em) {
  .mega-tabs__item {
    width: auto;
    flex: 1;
    padding: var(--spacing-06);
  }
  .mega-tabs__title {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
  .mega-tabs__link {
    font-size: 2rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 62em) {
  .pricing .generic-hero,
  .landing_upgrade .generic-hero {
    padding-bottom: calc(var(--spacing-base) * 60);
  }
}
.landing_upgrade .generic-hero__subtitle {
  max-width: 62rem;
}
.landing_upgrade .generic-hero__subtitle:lang(fr) {
  max-width: 70rem;
}
.landing_upgrade .generic-hero__description {
  max-width: 52rem;
}
.landing_upgrade .generic-hero__description:lang(fr) {
  max-width: 60rem;
}
.support-avatars {
  display: flex;
  align-items: center;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: var(--spacing-08);
}
.support-avatars__item {
  position: relative;
}
.support-avatars__item:hover {
  z-index: 2;
}
.support-avatars__item:hover > .support-avatars__avatar {
  transform: translateY(calc(var(--spacing-02) * -1));
}
.support-avatars__item:hover > .support-avatars__tag {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.support-avatars__item:not(:first-child) {
  margin-left: calc(var(--spacing-06) * -1);
}
.support-avatars__avatar {
  width: 8rem;
  height: 8rem;
  display: inline-block;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04);
  border-radius: 50%;
  transition: transform 150ms ease-in;
}
.support-avatars__tag {
  position: absolute;
  bottom: 0;
  left: 50%;
  padding: var(--spacing-01) var(--spacing-02);
  border-radius: 0.2rem;
  color: #fff;
  background-color: var(--colors-secondary-700);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
  opacity: 0;
  transform: translate(-50%, -60%);
  transition: opacity 150ms ease-in, transform 150ms ease-in;
}
@media screen and (min-width: 75em) {
  .support-avatars__avatar {
    width: 10rem;
    height: 10rem;
  }
}
.data-product-hero {
  position: relative;
  background: url("https://hunter.io/assets/bg-data-hero-CzTkV_TZ.svg") top center repeat var(--colors-grey-50);
  text-align: center;
  padding: calc(var(--spacing-base) * 40) 0 calc(var(--spacing-base) * 36);
}
.data-product-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(50% 50% at 50% 50%, var(--colors-grey-50) 0%, rgba(255, 255, 255, 0) 100%);
}
.data-product-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, var(--colors-grey-300) 50%, rgba(223, 227, 232, 0) 100%);
}
.data-product-hero .container-fluid, .data-product-hero .container-sm, .data-product-hero .container-md, .data-product-hero .container-lg, .data-product-hero .container-xl, .data-product-hero .container-xxl {
  position: relative;
}
.data-product-hero__title {
  font-family: var(--fonts-family-body);
  font-weight: 500;
  font-size: clamp(1.8rem, 1.8536rem + 0.3vw, 2.4rem);
  line-height: 1.6666666667;
  letter-spacing: -0.019em;
  color: var(--colors-grey-800);
  margin: 0 auto;
}
.data-product-hero__subtitle {
  font-family: var(--fonts-family-heading);
  font-size: clamp(3.6rem, 3.01456rem + 1.561vw, 5.2rem);
  line-height: 4rem;
  font-weight: 600;
  max-width: 80rem;
  margin: 0 auto;
}
.data-product-hero__subtitle:lang(fr) {
  max-width: 88rem;
}
.data-product-hero__subtitle strong {
  font-weight: 600;
  color: var(--colors-primary-600);
}
.data-product-preview__description {
  max-width: 56rem;
  font-size: clamp(1.6rem, 1.4536rem + 0.3902vw, 2rem);
  color: var(--colors-grey-800);
  line-height: 1.6;
}
.product-preview-visual {
  position: relative;
  aspect-ratio: 1.42;
  background-color: var(--colors-grey-50);
  border: 0.1rem solid var(--colors-grey-200);
  border-radius: 0.8rem;
  overflow: hidden;
  margin-bottom: var(--spacing-10);
}
.product-preview-visual img {
  height: auto;
}
.product-preview-visual__ds--people {
  position: absolute;
  right: -4rem;
  top: 2.4rem;
}
.product-preview-visual__ds--company {
  max-width: 60%;
  position: absolute;
  left: 2rem;
  bottom: -31%;
  transition: bottom 200ms ease-in-out;
}
.product-preview-visual__ds--company:hover {
  bottom: -4rem;
}
.product-preview-visual__ds--technologies {
  max-width: 60%;
  position: absolute;
  right: 2rem;
  bottom: -28%;
  transition: bottom 200ms ease-in-out;
}
.product-preview-visual__ds--technologies:hover {
  bottom: -4rem;
}
.product-preview-visual__email-finder,
.product-preview-visual__email-verifier {
  position: absolute;
  left: max(2vw, 2.4rem);
  top: 2.4rem;
}
.section--related-products {
  margin-bottom: var(--spacing-20);
}
.section--related-products .section__header {
  max-width: max-content;
  margin-bottom: var(--spacing-10);
}
.data-product-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-005);
}
.data-product-tabs__link {
  flex: 1;
  padding: var(--spacing-02) var(--spacing-03);
  font-weight: 500;
}
.visitors.email_finder .data-product-hero__subtitle {
  max-width: 72rem;
}
.visitors.email_finder .data-product-hero__subtitle:lang(fr) {
  max-width: 96rem;
}
@media screen and (min-width: 48em) {
  .data-product-hero__subtitle {
    line-height: 6rem;
  }
  .product-preview-visual {
    margin-bottom: 0;
  }
}
@media screen and (max-width: calc(62em - 1px)) {
  .data-product-tabs {
    position: fixed;
    bottom: 2.4rem;
    left: 1rem;
    right: 1rem;
    max-width: 46rem;
    margin: auto;
    background-color: #fff;
    border: 1px solid var(--colors-grey-200);
    border-radius: 2rem;
    z-index: 100;
    box-shadow: 0px 2px 4px rgba(29, 38, 46, 0.04), 0px 3px 8px rgba(29, 38, 46, 0.07);
  }
  .data-product-tabs__link {
    font-size: 1.2rem;
    line-height: 1.6666666667;
    border-radius: 2rem;
    border: 1px solid transparent;
    color: var(--colors-grey-700);
  }
  .data-product-tabs__link:hover, .data-product-tabs__link:focus {
    text-decoration-color: transparent;
  }
  .data-product-tabs__link.is-active {
    background-color: var(--colors-grey-1000);
    border: 1px solid var(--colors-grey-800);
    box-shadow: 0px 1px 2px -1px rgba(29, 38, 46, 0.08), 0px 1px 4px -1px rgba(29, 38, 46, 0.12);
    color: var(--colors-grey-100);
  }
  .data-product-tabs__link .data-product-tabs__cta {
    display: none;
  }
}
@media screen and (min-width: 62em) {
  .data-product-hero {
    padding: calc(var(--spacing-base) * 50) 0 calc(var(--spacing-base) * 30);
  }
  .data-product-tabs {
    position: relative;
    width: 100%;
    max-width: 56rem;
    min-height: 4rem;
    margin: var(--spacing-20) auto 0;
    border: 0.05rem solid var(--colors-grey-300);
    background-color: var(--colors-grey-100);
    z-index: 1;
  }
  .data-product-tabs:lang(fr) {
    max-width: 96rem;
  }
  .data-product-tabs::before {
    content: "";
    position: absolute;
    top: -0.05rem;
    bottom: -0.05rem;
    left: -4rem;
    right: -4rem;
    height: 4rem;
    background-image: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, rgb(223, 227, 232) 4rem, rgb(223, 227, 232) 50%, rgb(223, 227, 232) calc(100% - 4rem), rgba(223, 227, 232, 0) 100%), linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, rgb(223, 227, 232) 4rem, rgb(223, 227, 232) 50%, rgb(223, 227, 232) calc(100% - 4rem), rgba(223, 227, 232, 0) 100%);
    background-position: 0 0, 0 100%;
    background-size: 100% 0.05rem, 100% 0.05rem;
    background-repeat: no-repeat;
    z-index: -1;
  }
  .data-product-tabs::after {
    content: "";
    position: absolute;
    left: -0.05rem;
    right: -0.05rem;
    top: -4rem;
    bottom: -4rem;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(223, 227, 232, 0) 0%, rgb(223, 227, 232) 4rem, rgb(223, 227, 232) 50%, rgb(223, 227, 232) calc(100% - 4rem), rgba(223, 227, 232, 0) 100%), linear-gradient(to bottom, rgba(223, 227, 232, 0) 0%, rgb(223, 227, 232) 4rem, rgb(223, 227, 232) 50%, rgb(223, 227, 232) calc(100% - 4rem), rgba(223, 227, 232, 0) 100%);
    background-position: 0 0, 0 100%;
    background-size: 0.05rem 100%, 0.05rem 100%;
    background-repeat: no-repeat;
    z-index: -1;
  }
  .data-product-tabs__link {
    font-size: 1.4rem;
    line-height: 1.1428571429;
    border-radius: 2px;
    border: 1px solid transparent;
    color: var(--colors-grey-600);
  }
  .data-product-tabs__link:hover, .data-product-tabs__link:focus {
    color: var(--colors-grey-900);
    text-decoration-color: transparent;
  }
  .data-product-tabs__link.is-active {
    color: var(--colors-grey-1000);
    background-color: #fff;
    border-color: var(--colors-grey-200);
    box-shadow: 0px 1px 2px -1px rgba(29, 38, 46, 0.08), 0px 1px 4px -1px rgba(29, 38, 46, 0.12);
  }
  .data-product-tabs__name {
    display: none;
  }
}
.api-hero {
  background-color: var(--colors-grey-50);
  background-image: url("https://hunter.io/assets/api-hero-bg-CzLAkBf6.svg");
  background-position: bottom center;
  background-repeat: repeat-x;
}
.api-hero .generic-hero__subtitle {
  max-width: 72rem;
}
.people_enrichment_api .generic-hero__subtitle {
  max-width: 90rem;
}
.company_enrichment_api .generic-hero__subtitle {
  max-width: 80rem;
}
.combined_enrichment_api .generic-hero__subtitle {
  max-width: 100rem;
}
.api-type {
  padding: var(--spacing-06) 0;
}
.api-type + .api-type {
  border-top: 0.1rem solid var(--colors-grey-300);
}
.api-type[aria-expanded=true] .api-type__expand {
  display: none;
}
.api-type[aria-expanded=false] .api-type__content {
  display: none;
}
.api-type[aria-expanded=false] .api-type__header {
  opacity: 0.7;
  transition: opacity 150ms ease-in;
}
.api-type[aria-expanded=false] .api-type__header:hover, .api-type[aria-expanded=false] .api-type__header:focus-within {
  opacity: 1;
}
.api-type__header {
  position: relative;
  display: flex;
  align-items: center;
}
.api-type__title {
  flex: 1;
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-900);
}
.api-type__expand {
  font-size: 2rem;
  color: var(--colors-grey-600);
  cursor: pointer;
}
.api-type__expand::before {
  content: "";
  position: absolute;
  inset: 0;
}
.api-type__desc {
  margin: var(--spacing-02) 0 var(--spacing-04);
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
}
.section-integrations-promotion {
  position: relative;
  max-width: 104rem;
  margin: var(--spacing-30) auto;
  padding: var(--spacing-20) var(--spacing-10);
  background-color: var(--colors-grey-50);
  background-image: linear-gradient(270deg, rgba(252, 252, 253, 0) 0%, rgba(252, 252, 253, 0.75) 100%), url("data:image/svg+xml,%3csvg%20fill='none'%20height='20'%20viewBox='0%200%2020%2020'%20width='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23eef0f3'%3e%3cpath%20d='m4%204h2v2h-2z'/%3e%3cpath%20d='m4%2014h2v2h-2z'/%3e%3cpath%20d='m14%204h2v2h-2z'/%3e%3cpath%20d='m14%2014h2v2h-2z'/%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: repeat;
  border-radius: 0.8rem;
  border: 0.1rem solid var(--colors-grey-200);
}
.section-integrations-promotion__title {
  font-size: clamp(3.6rem, 3.16096rem + 1.1707vw, 4.8rem);
  line-height: 1.1666666667;
  margin: 0;
}
.section-integrations-promotion__description {
  max-width: 42rem;
  margin: var(--spacing-04) 0 var(--spacing-08);
  font-size: clamp(1.6rem, 1.4536rem + 0.3902vw, 2rem);
  line-height: 1.5;
}
.domain_search_api .generic-hero__subtitle {
  max-width: 100rem;
}
.email_finder_api:lang(fr) .generic-hero__subtitle,
.email_verifier_api:lang(fr) .generic-hero__subtitle {
  max-width: 104rem;
}
.campaigns_api .generic-hero__subtitle {
  max-width: 100rem;
}
@media screen and (min-width: 48em) {
  .section-integrations-promotion {
    padding: var(--spacing-04) var(--spacing-10);
  }
}
@media screen and (min-width: 62em) {
  .api-hero {
    padding: calc(var(--spacing-base) * 50) 0 calc(var(--spacing-base) * 30);
  }
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  touch-action: none;
  user-select: none;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
}
/* Wrapper for all connect elements. */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transform-origin: 0 0;
  transform-style: flat;
}
/* Offset direction */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements. */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement */
.noUi-horizontal {
  height: 0.8rem;
}
.noUi-horizontal .noUi-handle {
  width: 2rem;
  height: 2rem;
  right: -1rem;
  top: -0.6rem;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  display: flex;
}
.noUi-target .noUi-base {
  background: var(--colors-grey-300);
  border-radius: 1.6rem;
}
.noUi-connects {
  border-radius: 1.6rem;
}
.noUi-connect {
  background: var(--colors-secondary-600);
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border-radius: 50%;
  background: var(--colors-secondary-600);
  border: 0.2rem solid #fff;
  cursor: pointer;
  outline: 0 solid #fff;
  transition: outline 200ms ease-in;
  z-index: 3;
}
.noUi-active {
  outline: 0.3rem solid #fff;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: var(--colors-grey-600);
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #fff;
  width: 0.2rem;
  height: 0.8rem;
  z-index: 2;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: var(--spacing-02) 0 0;
  top: calc(var(--spacing-02) * -1);
  left: 0;
  width: 100%;
}
.noUi-pips-horizontal .noUi-marker:first-child, .noUi-pips-horizontal .noUi-marker:nth-last-child(2) {
  display: none;
}
.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
@media screen and (min-width: 48em) {
  .noUi-target {
    gap: var(--spacing-01);
  }
  .noUi-target::after {
    content: "";
    width: 2rem;
    background: var(--colors-grey-300);
    border-radius: 1.6rem;
    box-shadow: 24px 0px 0px var(--colors-grey-200), 48px 0px 0px var(--colors-grey-100);
  }
  .noUi-base {
    width: calc(100% - 7rem);
  }
  .noUi-pips-horizontal {
    width: calc(100% - 7rem);
  }
}
/*! purgecss end ignore */
/**
* Highlighted Icon
*
* Display on icon in a rounded-square with a light background
* Mainly used for features icons in menu and landing pages
*
* @type: component
*/
.highlighted-icon {
  background-color: var(--colors-secondary-200);
  color: var(--colors-secondary-600);
  border-radius: 0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  padding: var(--spacing-01);
  transition: background-color 0.25s ease-in-out, color 0.15s ease-in-out;
  border: 0.2rem solid transparent;
}
.highlighted-icon__icon {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: center;
  fill: currentColor;
  margin-right: 0;
}
/* Modifier
============================= */
/* Style */
.highlighted-icon--bordered {
  border-color: var(--colors-secondary-400);
}
/* Size */
.highlighted-icon--xs {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.2rem;
}
.highlighted-icon--xs .highlighted-icon__icon {
  width: 2rem;
  height: 2rem;
}
.highlighted-icon--sm {
  width: 4rem;
  height: 4rem;
  border-radius: 0.4rem;
}
.highlighted-icon--sm .highlighted-icon__icon {
  width: 2.8rem;
  height: 2.8rem;
}
@media screen and (min-width: 48em) {
  .highlighted-icon--lg {
    width: 6rem;
    height: 6rem;
  }
  .highlighted-icon--lg .highlighted-icon__icon {
    width: 4rem;
    height: 4rem;
  }
}
.btn-google, .btn-outlook {
  display: inline-block;
  border: 0;
  text-align: center;
  color: var(--colors-grey-900);
  background-color: #ffffff;
  padding: 18px 24px 18px 18px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  border-radius: 3px;
  transition: all 250ms ease;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--colors-grey-300);
  vertical-align: baseline;
  height: 54px;
}
.btn-google.btn-google--sm, .btn-outlook.btn-google--sm {
  height: auto;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  padding: var(--spacing-02) var(--spacing-03);
}
.btn-google.btn-google--sm img, .btn-outlook.btn-google--sm img {
  margin-right: var(--spacing-01);
}
.btn-google img, .btn-outlook img {
  display: inline-block;
  margin-right: 16px;
  vertical-align: middle;
  width: 16px;
  margin-top: -1px !important;
}
.btn-google .fa-linkedin, .btn-outlook .fa-linkedin {
  font-size: 1.125em;
  margin-right: 0.25em;
  color: var(--colors-brand-linkedin-blue);
}
.btn-google:hover, .btn-google:focus, .btn-outlook:hover, .btn-outlook:focus {
  color: var(--colors-grey-900);
  text-decoration: none;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.12);
}
.btn-google:active, .btn-outlook:active {
  background-color: var(--colors-grey-100);
}
.btn-google:focus, .btn-outlook:focus {
  outline: 0 !important;
}
.btn-google:disabled, .btn-google.disabled, .btn-outlook:disabled, .btn-outlook.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}
.action_lead_button {
  display: inline-block;
  color: var(--colors-grey-600);
  border: 2px solid var(--colors-grey-300);
  border-radius: 30px;
  text-align: center;
  padding: 4px 10px;
  background: var(--colors-grey-100);
  font-size: 12px;
  line-height: 20px;
  transition: all 150ms ease;
  cursor: pointer;
  outline: 0;
}
.action_lead_button:hover, .action_lead_button:focus, .action_lead_button:active {
  text-decoration: none;
  border-color: var(--colors-grey-400);
}
.action_lead_button:active {
  transform: scale(1.1);
}
.action_lead_button:disabled {
  opacity: 0.9;
  background: var(--colors-grey-100);
  border-color: var(--colors-grey-200);
  cursor: default;
}
.action_lead_button .far, .action_lead_button .fas, .action_lead_button .fal, .action_lead_button .fab {
  margin-right: 0;
  color: var(--colors-grey-600);
}
.action_lead_button .fa-check {
  color: var(--colors-success-600);
}
.action_lead_button .fa-times {
  color: var(--colors-danger-600);
}
.action_lead_button .lead_status {
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--colors-grey-600);
}
.action_lead_button.is-checked {
  border-color: var(--colors-success-600);
}
.action_lead_button.is-error {
  border-color: var(--colors-danger-600);
}
.action_lead_button.round {
  padding: 4px;
  width: 32px;
}
.btn-empty, .question-circle {
  padding: 0;
  border: 0;
  background-color: transparent;
}
.h-button {
  --h-button-padding: var(--spacing-03) var(--spacing-04);
  --h-button-gap: var(--spacing-02);
  --h-button-border-color: var(--colors-grey-300);
  --h-button-border-radius: 4px;
  --h-button-box-shadow: 0px 1px 1px rgba(29, 38, 46, 0.05);
  --h-button-font-size: 1.3rem;
  --h-button-line-height: calc(16/13);
  --h-button-text-shadow: none;
  --h-button-color: var(--colors-grey-800);
  --h-button-background: #fff;
  --h-button-height: 4rem;
  --h-button-width: max-content;
  --h-button-icon-color: var(--colors-grey-600);
  --h-button-suffix-border-color: var(--colors-grey-300);
  --h-button-color-hover: var(--colors-grey-800);
  --h-button-background-hover: var(--colors-grey-100);
  --h-button-border-color-hover: var(--colors-grey-300);
  --h-button-box-shadow-hover: 0px 1px 4px 2px rgba(29, 38, 46, 0.04), 0px 1px 1px rgba(29, 38, 46, 0.05);
  --h-button-box-shadow-focus: 0px 0px 0px 2px var(--colors-secondary-600), 0px 1px 1px rgba(29, 38, 46, 0.05);
  --h-button-color-active: var(--colors-grey-800);
  --h-button-background-active: var(--colors-grey-100);
  --h-button-box-shadow-active: none;
  --h-button-hint-color: var(--colors-grey-600);
  --h-button-hint-font-size: .8em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--h-button-gap);
  padding: var(--h-button-padding);
  height: var(--h-button-height);
  width: var(--h-button-width);
  border: 1px solid var(--h-button-border-color);
  border-radius: var(--h-button-border-radius);
  box-shadow: var(--h-button-box-shadow);
  font-size: var(--h-button-font-size);
  font-weight: 500;
  line-height: var(--h-button-line-height);
  text-decoration: none;
  text-shadow: var(--h-button-text-shadow);
  background: var(--h-button-background);
  color: var(--h-button-color);
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 250ms ease, color 250ms ease-in, border-color 250ms ease-in;
}
.h-button img {
  width: 1.6rem;
  height: auto;
}
.h-button:not(.h-button--icon) [class*=fa-] {
  color: var(--h-button-icon-color);
}
.h-button:hover, .h-button:focus {
  color: var(--h-button-color-hover);
  background-color: var(--h-button-background-hover);
  border-color: var(--h-button-border-color-hover);
  box-shadow: var(--h-button-box-shadow-hover);
  text-decoration: none;
  outline: none;
}
.h-button:focus-visible {
  box-shadow: var(--h-button-box-shadow-focus);
}
.h-button:active, .h-button.active, .h-button[aria-expanded=true] {
  color: var(--h-button-color-active);
  background-color: var(--h-button-background-active);
  box-shadow: var(--h-button-box-shadow-active);
}
.h-button:disabled, .h-button.disabled {
  opacity: 0.5;
  user-select: none;
  cursor: not-allowed;
}
.h-button[data-bs-toggle=dropdown][aria-expanded=true] .fa-angle-down {
  transform: rotate(180deg);
}
.h-button__hint {
  font-size: var(--h-button-hint-font-size);
  color: var(--h-button-hint-color);
}
.h-button__suffix {
  line-height: 1;
  padding-left: var(--h-button-gap);
  border-left: 1px solid var(--h-button-suffix-border-color, var(--colors-grey-300));
}
.h-button--primary {
  --h-button-border-color: transparent;
  --h-button-box-shadow: none;
  --h-button-text-shadow: 0px 1px 0px rgba(212, 69, 25, 0.5);
  --h-button-color: #fff;
  --h-button-background: var(--colors-primary-600);
  --h-button-icon-color: currentColor;
  --h-button-suffix-border-color: var(--colors-primary-500);
  --h-button-color-hover: #fff;
  --h-button-background-hover: var(--colors-primary-700);
  --h-button-border-color-hover: var(--colors-primary-700);
  --h-button-box-shadow-hover: none;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-primary-700);
  --h-button-color-active: #fff;
  --h-button-background-active: var(--colors-primary-700);
  --h-button-box-shadow-active: none;
  --h-button-hint-color: var(--colors-primary-200);
  border-bottom-color: var(--colors-primary-700);
}
.h-button--secondary {
  --h-button-border-color: transparent;
  --h-button-box-shadow: none;
  --h-button-color: var(--colors-secondary-600);
  --h-button-background: var(--colors-secondary-100);
  --h-button-icon-color: currentColor;
  --h-button-color-hover: #fff;
  --h-button-background-hover: var(--colors-secondary-600);
  --h-button-border-color-hover: var(--colors-secondary-600);
  --h-button-box-shadow-hover: none;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-secondary-600);
  --h-button-color-active: #fff;
  --h-button-background-active: var(--colors-secondary-600);
  --h-button-box-shadow-active: none;
  --h-button-hint-color: var(--colors-primary-200);
}
.h-button--danger {
  --h-button-border-color: transparent;
  --h-button-box-shadow: none;
  --h-button-color: #fff;
  --h-button-background: var(--colors-danger-700);
  --h-button-icon-color: currentColor;
  --h-button-color-hover: #fff;
  --h-button-background-hover: var(--colors-danger-800);
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-danger-700);
  --h-button-color-active: #fff;
  --h-button-background-active: var(--colors-danger-800);
  --h-button-box-shadow-active: none;
}
.h-button--ghost {
  --h-button-border-color: transparent;
  --h-button-box-shadow: none;
  --h-button-background: transparent;
  --h-button-background-hover: var(--colors-grey-100);
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-box-shadow-focus: 0px 0px 0px 1px var(--colors-grey-100), 0px 0px 0px 3px var(--colors-grey-300);
  --h-button-background-active: var(--colors-grey-100);
  --h-button-box-shadow-active: none;
}
.h-button--danger-light {
  --h-button-border-color: var(--colors-danger-600);
  --h-button-color: var(--colors-danger-700);
  --h-button-background: #fff;
  --h-button-icon-color: var(--colors-danger-600);
  --h-button-color-hover: var(--colors-danger-700);
  --h-button-background-hover: var(--colors-danger-100);
  --h-button-border-color-hover: currentColor;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-danger-700);
  --h-button-color-active: var(--colors-danger-700);
  --h-button-background-active: var(--colors-danger-100);
  --h-button-box-shadow-active: none;
}
.h-button--success-light {
  --h-button-border-color: var(--colors-success-600);
  --h-button-color: var(--colors-success-700);
  --h-button-background: #fff;
  --h-button-icon-color: var(--colors-success-600);
  --h-button-color-hover: var(--colors-success-700);
  --h-button-background-hover: var(--colors-success-100);
  --h-button-border-color-hover: currentColor;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-success-700);
  --h-button-color-active: var(--colors-success-700);
  --h-button-background-active: var(--colors-success-100);
  --h-button-box-shadow-active: none;
}
.h-button--invert {
  --h-button-border-color: var(--colors-grey-700);
  --h-button-color: var(--colors-grey-300);
  --h-button-background: var(--colors-grey-900);
  --h-button-icon-color: var(--colors-grey-500);
  --h-button-color-hover: var(--colors-grey-100);
  --h-button-background-hover: var(--colors-grey-800);
  --h-button-border-color-hover: var(--colors-grey-600);
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-grey-700);
  --h-button-color-active: var(--colors-grey-100);
  --h-button-background-active: var(--colors-grey-700);
  --h-button-box-shadow-active: none;
}
.h-button--sm {
  --h-button-padding: var(--spacing-02);
  --h-button-font-size: 1.3rem;
  --h-button-line-height: calc(16/13);
  --h-button-height: 3.2rem;
}
.h-button--xs {
  --h-button-padding: var(--spacing-01) var(--spacing-02);
  --h-button-gap: var(--spacing-01);
  --h-button-font-size: 1.2rem;
  --h-button-line-height: calc(16/12);
  --h-button-height: 2.4rem;
}
.h-button--xxs {
  --h-button-padding: var(--spacing-005);
  --h-button-gap: var(--spacing-01);
  --h-button-font-size: .8rem;
  --h-button-line-height: calc(12/8);
  --h-button-height: 1.6rem;
}
.h-button--md {
  --h-button-font-size: 1.4rem;
  --h-button-line-height: calc(24/14);
}
.h-button--lg {
  --h-button-padding: var(--spacing-04);
  --h-button-font-size: 1.6rem;
  --h-button-line-height: calc(24/16);
  --h-button-height: 5.6rem;
}
.h-button--block {
  width: 100%;
  justify-content: center;
  text-align: center;
}
.h-button--link-grey {
  --h-button-height: auto;
  --h-button-padding: 0;
  --h-button-border-color: transparent;
  --h-button-color: var(--colors-grey-700);
  --h-button-background: transparent;
  --h-button-box-shadow: none;
  --h-button-icon-color: var(--colors-grey-600);
  --h-button-color-hover: var(--colors-grey-900);
  --h-button-background-hover: transparent;
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-secondary-700);
  --h-button-color-active: var(--colors-grey-900);
  --h-button-background-active: transparent;
  --h-button-box-shadow-active: none;
  font-weight: normal;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-400);
  text-underline-offset: var(--spacing-01);
  transition: color 250ms ease-in, text-decoration-color 250ms ease-in;
}
.h-button--link-grey:hover, .h-button--link-grey:focus {
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-500);
}
.h-button--link {
  --h-button-height: auto;
  --h-button-padding: 0;
  --h-button-border-color: transparent;
  --h-button-color: var(--colors-secondary-700);
  --h-button-background: transparent;
  --h-button-box-shadow: none;
  --h-button-icon-color: var(--colors-secondary-600);
  --h-button-color-hover: var(--colors-secondary-800);
  --h-button-background-hover: transparent;
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-secondary-700);
  --h-button-color-active: var(--colors-secondary-900);
  --h-button-background-active: transparent;
  --h-button-box-shadow-active: none;
  font-weight: normal;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-secondary-300);
  text-underline-offset: var(--spacing-01);
  transition: color 250ms ease-in, text-decoration-color 250ms ease-in;
}
.h-button--link:hover, .h-button--link:focus {
  text-decoration-line: underline;
  text-decoration-color: var(--colors-secondary-400);
}
.h-button--icon {
  --h-button-padding: 0;
  --h-button-width: 4rem;
  justify-content: center;
}
.h-button--icon.h-button--sm {
  --h-button-width: 3.2rem;
}
.h-button--icon.h-button--xs {
  --h-button-width: 2.4rem;
}
.h-button--icon.h-button--xxs {
  --h-button-width: 1.6rem;
}
.h-button--icon.h-button--lg {
  --h-button-width: 5.6rem;
}
.h-button-group {
  display: flex;
  max-inline-size: max-content;
}
.h-button-group > .h-button {
  --h-button-border-radius: 0;
  margin-inline-end: -1px;
}
.h-button-group > .h-button:first-child {
  --h-button-border-radius: 4px;
  border-radius: var(--h-button-border-radius) 0 0 var(--h-button-border-radius);
}
.h-button-group > .h-button:last-child {
  --h-button-border-radius: 4px;
  border-radius: 0 var(--h-button-border-radius) var(--h-button-border-radius) 0;
}
.h-button-group .h-button--primary,
.h-button-group .h-button--danger {
  position: relative;
}
.h-button-group .h-button--primary:not(:last-child)::after,
.h-button-group .h-button--danger:not(:last-child)::after {
  content: "";
  position: absolute;
  inline-size: 1px;
  inset-block: 0;
  inset-inline-end: 0px;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.h-button-group .dropdown > .h-button {
  --h-button-border-radius: 0 .4rem .4rem 0;
}
/**
* Tag
* A tag labels UI objects for quick recognition and navigation.
*
* @selector .tag

%span.tag.tag--dissmissable.tag--info
  %i.tag__icon.far.fa-check
  Connected (can be link)
  %button.tag__dissmiss{ type: "button", "aria-label": "Dissmiss tag" }
    %i.tag__dissmiss-icon.far.fa-times

*/
.tag {
  --c-tag-background: var(--colors-grey-200);
  --c-tag-background-hover: var(--colors-grey-300);
  --c-tag-color: var(--colors-grey-700);
  --c-tag-icon-color: var(--colors-grey-600);
  --c-tag-padding: var(--spacing-01) var(--spacing-02);
  display: inline-flex;
  align-items: center;
  padding: var(--c-tag-padding);
  overflow: hidden;
  border: 0;
  border-radius: 0.4rem;
  background-color: var(--c-tag-background);
  color: var(--c-tag-color);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2307692308;
}
.tag--end {
  float: right;
}
.tag__icon {
  color: var(--c-tag-icon-color) !important;
}
.tag__avatar {
  margin-right: var(--spacing-01);
}
.tag__avatar:first-child {
  margin-left: calc(var(--spacing-01) * -1);
}
.tag__label {
  white-space: nowrap;
  overflow: hidden;
  color: var(--c-tag-color);
  text-decoration: none;
  text-overflow: ellipsis;
}
.tag__label:has(.tag__icon) {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.tag__tooltip-icon {
  font-size: 1.2rem;
  opacity: 0.7;
}
.tag__live-dot {
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  margin-right: var(--spacing-01);
  border: 0.05rem solid var(--colors-danger-700);
  border-radius: 1em;
  background-color: #fff;
  animation: liveStatus 1.8s ease-in-out infinite;
}
.tag__dissmiss {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--spacing-02) 0 var(--spacing-01);
  border: 0;
  background-color: transparent;
  font-size: 1.2rem;
  color: var(--c-tag-icon-color, var(--colors-grey-600));
  transition: color 100ms ease-in;
}
.tag__dissmiss:hover, .tag__dissmiss:focus {
  color: var(--colors-grey-900);
}
/* MODIFIER */
/* Is link */
.tag--linkable {
  padding: 0;
}
.tag--linkable .tag__label {
  padding: var(--spacing-01) var(--spacing-02);
}
.tag--linkable .tag__label:hover, .tag--linkable .tag__label:focus {
  text-decoration: none;
  background-color: var(--c-tag-background-hover);
  color: var(--c-tag-color);
}
/* Dissmissable */
.tag--dissmissable {
  padding-right: 0;
}
/* Rounded */
.tag--rounded {
  border-radius: 1em;
}
/* Size */
.tag--sm {
  --c-tag-padding: var(--spacing-005) var(--spacing-02);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
.tag--md {
  --c-tag-padding: var(--spacing-02);
}
/* Colors */
.tag--success {
  --c-tag-background: var(--colors-success-200);
  --c-tag-background-hover: var(--colors-success-300);
  --c-tag-color: var(--colors-success-700);
  --c-tag-icon-color: var(--colors-success-600);
}
.tag--warning {
  --c-tag-background: var(--colors-warning-200);
  --c-tag-background-hover: var(--colors-warning-300);
  --c-tag-color: var(--colors-warning-800);
  --c-tag-icon-color: var(--colors-warning-600);
}
.tag--danger {
  --c-tag-background: var(--colors-danger-200);
  --c-tag-background-hover: var(--colors-danger-300);
  --c-tag-color: var(--colors-danger-700);
  --c-tag-icon-color: var(--colors-danger-600);
}
.tag--info {
  --c-tag-background: var(--colors-secondary-200);
  --c-tag-background-hover: var(--colors-secondary-300);
  --c-tag-color: var(--colors-secondary-700);
  --c-tag-icon-color: var(--colors-secondary-600);
}
.tag--primary {
  --c-tag-background: var(--colors-primary-200);
  --c-tag-background-hover: var(--colors-primary-300);
  --c-tag-color: var(--colors-primary-600);
  --c-tag-icon-color: var(--colors-primary-600);
}
.tag--cardinal {
  --c-tag-background: var(--colors-cardinal-200);
  --c-tag-background-hover: var(--colors-cardinal-200);
  --c-tag-color: var(--colors-cardinal-700);
  --c-tag-icon-color: var(--colors-cardinal-500);
}
.tag--emerald {
  --c-tag-background: var(--colors-emerald-200);
  --c-tag-background-hover: var(--colors-emerald-200);
  --c-tag-color: var(--colors-emerald-700);
  --c-tag-icon-color: var(--colors-emerald-500);
}
.tag--magenta {
  --c-tag-background: var(--colors-magenta-200);
  --c-tag-background-hover: var(--colors-magenta-200);
  --c-tag-color: var(--colors-magenta-700);
  --c-tag-icon-color: var(--colors-magenta-500);
}
.tag--cyan {
  --c-tag-background: var(--colors-cyan-200);
  --c-tag-background-hover: var(--colors-cyan-200);
  --c-tag-color: var(--colors-cyan-700);
  --c-tag-icon-color: var(--colors-cyan-500);
}
.tag--dark {
  --c-tag-background: var(--colors-grey-800);
  --c-tag-background-hover: var(--colors-grey-1000);
  --c-tag-color: var(--colors-grey-100);
  --c-tag-icon-color: var(--colors-grey-300);
}
.tag--light {
  --c-tag-background: #fff;
  --c-tag-background-hover: var(--colors-grey-100);
  --c-tag-color: var(--colors-grey-600);
  --c-tag-icon-color: var(--colors-grey-500);
}
.tag--secondary {
  --c-tag-background: var(--colors-secondary-700);
  --c-tag-background-hover: var(--colors-secondary-800);
  --c-tag-color: #fff;
  --c-tag-icon-color: #fff;
}
.tag--live {
  --c-tag-background: var(--colors-danger-700);
  --c-tag-background-hover: var(--colors-danger-700);
  --c-tag-color: #fff;
  --c-tag-icon-color: #fff;
}
.tags-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-01);
}
.tags-list:has(.tags-list__actions) {
  flex-wrap: nowrap;
}
.tags-list:has(.tags-list__actions) .tag__label {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tags-list__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.tags-list__action {
  padding: var(--spacing-01);
  border: 0;
  background-color: transparent;
  border-radius: 0.2rem;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
  transition: color 150ms ease-in, background-color 150ms ease-in;
}
.tags-list__action:hover, .tags-list__action:focus {
  color: var(--colors-grey-800);
  background-color: var(--colors-grey-50);
}
.tags-list__action.active {
  color: var(--colors-grey-800);
  text-decoration: underline;
}
.tag-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-01) var(--spacing-02);
  font-size: 1.3rem;
  font-weight: 450;
  line-height: 1.2307692308;
  border: 0.1rem solid var(--tag-pill-accent, var(--colors-grey-300));
  border-radius: 2rem;
}
.tag-pill__marker {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--tag-pill-accent, var(--colors-grey-300));
}
@keyframes liveStatus {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  100% {
    box-shadow: 0 0 0 1rem rgba(255, 255, 255, 0);
  }
}
.external-integrations-table {
  width: 100%;
}
.external-integrations-table__name {
  font-weight: 600;
  font-size: 1.4rem;
  white-space: nowrap;
}
.external-integrations-table__name img {
  display: inline-block;
  vertical-align: middle;
  max-width: 2rem;
  height: auto;
  margin-right: var(--spacing-01);
}
.external-integrations-table__desc {
  font-size: 1.3rem;
  color: var(--colors-grey-600);
}
.external-integrations-table__link {
  font-size: 1.3rem;
  white-space: nowrap;
}
@media screen and (max-width: calc(48em - 1px)) {
  .external-integrations-table tr {
    display: flex;
    flex-direction: column;
    padding-top: var(--spacing-06);
    padding-bottom: var(--spacing-06);
    border-bottom: 1px solid var(--colors-grey-300);
  }
  .external-integrations-table__name {
    flex: 1;
    min-width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .external-integrations-table td {
    padding-top: var(--spacing-04);
    padding-bottom: var(--spacing-04);
  }
  .external-integrations-table tr + tr td {
    border-top: 1px solid var(--colors-grey-300);
  }
  .external-integrations-table__desc {
    padding-left: var(--spacing-08);
    padding-right: var(--spacing-08);
  }
  .external-integrations-table__link {
    text-align: right;
  }
}
/**
 * Swiper 6.6.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 11, 2021
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size:44px;
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color:#ffffff;
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color:#000000;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color:#ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color:#000000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#support-notification {
  display: none;
  position: fixed;
  height: 50px;
  line-height: 20px;
  font-weight: 600;
  border-radius: 30px;
  padding: 15px 24px;
  bottom: 19px;
  right: 80px;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 6px 0px, rgba(0, 0, 0, 0.16) 0px 2px 32px 0px;
  transform: translateY(200%);
  opacity: 0;
  animation-name: slideInFromBottom;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  transition: all 150ms ease-in-out;
  z-index: 100;
}
#support-notification:hover {
  background-color: var(--colors-grey-100);
  cursor: pointer;
}
#intercom-container iframe.intercom-launcher-frame {
  border: none;
}
/**
* Alerts
* Provide contextual feedback messages to users
*
* @selector .h-alert
* @haml app/views/components/_alert.haml
*/
:root {
  --c-alert-border: var(--colors-grey-400);
  --c-alert-background: var(--colors-grey-100);
  --c-alert-title-color: var(--colors-grey-800);
  --c-alert-icon-color: var(--colors-grey-600);
}
.h-alert {
  position: relative;
  display: flex;
  align-items: top;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-04);
  background-color: var(--c-alert-background);
  border: 1px solid var(--c-alert-border);
  border-radius: 4px;
  font-size: 1.4rem;
}
.h-alert__icon-wrapper {
  padding-right: var(--spacing-03);
}
.h-alert__icon {
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--c-alert-icon-color);
}
.h-alert__illus {
  margin-right: var(--spacing-04);
  margin-left: var(--spacing-01);
}
.h-alert__content {
  flex: 1;
}
.h-alert__content a:not(.h-button):not(.btn-google) {
  color: currentColor;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-500);
  text-underline-offset: var(--spacing-01);
  cursor: pointer;
}
.h-alert__content a:not(.h-button):not(.btn-google):hover, .h-alert__content a:not(.h-button):not(.btn-google):focus {
  text-decoration-color: currentColor;
}
.h-alert__title {
  display: block;
  margin-bottom: var(--spacing-01);
  color: var(--c-alert-title-color);
  font-size: 1em;
  font-weight: 600;
  line-height: 1.4285;
}
.h-alert__description {
  margin-top: var(--spacing-005);
  font-size: 1.3rem;
  line-height: 1.5385;
  color: var(--colors-grey-800);
}
.h-alert__description a:not(.h-button),
.h-alert__description a:not([class*=btn]) {
  color: currentColor;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-500);
  text-underline-offset: var(--spacing-01);
  cursor: pointer;
}
.h-alert__description a:not(.h-button):hover, .h-alert__description a:not(.h-button):focus,
.h-alert__description a:not([class*=btn]):hover,
.h-alert__description a:not([class*=btn]):focus {
  text-decoration-color: currentColor;
}
.h-alert__description ul:last-child,
.h-alert__description ol:last-child,
.h-alert__description p:last-child {
  margin-bottom: 0;
}
.h-alert__description ul,
.h-alert__description ol {
  padding-left: 1em;
}
.h-alert__actions {
  margin-top: var(--spacing-03);
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.h-alert__dissmiss {
  position: absolute;
  top: var(--spacing-04);
  right: var(--spacing-02);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  background-color: transparent;
  font-size: 1.6rem;
  color: var(--colors-grey-600);
  transition: color 100ms ease-in;
}
.h-alert__dissmiss:hover, .h-alert__dissmiss:focus {
  color: var(--colors-grey-800);
}
.h-alert__dissmiss:active {
  transform: scale(0.96);
}
/**
* MODIFIER
*/
/* Sizing */
.h-alert--sm {
  padding: var(--spacing-02) var(--spacing-03);
}
.h-alert--sm .h-alert__dissmiss {
  top: var(--spacing-02);
}
/* Is dissmissable */
.h-alert--dissmissable {
  padding-right: var(--spacing-10);
}
/* Box Model */
.h-alert--inline {
  display: inline-flex;
  width: auto;
}
/* Colors */
.h-alert--success {
  --c-alert-border: var(--colors-success-400);
  --c-alert-background: var(--colors-success-100);
  --c-alert-icon-color: var(--colors-success-600);
  --c-alert-title-color: var(--colors-success-700);
}
.h-alert--info {
  --c-alert-border: var(--colors-secondary-400);
  --c-alert-background: var(--colors-secondary-100);
  --c-alert-icon-color: var(--colors-secondary-600);
  --c-alert-title-color: var(--colors-secondary-700);
}
.h-alert--warning {
  --c-alert-border: var(--colors-warning-400);
  --c-alert-background: var(--colors-warning-100);
  --c-alert-icon-color: var(--colors-warning-600);
  --c-alert-title-color: var(--colors-warning-800);
}
.h-alert--danger {
  --c-alert-border: var(--colors-danger-400);
  --c-alert-background: var(--colors-danger-100);
  --c-alert-icon-color: var(--colors-danger-600);
  --c-alert-title-color: var(--colors-danger-700);
}
/*! purgecss start ignore */
.autocomplete-suggestions {
  background: #FFFFFF;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.autocomplete-suggestion {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-02) var(--spacing-04);
  transition: background-color 150ms ease-in;
}
.autocomplete-suggestion:not(:first-child) {
  border-top: 1px solid var(--colors-grey-300);
}
.autocomplete-suggestion:hover {
  background-color: var(--colors-grey-100);
}
.autocomplete-logo {
  width: 2.4rem;
  height: 2.4rem;
}
.autocomplete-logo img {
  display: inline-block !important;
  width: 2.4rem;
  height: 2.4rem;
  object-fit: cover;
  margin-right: 0;
  background-size: 2.4rem 2.4rem;
  border-radius: 0.2rem;
}
.autocomplete-value {
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-900);
}
.autocomplete-data {
  margin-left: auto;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
}
.autocomplete-count {
  font-size: 1.1rem;
  font-weight: 500;
}
/*! purgecss end ignore */
.score {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid transparent;
}
.score.low-score {
  border-color: var(--colors-grey-500);
}
.score.average-score {
  background: linear-gradient(0deg, var(--colors-grey-500), var(--colors-grey-500) 50%, transparent 0, transparent);
  border-color: var(--colors-grey-500);
}
.score.high-score {
  background-color: var(--colors-grey-500);
}
.empty-state {
  padding: var(--spacing-14) var(--spacing-10);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-08);
}
.empty-state .empty-state__title {
  font-family: var(--font-family-body);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--colors-grey-900);
  margin-top: 0 !important;
  margin-bottom: var(--spacing-02) !important;
  padding: 0 !important;
  border: 0 !important;
}
.empty-state__img {
  max-width: 20rem;
  height: auto;
}
.empty-state__video {
  max-width: 43rem;
  width: 100%;
}
.empty-state__icon {
  font-size: 5.6rem;
  color: var(--colors-grey-300);
}
.empty-state__content {
  font-size: 1.3rem;
  text-align: center;
  color: var(--colors-grey-700);
  line-height: 1.5;
  text-wrap: balance;
}
.empty-state__actions a:not([class*=btn]):not([class*=h-button]),
.empty-state__content a:not([class*=btn]):not([class*=h-button]) {
  font-size: 1em;
  color: var(--colors-grey-700);
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-300);
  text-underline-offset: var(--spacing-01);
}
.empty-state__actions a:not([class*=btn]):not([class*=h-button]):hover, .empty-state__actions a:not([class*=btn]):not([class*=h-button]):focus,
.empty-state__content a:not([class*=btn]):not([class*=h-button]):hover,
.empty-state__content a:not([class*=btn]):not([class*=h-button]):focus {
  text-decoration-color: var(--colors-grey-400);
}
.empty-state__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-02);
  margin-top: var(--spacing-04);
}
.empty-state__hint {
  margin-top: var(--spacing-04);
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.sidebar-empty-state {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.sidebar-empty-state__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-bottom: var(--spacing-01);
}
.sidebar-empty-state__title img {
  width: 1.6rem;
  height: auto;
}
.empty-state--lg {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
/* Mobile */
@media screen and (min-width: 48em) {
  .empty-state--horizontal {
    flex-direction: row;
    gap: var(--spacing-10);
  }
  .empty-state--horizontal .empty-state__content {
    text-align: left;
  }
  .empty-state--horizontal .empty-state__content p,
  .empty-state--horizontal .empty-state__content ul,
  .empty-state--horizontal .empty-state__content ol {
    max-width: 36rem;
  }
  .empty-state--horizontal .empty-state__actions {
    justify-content: flex-start;
  }
}
.upgrade-empty-state {
  text-align: center;
}
.upgrade-empty-state__icon {
  font-size: 2em;
  background: linear-gradient(90deg, var(--colors-secondary-500) 0%, var(--colors-secondary-700) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.upgrade-empty-state__title {
  font-size: 2rem;
  line-height: 1.2;
  margin: var(--spacing-04) 0 0 0;
}
.upgrade-empty-state__title--sm {
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: var(--spacing-02);
}
.upgrade-empty-state__description {
  max-width: 32rem;
  margin: var(--spacing-02) auto var(--spacing-06);
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-700);
}
.h-select {
  --h-select-padding: calc(var(--spacing-02) - 1px) var(--spacing-05) calc(var(--spacing-02) - 1px) var(--spacing-03);
  --h-select-border-color: var(--colors-grey-300);
  --h-select-border-radius: 4px;
  --h-select-font-size: 1.3rem;
  --h-select-line-height: calc(16/13);
  --h-select-color: var(--colors-grey-900);
  --h-select-background: #fff;
  --h-select-height: 4rem;
  --h-select-border-color-hover: var(--colors-grey-400);
  --h-select-border-color-focus: var(--colors-secondary-600);
  --h-select-box-shadow-focus: 0px 0px 0px 2px var(--colors-secondary-300);
  --h-select-border-color-error: var(--colors-danger-700);
  appearance: none;
  display: inline-block;
  padding: var(--h-select-padding);
  height: var(--h-select-height);
  max-width: 100%;
  border: 1px solid var(--h-select-border-color);
  border-radius: var(--h-select-border-radius);
  box-shadow: none;
  font-size: var(--h-select-font-size);
  font-weight: normal;
  line-height: var(--h-select-line-height);
  text-decoration: none;
  text-align: left;
  background-color: var(--h-select-background);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MzAwNyAwLjk0NTEyM0w0LjM3NTI4IDQuMTk3NjJDNC4yNzA3MyA0LjMxNTgxIDQuMTM0MzYgNC4zNjU4MSA0LjAwMDI2IDQuMzY1ODFDMy44NjYxNSA0LjM2NTgxIDMuNzMwMjQgNC4zMTYwOCAzLjYyNTIzIDQuMjE2NjdMMC4xNzA0NDMgMC45NDUxMjNDLTAuMDQ4NDM1NCAwLjczNjAxNyAtMC4wNTc1MjY5IDAuMzkwNTM5IDAuMTQ5MDc4IDAuMTcyMzQyQzAuMzU2NTkzIC0wLjA0ODEyODEgMC43MDMyMDggLTAuMDU0OTQ2NyAwLjkyMDQ5NiAwLjE1MTg4Nkw0LjAwMDI2IDMuMDY4TDcuMDgwMDEgMC4xNDk2MTNDNy4yOTczNSAtMC4wNTcwODMzIDcuNjQyNTUgLTAuMDQ5MjY0NiA3Ljg1MTQzIDAuMTcwOTIxQzguMDU3MzYgMC4zOTA1MzkgOC4wNDgyNiAwLjczNjAxNyA3LjgzMDA3IDAuOTQ1MTIzWiIgZmlsbD0iIzcwNzg4MCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: right 10px top calc(50% + 1px);
  color: var(--h-select-color);
  transition: background-color 250ms ease, color 250ms ease-in, border-color 250ms ease-in;
}
.h-select:hover {
  border-color: var(--h-select-border-color-hover) !important;
}
.h-select:focus {
  outline: none;
  border-color: var(--h-select-border-color-focus) !important;
  box-shadow: var(--h-select-box-shadow-focus) !important;
}
.h-select.error {
  border-color: var(--h-select-border-color-error) !important;
}
.h-select:disabled, .h-select.disabled {
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
.h-select::-ms-expand {
  display: none;
}
.h-select--xs {
  --h-select-padding: calc(var(--spacing-01) - 1px) var(--spacing-04) calc(var(--spacing-01) - 1px) var(--spacing-02);
  --h-select-font-size: 1.2rem;
  --h-select-line-height: calc(16/12);
  --h-select-height: 2.4rem;
}
.h-select--sm {
  --h-select-padding: calc(var(--spacing-02) - 1px) var(--spacing-05) calc(var(--spacing-02) - 1px) var(--spacing-02);
  --h-select-font-size: 1.3rem;
  --h-select-line-height: calc(16/13);
  --h-select-height: 3.6rem;
}
.h-select--lg {
  --h-select-padding: calc(var(--spacing-04) - 1px) var(--spacing-06) calc(var(--spacing-04) - 1px) var(--spacing-04);
  --h-select-font-size: 1.6rem;
  --h-select-line-height: calc(24/16);
  --h-select-height: 5.6rem;
}
.h-select--block {
  display: block;
  width: 100%;
}
.h-select--ghost {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.h-selectize {
  --h-selectize-padding: calc(var(--spacing-02) - 1px) var(--spacing-05) calc(var(--spacing-02) - 1px) var(--spacing-03);
  --h-selectize-border-color: var(--colors-grey-300);
  --h-selectize-border-radius: 4px;
  --h-selectize-font-size: 1.3rem;
  --h-selectize-line-height: calc(16/13);
  --h-selectize-color: var(--colors-grey-900);
  --h-selectize-background: #fff;
  --h-selectize-height: 4rem;
  --h-selectize-border-color-hover: var(--colors-grey-400);
  --h-selectize-border-color-focus: var(--colors-secondary-600);
  --h-selectize-box-shadow-focus: 0px 0px 0px 2px var(--colors-secondary-300);
}
.h-selectize .selectize-input {
  display: inline-flex !important;
  align-items: center;
  padding: var(--h-selectize-padding) !important;
  height: auto;
  min-height: var(--h-selectize-height);
  border: 1px solid var(--h-selectize-border-color);
  border-radius: var(--h-selectize-border-radius) !important;
  font-size: var(--h-selectize-font-size);
  font-weight: normal;
  line-height: var(--h-selectize-line-height);
  text-decoration: none;
  background-color: var(--h-selectize-background);
  box-shadow: none;
  transition: all 250ms ease;
}
.h-selectize .selectize-input:hover {
  border-color: var(--h-selectize-border-color-hover) !important;
}
.h-selectize .selectize-input.focus, .h-selectize .selectize-input:focus-within {
  outline: none;
  border-color: var(--h-selectize-border-color-focus) !important;
  box-shadow: var(--h-selectize-box-shadow-focus) !important;
}
.h-selectize .selectize-input > input {
  font-size: var(--h-selectize-font-size) !important;
}
.h-selectize .selectize-input > .item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}
.h-selectize .option,
.h-selectize .create {
  padding: var(--spacing-02) var(--spacing-04);
  color: var(--colors-grey-900);
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.2307692308;
}
.h-selectize .create.active {
  color: var(--colors-grey-900);
}
.h-selectize .optgroup-header {
  padding: var(--spacing-01) var(--spacing-04);
  background-color: var(--colors-grey-100);
  border: 0.1rem solid var(--colors-grey-300);
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4545454545;
  color: var(--colors-grey-700);
}
.h-selectize.plugin-clear_button .clear {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-01);
  position: absolute;
  right: 3rem;
  top: 0.4rem;
  width: 2rem;
  height: 2rem;
  font-size: 1.6rem;
  z-index: 10;
  color: var(--colors-grey-700);
  cursor: pointer;
  transition: background-color 150ms ease-in;
}
.h-selectize.plugin-clear_button .clear:hover, .h-selectize.plugin-clear_button .clear:focus {
  text-decoration: none;
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-900);
}
.h-selectize--sm {
  --h-selectize-padding: calc(var(--spacing-02) - 1px) var(--spacing-05) calc(var(--spacing-02) - 1px) var(--spacing-02);
  --h-selectize-height: 3.2rem;
}
.h-selectize--sm .selectize-dropdown-content .option,
.h-selectize--sm .selectize-dropdown-content .create {
  padding: var(--h-selectize-padding);
}
.h-selectize--xs {
  --h-selectize-padding: calc(var(--spacing-01) - 1px) var(--spacing-04) calc(var(--spacing-01) - 1px) var(--spacing-02);
  --h-selectize-font-size: 1.2rem;
  --h-selectize-line-height: calc(16/12);
  --h-selectize-height: 2.4rem;
}
.h-selectize--lg {
  --h-selectize-padding: calc(var(--spacing-04) - 1px) var(--spacing-06) calc(var(--spacing-04) - 1px) var(--spacing-04);
  --h-selectize-font-size: 1.6rem;
  --h-selectize-line-height: calc(24/16);
  --h-selectize-height: 5.6rem;
}
#flash {
  display: block;
  position: fixed;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 30px;
  width: max-content;
  z-index: 1000;
  text-align: center;
  transform: translateY(200%);
  opacity: 0;
  animation-name: slideInFromBottom;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
#flash .alert {
  color: #fff;
  margin: auto;
  display: inline-flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  padding: 16px 20px;
  font-size: 14px;
  border: 0;
  text-align: center;
  font-weight: 600;
  border-radius: 5px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
}
#flash .alert > .fas, #flash .alert .far {
  margin-right: var(--spacing-02);
  font-size: 19px;
  color: #fff;
}
#flash .alert .fa-circle-xmark {
  color: var(--colors-danger-600);
}
#flash .alert .fa-check {
  color: var(--colors-success-600);
}
#flash .alert .fa-exclamation-triangle {
  color: var(--colors-warning-600);
}
#flash .alert a {
  color: currentColor;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#flash .alert a:hover, #flash .alert a:focus {
  color: #fff;
  border-bottom: 1px solid #fff;
  text-decoration: none;
}
#flash .alert-dismissible .close {
  background-color: transparent;
  border: 0;
  padding: 0;
  color: var(--colors-grey-500);
  right: 0;
  top: 0;
  opacity: 1;
  text-shadow: none;
  font-size: 1.6rem;
  margin-left: var(--spacing-04);
}
#flash .alert-dismissible .close:hover, #flash .alert-dismissible .close:focus {
  color: var(--colors-grey-400);
}
#flash .alert-dismissible .close .far {
  margin-right: 0;
}
.modal-open #flash {
  z-index: 1060;
}
body.discover #flash {
  z-index: 1005;
}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(200%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
:root {
  --h-input-padding: calc(var(--spacing-02) - 1px) var(--spacing-05) calc(var(--spacing-02) - 1px) var(--spacing-03);
  --h-input-border-color: var(--colors-grey-300);
  --h-input-border-radius: 4px;
  --h-input-font-size: 1.3rem;
  --h-input-line-height: calc(16/13);
  --h-input-color: var(--colors-grey-900);
  --h-input-background: #fff;
  --h-input-height: 4rem;
  --h-input-border-color-hover: var(--colors-grey-400);
  --h-input-border-color-focus: var(--colors-secondary-600);
  --h-input-box-shadow-focus: 0 0 0 .2rem var(--colors-secondary-300);
  --h-input-background-active: var(--colors-grey-100);
  --h-input-color-readonly: var(--colors-grey-700);
  --h-input-background-readonly: var(--colors-grey-100);
  --h-input-border-color-error: var(--colors-danger-700);
  --h-input-group-text-padding: calc(var(--spacing-02) - 1px) var(--spacing-03);
}
body .h-input {
  appearance: none;
  display: inline-block;
  padding: var(--h-input-padding) !important;
  height: var(--h-input-height) !important;
  max-width: 100%;
  border: 1px solid var(--h-input-border-color) !important;
  border-radius: var(--h-input-border-radius) !important;
  font-size: var(--h-input-font-size) !important;
  font-weight: normal;
  line-height: var(--h-input-line-height);
  text-decoration: none;
  background-color: var(--h-input-background);
  color: var(--h-input-color);
  transition: background-color 250ms ease, color 250ms ease-in, border-color 250ms ease-in;
}
body .h-input:hover {
  border-color: var(--h-input-border-color-hover) !important;
}
body .h-input:focus {
  outline: none;
  border-color: var(--h-input-border-color-focus) !important;
  box-shadow: var(--h-input-box-shadow-focus) !important;
}
body .h-input.active {
  background-color: var(--h-input-background-active);
}
body .h-input:read-only {
  color: var(--h-input-color-readonly);
  background-color: var(--h-input-background-readonly);
}
body .h-input.error {
  border-color: var(--h-input-border-color-error) !important;
}
body .h-input:disabled, body .h-input.disabled {
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
body .h-input[type=number] {
  --h-input-padding: calc(var(--spacing-02) - 1px) var(--spacing-02) calc(var(--spacing-02) - 1px) var(--spacing-03);
  -moz-appearance: textfield;
}
body .h-input[type=number]::-webkit-outer-spin-button, body .h-input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
body .h-input::-ms-expand {
  display: none;
}
body .h-input--sm,
body .h-input-group--sm {
  --h-input-group-text-padding: calc(var(--spacing-02) - 1px) var(--spacing-02);
  --h-input-padding: calc(var(--spacing-02) - 1px) var(--spacing-05) calc(var(--spacing-02) - 1px) var(--spacing-02);
  --h-input-font-size: 1.3rem;
  --h-input-line-height: calc(16/13);
  --h-input-height: 3.2rem;
}
body .h-input--xs,
body .h-input-group--xs {
  --h-input-group-text-padding: calc(var(--spacing-01) - 1px) var(--spacing-02);
  --h-input-padding: calc(var(--spacing-01) - 1px) var(--spacing-04) calc(var(--spacing-01) - 1px) var(--spacing-02);
  --h-input-font-size: 1.1rem;
  --h-input-line-height: calc(16/11);
  --h-input-height: 2.4rem;
}
body .h-input--lg,
body .h-input-group--lg {
  --h-input-group-text-padding: calc(var(--spacing-04) - 1px) var(--spacing-04);
  --h-input-padding: calc(var(--spacing-04) - 1px) var(--spacing-06) calc(var(--spacing-04) - 1px) var(--spacing-04);
  --h-input-font-size: 1.6rem;
  --h-input-line-height: calc(24/16);
  --h-input-height: 5.6rem;
}
body .h-input--block {
  display: block;
  width: 100%;
}
body .h-input--plaintext:read-only {
  --h-input-background-readonly: transparent;
  --h-input-color-readonly: var(--colors-grey-900);
  --h-input-border-color: transparent;
  --h-input-padding: var(--spacing-02) 0;
  --h-input-height: auto;
  --h-input-border-color-hover: transparent;
  --h-input-border-color-focus: transparent;
  --h-input-box-shadow-focus: none;
  appearance: none;
}
body .h-input--plaintext:read-only:focus-visible {
  box-shadow: 0 0 0 0.2rem var(--colors-secondary-300);
}
body .h-checkbox {
  margin: 0;
}
body .h-checkbox--sm {
  width: 1.2rem;
  height: 1.2rem;
}
body .h-radio {
  margin: 0;
}
body .h-radio-group {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
body .h-radio-group__item {
  position: relative;
  flex: 1;
  display: flex;
  gap: var(--spacing-02);
  align-items: center;
  padding: var(--spacing-03);
  border: 0.1rem solid transparent;
  border-radius: 0.4rem;
  background-color: var(--colors-grey-100);
  white-space: nowrap;
  transition: border-color 150ms ease-in, background-color 150ms ease-in, box-shadow 150ms ease-in;
}
body .h-radio-group__item:hover, body .h-radio-group__item:focus {
  border-color: var(--colors-grey-300);
}
body .h-radio-group__item:has(:checked) {
  background-color: var(--colors-grey-50);
  border-color: var(--colors-secondary-600);
  box-shadow: 0 0 0 0.2rem var(--colors-secondary-300);
}
body .h-radio-group__item .h-label {
  cursor: pointer;
}
body .h-radio-group__item .h-label::before {
  content: "";
  position: absolute;
  inset: 0;
}
body .h-radio-group--auto {
  width: max-content;
}
body .h-input-group {
  display: flex;
  align-items: stretch;
  font-size: var(--h-input-font-size);
  line-height: var(--h-input-line-height);
}
body .h-input-group > :not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
body .h-input-group > :not(:first-child) {
  margin-left: -0.1rem;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
body .h-input-group .h-input,
body .h-input-group .h-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
body .h-input-group__text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--h-input-group-text-padding);
  text-align: center;
  white-space: nowrap;
  background-color: var(--colors-grey-100);
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.4rem;
}
#card-field {
  padding: var(--h-input-padding) !important;
  height: var(--h-input-height) !important;
  border: 1px solid var(--h-input-border-color) !important;
  border-radius: var(--h-input-border-radius) !important;
  font-size: var(--h-input-font-size) !important;
  font-weight: normal;
  line-height: var(--h-input-line-height);
  text-decoration: none;
  background-color: var(--h-input-background);
  color: var(--h-input-color);
  transition: background-color 250ms ease, color 250ms ease-in, border-color 250ms ease-in;
  display: flex;
  align-items: center;
}
#card-field > * {
  flex: 1;
}
#card-field:hover {
  border-color: var(--h-input-border-color-hover) !important;
}
#card-field.focus {
  outline: none;
  border-color: var(--h-input-border-color-focus) !important;
  box-shadow: var(--h-input-box-shadow-focus) !important;
}
.h-prompt-field {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-02) var(--spacing-02) var(--spacing-02) var(--spacing-03);
  border: 1px solid var(--h-input-border-color) !important;
  border-radius: var(--h-input-border-radius) !important;
  font-size: var(--h-input-font-size) !important;
}
.h-prompt-field:focus-within {
  border-color: var(--h-input-border-color-focus) !important;
  box-shadow: var(--h-input-box-shadow-focus) !important;
}
.h-prompt-field .h-prompt-field__input {
  flex: 1;
  border: 0 !important;
  padding: 0 !important;
  height: 2.4rem;
  background-color: transparent;
  appearance: none;
  resize: none;
}
.h-prompt-field .h-prompt-field__input:focus, .h-prompt-field .h-prompt-field__input:hover, .h-prompt-field .h-prompt-field__input:focus-visible {
  border: 0 !important;
}
.h-prompt-field__icon {
  font-size: 1.4rem;
  color: var(--colors-grey-500);
}
:root {
  --h-textarea-padding: var(--spacing-03);
  --h-textarea-border-color: var(--h-input-border-color);
  --h-textarea-border-radius: var(--h-input-border-radius);
  --h-textarea-font-size: var(--h-input-font-size);
  --h-textarea-line-height: var(--h-input-line-height);
  --h-textarea-color: var(--h-input-color);
  --h-textarea-background: var(--h-input-background);
  --h-textarea-border-color-hover: var(--h-input-border-color-hover);
  --h-textarea-border-color-focus: var(--h-input-border-color-focus);
  --h-textarea-box-shadow-focus: var(--h-input-box-shadow-focus);
  --h-textarea-background-active: var(--h-input-background-active);
  --h-textarea-color-readonly: var(--h-input-color-readonly);
  --h-textarea-background-readonly: var(--h-input-background-readonly);
  --h-textarea-border-color-error: var(--h-input-border-color-error);
}
body .h-textarea {
  appearance: none;
  display: inline-block;
  max-width: 100%;
  padding: var(--h-textarea-padding) !important;
  border: 1px solid var(--h-textarea-border-color) !important;
  border-radius: var(--h-textarea-border-radius) !important;
  font-size: var(--h-textarea-font-size) !important;
  font-weight: normal;
  line-height: var(--h-textarea-line-height);
  text-decoration: none;
  background-color: var(--h-textarea-background);
  color: var(--h-textarea-color);
  transition: background-color 250ms ease, color 250ms ease-in, border-color 250ms ease-in;
}
body .h-textarea:hover {
  border-color: var(--h-textarea-border-color-hover) !important;
}
body .h-textarea:focus {
  outline: none;
  border-color: var(--h-textarea-border-color-focus) !important;
  box-shadow: var(--h-textarea-box-shadow-focus) !important;
}
body .h-textarea.active {
  background-color: var(--h-textarea-background-active);
}
body .h-textarea:read-only {
  color: var(--h-textarea-color-readonly);
  background-color: var(--h-textarea-background-readonly);
}
body .h-textarea.error {
  border-color: var(--h-textarea-border-color-error) !important;
}
body .h-textarea:disabled, body .h-textarea.disabled {
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
body .h-textarea--block {
  display: block;
  width: 100%;
}
.h-form-group {
  display: flex;
  gap: var(--spacing-02);
  line-height: 1.5;
  width: 100%;
  flex: 1;
}
.h-form-group__infos {
  flex: 1 1 0%;
}
.h-form-group__infos label:only-child {
  margin-bottom: 0;
}
.h-field {
  position: relative;
}
.h-field .h-input {
  padding-right: var(--spacing-08) !important;
}
.h-field__append {
  position: absolute;
  right: var(--spacing-02);
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.h-label {
  --h-label-color: var(--colors-grey-800);
  --h-label-font-size: 1.3rem;
  --h-label-line-height: calc(16/13);
  --h-label-margin: 0 0 var(--spacing-01) 0;
  display: inline-block;
  color: var(--h-label-color);
  font-size: var(--h-label-font-size);
  font-weight: 500;
  line-height: var(--h-label-line-height);
  margin: var(--h-label-margin);
  border-bottom: 0;
}
.h-label a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-400);
}
.h-label a:hover, .h-label a:focus {
  text-decoration-color: var(--colors-grey-600);
}
.h-label em {
  color: var(--colors-grey-600);
  font-weight: normal;
  font-style: normal;
}
.h-label--block {
  display: block;
  width: 100%;
}
.h-label--regular {
  font-weight: normal;
}
.h-label--sm {
  --h-label-font-size: 1.2rem;
  --h-label-line-height: calc(16/12);
}
.h-label--md {
  --h-label-font-size: 1.4rem;
  --h-label-line-height: calc(20/14);
}
.h-label--lg {
  --h-label-font-size: 1.5rem;
  --h-label-line-height: calc(20/15);
}
.h-hint {
  --h-hint-color: var(--colors-grey-600);
  --h-hint-font-size: 1.2rem;
  --h-hint-line-height: calc(16/12);
  display: block;
  color: var(--h-hint-color);
  font-size: var(--h-hint-font-size);
  line-height: var(--h-hint-line-height);
}
.h-hint a {
  color: currentColor;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-300);
  text-underline-offset: var(--spacing-01);
  border-bottom: 0;
}
.h-hint a:hover, .h-hint a:focus {
  color: var(--colors-grey-800);
  text-decoration-color: transparent;
}
.h-hint--error {
  --h-hint-color: var(--colors-danger-700);
}
.h-fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
.h-legend {
  --h-legend-color: var(--colors-grey-900);
  --h-legend-font-size: 1.4rem;
  --h-legend-line-height: calc(20/14);
  float: none;
  margin-bottom: var(--spacing-02);
  padding: 0;
  border-bottom: 0;
  color: var(--h-legend-color);
  font-size: var(--h-legend-font-size);
  font-weight: 500;
  line-height: var(--h-legend-line-height);
}
.h-legend em {
  color: var(--colors-grey-600);
  font-weight: normal;
  font-style: normal;
}
.h-legend--sm {
  --h-legend-font-size: 1.3rem;
}
.h-legend--md {
  --h-legend-font-size: 1.5rem;
}
.form-control {
  width: 100%;
}
.colors-picker {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-02);
}
.colors-picker__choice {
  width: 2rem;
  height: 2rem;
  appearance: none;
  border-radius: 50%;
}
.colors-picker__choice:checked {
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  outline: 0.1rem solid var(--colors-grey-600);
  outline-offset: 0.2rem;
}
.colors-picker__choice:checked::before {
  content: "\f00c";
}
/*
* Question circle
*/
.question-circle {
  display: inline-block;
  color: var(--colors-grey-600);
  font-size: 1.3rem;
  line-height: 1;
  height: 1em;
  transition: color 150ms ease-in-out;
}
.question-circle:hover {
  color: var(--color-grey-700);
}
.question-circle > .fa-question-circle {
  display: inline;
}
.h-popup {
  position: fixed;
  z-index: 50;
  bottom: var(--spacing-05);
  left: var(--spacing-05);
  padding: var(--spacing-06);
  background-color: white;
  max-width: 42rem;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--colors-grey-300);
  box-shadow: 0 0 0.4rem var(--colors-secondary-100), 0 0.4rem 1.6rem rgba(29, 38, 46, 0.12);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.h-popup__header {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: var(--spacing-02);
}
.h-popup__body {
  margin-bottom: var(--spacing-04);
}
.h-popup__footer {
  display: flex;
  justify-content: space-between;
}
.h-switch {
  --h-switch-width: 3.6rem;
  --h-switch-height: 2rem;
  --h-switch-translation: 2rem;
  --h-switch-thumb-margin: .4rem;
  --h-switch-background-checked: var(--colors-secondary-600);
  appearance: none;
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
  width: var(--h-switch-width);
  min-width: var(--h-switch-width);
  height: var(--h-switch-height);
  border-radius: calc(var(--h-switch-height) / 2);
  background-color: var(--colors-grey-400);
  cursor: pointer;
  transition: background-color 150ms ease-in;
}
.h-switch::before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: calc(var(--h-switch-height) - 2 * var(--h-switch-thumb-margin));
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  transform: translateX(var(--h-switch-thumb-margin));
  transition: transform 200ms ease-in-out;
}
.h-switch:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--colors-secondary-700);
}
.h-switch[type=checkbox]:focus {
  outline: none;
}
.h-switch:checked, .h-switch.is-checked {
  background-color: var(--h-switch-background-checked);
}
.h-switch:checked::before, .h-switch.is-checked::before {
  transform: translateX(var(--h-switch-translation));
}
.h-switch:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.h-switch--lg {
  --h-switch-width: 4.4rem;
  --h-switch-height: 2.4rem;
  --h-switch-translation: 2.4rem;
}
.h-switch--xs {
  --h-switch-width: 3rem;
  --h-switch-height: 1.6rem;
  --h-switch-translation: 1.6rem;
  --h-switch-thumb-margin: .2rem;
}
.h-switch-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.5rem;
  background-color: #fff;
}
.h-switch-container__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--colors-grey-700);
}
.h-switch-container:hover {
  background-color: var(--colors-grey-50);
}