/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./projects/client/src/styles.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --ds-white: #ffffff;
  --ds-black: #000000;
  --ds-transparent: transparent;
  --ds-gray-25: #fcfcfd;
  --ds-gray-50: #f9fafb;
  --ds-gray-100: #f2f4f7;
  --ds-gray-200: #e4e7ec;
  --ds-gray-300: #d0d5dd;
  --ds-gray-400: #98a2b3;
  --ds-gray-500: #667085;
  --ds-gray-600: #475467;
  --ds-gray-700: #344054;
  --ds-gray-800: #182230;
  --ds-gray-900: #101828;
  --ds-gray-950: #0c111d;
  --ds-error-25: #fffbfa;
  --ds-error-50: #fef3f2;
  --ds-error-100: #fee4e2;
  --ds-error-200: #fecdca;
  --ds-error-300: #fda29b;
  --ds-error-400: #f97066;
  --ds-error-500: #f04438;
  --ds-error-600: #d92d20;
  --ds-error-700: #b42318;
  --ds-error-800: #912018;
  --ds-error-900: #7a271a;
  --ds-error-950: #55160c;
  --ds-warning-25: #fffcf5;
  --ds-warning-50: #fffaeb;
  --ds-warning-100: #fef0c7;
  --ds-warning-200: #fedf89;
  --ds-warning-300: #fec84b;
  --ds-warning-400: #fdb022;
  --ds-warning-500: #f79009;
  --ds-warning-600: #dc6803;
  --ds-warning-700: #b54708;
  --ds-warning-800: #93370d;
  --ds-warning-900: #7a2e0e;
  --ds-warning-950: #4e1d09;
  --ds-success-25: #f6fef9;
  --ds-success-50: #ecfdf3;
  --ds-success-100: #dcfae6;
  --ds-success-200: #abefc6;
  --ds-success-300: #75e0a7;
  --ds-success-400: #47cd89;
  --ds-success-500: #17b26a;
  --ds-success-600: #079455;
  --ds-success-700: #067647;
  --ds-success-800: #085d3a;
  --ds-success-900: #074d31;
  --ds-success-950: #053321;
  --ds-gray-neutral-25: #fcfcfd;
  --ds-gray-neutral-50: #f9fafb;
  --ds-gray-neutral-100: #f3f4f6;
  --ds-gray-neutral-200: #e5e7eb;
  --ds-gray-neutral-300: #d2d6db;
  --ds-gray-neutral-400: #9da4ae;
  --ds-gray-neutral-500: #6c737f;
  --ds-gray-neutral-600: #4d5761;
  --ds-gray-neutral-700: #384250;
  --ds-gray-neutral-800: #1f2a37;
  --ds-gray-neutral-900: #111927;
  --ds-gray-neutral-950: #0d121c;
  --ds-gray-true-25: #fcfcfc;
  --ds-gray-true-50: #f7f7f7;
  --ds-gray-true-100: #f5f5f5;
  --ds-gray-true-200: #e5e5e5;
  --ds-gray-true-300: #d6d6d6;
  --ds-gray-true-400: #a3a3a3;
  --ds-gray-true-500: #737373;
  --ds-gray-true-600: #525252;
  --ds-gray-true-700: #424242;
  --ds-gray-true-800: #292929;
  --ds-gray-true-900: #141414;
  --ds-gray-true-950: #0f0f0f;
  --ds-gray-warm-25: #fdfdfc;
  --ds-gray-warm-50: #fafaf9;
  --ds-gray-warm-100: #f5f5f4;
  --ds-gray-warm-200: #e7e5e4;
  --ds-gray-warm-300: #d7d3d0;
  --ds-gray-warm-400: #a9a29d;
  --ds-gray-warm-500: #79716b;
  --ds-gray-warm-600: #57534e;
  --ds-gray-warm-700: #44403c;
  --ds-gray-warm-800: #292524;
  --ds-gray-warm-900: #1c1917;
  --ds-gray-warm-950: #171412;
  --ds-green-25: #f6fef9;
  --ds-green-50: #edfcf2;
  --ds-green-100: #d3f8df;
  --ds-green-200: #aaf0c4;
  --ds-green-300: #73e2a3;
  --ds-green-400: #3ccb7f;
  --ds-green-500: #16b364;
  --ds-green-600: #099250;
  --ds-green-700: #087443;
  --ds-green-800: #095c37;
  --ds-green-900: #084c2e;
  --ds-green-950: #052e1c;
  --ds-cyan-25: #f5feff;
  --ds-cyan-50: #ecfdff;
  --ds-cyan-100: #cff9fe;
  --ds-cyan-200: #a5f0fc;
  --ds-cyan-300: #67e3f9;
  --ds-cyan-400: #22ccee;
  --ds-cyan-500: #06aed4;
  --ds-cyan-600: #088ab2;
  --ds-cyan-700: #0e7090;
  --ds-cyan-800: #155b75;
  --ds-cyan-900: #164c63;
  --ds-cyan-950: #0d2d3a;
  --ds-blue-light-25: #f5fbff;
  --ds-blue-light-50: #f0f9ff;
  --ds-blue-light-100: #e0f2fe;
  --ds-blue-light-200: #b9e6fe;
  --ds-blue-light-300: #7cd4fd;
  --ds-blue-light-400: #36bffa;
  --ds-blue-light-500: #0ba5ec;
  --ds-blue-light-600: #0086c9;
  --ds-blue-light-700: #026aa2;
  --ds-blue-light-800: #065986;
  --ds-blue-light-900: #0b4a6f;
  --ds-blue-light-950: #062c41;
  --ds-orange-25: #fff7f4;
  --ds-orange-50: #fcefe9;
  --ds-orange-100: #f8e0d2;
  --ds-orange-200: #f1bfa8;
  --ds-orange-300: #e89b77;
  --ds-orange-400: #df7444;
  --ds-orange-500: #d65423;
  --ds-orange-600: #cd460f;
  --ds-orange-700: #b83f0e;
  --ds-orange-800: #a6390d;
  --ds-orange-900: #8d300b;
  --ds-orange-950: #6c2907;
  --ds-yellow-25: #fefdf0;
  --ds-yellow-50: #fefbe8;
  --ds-yellow-100: #fef7c3;
  --ds-yellow-200: #feee95;
  --ds-yellow-300: #fde272;
  --ds-yellow-400: #fac515;
  --ds-yellow-500: #eaaa08;
  --ds-yellow-600: #ca8504;
  --ds-yellow-700: #a15c07;
  --ds-yellow-800: #854a0e;
  --ds-yellow-900: #713b12;
  --ds-yellow-950: #542c0d;
  --ds-gray-blue-50: #f8f9fc;
  --ds-gray-blue-100: #eaecf5;
  --ds-gray-blue-200: #d5d9eb;
  --ds-gray-blue-300: #b3b8db;
  --ds-gray-blue-400: #717bbc;
  --ds-gray-blue-500: #4e5ba6;
  --ds-gray-blue-600: #3e4784;
  --ds-gray-blue-700: #363f72;
  --ds-gray-blue-800: #293056;
  --ds-gray-blue-900: #101323;
  --ds-gray-blue-950: #0d0f1c;
  --ds-blue-50: #eff8ff;
  --ds-blue-100: #d1e9ff;
  --ds-blue-200: #b2ddff;
  --ds-blue-300: #84caff;
  --ds-blue-400: #53b1fd;
  --ds-blue-500: #2e90fa;
  --ds-blue-600: #1570ef;
  --ds-blue-700: #175cd3;
  --ds-blue-800: #1849a9;
  --ds-blue-900: #194185;
  --ds-blue-950: #102a56;
  --ds-indigo-50: #eef4ff;
  --ds-indigo-100: #e0eaff;
  --ds-indigo-200: #c7d7fe;
  --ds-indigo-300: #a4bcfd;
  --ds-indigo-400: #8098f9;
  --ds-indigo-500: #6172f3;
  --ds-indigo-600: #444ce7;
  --ds-indigo-700: #3538cd;
  --ds-indigo-800: #2d31a6;
  --ds-indigo-900: #2d3282;
  --ds-indigo-950: #1f235b;
  --ds-purple-50: #f4f3ff;
  --ds-purple-100: #ebe9fe;
  --ds-purple-200: #d9d6fe;
  --ds-purple-300: #bdb4fe;
  --ds-purple-400: #9b8afb;
  --ds-purple-500: #7a5af8;
  --ds-purple-600: #6938ef;
  --ds-purple-700: #5925dc;
  --ds-purple-800: #4a1fb8;
  --ds-purple-900: #3e1c96;
  --ds-purple-950: #27115f;
  --ds-pink-50: #fdf2fa;
  --ds-pink-100: #fce7f6;
  --ds-pink-200: #fcceee;
  --ds-pink-300: #faa7e0;
  --ds-pink-400: #f670c7;
  --ds-pink-500: #ee46bc;
  --ds-pink-600: #dd2590;
  --ds-pink-700: #c11574;
  --ds-pink-800: #9e165f;
  --ds-pink-900: #851651;
  --ds-pink-950: #4e0d30;
}

:root {
  --ds-font-family-heading: "Inter", sans-serif;
  --ds-font-family-body-regular: "Inter", sans-serif;
  --ds-font-family-body-semibold: "Inter", sans-serif;
  --ds-font-family-body-light: "Inter", sans-serif;
  --ds-font-family-button: var(--ds-font-family-body-light);
  --ds-text-primary: #101828;
  --ds-text-primary-on-brand: #0d2d3a;
  --ds-text-secondary: #344054;
  --ds-text-secondary-hover: #182230;
  --ds-text-secondary-on-brand: #a5f0fc;
  --ds-text-tertiary: #475467;
  --ds-text-tertiary-hover: #344054;
  --ds-text-tertiary-on-brand: #a5f0fc;
  --ds-text-quaternary: #667085;
  --ds-text-quaternary-on-brand: #67e3f9;
  --ds-text-white: #ffffff;
  --ds-text-disabled: #667085;
  --ds-text-placeholder: #98a2b3;
  --ds-text-placeholder-subtle: #d0d5dd;
  --ds-text-brand-primary: #164c63;
  --ds-text-brand-secondary: #0e7090;
  --ds-text-brand-tertiary: #088ab2;
  --ds-text-brand-tertiary-alt: #088ab2;
  --ds-text-error-primary: #d92d20;
  --ds-text-warning-primary: #dc6803;
  --ds-text-success-primary: #079455;
  --ds-border-primary: #d0d5dd;
  --ds-border-secondary: #e4e7ec;
  --ds-border-tertiary: #f2f4f7;
  --ds-border-disabled: #d0d5dd;
  --ds-border-disabled-subtle: #e4e7ec;
  --ds-border-brand: #088ab2;
  --ds-border-brand-alt: #088ab2;
  --ds-border-error: #f04438;
  --ds-border-error-subtle: #fda29b;
  --ds-fg-primary: #101828;
  --ds-fg-secondary: #344054;
  --ds-fg-secondary-hover: #182230;
  --ds-fg-tertiary: #475467;
  --ds-fg-tertiary-hover: #344054;
  --ds-fg-quaternary: #667085;
  --ds-fg-quaternary-hover: #475467;
  --ds-fg-quinary: #98a2b3;
  --ds-fg-quinary-hover: #667085;
  --ds-fg-white: #ffffff;
  --ds-fg-disabled: #98a2b3;
  --ds-fg-disabled-subtle: #d0d5dd;
  --ds-fg-brand-primary: #088ab2;
  --ds-fg-brand-alt: #e75480;
  --ds-fg-brand-secondary: #06aed4;
  --ds-fg-error-primary: #d92d20;
  --ds-fg-error-secondary: #f04438;
  --ds-fg-warning-primary: #dc6803;
  --ds-fg-warning-secondary: #f79009;
  --ds-fg-success-primary: #079455;
  --ds-fg-success-secondary: #17b26a;
  --ds-bg-primary: #ffffff;
  --ds-bg-primary-alt: #fcfcfd;
  --ds-bg-primary-hover: #ecfdff;
  --ds-bg-primary-solid: #0c111d;
  --ds-bg-secondary: #f9fafb;
  --ds-bg-secondary-hover: #f2f4f7;
  --ds-bg-secondary-subtle: #fcfcfd;
  --ds-bg-active: #f2f4f7;
  --ds-bg-disabled: #f2f4f7;
  --ds-bg-disabled-subtle: #f9fafb;
  --ds-bg-overlay: #0c111d;
  --ds-bg-brand-solid: #088ab2;
  --ds-bg-brand-solid-hover: #155b75;
  --ds-bg-brand-section: #155b75;
  --ds-bg-brand-section-subtle: #0e7090;
  --ds-bg-error-primary: #fef3f2;
  --ds-bg-error-secondary: #fee4e2;
  --ds-bg-error-solid: #d92d20;
  --ds-bg-warning-primary: #fffaeb;
  --ds-bg-warning-secondary: #fef0c7;
  --ds-bg-warning-solid: #dc6803;
  --ds-bg-success-primary: #ecfdf3;
  --ds-bg-success-secondary: #dcfae6;
  --ds-bg-success-solid: #079455;
  --ds-bg-brand-secondary: #cff9fe;
  --ds-focus-ring: #06aed4;
  --ds-focus-ring-error: #f04438;
  --ds-shadow-xs: rgba(16, 24, 40, 0.05);
  --ds-shadow-sm-01: rgba(16, 24, 40, 0.1);
  --ds-shadow-sm-02: rgba(16, 24, 40, 0.06);
  --ds-shadow-md-01: rgba(16, 24, 40, 0.1);
  --ds-shadow-md-02: rgba(16, 24, 40, 0.06);
  --ds-shadow-lg-01: rgba(16, 24, 40, 0.08);
  --ds-shadow-lg-02: rgba(16, 24, 40, 0.03);
  --ds-shadow-xl-01: rgba(16, 24, 40, 0.08);
  --ds-shadow-xl-02: rgba(16, 24, 40, 0.03);
  --ds-shadow-2xl: rgba(16, 24, 40, 0.18);
  --ds-shadow-3xl: rgba(16, 24, 40, 0.14);
  --ds-shadow-skeumorphic-inner: rgba(16, 24, 40, 0.05);
  --ds-shadow-skeumorphic-inner-border: rgba(16, 24, 40, 0.18);
  --ds-alpha-white-10: rgba(255, 255, 255, 0.1);
  --ds-alpha-white-20: rgba(255, 255, 255, 0.2);
  --ds-alpha-white-30: rgba(255, 255, 255, 0.3);
  --ds-alpha-white-40: rgba(255, 255, 255, 0.4);
  --ds-alpha-white-50: rgba(255, 255, 255, 0.5);
  --ds-alpha-white-60: rgba(255, 255, 255, 0.6);
  --ds-alpha-white-70: rgba(255, 255, 255, 0.7);
  --ds-alpha-white-80: rgba(255, 255, 255, 0.8);
  --ds-alpha-white-90: rgba(255, 255, 255, 0.9);
  --ds-alpha-white-100: #ffffff;
  --ds-alpha-black-10: rgba(0, 0, 0, 0.1);
  --ds-alpha-black-20: rgba(0, 0, 0, 0.2);
  --ds-alpha-black-30: rgba(0, 0, 0, 0.3);
  --ds-alpha-black-40: rgba(0, 0, 0, 0.4);
  --ds-alpha-black-50: rgba(0, 0, 0, 0.5);
  --ds-alpha-black-60: rgba(0, 0, 0, 0.6);
  --ds-alpha-black-70: rgba(0, 0, 0, 0.7);
  --ds-alpha-black-80: rgba(0, 0, 0, 0.8);
  --ds-alpha-black-90: rgba(0, 0, 0, 0.9);
  --ds-alpha-black-100: #000000;
  --ds-utility-gray-50: #f9fafb;
  --ds-utility-gray-100: #f2f4f7;
  --ds-utility-gray-200: #e4e7ec;
  --ds-utility-gray-300: #d0d5dd;
  --ds-utility-gray-400: #98a2b3;
  --ds-utility-gray-500: #667085;
  --ds-utility-gray-600: #475467;
  --ds-utility-gray-700: #344054;
  --ds-utility-gray-800: #182230;
  --ds-utility-gray-900: #101828;
  --ds-utility-brand-50: #ecfdff;
  --ds-utility-brand-100: #cff9fe;
  --ds-utility-brand-200: #a5f0fc;
  --ds-utility-brand-300: #67e3f9;
  --ds-utility-brand-400: #22ccee;
  --ds-utility-brand-500: #06aed4;
  --ds-utility-brand-600: #088ab2;
  --ds-utility-brand-700: #0e7090;
  --ds-utility-brand-800: #155b75;
  --ds-utility-brand-900: #164c63;
  --ds-utility-brand-950: #0d2d3a;
  --ds-utility-error-50: #fef3f2;
  --ds-utility-error-100: #fee4e2;
  --ds-utility-error-200: #fecdca;
  --ds-utility-error-300: #fda29b;
  --ds-utility-error-400: #f97066;
  --ds-utility-error-500: #f04438;
  --ds-utility-error-600: #d92d20;
  --ds-utility-error-700: #b42318;
  --ds-utility-warning-50: #fffaeb;
  --ds-utility-warning-100: #fef0c7;
  --ds-utility-warning-200: #fedf89;
  --ds-utility-warning-300: #fec84b;
  --ds-utility-warning-400: #fdb022;
  --ds-utility-warning-500: #f79009;
  --ds-utility-warning-600: #dc6803;
  --ds-utility-warning-700: #b54708;
  --ds-utility-success-50: #ecfdf3;
  --ds-utility-success-100: #dcfae6;
  --ds-utility-success-200: #abefc6;
  --ds-utility-success-300: #75e0a7;
  --ds-utility-success-400: #47cd89;
  --ds-utility-success-500: #17b26a;
  --ds-utility-success-600: #079455;
  --ds-utility-success-700: #067647;
  --ds-utility-blue-light-50: #f0f9ff;
  --ds-utility-blue-light-100: #e0f2fe;
  --ds-utility-blue-light-200: #b9e6fe;
  --ds-utility-blue-light-300: #7cd4fd;
  --ds-utility-blue-light-400: #36bffa;
  --ds-utility-blue-light-500: #0ba5ec;
  --ds-utility-blue-light-600: #0086c9;
  --ds-utility-blue-light-700: #026aa2;
  --ds-utility-orange-50: #fef6ee;
  --ds-utility-orange-100: #fdead7;
  --ds-utility-orange-200: #f9dbaf;
  --ds-utility-orange-300: #f7b27a;
  --ds-utility-orange-400: #f38744;
  --ds-utility-orange-500: #ef6820;
  --ds-utility-orange-600: #e04f16;
  --ds-utility-orange-700: #b93815;
  --ds-utility-orange-800: #a6390d;
  --ds-utility-orange-900: #8d300b;
  --ds-utility-orange-950: #6c2907;
  --ds-utility-gray-blue-50: #f8f9fc;
  --ds-utility-gray-blue-100: #eaecf5;
  --ds-utility-gray-blue-200: #d5d9eb;
  --ds-utility-gray-blue-300: #b3b8db;
  --ds-utility-gray-blue-400: #717bbc;
  --ds-utility-gray-blue-500: #4e5ba6;
  --ds-utility-gray-blue-600: #3e4784;
  --ds-utility-gray-blue-700: #363f72;
  --ds-utility-blue-50: #eff8ff;
  --ds-utility-blue-100: #d1e9ff;
  --ds-utility-blue-200: #b2ddff;
  --ds-utility-blue-300: #84caff;
  --ds-utility-blue-400: #53b1fd;
  --ds-utility-blue-500: #2e90fa;
  --ds-utility-blue-600: #1570ef;
  --ds-utility-blue-700: #175cd3;
  --ds-utility-indigo-50: #eef4ff;
  --ds-utility-indigo-100: #e0eaff;
  --ds-utility-indigo-200: #c7d7fe;
  --ds-utility-indigo-300: #a4bcfd;
  --ds-utility-indigo-400: #8098f9;
  --ds-utility-indigo-500: #6172f3;
  --ds-utility-indigo-600: #8098f9;
  --ds-utility-indigo-700: #3538cd;
  --ds-utility-purple-50: #f4f3ff;
  --ds-utility-purple-100: #ebe9fe;
  --ds-utility-purple-200: #d9d6fe;
  --ds-utility-purple-300: #bdb4fe;
  --ds-utility-purple-400: #9b8afb;
  --ds-utility-purple-500: #7a5af8;
  --ds-utility-purple-600: #6938ef;
  --ds-utility-purple-700: #5925dc;
  --ds-utility-pink-50: #fdf2fa;
  --ds-utility-pink-100: #fce7f6;
  --ds-utility-pink-200: #fcceee;
  --ds-utility-pink-300: #faa7e0;
  --ds-utility-pink-400: #f670c7;
  --ds-utility-pink-500: #ee46bc;
  --ds-utility-pink-600: #dd2590;
  --ds-utility-pink-700: #c11574;
  --ds-nav-item-button-icon-fg: #667085;
  --ds-nav-item-button-icon-fg-active: #344054;
  --ds-nav-item-icon-fg: #667085;
  --ds-nav-item-icon-fg-active: #088ab2;
  --ds-avatar-bg: #f2f4f7;
  --ds-avatar-profile-photo-border: #ffffff;
  --ds-avatar-contrast-border: rgba(0, 0, 0, 0.08);
  --ds-avatar-styles-bg-neutral: #e0e0e0;
  --ds-breadcrumb-fg: #475467;
  --ds-breadcrumb-fg-hover: #344054;
  --ds-breadcrumb-bg-hover: #f9fafb;
  --ds-breadcrumb-brand-fg-hover: #0e7090;
  --ds-breadcrumb-brand-bg-hover: #ecfdff;
  --ds-breadcrumb-icon-fg: #667085;
  --ds-breadcrumb-icon-fg-hover: #344054;
  --ds-breadcrumb-brand-icon-fg-hover: #0e7090;
  --ds-button-primary-fg: #ffffff;
  --ds-button-primary-fg-hover: #ffffff;
  --ds-button-primary-bg: #088ab2;
  --ds-button-primary-bg-hover: #155b75;
  --ds-button-secondary-fg: #344054;
  --ds-button-secondary-fg-hover: #182230;
  --ds-button-secondary-bg: #ffffff;
  --ds-button-secondary-bg-hover: #f9fafb;
  --ds-button-secondary-border: #d0d5dd;
  --ds-button-secondary-border-hover: #d0d5dd;
  --ds-button-secondary-color-fg: #0e7090;
  --ds-button-secondary-color-fg-hover: #155b75;
  --ds-button-secondary-color-bg: #ffffff;
  --ds-button-secondary-color-bg-hover: #ecfdff;
  --ds-button-secondary-color-border: #67e3f9;
  --ds-button-secondary-color-border-hover: #67e3f9;
  --ds-button-tertiary-fg: #475467;
  --ds-button-tertiary-fg-hover: #344054;
  --ds-button-tertiary-bg-hover: #f9fafb;
  --ds-button-tertiary-color-fg: #088ab2;
  --ds-button-tertiary-color-fg-hover: #155b75;
  --ds-button-tertiary-color-bg-hover: #ecfdff;
  --ds-button-primary-error-fg: #ffffff;
  --ds-button-primary-error-fg-hover: #ffffff;
  --ds-button-primary-error-bg: #d92d20;
  --ds-button-primary-error-bg-hover: #b42318;
  --ds-button-secondary-error-fg: #b42318;
  --ds-button-secondary-error-fg-hover: #912018;
  --ds-button-secondary-error-bg: #ffffff;
  --ds-button-secondary-error-bg-hover: #fef3f2;
  --ds-button-secondary-error-border: #fda29b;
  --ds-button-secondary-error-border-hover: #fda29b;
  --ds-button-tertiary-error-fg: #b42318;
  --ds-button-tertiary-error-fg-hover: #912018;
  --ds-button-tertiary-error-bg-hover: #fef3f2;
  --ds-footer-button-fg: #a5f0fc;
  --ds-footer-button-fg-hover: #ffffff;
  --ds-footer-badge-fg: #067647;
  --ds-footer-badge-border: #abefc6;
  --ds-header-abstract-50-bg: #ecfdff;
  --ds-header-abstract-100-bg: #cff9fe;
  --ds-header-abstract-200-bg: #a5f0fc;
  --ds-header-abstract-300-bg: #67e3f9;
  --ds-icon-fg-brand: #088ab2;
  --ds-icon-fg-brand-on-brand: #a5f0fc;
  --ds-featured-icon-light-fg-green: #164c63;
  --ds-featured-icon-light-fg-gray: #667085;
  --ds-featured-icon-light-fg-error: #d92d20;
  --ds-featured-icon-light-fg-warning: #dc6803;
  --ds-featured-icon-light-fg-success: #079455;
  --ds-featured-icon-dark-fg-brand: #ffffff;
  --ds-featured-icon-dark-fg-gray: #ffffff;
  --ds-featured-icon-dark-fg-error: #ffffff;
  --ds-featured-icon-dark-fg-warning: #ffffff;
  --ds-featured-icon-dark-fg-success: #ffffff;
  --ds-featured-icon-modern-border: #e4e7ec;
  --ds-wysiwyg-editor-icon-fg: #98a2b3;
  --ds-wysiwyg-editor-icon-fg-active: #667085;
  --ds-thumbnail-badge-brand-fg: #0e7090;
  --ds-thumbnail-badge-success-fg: #067647;
  --ds-tooltip-supporting-text: #d0d5dd;
  --ds-toggle-button-fg-disabled: #f9fafb;
  --ds-slider-handle-bg: #ffffff;
  --ds-slider-handle-border: #088ab2;
}

[data-brand=heron] {
  --ds-font-family-heading: "Thermal", sans-serif;
  --ds-font-family-body-regular: "p22-underground-regular", sans-serif;
  --ds-font-family-body-semibold: "p22-underground-semibold", sans-serif;
  --ds-font-family-body-light: "p22-underground-light", sans-serif;
  --ds-text-primary: #141414;
  --ds-text-primary-on-brand: #212b08;
  --ds-text-secondary: #44403c;
  --ds-text-secondary-hover: #292524;
  --ds-text-secondary-on-brand: #f1bfa8;
  --ds-text-tertiary: #57534e;
  --ds-text-tertiary-hover: #000000;
  --ds-text-tertiary-on-brand: #f1bfa8;
  --ds-text-quaternary: #79716b;
  --ds-text-quaternary-on-brand: #e89b77;
  --ds-text-disabled: #a3a3a3;
  --ds-text-placeholder: #737373;
  --ds-text-placeholder-subtle: #a9a29d;
  --ds-text-brand-primary: #8d300b;
  --ds-text-brand-secondary: #b83f0e;
  --ds-text-brand-tertiary: #cd460f;
  --ds-text-brand-tertiary-alt: #cd460f;
  --ds-border-brand: #cd460f;
  --ds-border-brand-alt: #cd460f;
  --ds-fg-primary: #171412;
  --ds-fg-secondary: #292524;
  --ds-fg-secondary-hover: #44403c;
  --ds-fg-tertiary: #57534e;
  --ds-fg-tertiary-hover: #44403c;
  --ds-fg-quaternary: #79716b;
  --ds-fg-quaternary-hover: #57534e;
  --ds-fg-brand-primary: #cd460f;
  --ds-fg-brand-alt: #586626;
  --ds-fg-brand-secondary: #d65423;
  --ds-bg-primary-alt: #faf9f5;
  --ds-bg-primary-hover: #f0f2e7;
  --ds-bg-primary-solid: #f0f2e7;
  --ds-bg-secondary: #f6f4eb;
  --ds-bg-secondary-hover: #f6f4eb;
  --ds-bg-active: #faf9f5;
  --ds-bg-disabled: #e7e5e4;
  --ds-bg-overlay: rgba(0, 0, 0, 0.4);
  --ds-bg-brand-solid: #cd460f;
  --ds-bg-brand-solid-hover: #b83f0e;
  --ds-bg-brand-section: #a6390d;
  --ds-bg-brand-section-subtle: #b83f0e;
  --ds-bg-brand-secondary: #f8e0d2;
  --ds-focus-ring: #d65423;
  --ds-utility-brand-50: #fcefe9;
  --ds-utility-brand-100: #f8e0d2;
  --ds-utility-brand-200: #f1bfa8;
  --ds-utility-brand-300: #e89b77;
  --ds-utility-brand-400: #df7444;
  --ds-utility-brand-500: #d65423;
  --ds-utility-brand-600: #cd460f;
  --ds-utility-brand-700: #b83f0e;
  --ds-utility-brand-800: #a6390d;
  --ds-utility-brand-900: #8d300b;
  --ds-utility-brand-950: #6c2907;
  --ds-utility-orange-50: #fcefe9;
  --ds-utility-orange-100: #f8e0d2;
  --ds-utility-orange-200: #f1bfa8;
  --ds-utility-orange-300: #e89b77;
  --ds-utility-orange-400: #df7444;
  --ds-utility-orange-500: #d65423;
  --ds-utility-orange-600: #cd460f;
  --ds-utility-orange-700: #b83f0e;
  --ds-utility-indigo-600: #444ce7;
  --ds-nav-item-button-icon-fg: #2e3a0f;
  --ds-nav-item-button-icon-fg-active: #4a5d1c;
  --ds-nav-item-icon-fg: #44403c;
  --ds-nav-item-icon-fg-active: #4a5d1c;
  --ds-avatar-bg: #e9ecdc;
  --ds-breadcrumb-fg: #57534e;
  --ds-breadcrumb-fg-hover: #44403c;
  --ds-breadcrumb-bg-hover: #faf9f5;
  --ds-breadcrumb-brand-fg-hover: #b83f0e;
  --ds-breadcrumb-brand-bg-hover: #fcefe9;
  --ds-breadcrumb-icon-fg: #79716b;
  --ds-breadcrumb-icon-fg-hover: #44403c;
  --ds-breadcrumb-brand-icon-fg-hover: #b83f0e;
  --ds-button-primary-bg: #cd460f;
  --ds-button-primary-bg-hover: #a6390d;
  --ds-button-secondary-fg: #44403c;
  --ds-button-secondary-fg-hover: #292524;
  --ds-button-secondary-bg: #fafaf9;
  --ds-button-secondary-bg-hover: #f5f5f4;
  --ds-button-secondary-border: #d7d3d0;
  --ds-button-secondary-border-hover: #d7d3d0;
  --ds-button-secondary-color-fg: #b83f0e;
  --ds-button-secondary-color-fg-hover: #a6390d;
  --ds-button-secondary-color-bg-hover: #fcefe9;
  --ds-button-secondary-color-border: #e89b77;
  --ds-button-secondary-color-border-hover: #e89b77;
  --ds-button-tertiary-fg: #57534e;
  --ds-button-tertiary-fg-hover: #44403c;
  --ds-button-tertiary-bg-hover: #f0f2e7;
  --ds-button-tertiary-color-fg: #b83f0e;
  --ds-button-tertiary-color-fg-hover: #a6390d;
  --ds-button-tertiary-color-bg-hover: #fcefe9;
  --ds-footer-button-fg: #f1bfa8;
  --ds-header-abstract-50-bg: #fcefe9;
  --ds-header-abstract-100-bg: #f8e0d2;
  --ds-header-abstract-200-bg: #f1bfa8;
  --ds-header-abstract-300-bg: #e89b77;
  --ds-icon-fg-brand: #cd460f;
  --ds-icon-fg-brand-on-brand: #f1bfa8;
  --ds-featured-icon-light-fg-green: #2e3a0f;
  --ds-wysiwyg-editor-icon-fg: #79716b;
  --ds-wysiwyg-editor-icon-fg-active: #44403c;
  --ds-thumbnail-badge-brand-fg: #b83f0e;
  --ds-slider-handle-border: #cd460f;
}

[data-brand=mab] {
  --ds-font-family-heading: "Poppins", sans-serif;
  --ds-font-family-button: "Poppins", sans-serif;
  --ds-text-primary: #010b13;
  --ds-text-primary-on-brand: #242f3a;
  --ds-text-secondary-on-brand: #242f3a;
  --ds-text-tertiary-hover: #010b13;
  --ds-text-tertiary-on-brand: #242f3a;
  --ds-text-quaternary: #98a2b3;
  --ds-text-quaternary-on-brand: #242f3a;
  --ds-text-disabled: #a3a3a3;
  --ds-text-placeholder: #737373;
  --ds-text-brand-primary: #242f3a;
  --ds-text-brand-secondary: #242f3a;
  --ds-text-brand-tertiary: #242f3a;
  --ds-text-brand-tertiary-alt: #6f7d89;
  --ds-text-error-primary: #a42e36;
  --ds-border-primary: #667085;
  --ds-border-brand: #e75480;
  --ds-border-brand-alt: #242f3a;
  --ds-fg-brand-primary: #45b97c;
  --ds-fg-brand-secondary: #242f3a;
  --ds-fg-error-primary: #d73c47;
  --ds-fg-error-secondary: #fd4653;
  --ds-bg-primary-alt: #f4f5f4;
  --ds-bg-primary-hover: #f2f8f3;
  --ds-bg-primary-solid: #f6f7f8;
  --ds-bg-secondary: #f8fcf9;
  --ds-bg-secondary-hover: #f8fcf9;
  --ds-bg-active: #f4f5f4;
  --ds-bg-disabled: #e4e7ec;
  --ds-bg-overlay: rgba(0, 0, 0, 0.4);
  --ds-bg-brand-solid: #242f3a;
  --ds-bg-brand-solid-hover: #1a232c;
  --ds-bg-brand-section: #a6390d;
  --ds-bg-brand-section-subtle: #45b97c;
  --ds-bg-brand-secondary: #f8e0d2;
  --ds-focus-ring: #e75480;
  --ds-utility-brand-50: #f8fcf9;
  --ds-utility-brand-100: #f2f8f3;
  --ds-utility-brand-200: #ffffff;
  --ds-utility-brand-300: #b5e3cb;
  --ds-utility-brand-400: #8fd5b0;
  --ds-utility-brand-500: #45b97c;
  --ds-utility-brand-600: #45b97c;
  --ds-utility-brand-700: #379463;
  --ds-utility-brand-800: #296f4a;
  --ds-utility-brand-900: #1c4a32;
  --ds-utility-brand-950: #0e2519;
  --ds-utility-indigo-600: #444ce7;
  --ds-nav-item-button-icon-fg: #242f3a;
  --ds-nav-item-button-icon-fg-active: #242f3a;
  --ds-nav-item-icon-fg: #344054;
  --ds-nav-item-icon-fg-active: #e75480;
  --ds-avatar-bg: #f2f8f3;
  --ds-breadcrumb-bg-hover: #f2f8f3;
  --ds-breadcrumb-brand-fg-hover: #242f3a;
  --ds-breadcrumb-brand-bg-hover: #f2f8f3;
  --ds-breadcrumb-brand-icon-fg-hover: #e75480;
  --ds-button-primary-fg: #242f3a;
  --ds-button-primary-fg-hover: #242f3a;
  --ds-button-primary-bg: #6DD098;
  --ds-button-primary-bg-hover: #45B97C;
  --ds-button-secondary-fg: #242f3a;
  --ds-button-secondary-fg-hover: #242f3a;
  --ds-button-secondary-bg: #f9fafb;
  --ds-button-secondary-bg-hover: #f2f4f7;
  --ds-button-secondary-color-fg: #006038;
  --ds-button-secondary-color-fg-hover: #004225;
  --ds-button-secondary-color-bg: #fff;
  --ds-button-secondary-color-bg-hover: #F2F8F3;
  --ds-button-secondary-color-border: #ADEEC6;
  --ds-button-secondary-color-border-hover: #ADEEC6;
  --ds-button-tertiary-bg-hover: #f0f2e7;
  --ds-button-tertiary-color-fg: #242f3a;
  --ds-button-tertiary-color-fg-hover: #242f3a;
  --ds-button-tertiary-color-bg-hover: #fcefe9;
  --ds-button-secondary-error-fg: #a42e36;
  --ds-footer-button-fg: #f2f8f3;
  --ds-header-abstract-50-bg: #fcefe9;
  --ds-header-abstract-100-bg: #f8e0d2;
  --ds-header-abstract-200-bg: #f1bfa8;
  --ds-header-abstract-300-bg: #e89b77;
  --ds-icon-fg-brand: #e75480;
  --ds-icon-fg-brand-on-brand: #f2f8f3;
  --ds-featured-icon-light-fg-green: #0d1216;
  --ds-wysiwyg-editor-icon-fg: #667085;
  --ds-wysiwyg-editor-icon-fg-active: #344054;
  --ds-thumbnail-badge-brand-fg: #242f3a;
  --ds-slider-handle-border: #242f3a;
}

[data-brand=citrus] {
  --ds-text-primary-on-brand: #19230a;
  --ds-text-secondary-on-brand: #dee8ae;
  --ds-text-tertiary-on-brand: #dee8ae;
  --ds-text-quaternary-on-brand: #cadb7b;
  --ds-text-placeholder: #737373;
  --ds-text-brand-primary: #304014;
  --ds-text-brand-secondary: #607a24;
  --ds-text-brand-tertiary: #7e9e2f;
  --ds-text-brand-tertiary-alt: #7e9e2f;
  --ds-border-brand: #9fc53b;
  --ds-border-brand-alt: #242f3a;
  --ds-fg-brand-primary: #7e9e2f;
  --ds-fg-brand-secondary: #9fc53b;
  --ds-bg-primary-hover: #f6f9ea;
  --ds-bg-primary-solid: #f6f9ea;
  --ds-bg-active: #f9fafb;
  --ds-bg-brand-solid: #7e9e2f;
  --ds-bg-brand-solid-hover: #607a24;
  --ds-bg-brand-section: #465b1b;
  --ds-bg-brand-section-subtle: #607a24;
  --ds-focus-ring: #9fc53b;
  --ds-utility-brand-50: #f6f9ea;
  --ds-utility-brand-100: #edf3d3;
  --ds-utility-brand-200: #dee8ae;
  --ds-utility-brand-300: #cadb7b;
  --ds-utility-brand-400: #b5d055;
  --ds-utility-brand-500: #9fc53b;
  --ds-utility-brand-600: #7e9e2f;
  --ds-utility-brand-700: #607a24;
  --ds-utility-brand-800: #465b1b;
  --ds-utility-brand-900: #304014;
  --ds-utility-brand-950: #19230a;
  --ds-utility-orange-50: #fcefe9;
  --ds-utility-orange-100: #f8e0d2;
  --ds-utility-orange-200: #f1bfa8;
  --ds-utility-orange-300: #e89b77;
  --ds-utility-orange-400: #df7444;
  --ds-utility-orange-500: #d65423;
  --ds-utility-orange-600: #cd460f;
  --ds-utility-orange-700: #b83f0e;
  --ds-nav-item-button-icon-fg: #19230a;
  --ds-nav-item-icon-fg-active: #607a24;
  --ds-breadcrumb-brand-fg-hover: #607a24;
  --ds-breadcrumb-brand-icon-fg-hover: #607a24;
  --ds-button-primary-bg: #7e9e2f;
  --ds-button-primary-bg-hover: #465b1b;
  --ds-button-secondary-color-fg: #607a24;
  --ds-button-secondary-color-fg-hover: #465b1b;
  --ds-button-secondary-color-bg-hover: #f6f9ea;
  --ds-button-secondary-color-border: #cadb7b;
  --ds-button-secondary-color-border-hover: #cadb7b;
  --ds-button-tertiary-color-fg: #607a24;
  --ds-button-tertiary-color-fg-hover: #465b1b;
  --ds-button-tertiary-color-bg-hover: #f6f9ea;
  --ds-header-abstract-50-bg: #f6f9ea;
  --ds-header-abstract-100-bg: #edf3d3;
  --ds-header-abstract-200-bg: #dee8ae;
  --ds-header-abstract-300-bg: #cadb7b;
  --ds-icon-fg-brand: #7e9e2f;
  --ds-icon-fg-brand-on-brand: #dee8ae;
  --ds-featured-icon-light-fg-green: #304014;
  --ds-thumbnail-badge-brand-fg: #607a24;
  --ds-slider-handle-border: #7e9e2f;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('MaterialIcons-Regular.a973ee76274035a2.eot'); /* For IE6-8 */
  src: local("☺"), url('MaterialIcons-Regular.d1b99623aaa86364.woff2') format("woff2"), url('MaterialIcons-Regular.14b0bb77466d9f38.woff') format("woff"), url('MaterialIcons-Regular.fa58bcb97f2ed321.ttf') format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  /* Respect document layout direction */
  direction: inherit;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}

@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}

@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}

@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}

@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}

@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}

@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
* {
  box-sizing: border-box;
}

body {
  -webkit-overflow-scrolling: touch;
}

body,
button {
  font-family: var(--ds-font-family-body-regular);
  margin: 0;
}

body a {
  text-decoration: none;
}

html,
body {
  height: 100%;
  overflow-y: auto;
}

input {
  margin: 0;
}

body,
button {
  margin: 0;
  font-family: var(--ds-font-family-body-regular);
}

img {
  vertical-align: bottom;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
  font-family: var(--ds-font-family-heading);
}

h1 {
  font-size: 2.25rem;
  color: var(--ds-utility-gray-700);
  margin: 0;
}

p,
span,
input,
textbox,
.textarea,
textarea,
a {
  font-family: var(--ds-font-family-body-light);
}

@keyframes spinner-circular-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}

@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}

@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}

@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}

@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}

@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}

@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
/* Responsive Mixins */
button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem !important;
  transition-duration: 400ms;
  transition-property: background-color;
  font-family: var(--ds-font-family-button) !important;
  cursor: pointer;
  font-weight: 600;
}
button span,
button .content {
  margin-top: 0.125rem;
}
button.icon-only {
  min-width: 0;
}
button.sm-icon-only {
  min-width: 0;
  padding: 4px;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  button {
    min-height: 44px;
  }
}
button:hover {
  cursor: pointer;
}
button.btn-sm {
  min-width: 77px;
  height: 2.25rem;
  padding: 0.5rem 0.75rem;
  gap: 0.25rem;
  border-width: 1px;
  font-size: 0.875rem;
}
button.btn-sm i {
  font-size: 0.875rem;
}
button.btn-md {
  min-width: 77px;
  height: 2.5rem;
  padding: 0.625rem 0.875rem;
  gap: 0.25rem;
  border-width: 1px;
  font-size: 0.875rem;
}
button.btn-md i {
  font-size: 0.875rem;
}
button.btn-lrg {
  min-width: 77px;
  height: 2.75rem;
  padding: 0.5rem 1.25rem;
  gap: 0.5rem;
  border-width: 2px !important;
  font-size: 1rem;
}
button.btn-lrg i {
  font-size: 1rem;
}
button.button-red {
  border-color: var(--ds-utility-error-400);
  border-style: solid;
  background-color: var(--ds-bg-error-solid);
  color: var(--ds-text-white);
}
button.button-red:hover {
  background-color: var(--ds-utility-error-500);
  border-color: var(--ds-utility-error-400);
}
button.button-red:active {
  background-color: var(--ds-utility-error-700);
}
button.button-red:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring-error);
}
button.button-primary {
  background-color: var(--ds-button-primary-bg);
  color: var(--ds-button-primary-fg);
  border: 2px solid rgba(255, 255, 255, 0.12);
}
button.button-primary:hover {
  background-color: var(--ds-button-primary-bg-hover);
}
button.button-primary:active {
  background-color: var(--ds-bg-brand-solid-hover);
}
button.button-primary:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring-error);
}
button.button-secondary {
  border-color: var(--ds-button-secondary-color-border);
  border-style: solid;
  background-color: var(--ds-button-secondary-color-bg);
  color: var(--ds-button-secondary-color-fg);
}
button.button-secondary:hover {
  border-color: var(--ds-button-secondary-color-border-hover);
  color: var(--ds-button-secondary-color-fg-hover);
  background-color: var(--ds-button-secondary-color-bg-hover);
}
button.button-secondary:active {
  border-color: var(--ds-border-brand);
  color: var(--ds-fg-brand-primary);
  background-color: var(--ds-bg-brand-secondary);
}
button.button-secondary:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring-error);
}
button.button-tertiary {
  border-color: var(--ds-utility-gray-300);
  border-style: solid;
  background-color: var(--ds-utility-gray-100);
  color: var(--ds-utility-gray-700);
}
button.button-tertiary:hover {
  background-color: var(--ds-bg-primary);
}
button.button-tertiary:active {
  border-color: var(--ds-utility-gray-300);
  background-color: var(--ds-utility-gray-200);
}
button.button-tertiary:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring);
}
button.button-green {
  background-color: var(--ds-bg-brand-section);
  color: var(--ds-text-white);
  border: none;
}
button.button-green:hover {
  background-color: var(--ds-bg-brand-solid-hover);
}
button.button-green:active {
  background-color: var(--ds-utility-brand-900);
}
button.button-green:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring-error);
}
button.button-grey {
  background-color: var(--ds-gray-warm-50);
  color: var(--ds-gray-warm-700);
  border: 1px solid var(--ds-gray-warm-300);
}
button.button-grey:hover {
  background-color: var(--ds-gray-warm-200);
}
button.button-grey:active {
  background-color: var(--ds-gray-warm-100);
  border-color: var(--ds-gray-warm-400);
}
button.button-grey:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring);
}
button[disabled], buttondisabled, button.disabled, button.button--disabled {
  cursor: not-allowed;
  pointer-events: none;
  background-color: var(--ds-utility-gray-200);
  color: var(--ds-utility-gray-400);
  border: none;
}

.btn-circle {
  display: flex;
  width: 44px;
  height: 44px;
  padding: 0.5rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 100%;
  background-color: var(--ds-button-primary-bg);
  color: var(--ds-button-primary-fg);
  cursor: pointer;
}
.btn-circle:hover {
  background-color: var(--ds-button-primary-bg-hover);
}
.btn-circle:active {
  background-color: var(--ds-bg-brand-solid-hover);
}
.btn-circle:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring-error);
}

.square-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: none;
  border-radius: 0.5rem;
  padding: 0.625rem;
  cursor: pointer;
  transition-duration: 400ms;
  transition-property: background-color;
}
.square-btn.btn-clear {
  background-color: transparent;
  color: var(--ds-utility-gray-700);
}
.square-btn.btn-clear:hover {
  background: var(--ds-bg-primary-hover);
}
.square-btn.btn-clear:active {
  background: rgba(22, 50, 74, 0.24);
}
.square-btn.btn-clear:focus-visible {
  background: rgba(22, 50, 74, 0.24);
}
.square-btn.btn-red {
  border-color: var(--ds-utility-error-400);
  border-style: solid;
  background-color: var(--ds-bg-error-solid);
  color: var(--ds-text-white);
}
.square-btn.btn-red:hover {
  background-color: var(--ds-utility-error-500);
  border-color: var(--ds-utility-error-400);
}
.square-btn.btn-red:active {
  background-color: var(--ds-utility-error-700);
}
.square-btn.btn-red:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring-error);
}
.square-btn.btn-primary {
  background-color: var(--ds-button-primary-bg);
  color: var(--ds-button-primary-fg);
  border: 2px solid rgba(255, 255, 255, 0.12);
}
.square-btn.btn-primary:hover {
  background-color: var(--ds-button-primary-bg-hover);
}
.square-btn.btn-primary:active {
  background-color: var(--ds-bg-brand-solid-hover);
}
.square-btn.btn-primary:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring-error);
}
.square-btn.btn-secondary {
  border-color: var(--ds-button-secondary-color-border);
  border-style: solid;
  background-color: var(--ds-button-secondary-color-bg);
  color: var(--ds-button-secondary-color-fg);
}
.square-btn.btn-secondary:hover {
  border-color: var(--ds-button-secondary-color-border-hover);
  color: var(--ds-button-secondary-color-fg-hover);
  background-color: var(--ds-button-secondary-color-bg-hover);
}
.square-btn.btn-secondary:active {
  border-color: var(--ds-border-brand);
  color: var(--ds-fg-brand-primary);
  background-color: var(--ds-bg-brand-secondary);
}
.square-btn.btn-secondary:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring-error);
}
.square-btn.btn-tertiary {
  border-color: var(--ds-utility-gray-300);
  border-style: solid;
  background-color: var(--ds-utility-gray-100);
  color: var(--ds-utility-gray-700);
}
.square-btn.btn-tertiary:hover {
  background-color: var(--ds-bg-primary);
}
.square-btn.btn-tertiary:active {
  border-color: var(--ds-utility-gray-300);
  background-color: var(--ds-utility-gray-200);
}
.square-btn.btn-tertiary:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring);
}
.square-btn.btn-green {
  background-color: var(--ds-bg-brand-section);
  color: var(--ds-text-white);
  border: none;
}
.square-btn.btn-green:hover {
  background-color: var(--ds-bg-brand-solid-hover);
}
.square-btn.btn-green:active {
  background-color: var(--ds-utility-brand-900);
}
.square-btn.btn-green:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring-error);
}
.square-btn.btn-grey {
  background-color: var(--ds-gray-warm-50);
  color: var(--ds-gray-warm-700);
  border: 1px solid var(--ds-gray-warm-300);
}
.square-btn.btn-grey:hover {
  background-color: var(--ds-gray-warm-200);
}
.square-btn.btn-grey:active {
  background-color: var(--ds-gray-warm-100);
  border-color: var(--ds-gray-warm-400);
}
.square-btn.btn-grey:focus-visible {
  border-color: var(--ds-alpha-white-100);
  outline: 3px solid var(--ds-focus-ring);
}

.btn-clear {
  background-color: transparent;
  color: var(--ds-utility-gray-700);
}
.btn-clear:hover {
  background: var(--ds-bg-primary-hover);
}
.btn-clear:active {
  background: rgba(22, 50, 74, 0.24);
}
.btn-clear:focus-visible {
  background: rgba(22, 50, 74, 0.24);
}

/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}

@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}

@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}

@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}

@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}

@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}

@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
/* Responsive Mixins */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}

@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}

@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}

@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}

@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}

@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}

@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
.sr-page {
  display: block;
  padding: 24px 16px;
}
@media (min-width: 936px) {
  .sr-page {
    max-width: 688px;
    padding: 32px 56px;
  }
}
.sr-page hfc-step-progress-bar {
  margin-bottom: 18px;
}
@media (min-width: 936px) {
  .sr-page hfc-step-progress-bar {
    margin-bottom: 40px;
  }
}

.sr-page-heading {
  font-size: 20px;
  color: var(--ds-text-brand-secondary);
  margin-bottom: 24px;
}
@media (min-width: 936px) {
  .sr-page-heading {
    margin-bottom: 32px;
    font-size: 24px;
  }
}
.sr-page-heading .sr-page-subheading {
  color: var(--ds-text-brand-secondary);
  font-size: 12px;
}
@media (min-width: 936px) {
  .sr-page-heading .sr-page-subheading {
    font-size: 14px;
  }
}
.sr-page-heading .sr-page-subheading:not(:empty) {
  margin: 6px 0;
}

.sr-separator {
  width: 100%;
  border: 1px solid #ebedf0;
}

.sr-page-buttons {
  display: flex;
  justify-content: space-between;
  background: var(--ds-bg-primary);
}
@media (min-width: 936px) {
  .sr-page-buttons {
    margin-top: 40px;
  }
}
@media (max-width: 935px) {
  .sr-page-buttons {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    padding: 12px;
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
}
@media (max-width: 935px) {
  .sr-page-buttons hfc-button:not(:last-child) {
    margin-right: 12px;
  }
}
@media (max-width: 935px) {
  .sr-page-buttons .flex-1 {
    flex: 1;
  }
}
@media (max-width: 935px) {
  .sr-page-buttons .flex-o35 {
    flex: 35;
  }
}
@media (max-width: 935px) {
  .sr-page-buttons .flex-o65 {
    flex: 65;
  }
}

@media (min-width: 936px) {
  .sr-form {
    max-width: 356px;
  }
}

.sr-form-field, .sr-form-options-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.sr-form-field.margin-bottom-l, .margin-bottom-l.sr-form-options-field {
  margin-bottom: 40px;
}
.sr-form-field > label, .sr-form-options-field > label {
  margin-bottom: 8px;
  color: var(--ds-utility-gray-700);
  line-height: 16px;
}

.sr-form-options-field > label {
  margin-bottom: 22px;
}
@media (min-width: 936px) {
  .sr-form-options-field > label {
    margin-bottom: 24px;
  }
}

.sr-form-big-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
@media (min-width: 936px) {
  .sr-form-big-field {
    margin-bottom: 32px;
  }
}
.sr-form-big-field > label {
  margin-bottom: 16px;
  color: var(--ds-text-brand-secondary);
  font-size: 20px;
}
@media (min-width: 936px) {
  .sr-form-big-field > label {
    font-size: 24px;
  }
}
.sr-form-big-field > label .hint {
  color: var(--ds-utility-gray-400);
  font-size: 14px;
}

.sr-form-hint {
  color: var(--ds-text-brand-secondary);
  font-size: 12px;
}
@media (max-width: 935px) {
  .sr-form-hint {
    margin-top: 8px;
  }
}
@media (min-width: 936px) {
  .sr-form-hint {
    font-size: 14px;
    line-height: 28px;
  }
}
.sr-form-hint a,
.sr-form-hint a:active,
.sr-form-hint a:visited {
  color: var(--ds-text-brand-secondary);
}

.sr-form-error {
  display: flex;
  align-items: center;
  color: var(--ds-text-error-primary);
}
.sr-form-error.margin-bottom {
  margin-bottom: 12px;
}
.sr-form-error.icon::before {
  content: "error";
  font-family: "Material Icons", "serif";
  margin-right: 8px;
  font-size: 16px;
}

.sr-summary .sr-record {
  display: flex;
  margin-bottom: 12px;
  line-height: 16px;
}
.sr-summary .sr-record .label {
  flex: 0 0 120px;
  width: 120px;
  color: var(--ds-utility-gray-400);
  font-size: 16px;
}
.sr-summary .sr-record .value {
  margin-left: 12px;
  color: var(--ds-text-brand-secondary);
  font-size: 16px;
}

/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}

@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}

@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}

@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}

@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}

@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}

@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
.title {
  margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .title {
    margin-bottom: 0;
  }
}

.flex-gap {
  display: flex;
  gap: 1rem;
  flex-flow: row wrap;
}

/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}

@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}

@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}

@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}

@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}

@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}

@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
/* Responsive Mixins */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}

@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}

@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}

@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}

@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}

@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}

@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
/* Responsive Mixins */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.communication-preferences_form {
  padding-top: 1rem;
}
.communication-preferences_form .update-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .communication-preferences_form .update-container {
    width: 100%;
  }
}
.communication-preferences_form .update-container_header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
}
.communication-preferences_form .update-container_header h2 {
  color: #363a3d;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0.75rem 0 1rem;
}
.communication-preferences_form .update-container_row {
  display: flex;
  padding: 0.125rem 0;
}
.communication-preferences_form .update-container_column {
  display: flex;
  padding: 0.25rem 0;
  flex-direction: column;
  gap: 0.625rem;
}
.communication-preferences_form .update-container p {
  margin: 0;
  color: #363a3d;
}
.communication-preferences_form .update-container .warning-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.875rem;
}
.communication-preferences_form .update-container .helpful-text {
  font-size: 0.875rem;
  padding-top: 0.25rem;
}
.communication-preferences_form .update-container .warning-icon {
  color: #edac4a;
  font-size: 1.25rem;
}
.communication-preferences_form .update-container .unsubscribe-link {
  color: var(--ds-utility-gray-700);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  padding-bottom: 0.5rem;
}
.communication-preferences_form .update-container .unsubscribe-link:hover {
  text-decoration: underline;
}
.communication-preferences_form .update-container .border-bottom {
  display: flex;
  width: 100%;
  height: 1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  background: #e4e6e5;
}
.communication-preferences_form .update-container textarea {
  font-family: inherit;
  line-height: 1.25rem;
  resize: none;
  height: 4.25rem;
  flex-shrink: 0;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid #c8cacc;
  background: var(--ds-bg-primary);
  margin: 0;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .communication-preferences_form .update-container textarea {
    width: 100%;
  }
}
.communication-preferences_form .update-container textarea:focus-visible {
  border: 1px solid var(--ds-border-brand);
  outline: none;
}

/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.outer_layer {
  display: flex;
  min-width: 7.5rem;
  padding: 1rem;
  align-items: center;
  border-radius: 0.75rem;
  border: 1px solid var(--ds-utility-gray-200);
  background: white;
  cursor: pointer;
}
.outer_layer:hover {
  background: var(--ds-bg-primary-hover);
}
.outer_layer:hover .hf-radio__control, .outer_layer:hover .custom-checkbox {
  background: var(--ds-bg-primary-hover) !important;
}
.outer_layer:focus {
  background: white;
  /* Focus rings/focus-ring */
  box-shadow: 0 0 0 2px white, 0 0 0 4px var(--ds-fg-brand-primary);
}

.text_grouping {
  display: flex;
  gap: 0.125rem;
  flex-direction: column;
}

.outer_layer.value__selected {
  border: 2px solid var(--ds-border-brand);
}
.outer_layer.value__selected:hover {
  background: white;
}
.outer_layer.value__selected:hover .custom-checkbox {
  background: var(--ds-bg-brand-solid) !important;
}

.m-0 {
  margin: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.mt-0 {
  margin-top: 0;
}

.ml-0 {
  margin-left: 0;
}

.mr-0 {
  margin-right: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.p-0 {
  padding: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pt-0 {
  padding-top: 0;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 576px) {
  .m-sm-0 {
    margin: 0;
  }
  .mb-sm-0 {
    margin-bottom: 0;
  }
  .mt-sm-0 {
    margin-top: 0;
  }
  .ml-sm-0 {
    margin-left: 0;
  }
  .mr-sm-0 {
    margin-right: 0;
  }
  .mx-sm-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .my-sm-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .p-sm-0 {
    padding: 0;
  }
  .pb-sm-0 {
    padding-bottom: 0;
  }
  .pt-sm-0 {
    padding-top: 0;
  }
  .pl-sm-0 {
    padding-left: 0;
  }
  .pr-sm-0 {
    padding-right: 0;
  }
  .px-sm-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .py-sm-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .m-md-0 {
    margin: 0;
  }
  .mb-md-0 {
    margin-bottom: 0;
  }
  .mt-md-0 {
    margin-top: 0;
  }
  .ml-md-0 {
    margin-left: 0;
  }
  .mr-md-0 {
    margin-right: 0;
  }
  .mx-md-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .my-md-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .p-md-0 {
    padding: 0;
  }
  .pb-md-0 {
    padding-bottom: 0;
  }
  .pt-md-0 {
    padding-top: 0;
  }
  .pl-md-0 {
    padding-left: 0;
  }
  .pr-md-0 {
    padding-right: 0;
  }
  .px-md-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .py-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-0 {
    margin: 0;
  }
  .mb-lg-0 {
    margin-bottom: 0;
  }
  .mt-lg-0 {
    margin-top: 0;
  }
  .ml-lg-0 {
    margin-left: 0;
  }
  .mr-lg-0 {
    margin-right: 0;
  }
  .mx-lg-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .my-lg-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .p-lg-0 {
    padding: 0;
  }
  .pb-lg-0 {
    padding-bottom: 0;
  }
  .pt-lg-0 {
    padding-top: 0;
  }
  .pl-lg-0 {
    padding-left: 0;
  }
  .pr-lg-0 {
    padding-right: 0;
  }
  .px-lg-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .py-lg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-0 {
    margin: 0;
  }
  .mb-xlg-0 {
    margin-bottom: 0;
  }
  .mt-xlg-0 {
    margin-top: 0;
  }
  .ml-xlg-0 {
    margin-left: 0;
  }
  .mr-xlg-0 {
    margin-right: 0;
  }
  .mx-xlg-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .my-xlg-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .p-xlg-0 {
    padding: 0;
  }
  .pb-xlg-0 {
    padding-bottom: 0;
  }
  .pt-xlg-0 {
    padding-top: 0;
  }
  .pl-xlg-0 {
    padding-left: 0;
  }
  .pr-xlg-0 {
    padding-right: 0;
  }
  .px-xlg-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .py-xlg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.m-1 {
  margin: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.p-1 {
  padding: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

@media screen and (min-width: 576px) {
  .m-sm-1 {
    margin: 0.25rem;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem;
  }
  .mt-sm-1 {
    margin-top: 0.25rem;
  }
  .ml-sm-1 {
    margin-left: 0.25rem;
  }
  .mr-sm-1 {
    margin-right: 0.25rem;
  }
  .mx-sm-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .my-sm-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-sm-1 {
    padding: 0.25rem;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem;
  }
  .pt-sm-1 {
    padding-top: 0.25rem;
  }
  .pl-sm-1 {
    padding-left: 0.25rem;
  }
  .pr-sm-1 {
    padding-right: 0.25rem;
  }
  .px-sm-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .py-sm-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-1 {
    margin: 0.25rem;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem;
  }
  .mt-md-1 {
    margin-top: 0.25rem;
  }
  .ml-md-1 {
    margin-left: 0.25rem;
  }
  .mr-md-1 {
    margin-right: 0.25rem;
  }
  .mx-md-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .my-md-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-md-1 {
    padding: 0.25rem;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem;
  }
  .pt-md-1 {
    padding-top: 0.25rem;
  }
  .pl-md-1 {
    padding-left: 0.25rem;
  }
  .pr-md-1 {
    padding-right: 0.25rem;
  }
  .px-md-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .py-md-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-1 {
    margin: 0.25rem;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem;
  }
  .mt-lg-1 {
    margin-top: 0.25rem;
  }
  .ml-lg-1 {
    margin-left: 0.25rem;
  }
  .mr-lg-1 {
    margin-right: 0.25rem;
  }
  .mx-lg-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .my-lg-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-lg-1 {
    padding: 0.25rem;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem;
  }
  .pt-lg-1 {
    padding-top: 0.25rem;
  }
  .pl-lg-1 {
    padding-left: 0.25rem;
  }
  .pr-lg-1 {
    padding-right: 0.25rem;
  }
  .px-lg-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .py-lg-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-1 {
    margin: 0.25rem;
  }
  .mb-xlg-1 {
    margin-bottom: 0.25rem;
  }
  .mt-xlg-1 {
    margin-top: 0.25rem;
  }
  .ml-xlg-1 {
    margin-left: 0.25rem;
  }
  .mr-xlg-1 {
    margin-right: 0.25rem;
  }
  .mx-xlg-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .my-xlg-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-xlg-1 {
    padding: 0.25rem;
  }
  .pb-xlg-1 {
    padding-bottom: 0.25rem;
  }
  .pt-xlg-1 {
    padding-top: 0.25rem;
  }
  .pl-xlg-1 {
    padding-left: 0.25rem;
  }
  .pr-xlg-1 {
    padding-right: 0.25rem;
  }
  .px-xlg-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .py-xlg-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
.m-2 {
  margin: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.p-2 {
  padding: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media screen and (min-width: 576px) {
  .m-sm-2 {
    margin: 0.5rem;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem;
  }
  .mt-sm-2 {
    margin-top: 0.5rem;
  }
  .ml-sm-2 {
    margin-left: 0.5rem;
  }
  .mr-sm-2 {
    margin-right: 0.5rem;
  }
  .mx-sm-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .my-sm-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-sm-2 {
    padding: 0.5rem;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem;
  }
  .pt-sm-2 {
    padding-top: 0.5rem;
  }
  .pl-sm-2 {
    padding-left: 0.5rem;
  }
  .pr-sm-2 {
    padding-right: 0.5rem;
  }
  .px-sm-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .py-sm-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-2 {
    margin: 0.5rem;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem;
  }
  .mt-md-2 {
    margin-top: 0.5rem;
  }
  .ml-md-2 {
    margin-left: 0.5rem;
  }
  .mr-md-2 {
    margin-right: 0.5rem;
  }
  .mx-md-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .my-md-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-md-2 {
    padding: 0.5rem;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem;
  }
  .pt-md-2 {
    padding-top: 0.5rem;
  }
  .pl-md-2 {
    padding-left: 0.5rem;
  }
  .pr-md-2 {
    padding-right: 0.5rem;
  }
  .px-md-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .py-md-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-2 {
    margin: 0.5rem;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem;
  }
  .mt-lg-2 {
    margin-top: 0.5rem;
  }
  .ml-lg-2 {
    margin-left: 0.5rem;
  }
  .mr-lg-2 {
    margin-right: 0.5rem;
  }
  .mx-lg-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .my-lg-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-lg-2 {
    padding: 0.5rem;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem;
  }
  .pt-lg-2 {
    padding-top: 0.5rem;
  }
  .pl-lg-2 {
    padding-left: 0.5rem;
  }
  .pr-lg-2 {
    padding-right: 0.5rem;
  }
  .px-lg-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .py-lg-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-2 {
    margin: 0.5rem;
  }
  .mb-xlg-2 {
    margin-bottom: 0.5rem;
  }
  .mt-xlg-2 {
    margin-top: 0.5rem;
  }
  .ml-xlg-2 {
    margin-left: 0.5rem;
  }
  .mr-xlg-2 {
    margin-right: 0.5rem;
  }
  .mx-xlg-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .my-xlg-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-xlg-2 {
    padding: 0.5rem;
  }
  .pb-xlg-2 {
    padding-bottom: 0.5rem;
  }
  .pt-xlg-2 {
    padding-top: 0.5rem;
  }
  .pl-xlg-2 {
    padding-left: 0.5rem;
  }
  .pr-xlg-2 {
    padding-right: 0.5rem;
  }
  .px-xlg-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .py-xlg-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.m-3 {
  margin: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.p-3 {
  padding: 0.75rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media screen and (min-width: 576px) {
  .m-sm-3 {
    margin: 0.75rem;
  }
  .mb-sm-3 {
    margin-bottom: 0.75rem;
  }
  .mt-sm-3 {
    margin-top: 0.75rem;
  }
  .ml-sm-3 {
    margin-left: 0.75rem;
  }
  .mr-sm-3 {
    margin-right: 0.75rem;
  }
  .mx-sm-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .my-sm-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .p-sm-3 {
    padding: 0.75rem;
  }
  .pb-sm-3 {
    padding-bottom: 0.75rem;
  }
  .pt-sm-3 {
    padding-top: 0.75rem;
  }
  .pl-sm-3 {
    padding-left: 0.75rem;
  }
  .pr-sm-3 {
    padding-right: 0.75rem;
  }
  .px-sm-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .py-sm-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-3 {
    margin: 0.75rem;
  }
  .mb-md-3 {
    margin-bottom: 0.75rem;
  }
  .mt-md-3 {
    margin-top: 0.75rem;
  }
  .ml-md-3 {
    margin-left: 0.75rem;
  }
  .mr-md-3 {
    margin-right: 0.75rem;
  }
  .mx-md-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .my-md-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .p-md-3 {
    padding: 0.75rem;
  }
  .pb-md-3 {
    padding-bottom: 0.75rem;
  }
  .pt-md-3 {
    padding-top: 0.75rem;
  }
  .pl-md-3 {
    padding-left: 0.75rem;
  }
  .pr-md-3 {
    padding-right: 0.75rem;
  }
  .px-md-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .py-md-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-3 {
    margin: 0.75rem;
  }
  .mb-lg-3 {
    margin-bottom: 0.75rem;
  }
  .mt-lg-3 {
    margin-top: 0.75rem;
  }
  .ml-lg-3 {
    margin-left: 0.75rem;
  }
  .mr-lg-3 {
    margin-right: 0.75rem;
  }
  .mx-lg-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .my-lg-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .p-lg-3 {
    padding: 0.75rem;
  }
  .pb-lg-3 {
    padding-bottom: 0.75rem;
  }
  .pt-lg-3 {
    padding-top: 0.75rem;
  }
  .pl-lg-3 {
    padding-left: 0.75rem;
  }
  .pr-lg-3 {
    padding-right: 0.75rem;
  }
  .px-lg-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .py-lg-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-3 {
    margin: 0.75rem;
  }
  .mb-xlg-3 {
    margin-bottom: 0.75rem;
  }
  .mt-xlg-3 {
    margin-top: 0.75rem;
  }
  .ml-xlg-3 {
    margin-left: 0.75rem;
  }
  .mr-xlg-3 {
    margin-right: 0.75rem;
  }
  .mx-xlg-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .my-xlg-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .p-xlg-3 {
    padding: 0.75rem;
  }
  .pb-xlg-3 {
    padding-bottom: 0.75rem;
  }
  .pt-xlg-3 {
    padding-top: 0.75rem;
  }
  .pl-xlg-3 {
    padding-left: 0.75rem;
  }
  .pr-xlg-3 {
    padding-right: 0.75rem;
  }
  .px-xlg-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .py-xlg-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.m-4 {
  margin: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mt-4 {
  margin-top: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.p-4 {
  padding: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pr-4 {
  padding-right: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media screen and (min-width: 576px) {
  .m-sm-4 {
    margin: 1rem;
  }
  .mb-sm-4 {
    margin-bottom: 1rem;
  }
  .mt-sm-4 {
    margin-top: 1rem;
  }
  .ml-sm-4 {
    margin-left: 1rem;
  }
  .mr-sm-4 {
    margin-right: 1rem;
  }
  .mx-sm-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .my-sm-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .p-sm-4 {
    padding: 1rem;
  }
  .pb-sm-4 {
    padding-bottom: 1rem;
  }
  .pt-sm-4 {
    padding-top: 1rem;
  }
  .pl-sm-4 {
    padding-left: 1rem;
  }
  .pr-sm-4 {
    padding-right: 1rem;
  }
  .px-sm-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .py-sm-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-4 {
    margin: 1rem;
  }
  .mb-md-4 {
    margin-bottom: 1rem;
  }
  .mt-md-4 {
    margin-top: 1rem;
  }
  .ml-md-4 {
    margin-left: 1rem;
  }
  .mr-md-4 {
    margin-right: 1rem;
  }
  .mx-md-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .my-md-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .p-md-4 {
    padding: 1rem;
  }
  .pb-md-4 {
    padding-bottom: 1rem;
  }
  .pt-md-4 {
    padding-top: 1rem;
  }
  .pl-md-4 {
    padding-left: 1rem;
  }
  .pr-md-4 {
    padding-right: 1rem;
  }
  .px-md-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .py-md-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-4 {
    margin: 1rem;
  }
  .mb-lg-4 {
    margin-bottom: 1rem;
  }
  .mt-lg-4 {
    margin-top: 1rem;
  }
  .ml-lg-4 {
    margin-left: 1rem;
  }
  .mr-lg-4 {
    margin-right: 1rem;
  }
  .mx-lg-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .my-lg-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .p-lg-4 {
    padding: 1rem;
  }
  .pb-lg-4 {
    padding-bottom: 1rem;
  }
  .pt-lg-4 {
    padding-top: 1rem;
  }
  .pl-lg-4 {
    padding-left: 1rem;
  }
  .pr-lg-4 {
    padding-right: 1rem;
  }
  .px-lg-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .py-lg-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-4 {
    margin: 1rem;
  }
  .mb-xlg-4 {
    margin-bottom: 1rem;
  }
  .mt-xlg-4 {
    margin-top: 1rem;
  }
  .ml-xlg-4 {
    margin-left: 1rem;
  }
  .mr-xlg-4 {
    margin-right: 1rem;
  }
  .mx-xlg-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .my-xlg-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .p-xlg-4 {
    padding: 1rem;
  }
  .pb-xlg-4 {
    padding-bottom: 1rem;
  }
  .pt-xlg-4 {
    padding-top: 1rem;
  }
  .pl-xlg-4 {
    padding-left: 1rem;
  }
  .pr-xlg-4 {
    padding-right: 1rem;
  }
  .px-xlg-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .py-xlg-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.m-5 {
  margin: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.p-5 {
  padding: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media screen and (min-width: 576px) {
  .m-sm-5 {
    margin: 1.25rem;
  }
  .mb-sm-5 {
    margin-bottom: 1.25rem;
  }
  .mt-sm-5 {
    margin-top: 1.25rem;
  }
  .ml-sm-5 {
    margin-left: 1.25rem;
  }
  .mr-sm-5 {
    margin-right: 1.25rem;
  }
  .mx-sm-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .my-sm-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .p-sm-5 {
    padding: 1.25rem;
  }
  .pb-sm-5 {
    padding-bottom: 1.25rem;
  }
  .pt-sm-5 {
    padding-top: 1.25rem;
  }
  .pl-sm-5 {
    padding-left: 1.25rem;
  }
  .pr-sm-5 {
    padding-right: 1.25rem;
  }
  .px-sm-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .py-sm-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-5 {
    margin: 1.25rem;
  }
  .mb-md-5 {
    margin-bottom: 1.25rem;
  }
  .mt-md-5 {
    margin-top: 1.25rem;
  }
  .ml-md-5 {
    margin-left: 1.25rem;
  }
  .mr-md-5 {
    margin-right: 1.25rem;
  }
  .mx-md-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .my-md-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .p-md-5 {
    padding: 1.25rem;
  }
  .pb-md-5 {
    padding-bottom: 1.25rem;
  }
  .pt-md-5 {
    padding-top: 1.25rem;
  }
  .pl-md-5 {
    padding-left: 1.25rem;
  }
  .pr-md-5 {
    padding-right: 1.25rem;
  }
  .px-md-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .py-md-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-5 {
    margin: 1.25rem;
  }
  .mb-lg-5 {
    margin-bottom: 1.25rem;
  }
  .mt-lg-5 {
    margin-top: 1.25rem;
  }
  .ml-lg-5 {
    margin-left: 1.25rem;
  }
  .mr-lg-5 {
    margin-right: 1.25rem;
  }
  .mx-lg-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .my-lg-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .p-lg-5 {
    padding: 1.25rem;
  }
  .pb-lg-5 {
    padding-bottom: 1.25rem;
  }
  .pt-lg-5 {
    padding-top: 1.25rem;
  }
  .pl-lg-5 {
    padding-left: 1.25rem;
  }
  .pr-lg-5 {
    padding-right: 1.25rem;
  }
  .px-lg-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .py-lg-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-5 {
    margin: 1.25rem;
  }
  .mb-xlg-5 {
    margin-bottom: 1.25rem;
  }
  .mt-xlg-5 {
    margin-top: 1.25rem;
  }
  .ml-xlg-5 {
    margin-left: 1.25rem;
  }
  .mr-xlg-5 {
    margin-right: 1.25rem;
  }
  .mx-xlg-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .my-xlg-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .p-xlg-5 {
    padding: 1.25rem;
  }
  .pb-xlg-5 {
    padding-bottom: 1.25rem;
  }
  .pt-xlg-5 {
    padding-top: 1.25rem;
  }
  .pl-xlg-5 {
    padding-left: 1.25rem;
  }
  .pr-xlg-5 {
    padding-right: 1.25rem;
  }
  .px-xlg-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .py-xlg-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.m-6 {
  margin: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.p-6 {
  padding: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media screen and (min-width: 576px) {
  .m-sm-6 {
    margin: 1.5rem;
  }
  .mb-sm-6 {
    margin-bottom: 1.5rem;
  }
  .mt-sm-6 {
    margin-top: 1.5rem;
  }
  .ml-sm-6 {
    margin-left: 1.5rem;
  }
  .mr-sm-6 {
    margin-right: 1.5rem;
  }
  .mx-sm-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .my-sm-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .p-sm-6 {
    padding: 1.5rem;
  }
  .pb-sm-6 {
    padding-bottom: 1.5rem;
  }
  .pt-sm-6 {
    padding-top: 1.5rem;
  }
  .pl-sm-6 {
    padding-left: 1.5rem;
  }
  .pr-sm-6 {
    padding-right: 1.5rem;
  }
  .px-sm-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .py-sm-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-6 {
    margin: 1.5rem;
  }
  .mb-md-6 {
    margin-bottom: 1.5rem;
  }
  .mt-md-6 {
    margin-top: 1.5rem;
  }
  .ml-md-6 {
    margin-left: 1.5rem;
  }
  .mr-md-6 {
    margin-right: 1.5rem;
  }
  .mx-md-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .my-md-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .p-md-6 {
    padding: 1.5rem;
  }
  .pb-md-6 {
    padding-bottom: 1.5rem;
  }
  .pt-md-6 {
    padding-top: 1.5rem;
  }
  .pl-md-6 {
    padding-left: 1.5rem;
  }
  .pr-md-6 {
    padding-right: 1.5rem;
  }
  .px-md-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .py-md-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-6 {
    margin: 1.5rem;
  }
  .mb-lg-6 {
    margin-bottom: 1.5rem;
  }
  .mt-lg-6 {
    margin-top: 1.5rem;
  }
  .ml-lg-6 {
    margin-left: 1.5rem;
  }
  .mr-lg-6 {
    margin-right: 1.5rem;
  }
  .mx-lg-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .my-lg-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .p-lg-6 {
    padding: 1.5rem;
  }
  .pb-lg-6 {
    padding-bottom: 1.5rem;
  }
  .pt-lg-6 {
    padding-top: 1.5rem;
  }
  .pl-lg-6 {
    padding-left: 1.5rem;
  }
  .pr-lg-6 {
    padding-right: 1.5rem;
  }
  .px-lg-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .py-lg-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-6 {
    margin: 1.5rem;
  }
  .mb-xlg-6 {
    margin-bottom: 1.5rem;
  }
  .mt-xlg-6 {
    margin-top: 1.5rem;
  }
  .ml-xlg-6 {
    margin-left: 1.5rem;
  }
  .mr-xlg-6 {
    margin-right: 1.5rem;
  }
  .mx-xlg-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .my-xlg-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .p-xlg-6 {
    padding: 1.5rem;
  }
  .pb-xlg-6 {
    padding-bottom: 1.5rem;
  }
  .pt-xlg-6 {
    padding-top: 1.5rem;
  }
  .pl-xlg-6 {
    padding-left: 1.5rem;
  }
  .pr-xlg-6 {
    padding-right: 1.5rem;
  }
  .px-xlg-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .py-xlg-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.m-7 {
  margin: 1.75rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.ml-7 {
  margin-left: 1.75rem;
}

.mr-7 {
  margin-right: 1.75rem;
}

.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.p-7 {
  padding: 1.75rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

@media screen and (min-width: 576px) {
  .m-sm-7 {
    margin: 1.75rem;
  }
  .mb-sm-7 {
    margin-bottom: 1.75rem;
  }
  .mt-sm-7 {
    margin-top: 1.75rem;
  }
  .ml-sm-7 {
    margin-left: 1.75rem;
  }
  .mr-sm-7 {
    margin-right: 1.75rem;
  }
  .mx-sm-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .my-sm-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .p-sm-7 {
    padding: 1.75rem;
  }
  .pb-sm-7 {
    padding-bottom: 1.75rem;
  }
  .pt-sm-7 {
    padding-top: 1.75rem;
  }
  .pl-sm-7 {
    padding-left: 1.75rem;
  }
  .pr-sm-7 {
    padding-right: 1.75rem;
  }
  .px-sm-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .py-sm-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-7 {
    margin: 1.75rem;
  }
  .mb-md-7 {
    margin-bottom: 1.75rem;
  }
  .mt-md-7 {
    margin-top: 1.75rem;
  }
  .ml-md-7 {
    margin-left: 1.75rem;
  }
  .mr-md-7 {
    margin-right: 1.75rem;
  }
  .mx-md-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .my-md-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .p-md-7 {
    padding: 1.75rem;
  }
  .pb-md-7 {
    padding-bottom: 1.75rem;
  }
  .pt-md-7 {
    padding-top: 1.75rem;
  }
  .pl-md-7 {
    padding-left: 1.75rem;
  }
  .pr-md-7 {
    padding-right: 1.75rem;
  }
  .px-md-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .py-md-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-7 {
    margin: 1.75rem;
  }
  .mb-lg-7 {
    margin-bottom: 1.75rem;
  }
  .mt-lg-7 {
    margin-top: 1.75rem;
  }
  .ml-lg-7 {
    margin-left: 1.75rem;
  }
  .mr-lg-7 {
    margin-right: 1.75rem;
  }
  .mx-lg-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .my-lg-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .p-lg-7 {
    padding: 1.75rem;
  }
  .pb-lg-7 {
    padding-bottom: 1.75rem;
  }
  .pt-lg-7 {
    padding-top: 1.75rem;
  }
  .pl-lg-7 {
    padding-left: 1.75rem;
  }
  .pr-lg-7 {
    padding-right: 1.75rem;
  }
  .px-lg-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .py-lg-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-7 {
    margin: 1.75rem;
  }
  .mb-xlg-7 {
    margin-bottom: 1.75rem;
  }
  .mt-xlg-7 {
    margin-top: 1.75rem;
  }
  .ml-xlg-7 {
    margin-left: 1.75rem;
  }
  .mr-xlg-7 {
    margin-right: 1.75rem;
  }
  .mx-xlg-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .my-xlg-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .p-xlg-7 {
    padding: 1.75rem;
  }
  .pb-xlg-7 {
    padding-bottom: 1.75rem;
  }
  .pt-xlg-7 {
    padding-top: 1.75rem;
  }
  .pl-xlg-7 {
    padding-left: 1.75rem;
  }
  .pr-xlg-7 {
    padding-right: 1.75rem;
  }
  .px-xlg-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .py-xlg-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
.m-8 {
  margin: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mt-8 {
  margin-top: 2rem;
}

.ml-8 {
  margin-left: 2rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.p-8 {
  padding: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pr-8 {
  padding-right: 2rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media screen and (min-width: 576px) {
  .m-sm-8 {
    margin: 2rem;
  }
  .mb-sm-8 {
    margin-bottom: 2rem;
  }
  .mt-sm-8 {
    margin-top: 2rem;
  }
  .ml-sm-8 {
    margin-left: 2rem;
  }
  .mr-sm-8 {
    margin-right: 2rem;
  }
  .mx-sm-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .my-sm-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .p-sm-8 {
    padding: 2rem;
  }
  .pb-sm-8 {
    padding-bottom: 2rem;
  }
  .pt-sm-8 {
    padding-top: 2rem;
  }
  .pl-sm-8 {
    padding-left: 2rem;
  }
  .pr-sm-8 {
    padding-right: 2rem;
  }
  .px-sm-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .py-sm-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-8 {
    margin: 2rem;
  }
  .mb-md-8 {
    margin-bottom: 2rem;
  }
  .mt-md-8 {
    margin-top: 2rem;
  }
  .ml-md-8 {
    margin-left: 2rem;
  }
  .mr-md-8 {
    margin-right: 2rem;
  }
  .mx-md-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .my-md-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .p-md-8 {
    padding: 2rem;
  }
  .pb-md-8 {
    padding-bottom: 2rem;
  }
  .pt-md-8 {
    padding-top: 2rem;
  }
  .pl-md-8 {
    padding-left: 2rem;
  }
  .pr-md-8 {
    padding-right: 2rem;
  }
  .px-md-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .py-md-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-8 {
    margin: 2rem;
  }
  .mb-lg-8 {
    margin-bottom: 2rem;
  }
  .mt-lg-8 {
    margin-top: 2rem;
  }
  .ml-lg-8 {
    margin-left: 2rem;
  }
  .mr-lg-8 {
    margin-right: 2rem;
  }
  .mx-lg-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .my-lg-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .p-lg-8 {
    padding: 2rem;
  }
  .pb-lg-8 {
    padding-bottom: 2rem;
  }
  .pt-lg-8 {
    padding-top: 2rem;
  }
  .pl-lg-8 {
    padding-left: 2rem;
  }
  .pr-lg-8 {
    padding-right: 2rem;
  }
  .px-lg-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .py-lg-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-8 {
    margin: 2rem;
  }
  .mb-xlg-8 {
    margin-bottom: 2rem;
  }
  .mt-xlg-8 {
    margin-top: 2rem;
  }
  .ml-xlg-8 {
    margin-left: 2rem;
  }
  .mr-xlg-8 {
    margin-right: 2rem;
  }
  .mx-xlg-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .my-xlg-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .p-xlg-8 {
    padding: 2rem;
  }
  .pb-xlg-8 {
    padding-bottom: 2rem;
  }
  .pt-xlg-8 {
    padding-top: 2rem;
  }
  .pl-xlg-8 {
    padding-left: 2rem;
  }
  .pr-xlg-8 {
    padding-right: 2rem;
  }
  .px-xlg-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .py-xlg-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.m-9 {
  margin: 2.25rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.ml-9 {
  margin-left: 2.25rem;
}

.mr-9 {
  margin-right: 2.25rem;
}

.mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.p-9 {
  padding: 2.25rem;
}

.pb-9 {
  padding-bottom: 2.25rem;
}

.pt-9 {
  padding-top: 2.25rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

@media screen and (min-width: 576px) {
  .m-sm-9 {
    margin: 2.25rem;
  }
  .mb-sm-9 {
    margin-bottom: 2.25rem;
  }
  .mt-sm-9 {
    margin-top: 2.25rem;
  }
  .ml-sm-9 {
    margin-left: 2.25rem;
  }
  .mr-sm-9 {
    margin-right: 2.25rem;
  }
  .mx-sm-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
  .my-sm-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
  .p-sm-9 {
    padding: 2.25rem;
  }
  .pb-sm-9 {
    padding-bottom: 2.25rem;
  }
  .pt-sm-9 {
    padding-top: 2.25rem;
  }
  .pl-sm-9 {
    padding-left: 2.25rem;
  }
  .pr-sm-9 {
    padding-right: 2.25rem;
  }
  .px-sm-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .py-sm-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-9 {
    margin: 2.25rem;
  }
  .mb-md-9 {
    margin-bottom: 2.25rem;
  }
  .mt-md-9 {
    margin-top: 2.25rem;
  }
  .ml-md-9 {
    margin-left: 2.25rem;
  }
  .mr-md-9 {
    margin-right: 2.25rem;
  }
  .mx-md-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
  .my-md-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
  .p-md-9 {
    padding: 2.25rem;
  }
  .pb-md-9 {
    padding-bottom: 2.25rem;
  }
  .pt-md-9 {
    padding-top: 2.25rem;
  }
  .pl-md-9 {
    padding-left: 2.25rem;
  }
  .pr-md-9 {
    padding-right: 2.25rem;
  }
  .px-md-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .py-md-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-9 {
    margin: 2.25rem;
  }
  .mb-lg-9 {
    margin-bottom: 2.25rem;
  }
  .mt-lg-9 {
    margin-top: 2.25rem;
  }
  .ml-lg-9 {
    margin-left: 2.25rem;
  }
  .mr-lg-9 {
    margin-right: 2.25rem;
  }
  .mx-lg-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
  .my-lg-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
  .p-lg-9 {
    padding: 2.25rem;
  }
  .pb-lg-9 {
    padding-bottom: 2.25rem;
  }
  .pt-lg-9 {
    padding-top: 2.25rem;
  }
  .pl-lg-9 {
    padding-left: 2.25rem;
  }
  .pr-lg-9 {
    padding-right: 2.25rem;
  }
  .px-lg-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .py-lg-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-9 {
    margin: 2.25rem;
  }
  .mb-xlg-9 {
    margin-bottom: 2.25rem;
  }
  .mt-xlg-9 {
    margin-top: 2.25rem;
  }
  .ml-xlg-9 {
    margin-left: 2.25rem;
  }
  .mr-xlg-9 {
    margin-right: 2.25rem;
  }
  .mx-xlg-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
  .my-xlg-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
  .p-xlg-9 {
    padding: 2.25rem;
  }
  .pb-xlg-9 {
    padding-bottom: 2.25rem;
  }
  .pt-xlg-9 {
    padding-top: 2.25rem;
  }
  .pl-xlg-9 {
    padding-left: 2.25rem;
  }
  .pr-xlg-9 {
    padding-right: 2.25rem;
  }
  .px-xlg-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .py-xlg-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
.m-10 {
  margin: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.p-10 {
  padding: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media screen and (min-width: 576px) {
  .m-sm-10 {
    margin: 2.5rem;
  }
  .mb-sm-10 {
    margin-bottom: 2.5rem;
  }
  .mt-sm-10 {
    margin-top: 2.5rem;
  }
  .ml-sm-10 {
    margin-left: 2.5rem;
  }
  .mr-sm-10 {
    margin-right: 2.5rem;
  }
  .mx-sm-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .my-sm-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .p-sm-10 {
    padding: 2.5rem;
  }
  .pb-sm-10 {
    padding-bottom: 2.5rem;
  }
  .pt-sm-10 {
    padding-top: 2.5rem;
  }
  .pl-sm-10 {
    padding-left: 2.5rem;
  }
  .pr-sm-10 {
    padding-right: 2.5rem;
  }
  .px-sm-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .py-sm-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-10 {
    margin: 2.5rem;
  }
  .mb-md-10 {
    margin-bottom: 2.5rem;
  }
  .mt-md-10 {
    margin-top: 2.5rem;
  }
  .ml-md-10 {
    margin-left: 2.5rem;
  }
  .mr-md-10 {
    margin-right: 2.5rem;
  }
  .mx-md-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .my-md-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .p-md-10 {
    padding: 2.5rem;
  }
  .pb-md-10 {
    padding-bottom: 2.5rem;
  }
  .pt-md-10 {
    padding-top: 2.5rem;
  }
  .pl-md-10 {
    padding-left: 2.5rem;
  }
  .pr-md-10 {
    padding-right: 2.5rem;
  }
  .px-md-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .py-md-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-10 {
    margin: 2.5rem;
  }
  .mb-lg-10 {
    margin-bottom: 2.5rem;
  }
  .mt-lg-10 {
    margin-top: 2.5rem;
  }
  .ml-lg-10 {
    margin-left: 2.5rem;
  }
  .mr-lg-10 {
    margin-right: 2.5rem;
  }
  .mx-lg-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .my-lg-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .p-lg-10 {
    padding: 2.5rem;
  }
  .pb-lg-10 {
    padding-bottom: 2.5rem;
  }
  .pt-lg-10 {
    padding-top: 2.5rem;
  }
  .pl-lg-10 {
    padding-left: 2.5rem;
  }
  .pr-lg-10 {
    padding-right: 2.5rem;
  }
  .px-lg-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .py-lg-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-10 {
    margin: 2.5rem;
  }
  .mb-xlg-10 {
    margin-bottom: 2.5rem;
  }
  .mt-xlg-10 {
    margin-top: 2.5rem;
  }
  .ml-xlg-10 {
    margin-left: 2.5rem;
  }
  .mr-xlg-10 {
    margin-right: 2.5rem;
  }
  .mx-xlg-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .my-xlg-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .p-xlg-10 {
    padding: 2.5rem;
  }
  .pb-xlg-10 {
    padding-bottom: 2.5rem;
  }
  .pt-xlg-10 {
    padding-top: 2.5rem;
  }
  .pl-xlg-10 {
    padding-left: 2.5rem;
  }
  .pr-xlg-10 {
    padding-right: 2.5rem;
  }
  .px-xlg-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .py-xlg-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.m-12 {
  margin: 3rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mt-12 {
  margin-top: 3rem;
}

.ml-12 {
  margin-left: 3rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.p-12 {
  padding: 3rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pr-12 {
  padding-right: 3rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media screen and (min-width: 576px) {
  .m-sm-12 {
    margin: 3rem;
  }
  .mb-sm-12 {
    margin-bottom: 3rem;
  }
  .mt-sm-12 {
    margin-top: 3rem;
  }
  .ml-sm-12 {
    margin-left: 3rem;
  }
  .mr-sm-12 {
    margin-right: 3rem;
  }
  .mx-sm-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .my-sm-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .p-sm-12 {
    padding: 3rem;
  }
  .pb-sm-12 {
    padding-bottom: 3rem;
  }
  .pt-sm-12 {
    padding-top: 3rem;
  }
  .pl-sm-12 {
    padding-left: 3rem;
  }
  .pr-sm-12 {
    padding-right: 3rem;
  }
  .px-sm-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .py-sm-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-12 {
    margin: 3rem;
  }
  .mb-md-12 {
    margin-bottom: 3rem;
  }
  .mt-md-12 {
    margin-top: 3rem;
  }
  .ml-md-12 {
    margin-left: 3rem;
  }
  .mr-md-12 {
    margin-right: 3rem;
  }
  .mx-md-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .my-md-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .p-md-12 {
    padding: 3rem;
  }
  .pb-md-12 {
    padding-bottom: 3rem;
  }
  .pt-md-12 {
    padding-top: 3rem;
  }
  .pl-md-12 {
    padding-left: 3rem;
  }
  .pr-md-12 {
    padding-right: 3rem;
  }
  .px-md-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .py-md-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-12 {
    margin: 3rem;
  }
  .mb-lg-12 {
    margin-bottom: 3rem;
  }
  .mt-lg-12 {
    margin-top: 3rem;
  }
  .ml-lg-12 {
    margin-left: 3rem;
  }
  .mr-lg-12 {
    margin-right: 3rem;
  }
  .mx-lg-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .my-lg-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .p-lg-12 {
    padding: 3rem;
  }
  .pb-lg-12 {
    padding-bottom: 3rem;
  }
  .pt-lg-12 {
    padding-top: 3rem;
  }
  .pl-lg-12 {
    padding-left: 3rem;
  }
  .pr-lg-12 {
    padding-right: 3rem;
  }
  .px-lg-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .py-lg-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-12 {
    margin: 3rem;
  }
  .mb-xlg-12 {
    margin-bottom: 3rem;
  }
  .mt-xlg-12 {
    margin-top: 3rem;
  }
  .ml-xlg-12 {
    margin-left: 3rem;
  }
  .mr-xlg-12 {
    margin-right: 3rem;
  }
  .mx-xlg-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .my-xlg-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .p-xlg-12 {
    padding: 3rem;
  }
  .pb-xlg-12 {
    padding-bottom: 3rem;
  }
  .pt-xlg-12 {
    padding-top: 3rem;
  }
  .pl-xlg-12 {
    padding-left: 3rem;
  }
  .pr-xlg-12 {
    padding-right: 3rem;
  }
  .px-xlg-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .py-xlg-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.m-16 {
  margin: 4rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mt-16 {
  margin-top: 4rem;
}

.ml-16 {
  margin-left: 4rem;
}

.mr-16 {
  margin-right: 4rem;
}

.mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.p-16 {
  padding: 4rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pr-16 {
  padding-right: 4rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media screen and (min-width: 576px) {
  .m-sm-16 {
    margin: 4rem;
  }
  .mb-sm-16 {
    margin-bottom: 4rem;
  }
  .mt-sm-16 {
    margin-top: 4rem;
  }
  .ml-sm-16 {
    margin-left: 4rem;
  }
  .mr-sm-16 {
    margin-right: 4rem;
  }
  .mx-sm-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .my-sm-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .p-sm-16 {
    padding: 4rem;
  }
  .pb-sm-16 {
    padding-bottom: 4rem;
  }
  .pt-sm-16 {
    padding-top: 4rem;
  }
  .pl-sm-16 {
    padding-left: 4rem;
  }
  .pr-sm-16 {
    padding-right: 4rem;
  }
  .px-sm-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .py-sm-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-16 {
    margin: 4rem;
  }
  .mb-md-16 {
    margin-bottom: 4rem;
  }
  .mt-md-16 {
    margin-top: 4rem;
  }
  .ml-md-16 {
    margin-left: 4rem;
  }
  .mr-md-16 {
    margin-right: 4rem;
  }
  .mx-md-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .my-md-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .p-md-16 {
    padding: 4rem;
  }
  .pb-md-16 {
    padding-bottom: 4rem;
  }
  .pt-md-16 {
    padding-top: 4rem;
  }
  .pl-md-16 {
    padding-left: 4rem;
  }
  .pr-md-16 {
    padding-right: 4rem;
  }
  .px-md-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .py-md-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-16 {
    margin: 4rem;
  }
  .mb-lg-16 {
    margin-bottom: 4rem;
  }
  .mt-lg-16 {
    margin-top: 4rem;
  }
  .ml-lg-16 {
    margin-left: 4rem;
  }
  .mr-lg-16 {
    margin-right: 4rem;
  }
  .mx-lg-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .my-lg-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .p-lg-16 {
    padding: 4rem;
  }
  .pb-lg-16 {
    padding-bottom: 4rem;
  }
  .pt-lg-16 {
    padding-top: 4rem;
  }
  .pl-lg-16 {
    padding-left: 4rem;
  }
  .pr-lg-16 {
    padding-right: 4rem;
  }
  .px-lg-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .py-lg-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-16 {
    margin: 4rem;
  }
  .mb-xlg-16 {
    margin-bottom: 4rem;
  }
  .mt-xlg-16 {
    margin-top: 4rem;
  }
  .ml-xlg-16 {
    margin-left: 4rem;
  }
  .mr-xlg-16 {
    margin-right: 4rem;
  }
  .mx-xlg-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .my-xlg-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .p-xlg-16 {
    padding: 4rem;
  }
  .pb-xlg-16 {
    padding-bottom: 4rem;
  }
  .pt-xlg-16 {
    padding-top: 4rem;
  }
  .pl-xlg-16 {
    padding-left: 4rem;
  }
  .pr-xlg-16 {
    padding-right: 4rem;
  }
  .px-xlg-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .py-xlg-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.m-20 {
  margin: 5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mt-20 {
  margin-top: 5rem;
}

.ml-20 {
  margin-left: 5rem;
}

.mr-20 {
  margin-right: 5rem;
}

.mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.p-20 {
  padding: 5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pl-20 {
  padding-left: 5rem;
}

.pr-20 {
  padding-right: 5rem;
}

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media screen and (min-width: 576px) {
  .m-sm-20 {
    margin: 5rem;
  }
  .mb-sm-20 {
    margin-bottom: 5rem;
  }
  .mt-sm-20 {
    margin-top: 5rem;
  }
  .ml-sm-20 {
    margin-left: 5rem;
  }
  .mr-sm-20 {
    margin-right: 5rem;
  }
  .mx-sm-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .my-sm-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .p-sm-20 {
    padding: 5rem;
  }
  .pb-sm-20 {
    padding-bottom: 5rem;
  }
  .pt-sm-20 {
    padding-top: 5rem;
  }
  .pl-sm-20 {
    padding-left: 5rem;
  }
  .pr-sm-20 {
    padding-right: 5rem;
  }
  .px-sm-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .py-sm-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-20 {
    margin: 5rem;
  }
  .mb-md-20 {
    margin-bottom: 5rem;
  }
  .mt-md-20 {
    margin-top: 5rem;
  }
  .ml-md-20 {
    margin-left: 5rem;
  }
  .mr-md-20 {
    margin-right: 5rem;
  }
  .mx-md-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .my-md-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .p-md-20 {
    padding: 5rem;
  }
  .pb-md-20 {
    padding-bottom: 5rem;
  }
  .pt-md-20 {
    padding-top: 5rem;
  }
  .pl-md-20 {
    padding-left: 5rem;
  }
  .pr-md-20 {
    padding-right: 5rem;
  }
  .px-md-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .py-md-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-20 {
    margin: 5rem;
  }
  .mb-lg-20 {
    margin-bottom: 5rem;
  }
  .mt-lg-20 {
    margin-top: 5rem;
  }
  .ml-lg-20 {
    margin-left: 5rem;
  }
  .mr-lg-20 {
    margin-right: 5rem;
  }
  .mx-lg-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .my-lg-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .p-lg-20 {
    padding: 5rem;
  }
  .pb-lg-20 {
    padding-bottom: 5rem;
  }
  .pt-lg-20 {
    padding-top: 5rem;
  }
  .pl-lg-20 {
    padding-left: 5rem;
  }
  .pr-lg-20 {
    padding-right: 5rem;
  }
  .px-lg-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .py-lg-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-20 {
    margin: 5rem;
  }
  .mb-xlg-20 {
    margin-bottom: 5rem;
  }
  .mt-xlg-20 {
    margin-top: 5rem;
  }
  .ml-xlg-20 {
    margin-left: 5rem;
  }
  .mr-xlg-20 {
    margin-right: 5rem;
  }
  .mx-xlg-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .my-xlg-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .p-xlg-20 {
    padding: 5rem;
  }
  .pb-xlg-20 {
    padding-bottom: 5rem;
  }
  .pt-xlg-20 {
    padding-top: 5rem;
  }
  .pl-xlg-20 {
    padding-left: 5rem;
  }
  .pr-xlg-20 {
    padding-right: 5rem;
  }
  .px-xlg-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .py-xlg-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.m-24 {
  margin: 6rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.mt-24 {
  margin-top: 6rem;
}

.ml-24 {
  margin-left: 6rem;
}

.mr-24 {
  margin-right: 6rem;
}

.mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.p-24 {
  padding: 6rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pl-24 {
  padding-left: 6rem;
}

.pr-24 {
  padding-right: 6rem;
}

.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

@media screen and (min-width: 576px) {
  .m-sm-24 {
    margin: 6rem;
  }
  .mb-sm-24 {
    margin-bottom: 6rem;
  }
  .mt-sm-24 {
    margin-top: 6rem;
  }
  .ml-sm-24 {
    margin-left: 6rem;
  }
  .mr-sm-24 {
    margin-right: 6rem;
  }
  .mx-sm-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .my-sm-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .p-sm-24 {
    padding: 6rem;
  }
  .pb-sm-24 {
    padding-bottom: 6rem;
  }
  .pt-sm-24 {
    padding-top: 6rem;
  }
  .pl-sm-24 {
    padding-left: 6rem;
  }
  .pr-sm-24 {
    padding-right: 6rem;
  }
  .px-sm-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .py-sm-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-24 {
    margin: 6rem;
  }
  .mb-md-24 {
    margin-bottom: 6rem;
  }
  .mt-md-24 {
    margin-top: 6rem;
  }
  .ml-md-24 {
    margin-left: 6rem;
  }
  .mr-md-24 {
    margin-right: 6rem;
  }
  .mx-md-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .my-md-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .p-md-24 {
    padding: 6rem;
  }
  .pb-md-24 {
    padding-bottom: 6rem;
  }
  .pt-md-24 {
    padding-top: 6rem;
  }
  .pl-md-24 {
    padding-left: 6rem;
  }
  .pr-md-24 {
    padding-right: 6rem;
  }
  .px-md-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .py-md-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-24 {
    margin: 6rem;
  }
  .mb-lg-24 {
    margin-bottom: 6rem;
  }
  .mt-lg-24 {
    margin-top: 6rem;
  }
  .ml-lg-24 {
    margin-left: 6rem;
  }
  .mr-lg-24 {
    margin-right: 6rem;
  }
  .mx-lg-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .my-lg-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .p-lg-24 {
    padding: 6rem;
  }
  .pb-lg-24 {
    padding-bottom: 6rem;
  }
  .pt-lg-24 {
    padding-top: 6rem;
  }
  .pl-lg-24 {
    padding-left: 6rem;
  }
  .pr-lg-24 {
    padding-right: 6rem;
  }
  .px-lg-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .py-lg-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-24 {
    margin: 6rem;
  }
  .mb-xlg-24 {
    margin-bottom: 6rem;
  }
  .mt-xlg-24 {
    margin-top: 6rem;
  }
  .ml-xlg-24 {
    margin-left: 6rem;
  }
  .mr-xlg-24 {
    margin-right: 6rem;
  }
  .mx-xlg-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .my-xlg-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .p-xlg-24 {
    padding: 6rem;
  }
  .pb-xlg-24 {
    padding-bottom: 6rem;
  }
  .pt-xlg-24 {
    padding-top: 6rem;
  }
  .pl-xlg-24 {
    padding-left: 6rem;
  }
  .pr-xlg-24 {
    padding-right: 6rem;
  }
  .px-xlg-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .py-xlg-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.m-32 {
  margin: 8rem;
}

.mb-32 {
  margin-bottom: 8rem;
}

.mt-32 {
  margin-top: 8rem;
}

.ml-32 {
  margin-left: 8rem;
}

.mr-32 {
  margin-right: 8rem;
}

.mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.p-32 {
  padding: 8rem;
}

.pb-32 {
  padding-bottom: 8rem;
}

.pt-32 {
  padding-top: 8rem;
}

.pl-32 {
  padding-left: 8rem;
}

.pr-32 {
  padding-right: 8rem;
}

.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

@media screen and (min-width: 576px) {
  .m-sm-32 {
    margin: 8rem;
  }
  .mb-sm-32 {
    margin-bottom: 8rem;
  }
  .mt-sm-32 {
    margin-top: 8rem;
  }
  .ml-sm-32 {
    margin-left: 8rem;
  }
  .mr-sm-32 {
    margin-right: 8rem;
  }
  .mx-sm-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .my-sm-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .p-sm-32 {
    padding: 8rem;
  }
  .pb-sm-32 {
    padding-bottom: 8rem;
  }
  .pt-sm-32 {
    padding-top: 8rem;
  }
  .pl-sm-32 {
    padding-left: 8rem;
  }
  .pr-sm-32 {
    padding-right: 8rem;
  }
  .px-sm-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .py-sm-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-32 {
    margin: 8rem;
  }
  .mb-md-32 {
    margin-bottom: 8rem;
  }
  .mt-md-32 {
    margin-top: 8rem;
  }
  .ml-md-32 {
    margin-left: 8rem;
  }
  .mr-md-32 {
    margin-right: 8rem;
  }
  .mx-md-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .my-md-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .p-md-32 {
    padding: 8rem;
  }
  .pb-md-32 {
    padding-bottom: 8rem;
  }
  .pt-md-32 {
    padding-top: 8rem;
  }
  .pl-md-32 {
    padding-left: 8rem;
  }
  .pr-md-32 {
    padding-right: 8rem;
  }
  .px-md-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .py-md-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-32 {
    margin: 8rem;
  }
  .mb-lg-32 {
    margin-bottom: 8rem;
  }
  .mt-lg-32 {
    margin-top: 8rem;
  }
  .ml-lg-32 {
    margin-left: 8rem;
  }
  .mr-lg-32 {
    margin-right: 8rem;
  }
  .mx-lg-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .my-lg-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .p-lg-32 {
    padding: 8rem;
  }
  .pb-lg-32 {
    padding-bottom: 8rem;
  }
  .pt-lg-32 {
    padding-top: 8rem;
  }
  .pl-lg-32 {
    padding-left: 8rem;
  }
  .pr-lg-32 {
    padding-right: 8rem;
  }
  .px-lg-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .py-lg-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-32 {
    margin: 8rem;
  }
  .mb-xlg-32 {
    margin-bottom: 8rem;
  }
  .mt-xlg-32 {
    margin-top: 8rem;
  }
  .ml-xlg-32 {
    margin-left: 8rem;
  }
  .mr-xlg-32 {
    margin-right: 8rem;
  }
  .mx-xlg-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .my-xlg-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .p-xlg-32 {
    padding: 8rem;
  }
  .pb-xlg-32 {
    padding-bottom: 8rem;
  }
  .pt-xlg-32 {
    padding-top: 8rem;
  }
  .pl-xlg-32 {
    padding-left: 8rem;
  }
  .pr-xlg-32 {
    padding-right: 8rem;
  }
  .px-xlg-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .py-xlg-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.m-40 {
  margin: 10rem;
}

.mb-40 {
  margin-bottom: 10rem;
}

.mt-40 {
  margin-top: 10rem;
}

.ml-40 {
  margin-left: 10rem;
}

.mr-40 {
  margin-right: 10rem;
}

.mx-40 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.p-40 {
  padding: 10rem;
}

.pb-40 {
  padding-bottom: 10rem;
}

.pt-40 {
  padding-top: 10rem;
}

.pl-40 {
  padding-left: 10rem;
}

.pr-40 {
  padding-right: 10rem;
}

.px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

@media screen and (min-width: 576px) {
  .m-sm-40 {
    margin: 10rem;
  }
  .mb-sm-40 {
    margin-bottom: 10rem;
  }
  .mt-sm-40 {
    margin-top: 10rem;
  }
  .ml-sm-40 {
    margin-left: 10rem;
  }
  .mr-sm-40 {
    margin-right: 10rem;
  }
  .mx-sm-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .my-sm-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .p-sm-40 {
    padding: 10rem;
  }
  .pb-sm-40 {
    padding-bottom: 10rem;
  }
  .pt-sm-40 {
    padding-top: 10rem;
  }
  .pl-sm-40 {
    padding-left: 10rem;
  }
  .pr-sm-40 {
    padding-right: 10rem;
  }
  .px-sm-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .py-sm-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-40 {
    margin: 10rem;
  }
  .mb-md-40 {
    margin-bottom: 10rem;
  }
  .mt-md-40 {
    margin-top: 10rem;
  }
  .ml-md-40 {
    margin-left: 10rem;
  }
  .mr-md-40 {
    margin-right: 10rem;
  }
  .mx-md-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .my-md-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .p-md-40 {
    padding: 10rem;
  }
  .pb-md-40 {
    padding-bottom: 10rem;
  }
  .pt-md-40 {
    padding-top: 10rem;
  }
  .pl-md-40 {
    padding-left: 10rem;
  }
  .pr-md-40 {
    padding-right: 10rem;
  }
  .px-md-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .py-md-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-40 {
    margin: 10rem;
  }
  .mb-lg-40 {
    margin-bottom: 10rem;
  }
  .mt-lg-40 {
    margin-top: 10rem;
  }
  .ml-lg-40 {
    margin-left: 10rem;
  }
  .mr-lg-40 {
    margin-right: 10rem;
  }
  .mx-lg-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .my-lg-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .p-lg-40 {
    padding: 10rem;
  }
  .pb-lg-40 {
    padding-bottom: 10rem;
  }
  .pt-lg-40 {
    padding-top: 10rem;
  }
  .pl-lg-40 {
    padding-left: 10rem;
  }
  .pr-lg-40 {
    padding-right: 10rem;
  }
  .px-lg-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .py-lg-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-40 {
    margin: 10rem;
  }
  .mb-xlg-40 {
    margin-bottom: 10rem;
  }
  .mt-xlg-40 {
    margin-top: 10rem;
  }
  .ml-xlg-40 {
    margin-left: 10rem;
  }
  .mr-xlg-40 {
    margin-right: 10rem;
  }
  .mx-xlg-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .my-xlg-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .p-xlg-40 {
    padding: 10rem;
  }
  .pb-xlg-40 {
    padding-bottom: 10rem;
  }
  .pt-xlg-40 {
    padding-top: 10rem;
  }
  .pl-xlg-40 {
    padding-left: 10rem;
  }
  .pr-xlg-40 {
    padding-right: 10rem;
  }
  .px-xlg-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .py-xlg-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
.m-48 {
  margin: 12rem;
}

.mb-48 {
  margin-bottom: 12rem;
}

.mt-48 {
  margin-top: 12rem;
}

.ml-48 {
  margin-left: 12rem;
}

.mr-48 {
  margin-right: 12rem;
}

.mx-48 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.p-48 {
  padding: 12rem;
}

.pb-48 {
  padding-bottom: 12rem;
}

.pt-48 {
  padding-top: 12rem;
}

.pl-48 {
  padding-left: 12rem;
}

.pr-48 {
  padding-right: 12rem;
}

.px-48 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

@media screen and (min-width: 576px) {
  .m-sm-48 {
    margin: 12rem;
  }
  .mb-sm-48 {
    margin-bottom: 12rem;
  }
  .mt-sm-48 {
    margin-top: 12rem;
  }
  .ml-sm-48 {
    margin-left: 12rem;
  }
  .mr-sm-48 {
    margin-right: 12rem;
  }
  .mx-sm-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .my-sm-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .p-sm-48 {
    padding: 12rem;
  }
  .pb-sm-48 {
    padding-bottom: 12rem;
  }
  .pt-sm-48 {
    padding-top: 12rem;
  }
  .pl-sm-48 {
    padding-left: 12rem;
  }
  .pr-sm-48 {
    padding-right: 12rem;
  }
  .px-sm-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .py-sm-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-48 {
    margin: 12rem;
  }
  .mb-md-48 {
    margin-bottom: 12rem;
  }
  .mt-md-48 {
    margin-top: 12rem;
  }
  .ml-md-48 {
    margin-left: 12rem;
  }
  .mr-md-48 {
    margin-right: 12rem;
  }
  .mx-md-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .my-md-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .p-md-48 {
    padding: 12rem;
  }
  .pb-md-48 {
    padding-bottom: 12rem;
  }
  .pt-md-48 {
    padding-top: 12rem;
  }
  .pl-md-48 {
    padding-left: 12rem;
  }
  .pr-md-48 {
    padding-right: 12rem;
  }
  .px-md-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .py-md-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-48 {
    margin: 12rem;
  }
  .mb-lg-48 {
    margin-bottom: 12rem;
  }
  .mt-lg-48 {
    margin-top: 12rem;
  }
  .ml-lg-48 {
    margin-left: 12rem;
  }
  .mr-lg-48 {
    margin-right: 12rem;
  }
  .mx-lg-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .my-lg-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .p-lg-48 {
    padding: 12rem;
  }
  .pb-lg-48 {
    padding-bottom: 12rem;
  }
  .pt-lg-48 {
    padding-top: 12rem;
  }
  .pl-lg-48 {
    padding-left: 12rem;
  }
  .pr-lg-48 {
    padding-right: 12rem;
  }
  .px-lg-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .py-lg-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-48 {
    margin: 12rem;
  }
  .mb-xlg-48 {
    margin-bottom: 12rem;
  }
  .mt-xlg-48 {
    margin-top: 12rem;
  }
  .ml-xlg-48 {
    margin-left: 12rem;
  }
  .mr-xlg-48 {
    margin-right: 12rem;
  }
  .mx-xlg-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .my-xlg-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .p-xlg-48 {
    padding: 12rem;
  }
  .pb-xlg-48 {
    padding-bottom: 12rem;
  }
  .pt-xlg-48 {
    padding-top: 12rem;
  }
  .pl-xlg-48 {
    padding-left: 12rem;
  }
  .pr-xlg-48 {
    padding-right: 12rem;
  }
  .px-xlg-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .py-xlg-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
.m-56 {
  margin: 14rem;
}

.mb-56 {
  margin-bottom: 14rem;
}

.mt-56 {
  margin-top: 14rem;
}

.ml-56 {
  margin-left: 14rem;
}

.mr-56 {
  margin-right: 14rem;
}

.mx-56 {
  margin-left: 14rem;
  margin-right: 14rem;
}

.my-56 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.p-56 {
  padding: 14rem;
}

.pb-56 {
  padding-bottom: 14rem;
}

.pt-56 {
  padding-top: 14rem;
}

.pl-56 {
  padding-left: 14rem;
}

.pr-56 {
  padding-right: 14rem;
}

.px-56 {
  padding-left: 14rem;
  padding-right: 14rem;
}

.py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

@media screen and (min-width: 576px) {
  .m-sm-56 {
    margin: 14rem;
  }
  .mb-sm-56 {
    margin-bottom: 14rem;
  }
  .mt-sm-56 {
    margin-top: 14rem;
  }
  .ml-sm-56 {
    margin-left: 14rem;
  }
  .mr-sm-56 {
    margin-right: 14rem;
  }
  .mx-sm-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }
  .my-sm-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }
  .p-sm-56 {
    padding: 14rem;
  }
  .pb-sm-56 {
    padding-bottom: 14rem;
  }
  .pt-sm-56 {
    padding-top: 14rem;
  }
  .pl-sm-56 {
    padding-left: 14rem;
  }
  .pr-sm-56 {
    padding-right: 14rem;
  }
  .px-sm-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .py-sm-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-56 {
    margin: 14rem;
  }
  .mb-md-56 {
    margin-bottom: 14rem;
  }
  .mt-md-56 {
    margin-top: 14rem;
  }
  .ml-md-56 {
    margin-left: 14rem;
  }
  .mr-md-56 {
    margin-right: 14rem;
  }
  .mx-md-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }
  .my-md-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }
  .p-md-56 {
    padding: 14rem;
  }
  .pb-md-56 {
    padding-bottom: 14rem;
  }
  .pt-md-56 {
    padding-top: 14rem;
  }
  .pl-md-56 {
    padding-left: 14rem;
  }
  .pr-md-56 {
    padding-right: 14rem;
  }
  .px-md-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .py-md-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-56 {
    margin: 14rem;
  }
  .mb-lg-56 {
    margin-bottom: 14rem;
  }
  .mt-lg-56 {
    margin-top: 14rem;
  }
  .ml-lg-56 {
    margin-left: 14rem;
  }
  .mr-lg-56 {
    margin-right: 14rem;
  }
  .mx-lg-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }
  .my-lg-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }
  .p-lg-56 {
    padding: 14rem;
  }
  .pb-lg-56 {
    padding-bottom: 14rem;
  }
  .pt-lg-56 {
    padding-top: 14rem;
  }
  .pl-lg-56 {
    padding-left: 14rem;
  }
  .pr-lg-56 {
    padding-right: 14rem;
  }
  .px-lg-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .py-lg-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-56 {
    margin: 14rem;
  }
  .mb-xlg-56 {
    margin-bottom: 14rem;
  }
  .mt-xlg-56 {
    margin-top: 14rem;
  }
  .ml-xlg-56 {
    margin-left: 14rem;
  }
  .mr-xlg-56 {
    margin-right: 14rem;
  }
  .mx-xlg-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }
  .my-xlg-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }
  .p-xlg-56 {
    padding: 14rem;
  }
  .pb-xlg-56 {
    padding-bottom: 14rem;
  }
  .pt-xlg-56 {
    padding-top: 14rem;
  }
  .pl-xlg-56 {
    padding-left: 14rem;
  }
  .pr-xlg-56 {
    padding-right: 14rem;
  }
  .px-xlg-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .py-xlg-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
.m-64 {
  margin: 16rem;
}

.mb-64 {
  margin-bottom: 16rem;
}

.mt-64 {
  margin-top: 16rem;
}

.ml-64 {
  margin-left: 16rem;
}

.mr-64 {
  margin-right: 16rem;
}

.mx-64 {
  margin-left: 16rem;
  margin-right: 16rem;
}

.my-64 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.p-64 {
  padding: 16rem;
}

.pb-64 {
  padding-bottom: 16rem;
}

.pt-64 {
  padding-top: 16rem;
}

.pl-64 {
  padding-left: 16rem;
}

.pr-64 {
  padding-right: 16rem;
}

.px-64 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

@media screen and (min-width: 576px) {
  .m-sm-64 {
    margin: 16rem;
  }
  .mb-sm-64 {
    margin-bottom: 16rem;
  }
  .mt-sm-64 {
    margin-top: 16rem;
  }
  .ml-sm-64 {
    margin-left: 16rem;
  }
  .mr-sm-64 {
    margin-right: 16rem;
  }
  .mx-sm-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .my-sm-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .p-sm-64 {
    padding: 16rem;
  }
  .pb-sm-64 {
    padding-bottom: 16rem;
  }
  .pt-sm-64 {
    padding-top: 16rem;
  }
  .pl-sm-64 {
    padding-left: 16rem;
  }
  .pr-sm-64 {
    padding-right: 16rem;
  }
  .px-sm-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .py-sm-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-64 {
    margin: 16rem;
  }
  .mb-md-64 {
    margin-bottom: 16rem;
  }
  .mt-md-64 {
    margin-top: 16rem;
  }
  .ml-md-64 {
    margin-left: 16rem;
  }
  .mr-md-64 {
    margin-right: 16rem;
  }
  .mx-md-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .my-md-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .p-md-64 {
    padding: 16rem;
  }
  .pb-md-64 {
    padding-bottom: 16rem;
  }
  .pt-md-64 {
    padding-top: 16rem;
  }
  .pl-md-64 {
    padding-left: 16rem;
  }
  .pr-md-64 {
    padding-right: 16rem;
  }
  .px-md-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .py-md-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-64 {
    margin: 16rem;
  }
  .mb-lg-64 {
    margin-bottom: 16rem;
  }
  .mt-lg-64 {
    margin-top: 16rem;
  }
  .ml-lg-64 {
    margin-left: 16rem;
  }
  .mr-lg-64 {
    margin-right: 16rem;
  }
  .mx-lg-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .my-lg-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .p-lg-64 {
    padding: 16rem;
  }
  .pb-lg-64 {
    padding-bottom: 16rem;
  }
  .pt-lg-64 {
    padding-top: 16rem;
  }
  .pl-lg-64 {
    padding-left: 16rem;
  }
  .pr-lg-64 {
    padding-right: 16rem;
  }
  .px-lg-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .py-lg-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-64 {
    margin: 16rem;
  }
  .mb-xlg-64 {
    margin-bottom: 16rem;
  }
  .mt-xlg-64 {
    margin-top: 16rem;
  }
  .ml-xlg-64 {
    margin-left: 16rem;
  }
  .mr-xlg-64 {
    margin-right: 16rem;
  }
  .mx-xlg-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .my-xlg-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .p-xlg-64 {
    padding: 16rem;
  }
  .pb-xlg-64 {
    padding-bottom: 16rem;
  }
  .pt-xlg-64 {
    padding-top: 16rem;
  }
  .pl-xlg-64 {
    padding-left: 16rem;
  }
  .pr-xlg-64 {
    padding-right: 16rem;
  }
  .px-xlg-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .py-xlg-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
.m-80 {
  margin: 20rem;
}

.mb-80 {
  margin-bottom: 20rem;
}

.mt-80 {
  margin-top: 20rem;
}

.ml-80 {
  margin-left: 20rem;
}

.mr-80 {
  margin-right: 20rem;
}

.mx-80 {
  margin-left: 20rem;
  margin-right: 20rem;
}

.my-80 {
  margin-top: 20rem;
  margin-bottom: 20rem;
}

.p-80 {
  padding: 20rem;
}

.pb-80 {
  padding-bottom: 20rem;
}

.pt-80 {
  padding-top: 20rem;
}

.pl-80 {
  padding-left: 20rem;
}

.pr-80 {
  padding-right: 20rem;
}

.px-80 {
  padding-left: 20rem;
  padding-right: 20rem;
}

.py-80 {
  padding-top: 20rem;
  padding-bottom: 20rem;
}

@media screen and (min-width: 576px) {
  .m-sm-80 {
    margin: 20rem;
  }
  .mb-sm-80 {
    margin-bottom: 20rem;
  }
  .mt-sm-80 {
    margin-top: 20rem;
  }
  .ml-sm-80 {
    margin-left: 20rem;
  }
  .mr-sm-80 {
    margin-right: 20rem;
  }
  .mx-sm-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }
  .my-sm-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }
  .p-sm-80 {
    padding: 20rem;
  }
  .pb-sm-80 {
    padding-bottom: 20rem;
  }
  .pt-sm-80 {
    padding-top: 20rem;
  }
  .pl-sm-80 {
    padding-left: 20rem;
  }
  .pr-sm-80 {
    padding-right: 20rem;
  }
  .px-sm-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .py-sm-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-80 {
    margin: 20rem;
  }
  .mb-md-80 {
    margin-bottom: 20rem;
  }
  .mt-md-80 {
    margin-top: 20rem;
  }
  .ml-md-80 {
    margin-left: 20rem;
  }
  .mr-md-80 {
    margin-right: 20rem;
  }
  .mx-md-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }
  .my-md-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }
  .p-md-80 {
    padding: 20rem;
  }
  .pb-md-80 {
    padding-bottom: 20rem;
  }
  .pt-md-80 {
    padding-top: 20rem;
  }
  .pl-md-80 {
    padding-left: 20rem;
  }
  .pr-md-80 {
    padding-right: 20rem;
  }
  .px-md-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .py-md-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-80 {
    margin: 20rem;
  }
  .mb-lg-80 {
    margin-bottom: 20rem;
  }
  .mt-lg-80 {
    margin-top: 20rem;
  }
  .ml-lg-80 {
    margin-left: 20rem;
  }
  .mr-lg-80 {
    margin-right: 20rem;
  }
  .mx-lg-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }
  .my-lg-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }
  .p-lg-80 {
    padding: 20rem;
  }
  .pb-lg-80 {
    padding-bottom: 20rem;
  }
  .pt-lg-80 {
    padding-top: 20rem;
  }
  .pl-lg-80 {
    padding-left: 20rem;
  }
  .pr-lg-80 {
    padding-right: 20rem;
  }
  .px-lg-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .py-lg-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-80 {
    margin: 20rem;
  }
  .mb-xlg-80 {
    margin-bottom: 20rem;
  }
  .mt-xlg-80 {
    margin-top: 20rem;
  }
  .ml-xlg-80 {
    margin-left: 20rem;
  }
  .mr-xlg-80 {
    margin-right: 20rem;
  }
  .mx-xlg-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }
  .my-xlg-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }
  .p-xlg-80 {
    padding: 20rem;
  }
  .pb-xlg-80 {
    padding-bottom: 20rem;
  }
  .pt-xlg-80 {
    padding-top: 20rem;
  }
  .pl-xlg-80 {
    padding-left: 20rem;
  }
  .pr-xlg-80 {
    padding-right: 20rem;
  }
  .px-xlg-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .py-xlg-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
.m-auto {
  margin: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.mt-auto {
  margin-top: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.p-auto {
  padding: auto;
}

.pb-auto {
  padding-bottom: auto;
}

.pt-auto {
  padding-top: auto;
}

.pl-auto {
  padding-left: auto;
}

.pr-auto {
  padding-right: auto;
}

.px-auto {
  padding-left: auto;
  padding-right: auto;
}

.py-auto {
  padding-top: auto;
  padding-bottom: auto;
}

@media screen and (min-width: 576px) {
  .m-sm-auto {
    margin: auto;
  }
  .mb-sm-auto {
    margin-bottom: auto;
  }
  .mt-sm-auto {
    margin-top: auto;
  }
  .ml-sm-auto {
    margin-left: auto;
  }
  .mr-sm-auto {
    margin-right: auto;
  }
  .mx-sm-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .my-sm-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .p-sm-auto {
    padding: auto;
  }
  .pb-sm-auto {
    padding-bottom: auto;
  }
  .pt-sm-auto {
    padding-top: auto;
  }
  .pl-sm-auto {
    padding-left: auto;
  }
  .pr-sm-auto {
    padding-right: auto;
  }
  .px-sm-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .py-sm-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
}
@media screen and (min-width: 768px) {
  .m-md-auto {
    margin: auto;
  }
  .mb-md-auto {
    margin-bottom: auto;
  }
  .mt-md-auto {
    margin-top: auto;
  }
  .ml-md-auto {
    margin-left: auto;
  }
  .mr-md-auto {
    margin-right: auto;
  }
  .mx-md-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .my-md-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .p-md-auto {
    padding: auto;
  }
  .pb-md-auto {
    padding-bottom: auto;
  }
  .pt-md-auto {
    padding-top: auto;
  }
  .pl-md-auto {
    padding-left: auto;
  }
  .pr-md-auto {
    padding-right: auto;
  }
  .px-md-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .py-md-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-auto {
    margin: auto;
  }
  .mb-lg-auto {
    margin-bottom: auto;
  }
  .mt-lg-auto {
    margin-top: auto;
  }
  .ml-lg-auto {
    margin-left: auto;
  }
  .mr-lg-auto {
    margin-right: auto;
  }
  .mx-lg-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .my-lg-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .p-lg-auto {
    padding: auto;
  }
  .pb-lg-auto {
    padding-bottom: auto;
  }
  .pt-lg-auto {
    padding-top: auto;
  }
  .pl-lg-auto {
    padding-left: auto;
  }
  .pr-lg-auto {
    padding-right: auto;
  }
  .px-lg-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .py-lg-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-auto {
    margin: auto;
  }
  .mb-xlg-auto {
    margin-bottom: auto;
  }
  .mt-xlg-auto {
    margin-top: auto;
  }
  .ml-xlg-auto {
    margin-left: auto;
  }
  .mr-xlg-auto {
    margin-right: auto;
  }
  .mx-xlg-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .my-xlg-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .p-xlg-auto {
    padding: auto;
  }
  .pb-xlg-auto {
    padding-bottom: auto;
  }
  .pt-xlg-auto {
    padding-top: auto;
  }
  .pl-xlg-auto {
    padding-left: auto;
  }
  .pr-xlg-auto {
    padding-right: auto;
  }
  .px-xlg-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .py-xlg-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
}
h3 {
  font-weight: 500;
  font-size: 18px;
}
@media (min-width: 768px) {
  h3 {
    font-size: 24px;
  }
}

.flex-fill {
  flex: 1 1 auto;
}

.no-margin {
  margin: 0 !important;
}

@font-face {
  font-family: "Thermal";
  src: url("/assets/fonts/Thermal/Thermal-VF-Thin-Text.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "p22-underground-regular";
  src: url("/assets/fonts/P22 Underground Pro/P22UndergroundPro-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "p22-underground-semibold";
  src: url("/assets/fonts/P22 Underground Pro/P22UndergroundPro-SemiBold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "p22-underground-light";
  src: url("/assets/fonts/P22 Underground Pro/P22UndergroundPro-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/*# sourceMappingURL=styles.38e9be19b800da0c.css.map*/