/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/frontend/scss/main.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*--------------------------------------------------------------
# Variables & Mixins (must come first - @use rules)
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Design Tokens (Main Import)
# Source: design-system/tokens.json (DTCG format)
#
# This file aggregates all token categories and exposes them
# through a single import point.
#
# Usage:
#   @use 'abstracts/tokens' as *;
#
# Available tokens:
#   - Colors: $color-navy, color('navy'), color-text('heading'), etc.
#   - Spacing: $spacing-4, spacing(4), spacing-semantic('md'), etc.
#   - Typography: $font-size-base, font-size('base'), $heading-h1, etc.
#   - Borders: border-radius('medium'), border-width('form-field')
#   - Breakpoints: breakpoint('tablet'), @include media-up('tablet')
#   - Shadows: shadow('medium'), @include box-shadow('medium')
#   - CSS Custom Properties: Automatically included in :root
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# AUTO-GENERATED — DO NOT EDIT
# Source: design-system/tokens.json
# Generator: bin/build-tokens.js
# To modify, edit tokens.json and run: npm run tokens:build
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# AUTO-GENERATED — DO NOT EDIT
# Source: design-system/tokens.json
# Generator: bin/build-tokens.js
# To modify, edit tokens.json and run: npm run tokens:build
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# AUTO-GENERATED — DO NOT EDIT
# Source: design-system/tokens.json
# Generator: bin/build-tokens.js
# To modify, edit tokens.json and run: npm run tokens:build
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# AUTO-GENERATED — DO NOT EDIT
# Source: design-system/tokens.json
# Generator: bin/build-tokens.js
# To modify, edit tokens.json and run: npm run tokens:build
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# AUTO-GENERATED — DO NOT EDIT
# Source: design-system/tokens.json
# Generator: bin/build-tokens.js
# To modify, edit tokens.json and run: npm run tokens:build
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# AUTO-GENERATED — DO NOT EDIT
# Source: design-system/tokens.json
# Generator: bin/build-tokens.js
# To modify, edit tokens.json and run: npm run tokens:build
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# AUTO-GENERATED — DO NOT EDIT
# Source: design-system/tokens.json
# Generator: bin/build-tokens.js
# To modify, edit tokens.json and run: npm run tokens:build
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# AUTO-GENERATED — DO NOT EDIT
# Source: design-system/tokens.json
# Generator: bin/build-tokens.js
# To modify, edit tokens.json and run: npm run tokens:build
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Design Tokens (Main Import)
# Source: design-system/tokens.json (DTCG format)
#
# This file aggregates all token categories and exposes them
# through a single import point.
#
# Usage:
#   @use 'abstracts/tokens' as *;
#
# Available tokens:
#   - Colors: $color-navy, color('navy'), color-text('heading'), etc.
#   - Spacing: $spacing-4, spacing(4), spacing-semantic('md'), etc.
#   - Typography: $font-size-base, font-size('base'), $heading-h1, etc.
#   - Borders: border-radius('medium'), border-width('form-field')
#   - Breakpoints: breakpoint('tablet'), @include media-up('tablet')
#   - Shadows: shadow('medium'), @include box-shadow('medium')
#   - CSS Custom Properties: Automatically included in :root
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# AUTO-GENERATED — DO NOT EDIT
# Source: design-system/tokens.json
# Generator: bin/build-tokens.js
# To modify, edit tokens.json and run: npm run tokens:build
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Transitions
--------------------------------------------------------------*/
:root {
  --color-primitive-navy: #003b5c;
  --color-primitive-teal: #00aec7;
  --color-primitive-warm-gray: #d7d2cb;
  --color-primitive-cool-gray: #63666a;
  --color-background-light: #f9f7f3;
  --color-background-dark: #282828;
  --color-background-silver: #f3f2f6;
  --color-text-heading: #003b5c;
  --color-text-body: #191e3b;
  --color-text-faint: #666666;
  --color-text-light: #ffffff;
  --color-notice-error: #ff0000;
  --color-notice-affirmative: #00b56d;
  --color-notice-informational: #00AEC7;
  --color-role-primary: #003b5c;
  --color-role-secondary: #00aec7;
  --color-role-neutral: #63666a;
  --color-white: #fff;
  --color-black: #000;
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-13: 3.25rem;
  --spacing-14: 3.5rem;
  --spacing-15: 3.75rem;
  --spacing-16: 4rem;
  --spacing-semantic-xxs: 0.25rem;
  --spacing-semantic-xs: 0.5rem;
  --spacing-semantic-sm: 1rem;
  --spacing-semantic-md: 2rem;
  --spacing-semantic-xmd: 1.5rem;
  --spacing-semantic-lg: 3rem;
  --spacing-semantic-xl: 4rem;
  --spacing-semantic-xxl: 5rem;
  --spacing-semantic-xxxl: 6.25rem;
  --spacing-semantic-4xl: 7.5rem;
  --spacing-semantic-5xl: 9rem;
  --spacing-semantic-6xl: 10.5rem;
  --spacing-semantic-7xl: 12rem;
  --spacing-semantic-8xl: 14rem;
  --spacing-layout-form-label-gap: 1rem;
  --spacing-layout-section-padding: 6.25rem;
  --spacing-layout-section-padding-xl: 9.375rem;
  --spacing-layout-section-padding-mobile: 3.75rem;
  --spacing-layout-section-padding-inline: 3.75rem;
  --spacing-layout-section-padding-inline-mobile: 1.875rem;
  --spacing-layout-section-gap: 6.25rem;
  --spacing-layout-section-gap-mobile: 4rem;
  --spacing-layout-section-max-width: 90rem;
  --spacing-layout-section-narrow-width: 59.375rem;
  --spacing-layout-container-gap: 4rem;
  --spacing-layout-grid-column-gap: 1.875rem;
  --spacing-layout-grid-column-gap-wide: 3.75rem;
  --spacing-layout-grid-row-gap: 1.875rem;
  --spacing-layout-grid-row-gap-wide: 3.75rem;
  --spacing-layout-column-gap: 2rem;
  --spacing-layout-card-gap: 2rem;
  --spacing-layout-card-padding: 1.875rem;
  --spacing-layout-card-padding-lg: 3.75rem;
  --spacing-layout-card-content-gap: 2.5rem;
  --spacing-layout-block-gap: 1.875rem;
  --spacing-layout-form-row-gap: 3rem;
  --spacing-layout-form-column-gap: 1rem;
  --container-max-width: var(--spacing-layout-section-max-width);
  --gb-container-width: var(--spacing-layout-section-max-width);
  --spacing-button-padding-horizontal: 3rem;
  --spacing-button-padding-vertical: 0.875rem;
  --spacing-button-padding-horizontal-lg: 3.5rem;
  --spacing-button-padding-vertical-lg: 1.25rem;
  --spacing-button-padding-horizontal-sm: 1.5rem;
  --spacing-button-padding-vertical-sm: 0.5rem;
  --font-family-heading: Gilroy, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --font-family-body: Gilroy, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 4rem;
  --font-size-h1: clamp(2.5rem, 2.286vw + 1.943rem, 4rem);
  --font-size-h2: clamp(2rem, 1.524vw + 1.629rem, 3rem);
  --font-size-h3: clamp(1.5rem, 0.762vw + 1.314rem, 2rem);
  --font-size-h4: clamp(1.25rem, 0.381vw + 1.157rem, 1.5rem);
  --font-size-h5: 1.25rem;
  --font-size-h6: 1.125rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: normal;
  --line-height-subtext: 1.75;
  --line-height-body: 1.77778;
  --line-height-relaxed: 1.75;
  --line-height-h1: 0.969;
  --line-height-h2: 1.167;
  --line-height-h3: 1.375;
  --line-height-h4: 1.417;
  --line-height-h5: 1.5;
  --line-height-h6: 1.444;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.08em;
  --paragraph-spacing-none: 0;
  --paragraph-spacing-sm: 0.5rem;
  --paragraph-spacing-base: 1rem;
  --eyebrow-text-font-size: 0.875rem;
  --eyebrow-text-font-weight: 600;
  --eyebrow-text-line-height: 1.25;
  --eyebrow-text-letter-spacing: 0.08em;
  --eyebrow-text-text-transform: uppercase;
  --border-radius-small: 0.1875rem;
  --border-radius-medium: 0.375rem;
  --border-radius-large: 0.5rem;
  --border-radius-button: 0;
  --border-radius-form: 0;
  --border-width-form-field: 0.0625rem;
  --border-color-standard: #003b5c;
  --border-color-light: #dddddd;
  --border-color-light-navy: #2b5c78;
  --breakpoint-phone: 48rem;
  --breakpoint-tablet: 64rem;
  --breakpoint-laptop: 80rem;
  --breakpoint-desktop: 90rem;
  --breakpoint-large-desktop: 100rem;
  --shadow-small: 0.1875rem 0.1875rem 0.25rem 0 rgba(0, 0, 0, 0.08), 0.5rem 0.625rem 1.5625rem 0 rgba(0, 0, 0, 0.21);
  --shadow-medium: 0.5rem 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.08);
  --shadow-large: 0.5rem 1.25rem 2.75rem 0 rgba(0, 0, 0, 0.06);
  --icon-size-xs: 0.75rem;
  --icon-size-sm: 1rem;
  --icon-size-md: 1.5rem;
  --icon-size-lg: 2rem;
  --icon-size-xl: 3rem;
  --icon-size-2xl: 4rem;
  --component-blockquote-border-width: 0.3125rem;
  --component-blockquote-border-color: #00aec7;
  --component-blockquote-padding-left: 1.25rem;
  --component-cards-card-width: 337px;
  --component-cards-team-card-width: 337px;
  --component-cards-news-card-width: 337px;
  --component-cards-icon-card-width: 337px;
  --component-pagination-item-size: 2.1875rem;
  --component-pagination-item-gap: 0.25rem;
  --component-pagination-item-padding-vertical: 0.625rem;
  --component-pagination-item-border-radius: 0;
  --transition-base: all 0.3s ease-in-out;
}

/*--------------------------------------------------------------
# SCSS Variables (Non-Token Utilities)
#
# This file contains ONLY utility variables that are NOT part of the design tokens.
# All design tokens (colors, spacing, typography, borders, breakpoints, shadows) are
# managed in abstracts/tokens/ and sourced from design-system/tokens.json
#
# Only keep variables here for:
# - Z-index layering
# - Animation/transition timing
# - Other build-time utilities
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Design Tokens (Main Import)
# Source: design-system/tokens.json (DTCG format)
#
# This file aggregates all token categories and exposes them
# through a single import point.
#
# Usage:
#   @use 'abstracts/tokens' as *;
#
# Available tokens:
#   - Colors: $color-navy, color('navy'), color-text('heading'), etc.
#   - Spacing: $spacing-4, spacing(4), spacing-semantic('md'), etc.
#   - Typography: $font-size-base, font-size('base'), $heading-h1, etc.
#   - Borders: border-radius('medium'), border-width('form-field')
#   - Breakpoints: breakpoint('tablet'), @include media-up('tablet')
#   - Shadows: shadow('medium'), @include box-shadow('medium')
#   - CSS Custom Properties: Automatically included in :root
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Utility Classes (Token-based)
# Generated dynamically from design tokens
# Uses CSS custom properties for runtime theming
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Color Utilities
--------------------------------------------------------------*/
.color-primitive-navy {
  color: var(--color-primitive-navy);
}

.color-primitive-teal {
  color: var(--color-primitive-teal);
}

.color-primitive-warm-gray {
  color: var(--color-primitive-warm-gray);
}

.color-primitive-cool-gray {
  color: var(--color-primitive-cool-gray);
}

.bg-color-primitive-navy {
  background-color: var(--color-primitive-navy);
}

.bg-color-primitive-teal {
  background-color: var(--color-primitive-teal);
}

.bg-color-primitive-warm-gray {
  background-color: var(--color-primitive-warm-gray);
}

.bg-color-primitive-cool-gray {
  background-color: var(--color-primitive-cool-gray);
}

.border-color-primitive-navy {
  border-color: var(--color-primitive-navy);
}

.border-color-primitive-teal {
  border-color: var(--color-primitive-teal);
}

.border-color-primitive-warm-gray {
  border-color: var(--color-primitive-warm-gray);
}

.border-color-primitive-cool-gray {
  border-color: var(--color-primitive-cool-gray);
}

.color-background-light {
  color: var(--color-background-light);
}

.color-background-dark {
  color: var(--color-background-dark);
}

.color-background-silver {
  color: var(--color-background-silver);
}

.bg-color-background-light {
  background-color: var(--color-background-light);
}

.bg-color-background-dark {
  background-color: var(--color-background-dark);
}

.bg-color-background-silver {
  background-color: var(--color-background-silver);
}

.border-color-background-light {
  border-color: var(--color-background-light);
}

.border-color-background-dark {
  border-color: var(--color-background-dark);
}

.border-color-background-silver {
  border-color: var(--color-background-silver);
}

.color-text-heading {
  color: var(--color-text-heading);
}

.color-text-body {
  color: var(--color-text-body);
}

.color-text-faint {
  color: var(--color-text-faint);
}

.color-text-light {
  color: var(--color-text-light);
}

.bg-color-text-heading {
  background-color: var(--color-text-heading);
}

.bg-color-text-body {
  background-color: var(--color-text-body);
}

.bg-color-text-faint {
  background-color: var(--color-text-faint);
}

.bg-color-text-light {
  background-color: var(--color-text-light);
}

.border-color-text-heading {
  border-color: var(--color-text-heading);
}

.border-color-text-body {
  border-color: var(--color-text-body);
}

.border-color-text-faint {
  border-color: var(--color-text-faint);
}

.border-color-text-light {
  border-color: var(--color-text-light);
}

.color-notice-error {
  color: var(--color-notice-error);
}

.color-notice-affirmative {
  color: var(--color-notice-affirmative);
}

.color-notice-informational {
  color: var(--color-notice-informational);
}

.bg-color-notice-error {
  background-color: var(--color-notice-error);
}

.bg-color-notice-affirmative {
  background-color: var(--color-notice-affirmative);
}

.bg-color-notice-informational {
  background-color: var(--color-notice-informational);
}

.border-color-notice-error {
  border-color: var(--color-notice-error);
}

.border-color-notice-affirmative {
  border-color: var(--color-notice-affirmative);
}

.border-color-notice-informational {
  border-color: var(--color-notice-informational);
}

/*--------------------------------------------------------------
## Spacing Utilities - Numeric Scale (0-16)
--------------------------------------------------------------*/
.m-0 {
  margin: var(--spacing-0);
}

.m-1 {
  margin: var(--spacing-1);
}

.m-2 {
  margin: var(--spacing-2);
}

.m-3 {
  margin: var(--spacing-3);
}

.m-4 {
  margin: var(--spacing-4);
}

.m-5 {
  margin: var(--spacing-5);
}

.m-6 {
  margin: var(--spacing-6);
}

.m-7 {
  margin: var(--spacing-7);
}

.m-8 {
  margin: var(--spacing-8);
}

.m-9 {
  margin: var(--spacing-9);
}

.m-10 {
  margin: var(--spacing-10);
}

.m-11 {
  margin: var(--spacing-11);
}

.m-12 {
  margin: var(--spacing-12);
}

.m-13 {
  margin: var(--spacing-13);
}

.m-14 {
  margin: var(--spacing-14);
}

.m-15 {
  margin: var(--spacing-15);
}

.m-16 {
  margin: var(--spacing-16);
}

.mt-0 {
  margin-top: var(--spacing-0);
}

.mt-1 {
  margin-top: var(--spacing-1);
}

.mt-2 {
  margin-top: var(--spacing-2);
}

.mt-3 {
  margin-top: var(--spacing-3);
}

.mt-4 {
  margin-top: var(--spacing-4);
}

.mt-5 {
  margin-top: var(--spacing-5);
}

.mt-6 {
  margin-top: var(--spacing-6);
}

.mt-7 {
  margin-top: var(--spacing-7);
}

.mt-8 {
  margin-top: var(--spacing-8);
}

.mt-9 {
  margin-top: var(--spacing-9);
}

.mt-10 {
  margin-top: var(--spacing-10);
}

.mt-11 {
  margin-top: var(--spacing-11);
}

.mt-12 {
  margin-top: var(--spacing-12);
}

.mt-13 {
  margin-top: var(--spacing-13);
}

.mt-14 {
  margin-top: var(--spacing-14);
}

.mt-15 {
  margin-top: var(--spacing-15);
}

.mt-16 {
  margin-top: var(--spacing-16);
}

.mr-0 {
  margin-right: var(--spacing-0);
}

.mr-1 {
  margin-right: var(--spacing-1);
}

.mr-2 {
  margin-right: var(--spacing-2);
}

.mr-3 {
  margin-right: var(--spacing-3);
}

.mr-4 {
  margin-right: var(--spacing-4);
}

.mr-5 {
  margin-right: var(--spacing-5);
}

.mr-6 {
  margin-right: var(--spacing-6);
}

.mr-7 {
  margin-right: var(--spacing-7);
}

.mr-8 {
  margin-right: var(--spacing-8);
}

.mr-9 {
  margin-right: var(--spacing-9);
}

.mr-10 {
  margin-right: var(--spacing-10);
}

.mr-11 {
  margin-right: var(--spacing-11);
}

.mr-12 {
  margin-right: var(--spacing-12);
}

.mr-13 {
  margin-right: var(--spacing-13);
}

.mr-14 {
  margin-right: var(--spacing-14);
}

.mr-15 {
  margin-right: var(--spacing-15);
}

.mr-16 {
  margin-right: var(--spacing-16);
}

.mb-0 {
  margin-bottom: var(--spacing-0);
}

.mb-1 {
  margin-bottom: var(--spacing-1);
}

.mb-2 {
  margin-bottom: var(--spacing-2);
}

.mb-3 {
  margin-bottom: var(--spacing-3);
}

.mb-4 {
  margin-bottom: var(--spacing-4);
}

.mb-5 {
  margin-bottom: var(--spacing-5);
}

.mb-6 {
  margin-bottom: var(--spacing-6);
}

.mb-7 {
  margin-bottom: var(--spacing-7);
}

.mb-8 {
  margin-bottom: var(--spacing-8);
}

.mb-9 {
  margin-bottom: var(--spacing-9);
}

.mb-10 {
  margin-bottom: var(--spacing-10);
}

.mb-11 {
  margin-bottom: var(--spacing-11);
}

.mb-12 {
  margin-bottom: var(--spacing-12);
}

.mb-13 {
  margin-bottom: var(--spacing-13);
}

.mb-14 {
  margin-bottom: var(--spacing-14);
}

.mb-15 {
  margin-bottom: var(--spacing-15);
}

.mb-16 {
  margin-bottom: var(--spacing-16);
}

.ml-0 {
  margin-left: var(--spacing-0);
}

.ml-1 {
  margin-left: var(--spacing-1);
}

.ml-2 {
  margin-left: var(--spacing-2);
}

.ml-3 {
  margin-left: var(--spacing-3);
}

.ml-4 {
  margin-left: var(--spacing-4);
}

.ml-5 {
  margin-left: var(--spacing-5);
}

.ml-6 {
  margin-left: var(--spacing-6);
}

.ml-7 {
  margin-left: var(--spacing-7);
}

.ml-8 {
  margin-left: var(--spacing-8);
}

.ml-9 {
  margin-left: var(--spacing-9);
}

.ml-10 {
  margin-left: var(--spacing-10);
}

.ml-11 {
  margin-left: var(--spacing-11);
}

.ml-12 {
  margin-left: var(--spacing-12);
}

.ml-13 {
  margin-left: var(--spacing-13);
}

.ml-14 {
  margin-left: var(--spacing-14);
}

.ml-15 {
  margin-left: var(--spacing-15);
}

.ml-16 {
  margin-left: var(--spacing-16);
}

.mx-0 {
  margin-left: var(--spacing-0);
  margin-right: var(--spacing-0);
}

.mx-1 {
  margin-left: var(--spacing-1);
  margin-right: var(--spacing-1);
}

.mx-2 {
  margin-left: var(--spacing-2);
  margin-right: var(--spacing-2);
}

.mx-3 {
  margin-left: var(--spacing-3);
  margin-right: var(--spacing-3);
}

.mx-4 {
  margin-left: var(--spacing-4);
  margin-right: var(--spacing-4);
}

.mx-5 {
  margin-left: var(--spacing-5);
  margin-right: var(--spacing-5);
}

.mx-6 {
  margin-left: var(--spacing-6);
  margin-right: var(--spacing-6);
}

.mx-7 {
  margin-left: var(--spacing-7);
  margin-right: var(--spacing-7);
}

.mx-8 {
  margin-left: var(--spacing-8);
  margin-right: var(--spacing-8);
}

.mx-9 {
  margin-left: var(--spacing-9);
  margin-right: var(--spacing-9);
}

.mx-10 {
  margin-left: var(--spacing-10);
  margin-right: var(--spacing-10);
}

.mx-11 {
  margin-left: var(--spacing-11);
  margin-right: var(--spacing-11);
}

.mx-12 {
  margin-left: var(--spacing-12);
  margin-right: var(--spacing-12);
}

.mx-13 {
  margin-left: var(--spacing-13);
  margin-right: var(--spacing-13);
}

.mx-14 {
  margin-left: var(--spacing-14);
  margin-right: var(--spacing-14);
}

.mx-15 {
  margin-left: var(--spacing-15);
  margin-right: var(--spacing-15);
}

.mx-16 {
  margin-left: var(--spacing-16);
  margin-right: var(--spacing-16);
}

.my-0 {
  margin-top: var(--spacing-0);
  margin-bottom: var(--spacing-0);
}

.my-1 {
  margin-top: var(--spacing-1);
  margin-bottom: var(--spacing-1);
}

.my-2 {
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
}

.my-3 {
  margin-top: var(--spacing-3);
  margin-bottom: var(--spacing-3);
}

.my-4 {
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}

.my-5 {
  margin-top: var(--spacing-5);
  margin-bottom: var(--spacing-5);
}

.my-6 {
  margin-top: var(--spacing-6);
  margin-bottom: var(--spacing-6);
}

.my-7 {
  margin-top: var(--spacing-7);
  margin-bottom: var(--spacing-7);
}

.my-8 {
  margin-top: var(--spacing-8);
  margin-bottom: var(--spacing-8);
}

.my-9 {
  margin-top: var(--spacing-9);
  margin-bottom: var(--spacing-9);
}

.my-10 {
  margin-top: var(--spacing-10);
  margin-bottom: var(--spacing-10);
}

.my-11 {
  margin-top: var(--spacing-11);
  margin-bottom: var(--spacing-11);
}

.my-12 {
  margin-top: var(--spacing-12);
  margin-bottom: var(--spacing-12);
}

.my-13 {
  margin-top: var(--spacing-13);
  margin-bottom: var(--spacing-13);
}

.my-14 {
  margin-top: var(--spacing-14);
  margin-bottom: var(--spacing-14);
}

.my-15 {
  margin-top: var(--spacing-15);
  margin-bottom: var(--spacing-15);
}

.my-16 {
  margin-top: var(--spacing-16);
  margin-bottom: var(--spacing-16);
}

.p-0 {
  padding: var(--spacing-0);
}

.p-1 {
  padding: var(--spacing-1);
}

.p-2 {
  padding: var(--spacing-2);
}

.p-3 {
  padding: var(--spacing-3);
}

.p-4 {
  padding: var(--spacing-4);
}

.p-5 {
  padding: var(--spacing-5);
}

.p-6 {
  padding: var(--spacing-6);
}

.p-7 {
  padding: var(--spacing-7);
}

.p-8 {
  padding: var(--spacing-8);
}

.p-9 {
  padding: var(--spacing-9);
}

.p-10 {
  padding: var(--spacing-10);
}

.p-11 {
  padding: var(--spacing-11);
}

.p-12 {
  padding: var(--spacing-12);
}

.p-13 {
  padding: var(--spacing-13);
}

.p-14 {
  padding: var(--spacing-14);
}

.p-15 {
  padding: var(--spacing-15);
}

.p-16 {
  padding: var(--spacing-16);
}

.pt-0 {
  padding-top: var(--spacing-0);
}

.pt-1 {
  padding-top: var(--spacing-1);
}

.pt-2 {
  padding-top: var(--spacing-2);
}

.pt-3 {
  padding-top: var(--spacing-3);
}

.pt-4 {
  padding-top: var(--spacing-4);
}

.pt-5 {
  padding-top: var(--spacing-5);
}

.pt-6 {
  padding-top: var(--spacing-6);
}

.pt-7 {
  padding-top: var(--spacing-7);
}

.pt-8 {
  padding-top: var(--spacing-8);
}

.pt-9 {
  padding-top: var(--spacing-9);
}

.pt-10 {
  padding-top: var(--spacing-10);
}

.pt-11 {
  padding-top: var(--spacing-11);
}

.pt-12 {
  padding-top: var(--spacing-12);
}

.pt-13 {
  padding-top: var(--spacing-13);
}

.pt-14 {
  padding-top: var(--spacing-14);
}

.pt-15 {
  padding-top: var(--spacing-15);
}

.pt-16 {
  padding-top: var(--spacing-16);
}

.pr-0 {
  padding-right: var(--spacing-0);
}

.pr-1 {
  padding-right: var(--spacing-1);
}

.pr-2 {
  padding-right: var(--spacing-2);
}

.pr-3 {
  padding-right: var(--spacing-3);
}

.pr-4 {
  padding-right: var(--spacing-4);
}

.pr-5 {
  padding-right: var(--spacing-5);
}

.pr-6 {
  padding-right: var(--spacing-6);
}

.pr-7 {
  padding-right: var(--spacing-7);
}

.pr-8 {
  padding-right: var(--spacing-8);
}

.pr-9 {
  padding-right: var(--spacing-9);
}

.pr-10 {
  padding-right: var(--spacing-10);
}

.pr-11 {
  padding-right: var(--spacing-11);
}

.pr-12 {
  padding-right: var(--spacing-12);
}

.pr-13 {
  padding-right: var(--spacing-13);
}

.pr-14 {
  padding-right: var(--spacing-14);
}

.pr-15 {
  padding-right: var(--spacing-15);
}

.pr-16 {
  padding-right: var(--spacing-16);
}

.pb-0 {
  padding-bottom: var(--spacing-0);
}

.pb-1 {
  padding-bottom: var(--spacing-1);
}

.pb-2 {
  padding-bottom: var(--spacing-2);
}

.pb-3 {
  padding-bottom: var(--spacing-3);
}

.pb-4 {
  padding-bottom: var(--spacing-4);
}

.pb-5 {
  padding-bottom: var(--spacing-5);
}

.pb-6 {
  padding-bottom: var(--spacing-6);
}

.pb-7 {
  padding-bottom: var(--spacing-7);
}

.pb-8 {
  padding-bottom: var(--spacing-8);
}

.pb-9 {
  padding-bottom: var(--spacing-9);
}

.pb-10 {
  padding-bottom: var(--spacing-10);
}

.pb-11 {
  padding-bottom: var(--spacing-11);
}

.pb-12 {
  padding-bottom: var(--spacing-12);
}

.pb-13 {
  padding-bottom: var(--spacing-13);
}

.pb-14 {
  padding-bottom: var(--spacing-14);
}

.pb-15 {
  padding-bottom: var(--spacing-15);
}

.pb-16 {
  padding-bottom: var(--spacing-16);
}

.pl-0 {
  padding-left: var(--spacing-0);
}

.pl-1 {
  padding-left: var(--spacing-1);
}

.pl-2 {
  padding-left: var(--spacing-2);
}

.pl-3 {
  padding-left: var(--spacing-3);
}

.pl-4 {
  padding-left: var(--spacing-4);
}

.pl-5 {
  padding-left: var(--spacing-5);
}

.pl-6 {
  padding-left: var(--spacing-6);
}

.pl-7 {
  padding-left: var(--spacing-7);
}

.pl-8 {
  padding-left: var(--spacing-8);
}

.pl-9 {
  padding-left: var(--spacing-9);
}

.pl-10 {
  padding-left: var(--spacing-10);
}

.pl-11 {
  padding-left: var(--spacing-11);
}

.pl-12 {
  padding-left: var(--spacing-12);
}

.pl-13 {
  padding-left: var(--spacing-13);
}

.pl-14 {
  padding-left: var(--spacing-14);
}

.pl-15 {
  padding-left: var(--spacing-15);
}

.pl-16 {
  padding-left: var(--spacing-16);
}

.px-0 {
  padding-left: var(--spacing-0);
  padding-right: var(--spacing-0);
}

.px-1 {
  padding-left: var(--spacing-1);
  padding-right: var(--spacing-1);
}

.px-2 {
  padding-left: var(--spacing-2);
  padding-right: var(--spacing-2);
}

.px-3 {
  padding-left: var(--spacing-3);
  padding-right: var(--spacing-3);
}

.px-4 {
  padding-left: var(--spacing-4);
  padding-right: var(--spacing-4);
}

.px-5 {
  padding-left: var(--spacing-5);
  padding-right: var(--spacing-5);
}

.px-6 {
  padding-left: var(--spacing-6);
  padding-right: var(--spacing-6);
}

.px-7 {
  padding-left: var(--spacing-7);
  padding-right: var(--spacing-7);
}

.px-8 {
  padding-left: var(--spacing-8);
  padding-right: var(--spacing-8);
}

.px-9 {
  padding-left: var(--spacing-9);
  padding-right: var(--spacing-9);
}

.px-10 {
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
}

.px-11 {
  padding-left: var(--spacing-11);
  padding-right: var(--spacing-11);
}

.px-12 {
  padding-left: var(--spacing-12);
  padding-right: var(--spacing-12);
}

.px-13 {
  padding-left: var(--spacing-13);
  padding-right: var(--spacing-13);
}

.px-14 {
  padding-left: var(--spacing-14);
  padding-right: var(--spacing-14);
}

.px-15 {
  padding-left: var(--spacing-15);
  padding-right: var(--spacing-15);
}

.px-16 {
  padding-left: var(--spacing-16);
  padding-right: var(--spacing-16);
}

.py-0 {
  padding-top: var(--spacing-0);
  padding-bottom: var(--spacing-0);
}

.py-1 {
  padding-top: var(--spacing-1);
  padding-bottom: var(--spacing-1);
}

.py-2 {
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
}

.py-3 {
  padding-top: var(--spacing-3);
  padding-bottom: var(--spacing-3);
}

.py-4 {
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
}

.py-5 {
  padding-top: var(--spacing-5);
  padding-bottom: var(--spacing-5);
}

.py-6 {
  padding-top: var(--spacing-6);
  padding-bottom: var(--spacing-6);
}

.py-7 {
  padding-top: var(--spacing-7);
  padding-bottom: var(--spacing-7);
}

.py-8 {
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
}

.py-9 {
  padding-top: var(--spacing-9);
  padding-bottom: var(--spacing-9);
}

.py-10 {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
}

.py-11 {
  padding-top: var(--spacing-11);
  padding-bottom: var(--spacing-11);
}

.py-12 {
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-12);
}

.py-13 {
  padding-top: var(--spacing-13);
  padding-bottom: var(--spacing-13);
}

.py-14 {
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
}

.py-15 {
  padding-top: var(--spacing-15);
  padding-bottom: var(--spacing-15);
}

.py-16 {
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-16);
}

/*--------------------------------------------------------------
## Spacing Utilities - Semantic Scale
--------------------------------------------------------------*/
.m-spacing-semantic-xxs {
  margin: var(--spacing-semantic-xxs);
}

.m-spacing-semantic-xs {
  margin: var(--spacing-semantic-xs);
}

.m-spacing-semantic-sm {
  margin: var(--spacing-semantic-sm);
}

.m-spacing-semantic-md {
  margin: var(--spacing-semantic-md);
}

.m-spacing-semantic-xmd {
  margin: var(--spacing-semantic-xmd);
}

.m-spacing-semantic-lg {
  margin: var(--spacing-semantic-lg);
}

.m-spacing-semantic-xl {
  margin: var(--spacing-semantic-xl);
}

.m-spacing-semantic-xxl {
  margin: var(--spacing-semantic-xxl);
}

.m-spacing-semantic-xxxl {
  margin: var(--spacing-semantic-xxxl);
}

.m-spacing-semantic-4xl {
  margin: var(--spacing-semantic-4xl);
}

.m-spacing-semantic-5xl {
  margin: var(--spacing-semantic-5xl);
}

.m-spacing-semantic-6xl {
  margin: var(--spacing-semantic-6xl);
}

.m-spacing-semantic-7xl {
  margin: var(--spacing-semantic-7xl);
}

.m-spacing-semantic-8xl {
  margin: var(--spacing-semantic-8xl);
}

.mt-spacing-semantic-xxs {
  margin-top: var(--spacing-semantic-xxs);
}

.mt-spacing-semantic-xs {
  margin-top: var(--spacing-semantic-xs);
}

.mt-spacing-semantic-sm {
  margin-top: var(--spacing-semantic-sm);
}

.mt-spacing-semantic-md {
  margin-top: var(--spacing-semantic-md);
}

.mt-spacing-semantic-xmd {
  margin-top: var(--spacing-semantic-xmd);
}

.mt-spacing-semantic-lg {
  margin-top: var(--spacing-semantic-lg);
}

.mt-spacing-semantic-xl {
  margin-top: var(--spacing-semantic-xl);
}

.mt-spacing-semantic-xxl {
  margin-top: var(--spacing-semantic-xxl);
}

.mt-spacing-semantic-xxxl {
  margin-top: var(--spacing-semantic-xxxl);
}

.mt-spacing-semantic-4xl {
  margin-top: var(--spacing-semantic-4xl);
}

.mt-spacing-semantic-5xl {
  margin-top: var(--spacing-semantic-5xl);
}

.mt-spacing-semantic-6xl {
  margin-top: var(--spacing-semantic-6xl);
}

.mt-spacing-semantic-7xl {
  margin-top: var(--spacing-semantic-7xl);
}

.mt-spacing-semantic-8xl {
  margin-top: var(--spacing-semantic-8xl);
}

.mr-spacing-semantic-xxs {
  margin-right: var(--spacing-semantic-xxs);
}

.mr-spacing-semantic-xs {
  margin-right: var(--spacing-semantic-xs);
}

.mr-spacing-semantic-sm {
  margin-right: var(--spacing-semantic-sm);
}

.mr-spacing-semantic-md {
  margin-right: var(--spacing-semantic-md);
}

.mr-spacing-semantic-xmd {
  margin-right: var(--spacing-semantic-xmd);
}

.mr-spacing-semantic-lg {
  margin-right: var(--spacing-semantic-lg);
}

.mr-spacing-semantic-xl {
  margin-right: var(--spacing-semantic-xl);
}

.mr-spacing-semantic-xxl {
  margin-right: var(--spacing-semantic-xxl);
}

.mr-spacing-semantic-xxxl {
  margin-right: var(--spacing-semantic-xxxl);
}

.mr-spacing-semantic-4xl {
  margin-right: var(--spacing-semantic-4xl);
}

.mr-spacing-semantic-5xl {
  margin-right: var(--spacing-semantic-5xl);
}

.mr-spacing-semantic-6xl {
  margin-right: var(--spacing-semantic-6xl);
}

.mr-spacing-semantic-7xl {
  margin-right: var(--spacing-semantic-7xl);
}

.mr-spacing-semantic-8xl {
  margin-right: var(--spacing-semantic-8xl);
}

.mb-spacing-semantic-xxs {
  margin-bottom: var(--spacing-semantic-xxs);
}

.mb-spacing-semantic-xs {
  margin-bottom: var(--spacing-semantic-xs);
}

.mb-spacing-semantic-sm {
  margin-bottom: var(--spacing-semantic-sm);
}

.mb-spacing-semantic-md {
  margin-bottom: var(--spacing-semantic-md);
}

.mb-spacing-semantic-xmd {
  margin-bottom: var(--spacing-semantic-xmd);
}

.mb-spacing-semantic-lg {
  margin-bottom: var(--spacing-semantic-lg);
}

.mb-spacing-semantic-xl {
  margin-bottom: var(--spacing-semantic-xl);
}

.mb-spacing-semantic-xxl {
  margin-bottom: var(--spacing-semantic-xxl);
}

.mb-spacing-semantic-xxxl {
  margin-bottom: var(--spacing-semantic-xxxl);
}

.mb-spacing-semantic-4xl {
  margin-bottom: var(--spacing-semantic-4xl);
}

.mb-spacing-semantic-5xl {
  margin-bottom: var(--spacing-semantic-5xl);
}

.mb-spacing-semantic-6xl {
  margin-bottom: var(--spacing-semantic-6xl);
}

.mb-spacing-semantic-7xl {
  margin-bottom: var(--spacing-semantic-7xl);
}

.mb-spacing-semantic-8xl {
  margin-bottom: var(--spacing-semantic-8xl);
}

.ml-spacing-semantic-xxs {
  margin-left: var(--spacing-semantic-xxs);
}

.ml-spacing-semantic-xs {
  margin-left: var(--spacing-semantic-xs);
}

.ml-spacing-semantic-sm {
  margin-left: var(--spacing-semantic-sm);
}

.ml-spacing-semantic-md {
  margin-left: var(--spacing-semantic-md);
}

.ml-spacing-semantic-xmd {
  margin-left: var(--spacing-semantic-xmd);
}

.ml-spacing-semantic-lg {
  margin-left: var(--spacing-semantic-lg);
}

.ml-spacing-semantic-xl {
  margin-left: var(--spacing-semantic-xl);
}

.ml-spacing-semantic-xxl {
  margin-left: var(--spacing-semantic-xxl);
}

.ml-spacing-semantic-xxxl {
  margin-left: var(--spacing-semantic-xxxl);
}

.ml-spacing-semantic-4xl {
  margin-left: var(--spacing-semantic-4xl);
}

.ml-spacing-semantic-5xl {
  margin-left: var(--spacing-semantic-5xl);
}

.ml-spacing-semantic-6xl {
  margin-left: var(--spacing-semantic-6xl);
}

.ml-spacing-semantic-7xl {
  margin-left: var(--spacing-semantic-7xl);
}

.ml-spacing-semantic-8xl {
  margin-left: var(--spacing-semantic-8xl);
}

.mx-spacing-semantic-xxs {
  margin-left: var(--spacing-semantic-xxs);
  margin-right: var(--spacing-semantic-xxs);
}

.mx-spacing-semantic-xs {
  margin-left: var(--spacing-semantic-xs);
  margin-right: var(--spacing-semantic-xs);
}

.mx-spacing-semantic-sm {
  margin-left: var(--spacing-semantic-sm);
  margin-right: var(--spacing-semantic-sm);
}

.mx-spacing-semantic-md {
  margin-left: var(--spacing-semantic-md);
  margin-right: var(--spacing-semantic-md);
}

.mx-spacing-semantic-xmd {
  margin-left: var(--spacing-semantic-xmd);
  margin-right: var(--spacing-semantic-xmd);
}

.mx-spacing-semantic-lg {
  margin-left: var(--spacing-semantic-lg);
  margin-right: var(--spacing-semantic-lg);
}

.mx-spacing-semantic-xl {
  margin-left: var(--spacing-semantic-xl);
  margin-right: var(--spacing-semantic-xl);
}

.mx-spacing-semantic-xxl {
  margin-left: var(--spacing-semantic-xxl);
  margin-right: var(--spacing-semantic-xxl);
}

.mx-spacing-semantic-xxxl {
  margin-left: var(--spacing-semantic-xxxl);
  margin-right: var(--spacing-semantic-xxxl);
}

.mx-spacing-semantic-4xl {
  margin-left: var(--spacing-semantic-4xl);
  margin-right: var(--spacing-semantic-4xl);
}

.mx-spacing-semantic-5xl {
  margin-left: var(--spacing-semantic-5xl);
  margin-right: var(--spacing-semantic-5xl);
}

.mx-spacing-semantic-6xl {
  margin-left: var(--spacing-semantic-6xl);
  margin-right: var(--spacing-semantic-6xl);
}

.mx-spacing-semantic-7xl {
  margin-left: var(--spacing-semantic-7xl);
  margin-right: var(--spacing-semantic-7xl);
}

.mx-spacing-semantic-8xl {
  margin-left: var(--spacing-semantic-8xl);
  margin-right: var(--spacing-semantic-8xl);
}

.my-spacing-semantic-xxs {
  margin-top: var(--spacing-semantic-xxs);
  margin-bottom: var(--spacing-semantic-xxs);
}

.my-spacing-semantic-xs {
  margin-top: var(--spacing-semantic-xs);
  margin-bottom: var(--spacing-semantic-xs);
}

.my-spacing-semantic-sm {
  margin-top: var(--spacing-semantic-sm);
  margin-bottom: var(--spacing-semantic-sm);
}

.my-spacing-semantic-md {
  margin-top: var(--spacing-semantic-md);
  margin-bottom: var(--spacing-semantic-md);
}

.my-spacing-semantic-xmd {
  margin-top: var(--spacing-semantic-xmd);
  margin-bottom: var(--spacing-semantic-xmd);
}

.my-spacing-semantic-lg {
  margin-top: var(--spacing-semantic-lg);
  margin-bottom: var(--spacing-semantic-lg);
}

.my-spacing-semantic-xl {
  margin-top: var(--spacing-semantic-xl);
  margin-bottom: var(--spacing-semantic-xl);
}

.my-spacing-semantic-xxl {
  margin-top: var(--spacing-semantic-xxl);
  margin-bottom: var(--spacing-semantic-xxl);
}

.my-spacing-semantic-xxxl {
  margin-top: var(--spacing-semantic-xxxl);
  margin-bottom: var(--spacing-semantic-xxxl);
}

.my-spacing-semantic-4xl {
  margin-top: var(--spacing-semantic-4xl);
  margin-bottom: var(--spacing-semantic-4xl);
}

.my-spacing-semantic-5xl {
  margin-top: var(--spacing-semantic-5xl);
  margin-bottom: var(--spacing-semantic-5xl);
}

.my-spacing-semantic-6xl {
  margin-top: var(--spacing-semantic-6xl);
  margin-bottom: var(--spacing-semantic-6xl);
}

.my-spacing-semantic-7xl {
  margin-top: var(--spacing-semantic-7xl);
  margin-bottom: var(--spacing-semantic-7xl);
}

.my-spacing-semantic-8xl {
  margin-top: var(--spacing-semantic-8xl);
  margin-bottom: var(--spacing-semantic-8xl);
}

.p-spacing-semantic-xxs {
  padding: var(--spacing-semantic-xxs);
}

.p-spacing-semantic-xs {
  padding: var(--spacing-semantic-xs);
}

.p-spacing-semantic-sm {
  padding: var(--spacing-semantic-sm);
}

.p-spacing-semantic-md {
  padding: var(--spacing-semantic-md);
}

.p-spacing-semantic-xmd {
  padding: var(--spacing-semantic-xmd);
}

.p-spacing-semantic-lg {
  padding: var(--spacing-semantic-lg);
}

.p-spacing-semantic-xl {
  padding: var(--spacing-semantic-xl);
}

.p-spacing-semantic-xxl {
  padding: var(--spacing-semantic-xxl);
}

.p-spacing-semantic-xxxl {
  padding: var(--spacing-semantic-xxxl);
}

.p-spacing-semantic-4xl {
  padding: var(--spacing-semantic-4xl);
}

.p-spacing-semantic-5xl {
  padding: var(--spacing-semantic-5xl);
}

.p-spacing-semantic-6xl {
  padding: var(--spacing-semantic-6xl);
}

.p-spacing-semantic-7xl {
  padding: var(--spacing-semantic-7xl);
}

.p-spacing-semantic-8xl {
  padding: var(--spacing-semantic-8xl);
}

.pt-spacing-semantic-xxs {
  padding-top: var(--spacing-semantic-xxs);
}

.pt-spacing-semantic-xs {
  padding-top: var(--spacing-semantic-xs);
}

.pt-spacing-semantic-sm {
  padding-top: var(--spacing-semantic-sm);
}

.pt-spacing-semantic-md {
  padding-top: var(--spacing-semantic-md);
}

.pt-spacing-semantic-xmd {
  padding-top: var(--spacing-semantic-xmd);
}

.pt-spacing-semantic-lg {
  padding-top: var(--spacing-semantic-lg);
}

.pt-spacing-semantic-xl {
  padding-top: var(--spacing-semantic-xl);
}

.pt-spacing-semantic-xxl {
  padding-top: var(--spacing-semantic-xxl);
}

.pt-spacing-semantic-xxxl {
  padding-top: var(--spacing-semantic-xxxl);
}

.pt-spacing-semantic-4xl {
  padding-top: var(--spacing-semantic-4xl);
}

.pt-spacing-semantic-5xl {
  padding-top: var(--spacing-semantic-5xl);
}

.pt-spacing-semantic-6xl {
  padding-top: var(--spacing-semantic-6xl);
}

.pt-spacing-semantic-7xl {
  padding-top: var(--spacing-semantic-7xl);
}

.pt-spacing-semantic-8xl {
  padding-top: var(--spacing-semantic-8xl);
}

.pr-spacing-semantic-xxs {
  padding-right: var(--spacing-semantic-xxs);
}

.pr-spacing-semantic-xs {
  padding-right: var(--spacing-semantic-xs);
}

.pr-spacing-semantic-sm {
  padding-right: var(--spacing-semantic-sm);
}

.pr-spacing-semantic-md {
  padding-right: var(--spacing-semantic-md);
}

.pr-spacing-semantic-xmd {
  padding-right: var(--spacing-semantic-xmd);
}

.pr-spacing-semantic-lg {
  padding-right: var(--spacing-semantic-lg);
}

.pr-spacing-semantic-xl {
  padding-right: var(--spacing-semantic-xl);
}

.pr-spacing-semantic-xxl {
  padding-right: var(--spacing-semantic-xxl);
}

.pr-spacing-semantic-xxxl {
  padding-right: var(--spacing-semantic-xxxl);
}

.pr-spacing-semantic-4xl {
  padding-right: var(--spacing-semantic-4xl);
}

.pr-spacing-semantic-5xl {
  padding-right: var(--spacing-semantic-5xl);
}

.pr-spacing-semantic-6xl {
  padding-right: var(--spacing-semantic-6xl);
}

.pr-spacing-semantic-7xl {
  padding-right: var(--spacing-semantic-7xl);
}

.pr-spacing-semantic-8xl {
  padding-right: var(--spacing-semantic-8xl);
}

.pb-spacing-semantic-xxs {
  padding-bottom: var(--spacing-semantic-xxs);
}

.pb-spacing-semantic-xs {
  padding-bottom: var(--spacing-semantic-xs);
}

.pb-spacing-semantic-sm {
  padding-bottom: var(--spacing-semantic-sm);
}

.pb-spacing-semantic-md {
  padding-bottom: var(--spacing-semantic-md);
}

.pb-spacing-semantic-xmd {
  padding-bottom: var(--spacing-semantic-xmd);
}

.pb-spacing-semantic-lg {
  padding-bottom: var(--spacing-semantic-lg);
}

.pb-spacing-semantic-xl {
  padding-bottom: var(--spacing-semantic-xl);
}

.pb-spacing-semantic-xxl {
  padding-bottom: var(--spacing-semantic-xxl);
}

.pb-spacing-semantic-xxxl {
  padding-bottom: var(--spacing-semantic-xxxl);
}

.pb-spacing-semantic-4xl {
  padding-bottom: var(--spacing-semantic-4xl);
}

.pb-spacing-semantic-5xl {
  padding-bottom: var(--spacing-semantic-5xl);
}

.pb-spacing-semantic-6xl {
  padding-bottom: var(--spacing-semantic-6xl);
}

.pb-spacing-semantic-7xl {
  padding-bottom: var(--spacing-semantic-7xl);
}

.pb-spacing-semantic-8xl {
  padding-bottom: var(--spacing-semantic-8xl);
}

.pl-spacing-semantic-xxs {
  padding-left: var(--spacing-semantic-xxs);
}

.pl-spacing-semantic-xs {
  padding-left: var(--spacing-semantic-xs);
}

.pl-spacing-semantic-sm {
  padding-left: var(--spacing-semantic-sm);
}

.pl-spacing-semantic-md {
  padding-left: var(--spacing-semantic-md);
}

.pl-spacing-semantic-xmd {
  padding-left: var(--spacing-semantic-xmd);
}

.pl-spacing-semantic-lg {
  padding-left: var(--spacing-semantic-lg);
}

.pl-spacing-semantic-xl {
  padding-left: var(--spacing-semantic-xl);
}

.pl-spacing-semantic-xxl {
  padding-left: var(--spacing-semantic-xxl);
}

.pl-spacing-semantic-xxxl {
  padding-left: var(--spacing-semantic-xxxl);
}

.pl-spacing-semantic-4xl {
  padding-left: var(--spacing-semantic-4xl);
}

.pl-spacing-semantic-5xl {
  padding-left: var(--spacing-semantic-5xl);
}

.pl-spacing-semantic-6xl {
  padding-left: var(--spacing-semantic-6xl);
}

.pl-spacing-semantic-7xl {
  padding-left: var(--spacing-semantic-7xl);
}

.pl-spacing-semantic-8xl {
  padding-left: var(--spacing-semantic-8xl);
}

.px-spacing-semantic-xxs {
  padding-left: var(--spacing-semantic-xxs);
  padding-right: var(--spacing-semantic-xxs);
}

.px-spacing-semantic-xs {
  padding-left: var(--spacing-semantic-xs);
  padding-right: var(--spacing-semantic-xs);
}

.px-spacing-semantic-sm {
  padding-left: var(--spacing-semantic-sm);
  padding-right: var(--spacing-semantic-sm);
}

.px-spacing-semantic-md {
  padding-left: var(--spacing-semantic-md);
  padding-right: var(--spacing-semantic-md);
}

.px-spacing-semantic-xmd {
  padding-left: var(--spacing-semantic-xmd);
  padding-right: var(--spacing-semantic-xmd);
}

.px-spacing-semantic-lg {
  padding-left: var(--spacing-semantic-lg);
  padding-right: var(--spacing-semantic-lg);
}

.px-spacing-semantic-xl {
  padding-left: var(--spacing-semantic-xl);
  padding-right: var(--spacing-semantic-xl);
}

.px-spacing-semantic-xxl {
  padding-left: var(--spacing-semantic-xxl);
  padding-right: var(--spacing-semantic-xxl);
}

.px-spacing-semantic-xxxl {
  padding-left: var(--spacing-semantic-xxxl);
  padding-right: var(--spacing-semantic-xxxl);
}

.px-spacing-semantic-4xl {
  padding-left: var(--spacing-semantic-4xl);
  padding-right: var(--spacing-semantic-4xl);
}

.px-spacing-semantic-5xl {
  padding-left: var(--spacing-semantic-5xl);
  padding-right: var(--spacing-semantic-5xl);
}

.px-spacing-semantic-6xl {
  padding-left: var(--spacing-semantic-6xl);
  padding-right: var(--spacing-semantic-6xl);
}

.px-spacing-semantic-7xl {
  padding-left: var(--spacing-semantic-7xl);
  padding-right: var(--spacing-semantic-7xl);
}

.px-spacing-semantic-8xl {
  padding-left: var(--spacing-semantic-8xl);
  padding-right: var(--spacing-semantic-8xl);
}

.py-spacing-semantic-xxs {
  padding-top: var(--spacing-semantic-xxs);
  padding-bottom: var(--spacing-semantic-xxs);
}

.py-spacing-semantic-xs {
  padding-top: var(--spacing-semantic-xs);
  padding-bottom: var(--spacing-semantic-xs);
}

.py-spacing-semantic-sm {
  padding-top: var(--spacing-semantic-sm);
  padding-bottom: var(--spacing-semantic-sm);
}

.py-spacing-semantic-md {
  padding-top: var(--spacing-semantic-md);
  padding-bottom: var(--spacing-semantic-md);
}

.py-spacing-semantic-xmd {
  padding-top: var(--spacing-semantic-xmd);
  padding-bottom: var(--spacing-semantic-xmd);
}

.py-spacing-semantic-lg {
  padding-top: var(--spacing-semantic-lg);
  padding-bottom: var(--spacing-semantic-lg);
}

.py-spacing-semantic-xl {
  padding-top: var(--spacing-semantic-xl);
  padding-bottom: var(--spacing-semantic-xl);
}

.py-spacing-semantic-xxl {
  padding-top: var(--spacing-semantic-xxl);
  padding-bottom: var(--spacing-semantic-xxl);
}

.py-spacing-semantic-xxxl {
  padding-top: var(--spacing-semantic-xxxl);
  padding-bottom: var(--spacing-semantic-xxxl);
}

.py-spacing-semantic-4xl {
  padding-top: var(--spacing-semantic-4xl);
  padding-bottom: var(--spacing-semantic-4xl);
}

.py-spacing-semantic-5xl {
  padding-top: var(--spacing-semantic-5xl);
  padding-bottom: var(--spacing-semantic-5xl);
}

.py-spacing-semantic-6xl {
  padding-top: var(--spacing-semantic-6xl);
  padding-bottom: var(--spacing-semantic-6xl);
}

.py-spacing-semantic-7xl {
  padding-top: var(--spacing-semantic-7xl);
  padding-bottom: var(--spacing-semantic-7xl);
}

.py-spacing-semantic-8xl {
  padding-top: var(--spacing-semantic-8xl);
  padding-bottom: var(--spacing-semantic-8xl);
}

/*--------------------------------------------------------------
## Spacing Utilities - Layout Scale
--------------------------------------------------------------*/
.m-spacing-layout-form-label-gap {
  margin: var(--spacing-layout-form-label-gap);
}

.m-spacing-layout-section-padding {
  margin: var(--spacing-layout-section-padding);
}

.m-spacing-layout-section-padding-xl {
  margin: var(--spacing-layout-section-padding-xl);
}

.m-spacing-layout-section-padding-mobile {
  margin: var(--spacing-layout-section-padding-mobile);
}

.m-spacing-layout-section-padding-inline {
  margin: var(--spacing-layout-section-padding-inline);
}

.m-spacing-layout-section-padding-inline-mobile {
  margin: var(--spacing-layout-section-padding-inline-mobile);
}

.m-spacing-layout-section-gap {
  margin: var(--spacing-layout-section-gap);
}

.m-spacing-layout-section-gap-mobile {
  margin: var(--spacing-layout-section-gap-mobile);
}

.m-spacing-layout-section-max-width {
  margin: var(--spacing-layout-section-max-width);
}

.m-spacing-layout-section-narrow-width {
  margin: var(--spacing-layout-section-narrow-width);
}

.m-spacing-layout-container-gap {
  margin: var(--spacing-layout-container-gap);
}

.m-spacing-layout-grid-column-gap {
  margin: var(--spacing-layout-grid-column-gap);
}

.m-spacing-layout-grid-column-gap-wide {
  margin: var(--spacing-layout-grid-column-gap-wide);
}

.m-spacing-layout-grid-row-gap {
  margin: var(--spacing-layout-grid-row-gap);
}

.m-spacing-layout-grid-row-gap-wide {
  margin: var(--spacing-layout-grid-row-gap-wide);
}

.m-spacing-layout-column-gap {
  margin: var(--spacing-layout-column-gap);
}

.m-spacing-layout-card-gap {
  margin: var(--spacing-layout-card-gap);
}

.m-spacing-layout-card-padding {
  margin: var(--spacing-layout-card-padding);
}

.m-spacing-layout-card-padding-lg {
  margin: var(--spacing-layout-card-padding-lg);
}

.m-spacing-layout-card-content-gap {
  margin: var(--spacing-layout-card-content-gap);
}

.m-spacing-layout-block-gap {
  margin: var(--spacing-layout-block-gap);
}

.m-spacing-layout-form-row-gap {
  margin: var(--spacing-layout-form-row-gap);
}

.m-spacing-layout-form-column-gap {
  margin: var(--spacing-layout-form-column-gap);
}

.mt-spacing-layout-form-label-gap {
  margin-top: var(--spacing-layout-form-label-gap);
}

.mt-spacing-layout-section-padding {
  margin-top: var(--spacing-layout-section-padding);
}

.mt-spacing-layout-section-padding-xl {
  margin-top: var(--spacing-layout-section-padding-xl);
}

.mt-spacing-layout-section-padding-mobile {
  margin-top: var(--spacing-layout-section-padding-mobile);
}

.mt-spacing-layout-section-padding-inline {
  margin-top: var(--spacing-layout-section-padding-inline);
}

.mt-spacing-layout-section-padding-inline-mobile {
  margin-top: var(--spacing-layout-section-padding-inline-mobile);
}

.mt-spacing-layout-section-gap {
  margin-top: var(--spacing-layout-section-gap);
}

.mt-spacing-layout-section-gap-mobile {
  margin-top: var(--spacing-layout-section-gap-mobile);
}

.mt-spacing-layout-section-max-width {
  margin-top: var(--spacing-layout-section-max-width);
}

.mt-spacing-layout-section-narrow-width {
  margin-top: var(--spacing-layout-section-narrow-width);
}

.mt-spacing-layout-container-gap {
  margin-top: var(--spacing-layout-container-gap);
}

.mt-spacing-layout-grid-column-gap {
  margin-top: var(--spacing-layout-grid-column-gap);
}

.mt-spacing-layout-grid-column-gap-wide {
  margin-top: var(--spacing-layout-grid-column-gap-wide);
}

.mt-spacing-layout-grid-row-gap {
  margin-top: var(--spacing-layout-grid-row-gap);
}

.mt-spacing-layout-grid-row-gap-wide {
  margin-top: var(--spacing-layout-grid-row-gap-wide);
}

.mt-spacing-layout-column-gap {
  margin-top: var(--spacing-layout-column-gap);
}

.mt-spacing-layout-card-gap {
  margin-top: var(--spacing-layout-card-gap);
}

.mt-spacing-layout-card-padding {
  margin-top: var(--spacing-layout-card-padding);
}

.mt-spacing-layout-card-padding-lg {
  margin-top: var(--spacing-layout-card-padding-lg);
}

.mt-spacing-layout-card-content-gap {
  margin-top: var(--spacing-layout-card-content-gap);
}

.mt-spacing-layout-block-gap {
  margin-top: var(--spacing-layout-block-gap);
}

.mt-spacing-layout-form-row-gap {
  margin-top: var(--spacing-layout-form-row-gap);
}

.mt-spacing-layout-form-column-gap {
  margin-top: var(--spacing-layout-form-column-gap);
}

.mr-spacing-layout-form-label-gap {
  margin-right: var(--spacing-layout-form-label-gap);
}

.mr-spacing-layout-section-padding {
  margin-right: var(--spacing-layout-section-padding);
}

.mr-spacing-layout-section-padding-xl {
  margin-right: var(--spacing-layout-section-padding-xl);
}

.mr-spacing-layout-section-padding-mobile {
  margin-right: var(--spacing-layout-section-padding-mobile);
}

.mr-spacing-layout-section-padding-inline {
  margin-right: var(--spacing-layout-section-padding-inline);
}

.mr-spacing-layout-section-padding-inline-mobile {
  margin-right: var(--spacing-layout-section-padding-inline-mobile);
}

.mr-spacing-layout-section-gap {
  margin-right: var(--spacing-layout-section-gap);
}

.mr-spacing-layout-section-gap-mobile {
  margin-right: var(--spacing-layout-section-gap-mobile);
}

.mr-spacing-layout-section-max-width {
  margin-right: var(--spacing-layout-section-max-width);
}

.mr-spacing-layout-section-narrow-width {
  margin-right: var(--spacing-layout-section-narrow-width);
}

.mr-spacing-layout-container-gap {
  margin-right: var(--spacing-layout-container-gap);
}

.mr-spacing-layout-grid-column-gap {
  margin-right: var(--spacing-layout-grid-column-gap);
}

.mr-spacing-layout-grid-column-gap-wide {
  margin-right: var(--spacing-layout-grid-column-gap-wide);
}

.mr-spacing-layout-grid-row-gap {
  margin-right: var(--spacing-layout-grid-row-gap);
}

.mr-spacing-layout-grid-row-gap-wide {
  margin-right: var(--spacing-layout-grid-row-gap-wide);
}

.mr-spacing-layout-column-gap {
  margin-right: var(--spacing-layout-column-gap);
}

.mr-spacing-layout-card-gap {
  margin-right: var(--spacing-layout-card-gap);
}

.mr-spacing-layout-card-padding {
  margin-right: var(--spacing-layout-card-padding);
}

.mr-spacing-layout-card-padding-lg {
  margin-right: var(--spacing-layout-card-padding-lg);
}

.mr-spacing-layout-card-content-gap {
  margin-right: var(--spacing-layout-card-content-gap);
}

.mr-spacing-layout-block-gap {
  margin-right: var(--spacing-layout-block-gap);
}

.mr-spacing-layout-form-row-gap {
  margin-right: var(--spacing-layout-form-row-gap);
}

.mr-spacing-layout-form-column-gap {
  margin-right: var(--spacing-layout-form-column-gap);
}

.mb-spacing-layout-form-label-gap {
  margin-bottom: var(--spacing-layout-form-label-gap);
}

.mb-spacing-layout-section-padding {
  margin-bottom: var(--spacing-layout-section-padding);
}

.mb-spacing-layout-section-padding-xl {
  margin-bottom: var(--spacing-layout-section-padding-xl);
}

.mb-spacing-layout-section-padding-mobile {
  margin-bottom: var(--spacing-layout-section-padding-mobile);
}

.mb-spacing-layout-section-padding-inline {
  margin-bottom: var(--spacing-layout-section-padding-inline);
}

.mb-spacing-layout-section-padding-inline-mobile {
  margin-bottom: var(--spacing-layout-section-padding-inline-mobile);
}

.mb-spacing-layout-section-gap {
  margin-bottom: var(--spacing-layout-section-gap);
}

.mb-spacing-layout-section-gap-mobile {
  margin-bottom: var(--spacing-layout-section-gap-mobile);
}

.mb-spacing-layout-section-max-width {
  margin-bottom: var(--spacing-layout-section-max-width);
}

.mb-spacing-layout-section-narrow-width {
  margin-bottom: var(--spacing-layout-section-narrow-width);
}

.mb-spacing-layout-container-gap {
  margin-bottom: var(--spacing-layout-container-gap);
}

.mb-spacing-layout-grid-column-gap {
  margin-bottom: var(--spacing-layout-grid-column-gap);
}

.mb-spacing-layout-grid-column-gap-wide {
  margin-bottom: var(--spacing-layout-grid-column-gap-wide);
}

.mb-spacing-layout-grid-row-gap {
  margin-bottom: var(--spacing-layout-grid-row-gap);
}

.mb-spacing-layout-grid-row-gap-wide {
  margin-bottom: var(--spacing-layout-grid-row-gap-wide);
}

.mb-spacing-layout-column-gap {
  margin-bottom: var(--spacing-layout-column-gap);
}

.mb-spacing-layout-card-gap {
  margin-bottom: var(--spacing-layout-card-gap);
}

.mb-spacing-layout-card-padding {
  margin-bottom: var(--spacing-layout-card-padding);
}

.mb-spacing-layout-card-padding-lg {
  margin-bottom: var(--spacing-layout-card-padding-lg);
}

.mb-spacing-layout-card-content-gap {
  margin-bottom: var(--spacing-layout-card-content-gap);
}

.mb-spacing-layout-block-gap {
  margin-bottom: var(--spacing-layout-block-gap);
}

.mb-spacing-layout-form-row-gap {
  margin-bottom: var(--spacing-layout-form-row-gap);
}

.mb-spacing-layout-form-column-gap {
  margin-bottom: var(--spacing-layout-form-column-gap);
}

.ml-spacing-layout-form-label-gap {
  margin-left: var(--spacing-layout-form-label-gap);
}

.ml-spacing-layout-section-padding {
  margin-left: var(--spacing-layout-section-padding);
}

.ml-spacing-layout-section-padding-xl {
  margin-left: var(--spacing-layout-section-padding-xl);
}

.ml-spacing-layout-section-padding-mobile {
  margin-left: var(--spacing-layout-section-padding-mobile);
}

.ml-spacing-layout-section-padding-inline {
  margin-left: var(--spacing-layout-section-padding-inline);
}

.ml-spacing-layout-section-padding-inline-mobile {
  margin-left: var(--spacing-layout-section-padding-inline-mobile);
}

.ml-spacing-layout-section-gap {
  margin-left: var(--spacing-layout-section-gap);
}

.ml-spacing-layout-section-gap-mobile {
  margin-left: var(--spacing-layout-section-gap-mobile);
}

.ml-spacing-layout-section-max-width {
  margin-left: var(--spacing-layout-section-max-width);
}

.ml-spacing-layout-section-narrow-width {
  margin-left: var(--spacing-layout-section-narrow-width);
}

.ml-spacing-layout-container-gap {
  margin-left: var(--spacing-layout-container-gap);
}

.ml-spacing-layout-grid-column-gap {
  margin-left: var(--spacing-layout-grid-column-gap);
}

.ml-spacing-layout-grid-column-gap-wide {
  margin-left: var(--spacing-layout-grid-column-gap-wide);
}

.ml-spacing-layout-grid-row-gap {
  margin-left: var(--spacing-layout-grid-row-gap);
}

.ml-spacing-layout-grid-row-gap-wide {
  margin-left: var(--spacing-layout-grid-row-gap-wide);
}

.ml-spacing-layout-column-gap {
  margin-left: var(--spacing-layout-column-gap);
}

.ml-spacing-layout-card-gap {
  margin-left: var(--spacing-layout-card-gap);
}

.ml-spacing-layout-card-padding {
  margin-left: var(--spacing-layout-card-padding);
}

.ml-spacing-layout-card-padding-lg {
  margin-left: var(--spacing-layout-card-padding-lg);
}

.ml-spacing-layout-card-content-gap {
  margin-left: var(--spacing-layout-card-content-gap);
}

.ml-spacing-layout-block-gap {
  margin-left: var(--spacing-layout-block-gap);
}

.ml-spacing-layout-form-row-gap {
  margin-left: var(--spacing-layout-form-row-gap);
}

.ml-spacing-layout-form-column-gap {
  margin-left: var(--spacing-layout-form-column-gap);
}

.mx-spacing-layout-form-label-gap {
  margin-left: var(--spacing-layout-form-label-gap);
  margin-right: var(--spacing-layout-form-label-gap);
}

.mx-spacing-layout-section-padding {
  margin-left: var(--spacing-layout-section-padding);
  margin-right: var(--spacing-layout-section-padding);
}

.mx-spacing-layout-section-padding-xl {
  margin-left: var(--spacing-layout-section-padding-xl);
  margin-right: var(--spacing-layout-section-padding-xl);
}

.mx-spacing-layout-section-padding-mobile {
  margin-left: var(--spacing-layout-section-padding-mobile);
  margin-right: var(--spacing-layout-section-padding-mobile);
}

.mx-spacing-layout-section-padding-inline {
  margin-left: var(--spacing-layout-section-padding-inline);
  margin-right: var(--spacing-layout-section-padding-inline);
}

.mx-spacing-layout-section-padding-inline-mobile {
  margin-left: var(--spacing-layout-section-padding-inline-mobile);
  margin-right: var(--spacing-layout-section-padding-inline-mobile);
}

.mx-spacing-layout-section-gap {
  margin-left: var(--spacing-layout-section-gap);
  margin-right: var(--spacing-layout-section-gap);
}

.mx-spacing-layout-section-gap-mobile {
  margin-left: var(--spacing-layout-section-gap-mobile);
  margin-right: var(--spacing-layout-section-gap-mobile);
}

.mx-spacing-layout-section-max-width {
  margin-left: var(--spacing-layout-section-max-width);
  margin-right: var(--spacing-layout-section-max-width);
}

.mx-spacing-layout-section-narrow-width {
  margin-left: var(--spacing-layout-section-narrow-width);
  margin-right: var(--spacing-layout-section-narrow-width);
}

.mx-spacing-layout-container-gap {
  margin-left: var(--spacing-layout-container-gap);
  margin-right: var(--spacing-layout-container-gap);
}

.mx-spacing-layout-grid-column-gap {
  margin-left: var(--spacing-layout-grid-column-gap);
  margin-right: var(--spacing-layout-grid-column-gap);
}

.mx-spacing-layout-grid-column-gap-wide {
  margin-left: var(--spacing-layout-grid-column-gap-wide);
  margin-right: var(--spacing-layout-grid-column-gap-wide);
}

.mx-spacing-layout-grid-row-gap {
  margin-left: var(--spacing-layout-grid-row-gap);
  margin-right: var(--spacing-layout-grid-row-gap);
}

.mx-spacing-layout-grid-row-gap-wide {
  margin-left: var(--spacing-layout-grid-row-gap-wide);
  margin-right: var(--spacing-layout-grid-row-gap-wide);
}

.mx-spacing-layout-column-gap {
  margin-left: var(--spacing-layout-column-gap);
  margin-right: var(--spacing-layout-column-gap);
}

.mx-spacing-layout-card-gap {
  margin-left: var(--spacing-layout-card-gap);
  margin-right: var(--spacing-layout-card-gap);
}

.mx-spacing-layout-card-padding {
  margin-left: var(--spacing-layout-card-padding);
  margin-right: var(--spacing-layout-card-padding);
}

.mx-spacing-layout-card-padding-lg {
  margin-left: var(--spacing-layout-card-padding-lg);
  margin-right: var(--spacing-layout-card-padding-lg);
}

.mx-spacing-layout-card-content-gap {
  margin-left: var(--spacing-layout-card-content-gap);
  margin-right: var(--spacing-layout-card-content-gap);
}

.mx-spacing-layout-block-gap {
  margin-left: var(--spacing-layout-block-gap);
  margin-right: var(--spacing-layout-block-gap);
}

.mx-spacing-layout-form-row-gap {
  margin-left: var(--spacing-layout-form-row-gap);
  margin-right: var(--spacing-layout-form-row-gap);
}

.mx-spacing-layout-form-column-gap {
  margin-left: var(--spacing-layout-form-column-gap);
  margin-right: var(--spacing-layout-form-column-gap);
}

.my-spacing-layout-form-label-gap {
  margin-top: var(--spacing-layout-form-label-gap);
  margin-bottom: var(--spacing-layout-form-label-gap);
}

.my-spacing-layout-section-padding {
  margin-top: var(--spacing-layout-section-padding);
  margin-bottom: var(--spacing-layout-section-padding);
}

.my-spacing-layout-section-padding-xl {
  margin-top: var(--spacing-layout-section-padding-xl);
  margin-bottom: var(--spacing-layout-section-padding-xl);
}

.my-spacing-layout-section-padding-mobile {
  margin-top: var(--spacing-layout-section-padding-mobile);
  margin-bottom: var(--spacing-layout-section-padding-mobile);
}

.my-spacing-layout-section-padding-inline {
  margin-top: var(--spacing-layout-section-padding-inline);
  margin-bottom: var(--spacing-layout-section-padding-inline);
}

.my-spacing-layout-section-padding-inline-mobile {
  margin-top: var(--spacing-layout-section-padding-inline-mobile);
  margin-bottom: var(--spacing-layout-section-padding-inline-mobile);
}

.my-spacing-layout-section-gap {
  margin-top: var(--spacing-layout-section-gap);
  margin-bottom: var(--spacing-layout-section-gap);
}

.my-spacing-layout-section-gap-mobile {
  margin-top: var(--spacing-layout-section-gap-mobile);
  margin-bottom: var(--spacing-layout-section-gap-mobile);
}

.my-spacing-layout-section-max-width {
  margin-top: var(--spacing-layout-section-max-width);
  margin-bottom: var(--spacing-layout-section-max-width);
}

.my-spacing-layout-section-narrow-width {
  margin-top: var(--spacing-layout-section-narrow-width);
  margin-bottom: var(--spacing-layout-section-narrow-width);
}

.my-spacing-layout-container-gap {
  margin-top: var(--spacing-layout-container-gap);
  margin-bottom: var(--spacing-layout-container-gap);
}

.my-spacing-layout-grid-column-gap {
  margin-top: var(--spacing-layout-grid-column-gap);
  margin-bottom: var(--spacing-layout-grid-column-gap);
}

.my-spacing-layout-grid-column-gap-wide {
  margin-top: var(--spacing-layout-grid-column-gap-wide);
  margin-bottom: var(--spacing-layout-grid-column-gap-wide);
}

.my-spacing-layout-grid-row-gap {
  margin-top: var(--spacing-layout-grid-row-gap);
  margin-bottom: var(--spacing-layout-grid-row-gap);
}

.my-spacing-layout-grid-row-gap-wide {
  margin-top: var(--spacing-layout-grid-row-gap-wide);
  margin-bottom: var(--spacing-layout-grid-row-gap-wide);
}

.my-spacing-layout-column-gap {
  margin-top: var(--spacing-layout-column-gap);
  margin-bottom: var(--spacing-layout-column-gap);
}

.my-spacing-layout-card-gap {
  margin-top: var(--spacing-layout-card-gap);
  margin-bottom: var(--spacing-layout-card-gap);
}

.my-spacing-layout-card-padding {
  margin-top: var(--spacing-layout-card-padding);
  margin-bottom: var(--spacing-layout-card-padding);
}

.my-spacing-layout-card-padding-lg {
  margin-top: var(--spacing-layout-card-padding-lg);
  margin-bottom: var(--spacing-layout-card-padding-lg);
}

.my-spacing-layout-card-content-gap {
  margin-top: var(--spacing-layout-card-content-gap);
  margin-bottom: var(--spacing-layout-card-content-gap);
}

.my-spacing-layout-block-gap {
  margin-top: var(--spacing-layout-block-gap);
  margin-bottom: var(--spacing-layout-block-gap);
}

.my-spacing-layout-form-row-gap {
  margin-top: var(--spacing-layout-form-row-gap);
  margin-bottom: var(--spacing-layout-form-row-gap);
}

.my-spacing-layout-form-column-gap {
  margin-top: var(--spacing-layout-form-column-gap);
  margin-bottom: var(--spacing-layout-form-column-gap);
}

.p-spacing-layout-form-label-gap {
  padding: var(--spacing-layout-form-label-gap);
}

.p-spacing-layout-section-padding {
  padding: var(--spacing-layout-section-padding);
}

.p-spacing-layout-section-padding-xl {
  padding: var(--spacing-layout-section-padding-xl);
}

.p-spacing-layout-section-padding-mobile {
  padding: var(--spacing-layout-section-padding-mobile);
}

.p-spacing-layout-section-padding-inline {
  padding: var(--spacing-layout-section-padding-inline);
}

.p-spacing-layout-section-padding-inline-mobile {
  padding: var(--spacing-layout-section-padding-inline-mobile);
}

.p-spacing-layout-section-gap {
  padding: var(--spacing-layout-section-gap);
}

.p-spacing-layout-section-gap-mobile {
  padding: var(--spacing-layout-section-gap-mobile);
}

.p-spacing-layout-section-max-width {
  padding: var(--spacing-layout-section-max-width);
}

.p-spacing-layout-section-narrow-width {
  padding: var(--spacing-layout-section-narrow-width);
}

.p-spacing-layout-container-gap {
  padding: var(--spacing-layout-container-gap);
}

.p-spacing-layout-grid-column-gap {
  padding: var(--spacing-layout-grid-column-gap);
}

.p-spacing-layout-grid-column-gap-wide {
  padding: var(--spacing-layout-grid-column-gap-wide);
}

.p-spacing-layout-grid-row-gap {
  padding: var(--spacing-layout-grid-row-gap);
}

.p-spacing-layout-grid-row-gap-wide {
  padding: var(--spacing-layout-grid-row-gap-wide);
}

.p-spacing-layout-column-gap {
  padding: var(--spacing-layout-column-gap);
}

.p-spacing-layout-card-gap {
  padding: var(--spacing-layout-card-gap);
}

.p-spacing-layout-card-padding {
  padding: var(--spacing-layout-card-padding);
}

.p-spacing-layout-card-padding-lg {
  padding: var(--spacing-layout-card-padding-lg);
}

.p-spacing-layout-card-content-gap {
  padding: var(--spacing-layout-card-content-gap);
}

.p-spacing-layout-block-gap {
  padding: var(--spacing-layout-block-gap);
}

.p-spacing-layout-form-row-gap {
  padding: var(--spacing-layout-form-row-gap);
}

.p-spacing-layout-form-column-gap {
  padding: var(--spacing-layout-form-column-gap);
}

.pt-spacing-layout-form-label-gap {
  padding-top: var(--spacing-layout-form-label-gap);
}

.pt-spacing-layout-section-padding {
  padding-top: var(--spacing-layout-section-padding);
}

.pt-spacing-layout-section-padding-xl {
  padding-top: var(--spacing-layout-section-padding-xl);
}

.pt-spacing-layout-section-padding-mobile {
  padding-top: var(--spacing-layout-section-padding-mobile);
}

.pt-spacing-layout-section-padding-inline {
  padding-top: var(--spacing-layout-section-padding-inline);
}

.pt-spacing-layout-section-padding-inline-mobile {
  padding-top: var(--spacing-layout-section-padding-inline-mobile);
}

.pt-spacing-layout-section-gap {
  padding-top: var(--spacing-layout-section-gap);
}

.pt-spacing-layout-section-gap-mobile {
  padding-top: var(--spacing-layout-section-gap-mobile);
}

.pt-spacing-layout-section-max-width {
  padding-top: var(--spacing-layout-section-max-width);
}

.pt-spacing-layout-section-narrow-width {
  padding-top: var(--spacing-layout-section-narrow-width);
}

.pt-spacing-layout-container-gap {
  padding-top: var(--spacing-layout-container-gap);
}

.pt-spacing-layout-grid-column-gap {
  padding-top: var(--spacing-layout-grid-column-gap);
}

.pt-spacing-layout-grid-column-gap-wide {
  padding-top: var(--spacing-layout-grid-column-gap-wide);
}

.pt-spacing-layout-grid-row-gap {
  padding-top: var(--spacing-layout-grid-row-gap);
}

.pt-spacing-layout-grid-row-gap-wide {
  padding-top: var(--spacing-layout-grid-row-gap-wide);
}

.pt-spacing-layout-column-gap {
  padding-top: var(--spacing-layout-column-gap);
}

.pt-spacing-layout-card-gap {
  padding-top: var(--spacing-layout-card-gap);
}

.pt-spacing-layout-card-padding {
  padding-top: var(--spacing-layout-card-padding);
}

.pt-spacing-layout-card-padding-lg {
  padding-top: var(--spacing-layout-card-padding-lg);
}

.pt-spacing-layout-card-content-gap {
  padding-top: var(--spacing-layout-card-content-gap);
}

.pt-spacing-layout-block-gap {
  padding-top: var(--spacing-layout-block-gap);
}

.pt-spacing-layout-form-row-gap {
  padding-top: var(--spacing-layout-form-row-gap);
}

.pt-spacing-layout-form-column-gap {
  padding-top: var(--spacing-layout-form-column-gap);
}

.pr-spacing-layout-form-label-gap {
  padding-right: var(--spacing-layout-form-label-gap);
}

.pr-spacing-layout-section-padding {
  padding-right: var(--spacing-layout-section-padding);
}

.pr-spacing-layout-section-padding-xl {
  padding-right: var(--spacing-layout-section-padding-xl);
}

.pr-spacing-layout-section-padding-mobile {
  padding-right: var(--spacing-layout-section-padding-mobile);
}

.pr-spacing-layout-section-padding-inline {
  padding-right: var(--spacing-layout-section-padding-inline);
}

.pr-spacing-layout-section-padding-inline-mobile {
  padding-right: var(--spacing-layout-section-padding-inline-mobile);
}

.pr-spacing-layout-section-gap {
  padding-right: var(--spacing-layout-section-gap);
}

.pr-spacing-layout-section-gap-mobile {
  padding-right: var(--spacing-layout-section-gap-mobile);
}

.pr-spacing-layout-section-max-width {
  padding-right: var(--spacing-layout-section-max-width);
}

.pr-spacing-layout-section-narrow-width {
  padding-right: var(--spacing-layout-section-narrow-width);
}

.pr-spacing-layout-container-gap {
  padding-right: var(--spacing-layout-container-gap);
}

.pr-spacing-layout-grid-column-gap {
  padding-right: var(--spacing-layout-grid-column-gap);
}

.pr-spacing-layout-grid-column-gap-wide {
  padding-right: var(--spacing-layout-grid-column-gap-wide);
}

.pr-spacing-layout-grid-row-gap {
  padding-right: var(--spacing-layout-grid-row-gap);
}

.pr-spacing-layout-grid-row-gap-wide {
  padding-right: var(--spacing-layout-grid-row-gap-wide);
}

.pr-spacing-layout-column-gap {
  padding-right: var(--spacing-layout-column-gap);
}

.pr-spacing-layout-card-gap {
  padding-right: var(--spacing-layout-card-gap);
}

.pr-spacing-layout-card-padding {
  padding-right: var(--spacing-layout-card-padding);
}

.pr-spacing-layout-card-padding-lg {
  padding-right: var(--spacing-layout-card-padding-lg);
}

.pr-spacing-layout-card-content-gap {
  padding-right: var(--spacing-layout-card-content-gap);
}

.pr-spacing-layout-block-gap {
  padding-right: var(--spacing-layout-block-gap);
}

.pr-spacing-layout-form-row-gap {
  padding-right: var(--spacing-layout-form-row-gap);
}

.pr-spacing-layout-form-column-gap {
  padding-right: var(--spacing-layout-form-column-gap);
}

.pb-spacing-layout-form-label-gap {
  padding-bottom: var(--spacing-layout-form-label-gap);
}

.pb-spacing-layout-section-padding {
  padding-bottom: var(--spacing-layout-section-padding);
}

.pb-spacing-layout-section-padding-xl {
  padding-bottom: var(--spacing-layout-section-padding-xl);
}

.pb-spacing-layout-section-padding-mobile {
  padding-bottom: var(--spacing-layout-section-padding-mobile);
}

.pb-spacing-layout-section-padding-inline {
  padding-bottom: var(--spacing-layout-section-padding-inline);
}

.pb-spacing-layout-section-padding-inline-mobile {
  padding-bottom: var(--spacing-layout-section-padding-inline-mobile);
}

.pb-spacing-layout-section-gap {
  padding-bottom: var(--spacing-layout-section-gap);
}

.pb-spacing-layout-section-gap-mobile {
  padding-bottom: var(--spacing-layout-section-gap-mobile);
}

.pb-spacing-layout-section-max-width {
  padding-bottom: var(--spacing-layout-section-max-width);
}

.pb-spacing-layout-section-narrow-width {
  padding-bottom: var(--spacing-layout-section-narrow-width);
}

.pb-spacing-layout-container-gap {
  padding-bottom: var(--spacing-layout-container-gap);
}

.pb-spacing-layout-grid-column-gap {
  padding-bottom: var(--spacing-layout-grid-column-gap);
}

.pb-spacing-layout-grid-column-gap-wide {
  padding-bottom: var(--spacing-layout-grid-column-gap-wide);
}

.pb-spacing-layout-grid-row-gap {
  padding-bottom: var(--spacing-layout-grid-row-gap);
}

.pb-spacing-layout-grid-row-gap-wide {
  padding-bottom: var(--spacing-layout-grid-row-gap-wide);
}

.pb-spacing-layout-column-gap {
  padding-bottom: var(--spacing-layout-column-gap);
}

.pb-spacing-layout-card-gap {
  padding-bottom: var(--spacing-layout-card-gap);
}

.pb-spacing-layout-card-padding {
  padding-bottom: var(--spacing-layout-card-padding);
}

.pb-spacing-layout-card-padding-lg {
  padding-bottom: var(--spacing-layout-card-padding-lg);
}

.pb-spacing-layout-card-content-gap {
  padding-bottom: var(--spacing-layout-card-content-gap);
}

.pb-spacing-layout-block-gap {
  padding-bottom: var(--spacing-layout-block-gap);
}

.pb-spacing-layout-form-row-gap {
  padding-bottom: var(--spacing-layout-form-row-gap);
}

.pb-spacing-layout-form-column-gap {
  padding-bottom: var(--spacing-layout-form-column-gap);
}

.pl-spacing-layout-form-label-gap {
  padding-left: var(--spacing-layout-form-label-gap);
}

.pl-spacing-layout-section-padding {
  padding-left: var(--spacing-layout-section-padding);
}

.pl-spacing-layout-section-padding-xl {
  padding-left: var(--spacing-layout-section-padding-xl);
}

.pl-spacing-layout-section-padding-mobile {
  padding-left: var(--spacing-layout-section-padding-mobile);
}

.pl-spacing-layout-section-padding-inline {
  padding-left: var(--spacing-layout-section-padding-inline);
}

.pl-spacing-layout-section-padding-inline-mobile {
  padding-left: var(--spacing-layout-section-padding-inline-mobile);
}

.pl-spacing-layout-section-gap {
  padding-left: var(--spacing-layout-section-gap);
}

.pl-spacing-layout-section-gap-mobile {
  padding-left: var(--spacing-layout-section-gap-mobile);
}

.pl-spacing-layout-section-max-width {
  padding-left: var(--spacing-layout-section-max-width);
}

.pl-spacing-layout-section-narrow-width {
  padding-left: var(--spacing-layout-section-narrow-width);
}

.pl-spacing-layout-container-gap {
  padding-left: var(--spacing-layout-container-gap);
}

.pl-spacing-layout-grid-column-gap {
  padding-left: var(--spacing-layout-grid-column-gap);
}

.pl-spacing-layout-grid-column-gap-wide {
  padding-left: var(--spacing-layout-grid-column-gap-wide);
}

.pl-spacing-layout-grid-row-gap {
  padding-left: var(--spacing-layout-grid-row-gap);
}

.pl-spacing-layout-grid-row-gap-wide {
  padding-left: var(--spacing-layout-grid-row-gap-wide);
}

.pl-spacing-layout-column-gap {
  padding-left: var(--spacing-layout-column-gap);
}

.pl-spacing-layout-card-gap {
  padding-left: var(--spacing-layout-card-gap);
}

.pl-spacing-layout-card-padding {
  padding-left: var(--spacing-layout-card-padding);
}

.pl-spacing-layout-card-padding-lg {
  padding-left: var(--spacing-layout-card-padding-lg);
}

.pl-spacing-layout-card-content-gap {
  padding-left: var(--spacing-layout-card-content-gap);
}

.pl-spacing-layout-block-gap {
  padding-left: var(--spacing-layout-block-gap);
}

.pl-spacing-layout-form-row-gap {
  padding-left: var(--spacing-layout-form-row-gap);
}

.pl-spacing-layout-form-column-gap {
  padding-left: var(--spacing-layout-form-column-gap);
}

.px-spacing-layout-form-label-gap {
  padding-left: var(--spacing-layout-form-label-gap);
  padding-right: var(--spacing-layout-form-label-gap);
}

.px-spacing-layout-section-padding {
  padding-left: var(--spacing-layout-section-padding);
  padding-right: var(--spacing-layout-section-padding);
}

.px-spacing-layout-section-padding-xl {
  padding-left: var(--spacing-layout-section-padding-xl);
  padding-right: var(--spacing-layout-section-padding-xl);
}

.px-spacing-layout-section-padding-mobile {
  padding-left: var(--spacing-layout-section-padding-mobile);
  padding-right: var(--spacing-layout-section-padding-mobile);
}

.px-spacing-layout-section-padding-inline {
  padding-left: var(--spacing-layout-section-padding-inline);
  padding-right: var(--spacing-layout-section-padding-inline);
}

.px-spacing-layout-section-padding-inline-mobile {
  padding-left: var(--spacing-layout-section-padding-inline-mobile);
  padding-right: var(--spacing-layout-section-padding-inline-mobile);
}

.px-spacing-layout-section-gap {
  padding-left: var(--spacing-layout-section-gap);
  padding-right: var(--spacing-layout-section-gap);
}

.px-spacing-layout-section-gap-mobile {
  padding-left: var(--spacing-layout-section-gap-mobile);
  padding-right: var(--spacing-layout-section-gap-mobile);
}

.px-spacing-layout-section-max-width {
  padding-left: var(--spacing-layout-section-max-width);
  padding-right: var(--spacing-layout-section-max-width);
}

.px-spacing-layout-section-narrow-width {
  padding-left: var(--spacing-layout-section-narrow-width);
  padding-right: var(--spacing-layout-section-narrow-width);
}

.px-spacing-layout-container-gap {
  padding-left: var(--spacing-layout-container-gap);
  padding-right: var(--spacing-layout-container-gap);
}

.px-spacing-layout-grid-column-gap {
  padding-left: var(--spacing-layout-grid-column-gap);
  padding-right: var(--spacing-layout-grid-column-gap);
}

.px-spacing-layout-grid-column-gap-wide {
  padding-left: var(--spacing-layout-grid-column-gap-wide);
  padding-right: var(--spacing-layout-grid-column-gap-wide);
}

.px-spacing-layout-grid-row-gap {
  padding-left: var(--spacing-layout-grid-row-gap);
  padding-right: var(--spacing-layout-grid-row-gap);
}

.px-spacing-layout-grid-row-gap-wide {
  padding-left: var(--spacing-layout-grid-row-gap-wide);
  padding-right: var(--spacing-layout-grid-row-gap-wide);
}

.px-spacing-layout-column-gap {
  padding-left: var(--spacing-layout-column-gap);
  padding-right: var(--spacing-layout-column-gap);
}

.px-spacing-layout-card-gap {
  padding-left: var(--spacing-layout-card-gap);
  padding-right: var(--spacing-layout-card-gap);
}

.px-spacing-layout-card-padding {
  padding-left: var(--spacing-layout-card-padding);
  padding-right: var(--spacing-layout-card-padding);
}

.px-spacing-layout-card-padding-lg {
  padding-left: var(--spacing-layout-card-padding-lg);
  padding-right: var(--spacing-layout-card-padding-lg);
}

.px-spacing-layout-card-content-gap {
  padding-left: var(--spacing-layout-card-content-gap);
  padding-right: var(--spacing-layout-card-content-gap);
}

.px-spacing-layout-block-gap {
  padding-left: var(--spacing-layout-block-gap);
  padding-right: var(--spacing-layout-block-gap);
}

.px-spacing-layout-form-row-gap {
  padding-left: var(--spacing-layout-form-row-gap);
  padding-right: var(--spacing-layout-form-row-gap);
}

.px-spacing-layout-form-column-gap {
  padding-left: var(--spacing-layout-form-column-gap);
  padding-right: var(--spacing-layout-form-column-gap);
}

.py-spacing-layout-form-label-gap {
  padding-top: var(--spacing-layout-form-label-gap);
  padding-bottom: var(--spacing-layout-form-label-gap);
}

.py-spacing-layout-section-padding {
  padding-top: var(--spacing-layout-section-padding);
  padding-bottom: var(--spacing-layout-section-padding);
}

.py-spacing-layout-section-padding-xl {
  padding-top: var(--spacing-layout-section-padding-xl);
  padding-bottom: var(--spacing-layout-section-padding-xl);
}

.py-spacing-layout-section-padding-mobile {
  padding-top: var(--spacing-layout-section-padding-mobile);
  padding-bottom: var(--spacing-layout-section-padding-mobile);
}

.py-spacing-layout-section-padding-inline {
  padding-top: var(--spacing-layout-section-padding-inline);
  padding-bottom: var(--spacing-layout-section-padding-inline);
}

.py-spacing-layout-section-padding-inline-mobile {
  padding-top: var(--spacing-layout-section-padding-inline-mobile);
  padding-bottom: var(--spacing-layout-section-padding-inline-mobile);
}

.py-spacing-layout-section-gap {
  padding-top: var(--spacing-layout-section-gap);
  padding-bottom: var(--spacing-layout-section-gap);
}

.py-spacing-layout-section-gap-mobile {
  padding-top: var(--spacing-layout-section-gap-mobile);
  padding-bottom: var(--spacing-layout-section-gap-mobile);
}

.py-spacing-layout-section-max-width {
  padding-top: var(--spacing-layout-section-max-width);
  padding-bottom: var(--spacing-layout-section-max-width);
}

.py-spacing-layout-section-narrow-width {
  padding-top: var(--spacing-layout-section-narrow-width);
  padding-bottom: var(--spacing-layout-section-narrow-width);
}

.py-spacing-layout-container-gap {
  padding-top: var(--spacing-layout-container-gap);
  padding-bottom: var(--spacing-layout-container-gap);
}

.py-spacing-layout-grid-column-gap {
  padding-top: var(--spacing-layout-grid-column-gap);
  padding-bottom: var(--spacing-layout-grid-column-gap);
}

.py-spacing-layout-grid-column-gap-wide {
  padding-top: var(--spacing-layout-grid-column-gap-wide);
  padding-bottom: var(--spacing-layout-grid-column-gap-wide);
}

.py-spacing-layout-grid-row-gap {
  padding-top: var(--spacing-layout-grid-row-gap);
  padding-bottom: var(--spacing-layout-grid-row-gap);
}

.py-spacing-layout-grid-row-gap-wide {
  padding-top: var(--spacing-layout-grid-row-gap-wide);
  padding-bottom: var(--spacing-layout-grid-row-gap-wide);
}

.py-spacing-layout-column-gap {
  padding-top: var(--spacing-layout-column-gap);
  padding-bottom: var(--spacing-layout-column-gap);
}

.py-spacing-layout-card-gap {
  padding-top: var(--spacing-layout-card-gap);
  padding-bottom: var(--spacing-layout-card-gap);
}

.py-spacing-layout-card-padding {
  padding-top: var(--spacing-layout-card-padding);
  padding-bottom: var(--spacing-layout-card-padding);
}

.py-spacing-layout-card-padding-lg {
  padding-top: var(--spacing-layout-card-padding-lg);
  padding-bottom: var(--spacing-layout-card-padding-lg);
}

.py-spacing-layout-card-content-gap {
  padding-top: var(--spacing-layout-card-content-gap);
  padding-bottom: var(--spacing-layout-card-content-gap);
}

.py-spacing-layout-block-gap {
  padding-top: var(--spacing-layout-block-gap);
  padding-bottom: var(--spacing-layout-block-gap);
}

.py-spacing-layout-form-row-gap {
  padding-top: var(--spacing-layout-form-row-gap);
  padding-bottom: var(--spacing-layout-form-row-gap);
}

.py-spacing-layout-form-column-gap {
  padding-top: var(--spacing-layout-form-column-gap);
  padding-bottom: var(--spacing-layout-form-column-gap);
}

/*--------------------------------------------------------------
## Spacing Utilities - Button Scale
--------------------------------------------------------------*/
.m-spacing-button-padding-horizontal {
  margin: var(--spacing-button-padding-horizontal);
}

.m-spacing-button-padding-vertical {
  margin: var(--spacing-button-padding-vertical);
}

.m-spacing-button-padding-horizontal-lg {
  margin: var(--spacing-button-padding-horizontal-lg);
}

.m-spacing-button-padding-vertical-lg {
  margin: var(--spacing-button-padding-vertical-lg);
}

.m-spacing-button-padding-horizontal-sm {
  margin: var(--spacing-button-padding-horizontal-sm);
}

.m-spacing-button-padding-vertical-sm {
  margin: var(--spacing-button-padding-vertical-sm);
}

.mt-spacing-button-padding-horizontal {
  margin-top: var(--spacing-button-padding-horizontal);
}

.mt-spacing-button-padding-vertical {
  margin-top: var(--spacing-button-padding-vertical);
}

.mt-spacing-button-padding-horizontal-lg {
  margin-top: var(--spacing-button-padding-horizontal-lg);
}

.mt-spacing-button-padding-vertical-lg {
  margin-top: var(--spacing-button-padding-vertical-lg);
}

.mt-spacing-button-padding-horizontal-sm {
  margin-top: var(--spacing-button-padding-horizontal-sm);
}

.mt-spacing-button-padding-vertical-sm {
  margin-top: var(--spacing-button-padding-vertical-sm);
}

.mr-spacing-button-padding-horizontal {
  margin-right: var(--spacing-button-padding-horizontal);
}

.mr-spacing-button-padding-vertical {
  margin-right: var(--spacing-button-padding-vertical);
}

.mr-spacing-button-padding-horizontal-lg {
  margin-right: var(--spacing-button-padding-horizontal-lg);
}

.mr-spacing-button-padding-vertical-lg {
  margin-right: var(--spacing-button-padding-vertical-lg);
}

.mr-spacing-button-padding-horizontal-sm {
  margin-right: var(--spacing-button-padding-horizontal-sm);
}

.mr-spacing-button-padding-vertical-sm {
  margin-right: var(--spacing-button-padding-vertical-sm);
}

.mb-spacing-button-padding-horizontal {
  margin-bottom: var(--spacing-button-padding-horizontal);
}

.mb-spacing-button-padding-vertical {
  margin-bottom: var(--spacing-button-padding-vertical);
}

.mb-spacing-button-padding-horizontal-lg {
  margin-bottom: var(--spacing-button-padding-horizontal-lg);
}

.mb-spacing-button-padding-vertical-lg {
  margin-bottom: var(--spacing-button-padding-vertical-lg);
}

.mb-spacing-button-padding-horizontal-sm {
  margin-bottom: var(--spacing-button-padding-horizontal-sm);
}

.mb-spacing-button-padding-vertical-sm {
  margin-bottom: var(--spacing-button-padding-vertical-sm);
}

.ml-spacing-button-padding-horizontal {
  margin-left: var(--spacing-button-padding-horizontal);
}

.ml-spacing-button-padding-vertical {
  margin-left: var(--spacing-button-padding-vertical);
}

.ml-spacing-button-padding-horizontal-lg {
  margin-left: var(--spacing-button-padding-horizontal-lg);
}

.ml-spacing-button-padding-vertical-lg {
  margin-left: var(--spacing-button-padding-vertical-lg);
}

.ml-spacing-button-padding-horizontal-sm {
  margin-left: var(--spacing-button-padding-horizontal-sm);
}

.ml-spacing-button-padding-vertical-sm {
  margin-left: var(--spacing-button-padding-vertical-sm);
}

.mx-spacing-button-padding-horizontal {
  margin-left: var(--spacing-button-padding-horizontal);
  margin-right: var(--spacing-button-padding-horizontal);
}

.mx-spacing-button-padding-vertical {
  margin-left: var(--spacing-button-padding-vertical);
  margin-right: var(--spacing-button-padding-vertical);
}

.mx-spacing-button-padding-horizontal-lg {
  margin-left: var(--spacing-button-padding-horizontal-lg);
  margin-right: var(--spacing-button-padding-horizontal-lg);
}

.mx-spacing-button-padding-vertical-lg {
  margin-left: var(--spacing-button-padding-vertical-lg);
  margin-right: var(--spacing-button-padding-vertical-lg);
}

.mx-spacing-button-padding-horizontal-sm {
  margin-left: var(--spacing-button-padding-horizontal-sm);
  margin-right: var(--spacing-button-padding-horizontal-sm);
}

.mx-spacing-button-padding-vertical-sm {
  margin-left: var(--spacing-button-padding-vertical-sm);
  margin-right: var(--spacing-button-padding-vertical-sm);
}

.my-spacing-button-padding-horizontal {
  margin-top: var(--spacing-button-padding-horizontal);
  margin-bottom: var(--spacing-button-padding-horizontal);
}

.my-spacing-button-padding-vertical {
  margin-top: var(--spacing-button-padding-vertical);
  margin-bottom: var(--spacing-button-padding-vertical);
}

.my-spacing-button-padding-horizontal-lg {
  margin-top: var(--spacing-button-padding-horizontal-lg);
  margin-bottom: var(--spacing-button-padding-horizontal-lg);
}

.my-spacing-button-padding-vertical-lg {
  margin-top: var(--spacing-button-padding-vertical-lg);
  margin-bottom: var(--spacing-button-padding-vertical-lg);
}

.my-spacing-button-padding-horizontal-sm {
  margin-top: var(--spacing-button-padding-horizontal-sm);
  margin-bottom: var(--spacing-button-padding-horizontal-sm);
}

.my-spacing-button-padding-vertical-sm {
  margin-top: var(--spacing-button-padding-vertical-sm);
  margin-bottom: var(--spacing-button-padding-vertical-sm);
}

.p-spacing-button-padding-horizontal {
  padding: var(--spacing-button-padding-horizontal);
}

.p-spacing-button-padding-vertical {
  padding: var(--spacing-button-padding-vertical);
}

.p-spacing-button-padding-horizontal-lg {
  padding: var(--spacing-button-padding-horizontal-lg);
}

.p-spacing-button-padding-vertical-lg {
  padding: var(--spacing-button-padding-vertical-lg);
}

.p-spacing-button-padding-horizontal-sm {
  padding: var(--spacing-button-padding-horizontal-sm);
}

.p-spacing-button-padding-vertical-sm {
  padding: var(--spacing-button-padding-vertical-sm);
}

.pt-spacing-button-padding-horizontal {
  padding-top: var(--spacing-button-padding-horizontal);
}

.pt-spacing-button-padding-vertical {
  padding-top: var(--spacing-button-padding-vertical);
}

.pt-spacing-button-padding-horizontal-lg {
  padding-top: var(--spacing-button-padding-horizontal-lg);
}

.pt-spacing-button-padding-vertical-lg {
  padding-top: var(--spacing-button-padding-vertical-lg);
}

.pt-spacing-button-padding-horizontal-sm {
  padding-top: var(--spacing-button-padding-horizontal-sm);
}

.pt-spacing-button-padding-vertical-sm {
  padding-top: var(--spacing-button-padding-vertical-sm);
}

.pr-spacing-button-padding-horizontal {
  padding-right: var(--spacing-button-padding-horizontal);
}

.pr-spacing-button-padding-vertical {
  padding-right: var(--spacing-button-padding-vertical);
}

.pr-spacing-button-padding-horizontal-lg {
  padding-right: var(--spacing-button-padding-horizontal-lg);
}

.pr-spacing-button-padding-vertical-lg {
  padding-right: var(--spacing-button-padding-vertical-lg);
}

.pr-spacing-button-padding-horizontal-sm {
  padding-right: var(--spacing-button-padding-horizontal-sm);
}

.pr-spacing-button-padding-vertical-sm {
  padding-right: var(--spacing-button-padding-vertical-sm);
}

.pb-spacing-button-padding-horizontal {
  padding-bottom: var(--spacing-button-padding-horizontal);
}

.pb-spacing-button-padding-vertical {
  padding-bottom: var(--spacing-button-padding-vertical);
}

.pb-spacing-button-padding-horizontal-lg {
  padding-bottom: var(--spacing-button-padding-horizontal-lg);
}

.pb-spacing-button-padding-vertical-lg {
  padding-bottom: var(--spacing-button-padding-vertical-lg);
}

.pb-spacing-button-padding-horizontal-sm {
  padding-bottom: var(--spacing-button-padding-horizontal-sm);
}

.pb-spacing-button-padding-vertical-sm {
  padding-bottom: var(--spacing-button-padding-vertical-sm);
}

.pl-spacing-button-padding-horizontal {
  padding-left: var(--spacing-button-padding-horizontal);
}

.pl-spacing-button-padding-vertical {
  padding-left: var(--spacing-button-padding-vertical);
}

.pl-spacing-button-padding-horizontal-lg {
  padding-left: var(--spacing-button-padding-horizontal-lg);
}

.pl-spacing-button-padding-vertical-lg {
  padding-left: var(--spacing-button-padding-vertical-lg);
}

.pl-spacing-button-padding-horizontal-sm {
  padding-left: var(--spacing-button-padding-horizontal-sm);
}

.pl-spacing-button-padding-vertical-sm {
  padding-left: var(--spacing-button-padding-vertical-sm);
}

.px-spacing-button-padding-horizontal {
  padding-left: var(--spacing-button-padding-horizontal);
  padding-right: var(--spacing-button-padding-horizontal);
}

.px-spacing-button-padding-vertical {
  padding-left: var(--spacing-button-padding-vertical);
  padding-right: var(--spacing-button-padding-vertical);
}

.px-spacing-button-padding-horizontal-lg {
  padding-left: var(--spacing-button-padding-horizontal-lg);
  padding-right: var(--spacing-button-padding-horizontal-lg);
}

.px-spacing-button-padding-vertical-lg {
  padding-left: var(--spacing-button-padding-vertical-lg);
  padding-right: var(--spacing-button-padding-vertical-lg);
}

.px-spacing-button-padding-horizontal-sm {
  padding-left: var(--spacing-button-padding-horizontal-sm);
  padding-right: var(--spacing-button-padding-horizontal-sm);
}

.px-spacing-button-padding-vertical-sm {
  padding-left: var(--spacing-button-padding-vertical-sm);
  padding-right: var(--spacing-button-padding-vertical-sm);
}

.py-spacing-button-padding-horizontal {
  padding-top: var(--spacing-button-padding-horizontal);
  padding-bottom: var(--spacing-button-padding-horizontal);
}

.py-spacing-button-padding-vertical {
  padding-top: var(--spacing-button-padding-vertical);
  padding-bottom: var(--spacing-button-padding-vertical);
}

.py-spacing-button-padding-horizontal-lg {
  padding-top: var(--spacing-button-padding-horizontal-lg);
  padding-bottom: var(--spacing-button-padding-horizontal-lg);
}

.py-spacing-button-padding-vertical-lg {
  padding-top: var(--spacing-button-padding-vertical-lg);
  padding-bottom: var(--spacing-button-padding-vertical-lg);
}

.py-spacing-button-padding-horizontal-sm {
  padding-top: var(--spacing-button-padding-horizontal-sm);
  padding-bottom: var(--spacing-button-padding-horizontal-sm);
}

.py-spacing-button-padding-vertical-sm {
  padding-top: var(--spacing-button-padding-vertical-sm);
  padding-bottom: var(--spacing-button-padding-vertical-sm);
}

/*--------------------------------------------------------------
## Typography Utilities - Font Size
--------------------------------------------------------------*/
.font-size-xs {
  font-size: var(--font-size-xs);
}

.font-size-sm {
  font-size: var(--font-size-sm);
}

.font-size-base {
  font-size: var(--font-size-base);
}

.font-size-lg {
  font-size: var(--font-size-lg);
}

.font-size-xl {
  font-size: var(--font-size-xl);
}

.font-size-2xl {
  font-size: var(--font-size-2xl);
}

.font-size-3xl {
  font-size: var(--font-size-3xl);
}

.font-size-4xl {
  font-size: var(--font-size-4xl);
}

.font-size-5xl {
  font-size: var(--font-size-5xl);
}

.font-size-6xl {
  font-size: var(--font-size-6xl);
}

.font-size-h1 {
  font-size: var(--font-size-h1);
}

.font-size-h2 {
  font-size: var(--font-size-h2);
}

.font-size-h3 {
  font-size: var(--font-size-h3);
}

.font-size-h4 {
  font-size: var(--font-size-h4);
}

.font-size-h5 {
  font-size: var(--font-size-h5);
}

.font-size-h6 {
  font-size: var(--font-size-h6);
}

/*--------------------------------------------------------------
## Typography Utilities - Font Weight
--------------------------------------------------------------*/
.font-weight-regular {
  font-weight: var(--font-weight-regular);
}

.font-weight-medium {
  font-weight: var(--font-weight-medium);
}

.font-weight-semibold {
  font-weight: var(--font-weight-semibold);
}

.font-weight-bold {
  font-weight: var(--font-weight-bold);
}

/*--------------------------------------------------------------
## Typography Utilities - Line Height
--------------------------------------------------------------*/
.line-height-tight {
  line-height: var(--line-height-tight);
}

.line-height-normal {
  line-height: var(--line-height-normal);
}

.line-height-subtext {
  line-height: var(--line-height-subtext);
}

.line-height-body {
  line-height: var(--line-height-body);
}

.line-height-relaxed {
  line-height: var(--line-height-relaxed);
}

.line-height-h1 {
  line-height: var(--line-height-h1);
}

.line-height-h2 {
  line-height: var(--line-height-h2);
}

.line-height-h3 {
  line-height: var(--line-height-h3);
}

.line-height-h4 {
  line-height: var(--line-height-h4);
}

.line-height-h5 {
  line-height: var(--line-height-h5);
}

.line-height-h6 {
  line-height: var(--line-height-h6);
}

/*--------------------------------------------------------------
## Typography Utilities - Letter Spacing
--------------------------------------------------------------*/
.letter-spacing-normal {
  letter-spacing: var(--letter-spacing-normal);
}

.letter-spacing-wide {
  letter-spacing: var(--letter-spacing-wide);
}

/*--------------------------------------------------------------
## Typography Utilities - Font Family
--------------------------------------------------------------*/
.font-family-heading {
  font-family: var(--font-family-heading);
}

.font-family-body {
  font-family: var(--font-family-body);
}

/*--------------------------------------------------------------
## Border Utilities - Border Radius
--------------------------------------------------------------*/
.border-radius-small {
  border-radius: var(--border-radius-small);
}

.border-radius-medium {
  border-radius: var(--border-radius-medium);
}

.border-radius-large {
  border-radius: var(--border-radius-large);
}

.border-radius-button {
  border-radius: var(--border-radius-button);
}

.border-radius-form {
  border-radius: var(--border-radius-form);
}

/*--------------------------------------------------------------
## Border Utilities - Border Width
--------------------------------------------------------------*/
.border-width-form-field {
  border-width: var(--border-width-form-field);
}

/*--------------------------------------------------------------
## Border Utilities - Border Color (Dedicated)
--------------------------------------------------------------*/
.border-color-standard {
  border-color: var(--border-color-standard);
}

.border-color-light {
  border-color: var(--border-color-light);
}

.border-color-light-navy {
  border-color: var(--border-color-light-navy);
}

/*--------------------------------------------------------------
## Shadow Utilities
--------------------------------------------------------------*/
.shadow-small {
  box-shadow: var(--shadow-small);
}

.shadow-medium {
  box-shadow: var(--shadow-medium);
}

.shadow-large {
  box-shadow: var(--shadow-large);
}

/*--------------------------------------------------------------
# Base Styles
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
@font-face {
  font-family: "Gilroy";
  src: url(fonts/Gilroy-Regular.86bc2a5a.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(fonts/Gilroy-Medium.9f1092d0.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(fonts/Gilroy-SemiBold.017ff10c.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
body {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.77778;
}
@media (min-width: 80rem) {
  body {
    --font-size-base: var(--font-size-lg);
  }
}

strong {
  font-weight: 600;
}

p,
ol,
ul,
td,
th,
blockquote,
cite,
label,
caption {
  color: var(--color-text-body);
}

p,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-text-heading);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
  color: inherit;
}

.site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.site-main h5,
.site-main h6,
.site-main p,
.site-main li,
.site-main a,
.site-main label,
.site-main legend,
.site-main form,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.editor-styles-wrapper p,
.editor-styles-wrapper li,
.editor-styles-wrapper a,
.editor-styles-wrapper label,
.editor-styles-wrapper legend,
.editor-styles-wrapper form {
  text-box: trim-both cap alphabetic;
}
.site-main ol:not([class*=menu]),
.site-main ul:not([class*=menu]),
.editor-styles-wrapper ol:not([class*=menu]),
.editor-styles-wrapper ul:not([class*=menu]) {
  padding-left: var(--spacing-semantic-xmd);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-semantic-xmd);
}

footer p,
footer .gb-text,
header p,
header .gb-text {
  text-box: trim-both cap alphabetic;
}
footer nav li,
header nav li {
  text-box: trim-both cap alphabetic;
}

h1 {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(2.5rem, 2.286vw + 1.943rem, 4rem);
  font-weight: 500;
  line-height: 0.969;
}

h2 {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(2rem, 1.524vw + 1.629rem, 3rem);
  font-weight: 500;
  line-height: 1.167;
}
@media (max-width: 48rem) {
  h2 {
    font-size: var(--font-size-3xl);
  }
}

h3 {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(1.5rem, 0.762vw + 1.314rem, 2rem);
  font-weight: 500;
  line-height: 1.375;
}

h4 {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(1.25rem, 0.381vw + 1.157rem, 1.5rem);
  font-weight: 500;
  line-height: 1.417;
}

h5 {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

h6 {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.444;
}

blockquote,
blockquote.wp-block-quote {
  border-left: 0.3125rem solid #00aec7;
  padding-left: 1.25rem;
  margin: 0;
}
blockquote p,
blockquote cite,
blockquote .wp-block-quote__citation,
blockquote.wp-block-quote p,
blockquote.wp-block-quote cite,
blockquote.wp-block-quote .wp-block-quote__citation {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(1.5rem, 0.762vw + 1.314rem, 2rem);
  font-weight: 500;
  line-height: 1.375;
  color: #003b5c;
}

/* figcaption.gb-text { */
/* } */
/*--------------------------------------------------------------
# AUTO-GENERATED — DO NOT EDIT
# Source: design-system/styles.json
# Generator: bin/build-tokens.js
# To modify, edit styles.json and run: npm run tokens:build
--------------------------------------------------------------*/
.type-punch,
.eyebrow {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sub-text,
.body-small {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
}

.form-label {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}

.like-h1 {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(2.5rem, 2.286vw + 1.943rem, 4rem);
  font-weight: 500;
  line-height: 0.969;
}

.like-h2 {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(2rem, 1.524vw + 1.629rem, 3rem);
  font-weight: 500;
  line-height: 1.167;
}

.like-h3 {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(1.5rem, 0.762vw + 1.314rem, 2rem);
  font-weight: 500;
  line-height: 1.375;
}

.like-h4 {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(1.25rem, 0.381vw + 1.157rem, 1.5rem);
  font-weight: 500;
  line-height: 1.417;
}

.like-h5 {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

.like-h6 {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.444;
}

:root {
  --context-color: var(--color-text-body);
  --context-color-heading: var(--color-text-heading);
  --context-color-link: var(--color-role-primary);
  --context-color-subtle: var(--color-text-faint);
  color-scheme: light;
  --context-btn-fg-primary: var(--color-role-primary);
  --context-btn-fg-secondary: var(--color-role-secondary);
  --context-btn-text-hover-border: var(--color-notice-informational);
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
.generateprop-section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: var(--spacing-layout-section-gap-mobile);
  padding: var(--spacing-layout-section-padding-mobile) var(--spacing-layout-section-padding-inline-mobile);
}
@media (min-width: 64rem) {
  .generateprop-section {
    gap: var(--spacing-layout-section-gap);
    padding: var(--spacing-layout-section-padding) var(--spacing-layout-section-padding-inline);
  }
}
.generateprop-section * {
  box-sizing: border-box;
}
.generateprop-section.section--no-padding {
  padding: 0;
}
@media (min-width: 64rem) {
  .generateprop-section:where(.section--featured) {
    padding-block: var(--spacing-layout-section-padding-xl);
  }
}

.generateprop-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-layout-container-gap);
  max-width: var(--container-max-width);
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
.generateprop-row {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-layout-grid-row-gap) var(--spacing-layout-grid-column-gap);
  width: 100%;
  align-items: center;
}
@media (max-width: 48rem) {
  .generateprop-row {
    flex-wrap: wrap;
  }
}
.generateprop-row:has(.btn) {
  -moz-column-gap: var(--spacing-semantic-sm);
       column-gap: var(--spacing-semantic-sm);
}

.generateprop-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-layout-column-gap);
  /* :where(.generateprop-column) {
  	gap: var(--spacing-semantic-sm);
  } */
}
.generateprop-column :where(.btn) {
  align-self: start;
}
.generateprop-column:where(:has([class*=btn--icon] + [class*=btn--icon])) {
  gap: var(--spacing-semantic-sm);
}

/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
.wp-block-table.is-style-equal-columns {
  container: equal-columns-table/inline-size;
}
.wp-block-table.is-style-equal-columns table {
  display: grid;
  background-color: var(--color-primitive-navy);
  border-color: var(--color-primitive-navy);
  border-width: 1px;
  border-style: solid;
  gap: 1px;
  grid-template-columns: 1fr;
}
.wp-block-table.is-style-equal-columns table thead,
.wp-block-table.is-style-equal-columns table tbody,
.wp-block-table.is-style-equal-columns table tfoot {
  display: contents;
}
.wp-block-table.is-style-equal-columns table tr {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  gap: 1px;
}
@media (min-width: 48rem) {
  .wp-block-table.is-style-equal-columns table tr:nth-child(even) td {
    background-color: var(--color-background-silver);
  }
}
.wp-block-table.is-style-equal-columns table td,
.wp-block-table.is-style-equal-columns table th {
  display: flex;
  align-items: center;
  padding-block: var(--spacing-semantic-sm);
  border: none;
  background-color: var(--color-white);
  min-height: 64px;
}
.wp-block-table.is-style-equal-columns table td:first-of-type {
  background-color: var(--color-primitive-navy);
  color: var(--color-white);
  font-weight: var(--font-weight-bold);
}
@media (min-width: 48rem) {
  .wp-block-table.is-style-equal-columns table td:first-of-type {
    background-color: var(--color-white);
    color: var(--color-text-body);
  }
}
@media (max-width: 48rem) {
  .wp-block-table.is-style-equal-columns table td:empty {
    display: none;
  }
}
@media (min-width: 48rem) {
  .wp-block-table.is-style-equal-columns table {
    grid-template-columns: 64px repeat(calc(var(--columns) - 1), minmax(0, 1fr));
  }
}

/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Card Components
--------------------------------------------------------------*/
.generateprop-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-layout-card-gap);
  /* padding: var(--spacing-layout-card-padding); */
  /*--------------------------------------------------------------
  # News Card
  # 337.5 x 377, 32px gap
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Team Card
  # 338 x 377, 32px gap between image/content, 16px between text elements
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Icon Card
  # Icon 75x75 with shadow, 32px gaps
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Program Card
  # Background light, 60px padding, multiple gaps
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Search Card
  # Title h3 navy, content type eyebrow teal, 32px gaps
  --------------------------------------------------------------*/
  /* &.card--search {
  } */
}
.generateprop-card.card {
  position: relative;
  margin: 0 !important;
  min-width: 0;
  padding: 0;
  max-width: 100%;
  border: none;
  box-shadow: none;
  background: transparent;
}
.generateprop-card.card .card__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-semantic-xmd);
}
.generateprop-card img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.generateprop-card .btn {
  align-self: start;
}
@media (max-width: 64rem) {
  .generateprop-card {
    --spacing-layout-card-padding-lg: var(--spacing-layout-card-padding);
  }
}
.generateprop-card.card--news img {
  aspect-ratio: 675/754;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-primitive-warm-gray);
}
.generateprop-card.card--news .card__title {
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  color: var(--color-text-heading);
  margin: 0;
}
.generateprop-card.card--news .card__date {
  font-size: var(--eyebrow-text-font-size);
  font-weight: var(--eyebrow-text-font-weight);
  line-height: var(--eyebrow-text-line-height);
  letter-spacing: var(--eyebrow-text-letter-spacing);
  text-transform: var(--eyebrow-text-text-transform);
  color: var(--color-role-neutral);
}
.generateprop-card.card--team .card__image {
  aspect-ratio: 675/754;
}
.generateprop-card.card--team .card__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-semantic-sm);
}
.generateprop-card.card--team .card__title {
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  color: var(--color-text-heading);
  margin: 0;
}
.generateprop-card.card--team .card__position {
  font-size: var(--eyebrow-text-font-size);
  font-weight: var(--eyebrow-text-font-weight);
  line-height: var(--eyebrow-text-line-height);
  letter-spacing: var(--eyebrow-text-letter-spacing);
  text-transform: var(--eyebrow-text-text-transform);
  color: var(--color-role-neutral);
}
.generateprop-card.card--team .card__location {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
  color: var(--color-role-neutral);
}
.generateprop-card.card--icon .card__title {
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  color: var(--color-role-primary);
  margin: 0;
}
.generateprop-card.card--icon .card__content {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
  color: var(--color-text-body);
}
.generateprop-card.card--icon .card__button {
  margin-top: auto;
}
.generateprop-card.card--program {
  background-color: var(--color-background-light);
  padding: var(--spacing-layout-card-padding-lg);
  /* .card__title {
  }

  .card__excerpt {
  } */
  /* .card__meta-group {
  	margin-top: var(--spacing-7); // 32px gap
  	display: flex;
  	flex-direction: column;
  	gap: var(--spacing-6); // 24px gap between meta items
  }

  .card__meta-item {
  	padding-left: var(--spacing-6); // 24px padding-left
  	font-size: var(--font-size-sm);
  	line-height: 28px;

  	.meta-key {
  		font-weight: var(--font-weight-semibold);
  		display: block;
  	}

  	.meta-value {
  		font-weight: var(--font-weight-regular);
  		display: block;
  	}
  }

  .card__button {
  	margin-top: var(--spacing-9); // 40px gap
  } */
}

/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Team Member Modal
#
# Styles for the <dialog>-based team member modal that replaces
# the GenerateBlocks Overlay Panel inside the query loop.
# Mirrors the visual design of the original overlay panel.
--------------------------------------------------------------*/
dialog.team-modal {
  border: none;
  padding: 0;
  background: transparent;
  color: inherit;
  overflow: visible;
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(820px, 100% - 2rem);
  max-height: 90dvh;
  overflow-y: auto;
  box-sizing: border-box;
  box-sizing: border-box;
}
dialog.team-modal:not([open]) {
  display: none;
}
dialog.team-modal:focus {
  outline: none;
}
dialog.team-modal::backdrop {
  background-color: rgba(0, 0, 0, 0.1);
  blur: 1px;
}

.team-modal__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(auto, 287px) auto;
  align-items: flex-start;
  gap: var(--spacing-layout-grid-row-gap) var(--spacing-layout-grid-column-gap);
  width: 100%;
  background-color: #ffffff;
  box-shadow: 8px 20px 44px 0px rgba(0, 0, 0, 0.06);
  /* padding: var(--spacing-semantic-xmd); */
  padding: 28px 30px;
  box-sizing: border-box;
}
@media (max-width: 48rem) {
  .team-modal__panel {
    grid-template-columns: 1fr;
    padding: 0;
    gap: 0;
  }
}

.team-modal__close {
  position: absolute;
  top: 28px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 22px;
  padding: 0;
  background: none;
  border-radius: 50%;
  color: var(--color-primitive-navy);
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
  z-index: 1;
  border: none;
}
.team-modal__close:hover {
  opacity: 0.8;
}
@media (max-width: 48rem) {
  .team-modal__close {
    border: 2px solid var(--color-primitive-navy);
    top: var(--spacing-semantic-sm);
    right: var(--spacing-semantic-sm);
    background-color: #fff;
    width: var(--spacing-semantic-lg);
    height: var(--spacing-semantic-lg);
    color: var(--color-primitive-navy);
  }
  .team-modal__close:hover {
    background-color: var(--color-primitive-navy);
    color: #ffffff;
  }
}
.team-modal__close:focus-visible {
  outline: 2px solid var(--color-role-primary);
  outline-offset: 2px;
}

.team-modal__image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 26/29;
}
@media (max-width: 48rem) {
  .team-modal__image {
    width: 100%;
    aspect-ratio: 4/3;
  }
}

.team-modal__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-layout-column-gap);
}
@media (max-width: 48rem) {
  .team-modal__content {
    padding: var(--spacing-semantic-xmd);
  }
}

.team-modal__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-semantic-sm);
}

.team-modal__name {
  margin: 0;
  padding-right: var(--spacing-semantic-xl);
}

.team-modal__attributes {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

.team-modal__attribute {
  margin: 0;
  font-size: var(--eyebrow-text-font-size);
  font-weight: var(--eyebrow-text-font-weight);
  line-height: var(--eyebrow-text-line-height);
  letter-spacing: var(--eyebrow-text-letter-spacing);
  text-transform: var(--eyebrow-text-text-transform);
  color: var(--color-role-neutral);
}

.team-modal__loading {
  color: var(--color-role-neutral);
  opacity: 0.5;
}

.team-modal__bio {
  max-width: 60ch;
}
.team-modal__bio p {
  margin-top: 0;
  margin-bottom: 1em;
}
.team-modal__bio p:last-child {
  margin-bottom: 0;
}

.team-modal__social {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-semantic-sm);
}
.team-modal__social[hidden] {
  display: none;
}

.team-modal__linkedin,
.team-modal__email {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  flex-shrink: 0;
  border: 2px solid var(--color-primitive-navy);
  border-radius: 50%;
  color: var(--color-primitive-navy);
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.team-modal__linkedin[hidden],
.team-modal__email[hidden] {
  display: none;
}
.team-modal__linkedin:hover,
.team-modal__email:hover {
  background-color: var(--color-primitive-navy);
  color: #ffffff;
}
.team-modal__linkedin:focus-visible,
.team-modal__email:focus-visible {
  outline: 2px solid var(--color-role-primary);
  outline-offset: 2px;
}
.team-modal__linkedin svg,
.team-modal__email svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.card--team {
  cursor: pointer;
}

/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
.generateprop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-layout-grid-row-gap) var(--spacing-layout-grid-column-gap);
  width: 100%;
}
@media (max-width: 48rem) {
  .generateprop-grid {
    grid-template-columns: 1fr;
  }
}

/*--------------------------------------------------------------
# Form Components
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Button Components
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# AUTO-GENERATED — DO NOT EDIT
# Source: design-system/components.json
# Generator: bin/build-components.js
# To modify, edit components.json and run: npm run components:build
--------------------------------------------------------------*/
.btn {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: var(--spacing-button-padding-vertical) var(--spacing-button-padding-horizontal);
  border: 2px solid;
  border-radius: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-box: trim-both cap alphabetic;
  /* @include for-phone {
  	--spacing-button-padding-horizontal: var(--spacing-semantic-md);
  } */
}

[class*=btn--text] {
  border: none;
  border-bottom: 2px solid;
  padding-top: 0;
  padding-bottom: var(--spacing-semantic-xxs);
  padding-left: 0;
  padding-right: 0;
  gap: var(--spacing-semantic-xxs);
}
[class*=btn--text]:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 6px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%276%27 viewBox=%270 0 4 6%27 fill=%27none%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M0.816942 0.353561L0.353546 0.816957L2.41571 2.87912L0.353546 4.94139L0.816942 5.40478L3.34253 2.87919L0.816942 0.353561Z%27 fill=%27black%27 stroke=%27black%27 stroke-width=%270.5%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%276%27 viewBox=%270 0 4 6%27 fill=%27none%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M0.816942 0.353561L0.353546 0.816957L2.41571 2.87912L0.353546 4.94139L0.816942 5.40478L3.34253 2.87919L0.816942 0.353561Z%27 fill=%27black%27 stroke=%27black%27 stroke-width=%270.5%27/%3E%3C/svg%3E") no-repeat center/contain;
}
[class*=btn--text].btn--has-icon {
  padding-left: 0;
  padding-right: 0;
}

[class*=btn--icon] {
  border: none;
  padding: 0;
  gap: var(--spacing-semantic-xs);
  text-transform: none;
  text-decoration: underline;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: normal;
  letter-spacing: var(--letter-spacing-body, auto);
}
[class*=btn--icon] .btn__mod-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
}
[class*=btn--icon] .btn__mod-icon svg {
  color: var(--btn-icon-color, currentColor);
}

.btn[class*=gb-text]:has(.gb-shape):not([class*=btn--icon]) {
  padding-inline: var(--spacing-semantic-sm);
  gap: var(--spacing-semantic-lg);
}

.btn--solid-primary-context {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}
.btn--solid-primary-context:hover {
  background-color: transparent;
  border-color: #003b5c;
  color: var(--context-btn-fg-primary);
  --btn-icon-color: var(--context-btn-fg-primary);
}
.btn--solid-primary-context:focus, .btn--solid-primary-context:focus-visible {
  background-color: transparent;
  border-color: #003b5c;
  color: var(--context-btn-fg-primary);
  --btn-icon-color: var(--context-btn-fg-primary);
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--solid-secondary-context {
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
}
.btn--solid-secondary-context:hover {
  background-color: transparent;
  border-color: #00aec7;
  color: var(--context-btn-fg-secondary);
  --btn-icon-color: var(--context-btn-fg-secondary);
}
.btn--solid-secondary-context:focus, .btn--solid-secondary-context:focus-visible {
  background-color: transparent;
  border-color: #00aec7;
  color: var(--context-btn-fg-secondary);
  --btn-icon-color: var(--context-btn-fg-secondary);
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--outline-primary-context {
  background-color: transparent;
  border-color: #003b5c;
  color: var(--context-btn-fg-primary);
  --btn-icon-color: var(--context-btn-fg-primary);
}
.btn--outline-primary-context:hover {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}
.btn--outline-primary-context:focus, .btn--outline-primary-context:focus-visible {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--outline-secondary-context {
  background-color: transparent;
  border-color: #00aec7;
  color: var(--context-btn-fg-secondary);
  --btn-icon-color: var(--context-btn-fg-secondary);
}
.btn--outline-secondary-context:hover {
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
}
.btn--outline-secondary-context:focus, .btn--outline-secondary-context:focus-visible {
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--text-primary-context {
  background-color: transparent;
  border-color: var(--context-btn-fg-primary);
  color: var(--context-btn-fg-primary);
  --btn-icon-color: var(--context-btn-fg-primary);
}
.btn--text-primary-context:hover {
  background-color: transparent;
  border-color: var(--context-btn-text-hover-border);
  color: var(--context-btn-fg-primary);
  --btn-icon-color: var(--context-btn-fg-primary);
}
.btn--text-primary-context:focus, .btn--text-primary-context:focus-visible {
  background-color: transparent;
  border-color: var(--context-btn-text-hover-border);
  color: var(--context-btn-fg-primary);
  --btn-icon-color: var(--context-btn-fg-primary);
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--text-secondary-context {
  background-color: transparent;
  border-color: var(--context-btn-fg-secondary);
  color: var(--context-btn-fg-secondary);
  --btn-icon-color: var(--context-btn-fg-secondary);
}
.btn--text-secondary-context:hover {
  background-color: transparent;
  border-color: var(--context-btn-text-hover-border);
  color: var(--context-btn-fg-secondary);
  --btn-icon-color: var(--context-btn-fg-secondary);
}
.btn--text-secondary-context:focus, .btn--text-secondary-context:focus-visible {
  background-color: transparent;
  border-color: var(--context-btn-text-hover-border);
  color: var(--context-btn-fg-secondary);
  --btn-icon-color: var(--context-btn-fg-secondary);
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--solid-primary-dark {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}
.btn--solid-primary-dark:hover {
  background-color: transparent;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}
.btn--solid-primary-dark:focus, .btn--solid-primary-dark:focus-visible {
  background-color: transparent;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--solid-primary-light {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}
.btn--solid-primary-light:hover {
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
.btn--solid-primary-light:focus, .btn--solid-primary-light:focus-visible {
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--solid-secondary-dark {
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
}
.btn--solid-secondary-dark:hover {
  background-color: transparent;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
}
.btn--solid-secondary-dark:focus, .btn--solid-secondary-dark:focus-visible {
  background-color: transparent;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--solid-secondary-light {
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
}
.btn--solid-secondary-light:hover {
  background-color: transparent;
  border-color: #00aec7;
  color: #00aec7;
  --btn-icon-color: #00aec7;
}
.btn--solid-secondary-light:focus, .btn--solid-secondary-light:focus-visible {
  background-color: transparent;
  border-color: #00aec7;
  color: #00aec7;
  --btn-icon-color: #00aec7;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--outline-primary-dark {
  background-color: transparent;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}
.btn--outline-primary-dark:hover {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}
.btn--outline-primary-dark:focus, .btn--outline-primary-dark:focus-visible {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--outline-primary-light {
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
.btn--outline-primary-light:hover {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}
.btn--outline-primary-light:focus, .btn--outline-primary-light:focus-visible {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--outline-secondary-dark {
  background-color: transparent;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
}
.btn--outline-secondary-dark:hover {
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
}
.btn--outline-secondary-dark:focus, .btn--outline-secondary-dark:focus-visible {
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--outline-secondary-light {
  background-color: transparent;
  border-color: #00aec7;
  color: #00aec7;
  --btn-icon-color: #00aec7;
}
.btn--outline-secondary-light:hover {
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
}
.btn--outline-secondary-light:focus, .btn--outline-secondary-light:focus-visible {
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--outline-white-dark {
  background-color: transparent;
  border-color: white;
  color: white;
  --btn-icon-color: white;
}
.btn--outline-white-dark:hover {
  background-color: white;
  border-color: white;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
.btn--outline-white-dark:focus, .btn--outline-white-dark:focus-visible {
  background-color: white;
  border-color: white;
  color: #003b5c;
  --btn-icon-color: #003b5c;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--text-primary-dark {
  background-color: transparent;
  border-color: white;
  color: white;
  --btn-icon-color: white;
}
.btn--text-primary-dark:hover {
  background-color: transparent;
  border-color: transparent;
  color: white;
  --btn-icon-color: white;
}
.btn--text-primary-dark:focus, .btn--text-primary-dark:focus-visible {
  background-color: transparent;
  border-color: transparent;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--text-primary-light {
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
.btn--text-primary-light:hover {
  background-color: transparent;
  border-color: transparent;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
.btn--text-primary-light:focus, .btn--text-primary-light:focus-visible {
  background-color: transparent;
  border-color: transparent;
  color: #003b5c;
  --btn-icon-color: #003b5c;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--text-secondary-dark {
  background-color: transparent;
  border-color: white;
  color: white;
  --btn-icon-color: white;
}
.btn--text-secondary-dark:hover {
  background-color: transparent;
  border-color: transparent;
  color: white;
  --btn-icon-color: white;
}
.btn--text-secondary-dark:focus, .btn--text-secondary-dark:focus-visible {
  background-color: transparent;
  border-color: transparent;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--text-secondary-light {
  background-color: transparent;
  border-color: #00aec7;
  color: #00aec7;
  --btn-icon-color: #00aec7;
}
.btn--text-secondary-light:hover {
  background-color: transparent;
  border-color: transparent;
  color: #00aec7;
  --btn-icon-color: #00aec7;
}
.btn--text-secondary-light:focus, .btn--text-secondary-light:focus-visible {
  background-color: transparent;
  border-color: transparent;
  color: #00aec7;
  --btn-icon-color: #00aec7;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

.btn--icon-primary-light {
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
.btn--icon-primary-light:hover {
  background-color: transparent;
  border-color: #00AEC7;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
.btn--icon-primary-light:focus, .btn--icon-primary-light:focus-visible {
  background-color: transparent;
  border-color: #00AEC7;
  color: #003b5c;
  --btn-icon-color: #003b5c;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

select {
  display: inline-flex;
  width: 100%;
  height: 3rem;
  padding: 0 1rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 0;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  background: transparent;
  cursor: pointer;
  color: var(--color-text-faint);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717%27 height=%279%27 viewBox=%270 0 17 9%27 fill=%27none%27%3E%3Cpath d=%27M0.348884 0.803298L8.01087 8.15502C8.07686 8.21834 8.16334 8.25 8.24982 8.25C8.3363 8.25 8.42265 8.21834 8.48878 8.15502L16.1511 0.803298C16.283 0.676787 16.283 0.47152 16.1511 0.344884C16.0193 0.218372 15.8053 0.218372 15.6734 0.344884L8.25 7.46763L0.826652 0.344884C0.694802 0.218372 0.480872 0.218372 0.348891 0.344884C0.217041 0.471527 0.217034 0.676793 0.348884 0.803298Z%27 fill=%27%23191E3B%27 stroke=%27%23191E3B%27 stroke-width=%270.5%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--spacing-semantic-sm)) 50%;
  background-size: 1rem 0.5rem;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
select:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

/*--------------------------------------------------------------
# Form Components
--------------------------------------------------------------*/
header * {
  box-sizing: border-box;
}

/* .navigation-container {

}

.primary-navigation {

}

.secondary-navigation {

}

.footer-navigation {

} */
/*--------------------------------------------------------------
# Icon Components
#
# Base wrapper and size utility classes for the icon system.
# Style variants (circle-filled, elevated, etc.) are applied
# dynamically by the WordPress block using design tokens from
# the icon set JSON configs.
--------------------------------------------------------------*/
.gp-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
}
.gp-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  /* fill: currentColor; */
}

.gp-icon--xs {
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
}

.gp-icon--sm {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}

.gp-icon--md {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
}

.gp-icon--lg {
  width: var(--icon-size-lg);
  height: var(--icon-size-lg);
}

.gp-icon--xl {
  width: var(--icon-size-xl);
  height: var(--icon-size-xl);
}

.gp-icon--2xl {
  width: var(--icon-size-2xl);
  height: var(--icon-size-2xl);
}

/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/* .generateprop-hero {
	.generateprop-container {
		display: grid;
		grid-template-columns: 1fr;
		@include tablet-up {
			grid-template-columns: minmax(auto, 829px) 322px;
		}
	}
} */
.page-links a,
.page-links > span, .pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1875rem;
  height: 2.1875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border: 2px solid transparent;
  border-radius: 0;
  background-color: transparent;
  color: #63666a;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  cursor: pointer;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.page-links a:hover,
.page-links > span:hover, .pagination .page-numbers:hover, .page-links a:focus-visible,
.page-links > span:focus-visible, .pagination .page-numbers:focus-visible {
  background-color: #f3f2f6;
  outline: none;
}

.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination .btn {
  padding: var(--component-pagination-item-padding-vertical) var(--spacing-semantic-sm);
  min-width: 125px;
}
.pagination .page-numbers.current {
  border-color: #00aec7;
  color: #00aec7;
  pointer-events: none;
}
.pagination .page-numbers.current:hover {
  background-color: transparent;
}
.pagination .page-numbers.dots {
  border-color: transparent;
  pointer-events: none;
  cursor: default;
}
.pagination .page-numbers.dots:hover {
  background-color: transparent;
}

.page-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}
.page-links > span:not(:first-child) {
  border-color: #00aec7;
  color: #00aec7;
  pointer-events: none;
}
.page-links > span:not(:first-child):hover {
  background-color: transparent;
}

/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# GenerateProp Slider
# CSS scroll snap slider applied to the GenerateBlocks Looper.
#
# Structure:
#   .generateprop-slider                  ← looper (scroll container)
#   .generateprop-slider > [gb-loop-item] ← loop items (snap targets)
#
# Navigation buttons (.generateprop-slider-btn) are injected by
# src/frontend/js/query-loop-slider.js into a wrapper div.
#
# Reference: https://www.builder.io/blog/css-carousel
--------------------------------------------------------------*/
.generateprop-slider {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow-y: hidden;
  scroll-padding-inline: 0;
  gap: var(--spacing-layout-grid-column-gap);
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* &.slider--full-bleed {
  	scroll-padding-inline: 0;

  	> [class*="gb-loop-item"] {
  		width: 100%;
  		scroll-snap-align: center;
  	}
  } */
  /* &.slider--peek {
  	scroll-padding-inline: var(--spacing-semantic-sm);

  	> [class*="gb-loop-item"] {
  		width: calc(100% - var(--spacing-semantic-xl));
  		scroll-snap-align: start;
  	}
  } */
}
.generateprop-slider::-webkit-scrollbar {
  display: none;
}
@media (max-width: 48rem) {
  .generateprop-slider.generateprop-slider--no-mobile {
    flex-wrap: wrap;
  }
  .generateprop-slider.generateprop-slider--no-mobile ~ .generateprop-slider-btn {
    display: none;
  }
}
.generateprop-slider > [class*=gb-loop-item] {
  flex-shrink: 0;
  scroll-snap-align: start;
  width: var(--component-cards-card-width, clamp(280px, 75vw, 338px));
}
@media (max-width: 64rem) {
  .generateprop-slider > [class*=gb-loop-item] {
    max-width: 100%;
  }
}

.generateprop-slider-wrapper {
  position: relative;
}

.generateprop-slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  --slider-icon-size: 2.5rem;
  width: var(--slider-icon-size);
  height: var(--slider-icon-size);
  padding: 0;
  background-color: var(--color-role-secondary);
  border: none;
  border-radius: 50%;
  box-shadow: var(--shadow-medium);
  cursor: pointer;
  color: var(--color-white);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.generateprop-slider-btn:hover {
  background-color: var(--color-white);
  color: var(--color-role-primary);
}
.generateprop-slider-btn:focus-visible {
  outline: 2px solid var(--border-color-light);
  outline-offset: 2px;
}
.generateprop-slider-btn[disabled] {
  opacity: 0;
  pointer-events: none;
}
.generateprop-slider-btn svg {
  display: block;
  width: 22px;
  height: 16px;
  flex-shrink: 0;
}
.generateprop-slider-btn--prev {
  left: calc(-1 * var(--slider-icon-size) / 2);
}
.generateprop-slider-btn--prev svg {
  transform: scale(-1);
}
.generateprop-slider-btn--next {
  right: calc(-1 * var(--slider-icon-size) / 2);
}

.js-expandable {
  overflow: hidden;
  max-height: var(--collapsed-height, 0);
}
@media (prefers-reduced-motion: no-preference) {
  .js-expandable {
    transition: max-height 0.35s ease, opacity 0.35s ease;
  }
}
.js-expandable.is-expanded {
  max-height: var(--expand-height);
}
@media (min-width: 1024px) {
  .js-expandable--mobile-only {
    max-height: none !important;
    opacity: 1;
    transition: none;
  }
}

button[data-expand-target] {
  cursor: pointer;
  scroll-margin-top: var(--spacing-semantic-md);
  scroll-margin-bottom: var(--spacing-semantic-md);
}

@media (min-width: 1024px) {
  button[data-expand-mobile-only] {
    display: none;
  }
}

/* .wp-embed-responsive {
	.wp-block-embed {
		margin-bottom: 0;
		&.wp-block-embed-soundcloud {
			.wp-block-embed__wrapper {
			}
		}
	}
} */
/*--------------------------------------------------------------
# Color Context Overrides (after components — wins on specificity ties)
--------------------------------------------------------------*/
.has-navy-background-color {
  --context-color: var(--color-text-light);
  --context-color-heading: var(--color-text-light);
  --context-color-link: var(--color-role-secondary);
  --context-color-subtle: color-mix(
  	in srgb,
  	var(--color-text-light) 70%,
  	transparent
  );
  --context-btn-fg-primary: var(--color-text-light);
  --context-btn-fg-secondary: var(--color-text-light);
  --context-btn-text-hover-border: transparent;
  color-scheme: dark;
}

:where(.has-navy-background-color) {
  color: var(--color-text-light);
  /* a:not(.btn) {
  	color: var(--color-role-secondary);
  } */
}
:where(.has-navy-background-color) h1,
:where(.has-navy-background-color) h2,
:where(.has-navy-background-color) h3,
:where(.has-navy-background-color) h4,
:where(.has-navy-background-color) h5,
:where(.has-navy-background-color) h6 {
  color: var(--color-text-light);
}
:where(.has-navy-background-color) p,
:where(.has-navy-background-color) li,
:where(.has-navy-background-color) td,
:where(.has-navy-background-color) th,
:where(.has-navy-background-color) blockquote,
:where(.has-navy-background-color) cite,
:where(.has-navy-background-color) label,
:where(.has-navy-background-color) caption {
  color: var(--color-text-light);
}

:where(.editor-styles-wrapper) .has-navy-background-color {
  /* :where(a):not(.btn) {
  	color: var(--color-role-secondary);
  } */
}
:where(.editor-styles-wrapper) .has-navy-background-color :where(h1, h2, h3, h4, h5, h6) {
  color: var(--color-text-light);
}
:where(.editor-styles-wrapper) .has-navy-background-color :where(p, li, td, th, blockquote, cite, label, caption) {
  color: var(--color-text-light);
}

.has-background-dark-background-color {
  --context-color: var(--color-text-light);
  --context-color-heading: var(--color-text-light);
  --context-color-link: var(--color-role-secondary);
  --context-color-subtle: color-mix(
  	in srgb,
  	var(--color-text-light) 70%,
  	transparent
  );
  --context-btn-fg-primary: var(--color-text-light);
  --context-btn-fg-secondary: var(--color-text-light);
  --context-btn-text-hover-border: transparent;
  color-scheme: dark;
}

:where(.has-background-dark-background-color) {
  color: var(--color-text-light);
  /* a:not(.btn) {
  	color: var(--color-role-secondary);
  } */
}
:where(.has-background-dark-background-color) h1,
:where(.has-background-dark-background-color) h2,
:where(.has-background-dark-background-color) h3,
:where(.has-background-dark-background-color) h4,
:where(.has-background-dark-background-color) h5,
:where(.has-background-dark-background-color) h6 {
  color: var(--color-text-light);
}
:where(.has-background-dark-background-color) p,
:where(.has-background-dark-background-color) li,
:where(.has-background-dark-background-color) td,
:where(.has-background-dark-background-color) th,
:where(.has-background-dark-background-color) blockquote,
:where(.has-background-dark-background-color) cite,
:where(.has-background-dark-background-color) label,
:where(.has-background-dark-background-color) caption {
  color: var(--color-text-light);
}

:where(.editor-styles-wrapper) .has-background-dark-background-color {
  /* :where(a):not(.btn) {
  	color: var(--color-role-secondary);
  } */
}
:where(.editor-styles-wrapper) .has-background-dark-background-color :where(h1, h2, h3, h4, h5, h6) {
  color: var(--color-text-light);
}
:where(.editor-styles-wrapper) .has-background-dark-background-color :where(p, li, td, th, blockquote, cite, label, caption) {
  color: var(--color-text-light);
}

.has-cool-gray-background-color {
  --context-color: var(--color-text-light);
  --context-color-heading: var(--color-text-light);
  --context-color-link: var(--color-role-secondary);
  --context-color-subtle: color-mix(
  	in srgb,
  	var(--color-text-light) 70%,
  	transparent
  );
  --context-btn-fg-primary: var(--color-text-light);
  --context-btn-fg-secondary: var(--color-text-light);
  --context-btn-text-hover-border: transparent;
  color-scheme: dark;
}

:where(.has-cool-gray-background-color) {
  color: var(--color-text-light);
  /* a:not(.btn) {
  	color: var(--color-role-secondary);
  } */
}
:where(.has-cool-gray-background-color) h1,
:where(.has-cool-gray-background-color) h2,
:where(.has-cool-gray-background-color) h3,
:where(.has-cool-gray-background-color) h4,
:where(.has-cool-gray-background-color) h5,
:where(.has-cool-gray-background-color) h6 {
  color: var(--color-text-light);
}
:where(.has-cool-gray-background-color) p,
:where(.has-cool-gray-background-color) li,
:where(.has-cool-gray-background-color) td,
:where(.has-cool-gray-background-color) th,
:where(.has-cool-gray-background-color) blockquote,
:where(.has-cool-gray-background-color) cite,
:where(.has-cool-gray-background-color) label,
:where(.has-cool-gray-background-color) caption {
  color: var(--color-text-light);
}

:where(.editor-styles-wrapper) .has-cool-gray-background-color {
  /* :where(a):not(.btn) {
  	color: var(--color-role-secondary);
  } */
}
:where(.editor-styles-wrapper) .has-cool-gray-background-color :where(h1, h2, h3, h4, h5, h6) {
  color: var(--color-text-light);
}
:where(.editor-styles-wrapper) .has-cool-gray-background-color :where(p, li, td, th, blockquote, cite, label, caption) {
  color: var(--color-text-light);
}

.has-background-light-background-color {
  --context-color: var(--color-text-body);
  --context-color-heading: var(--color-text-heading);
  --context-color-link: var(--color-role-primary);
  --context-color-subtle: var(--color-text-faint);
  --context-btn-fg-primary: var(--color-role-primary);
  --context-btn-fg-secondary: var(--color-role-secondary);
  --context-btn-text-hover-border: var(--color-notice-informational);
  color-scheme: light;
}

:where(.has-background-light-background-color) {
  color: var(--color-text-body);
  /* a:not(.btn) {
  	color: var(--color-role-primary);
  } */
}
:where(.has-background-light-background-color) h1,
:where(.has-background-light-background-color) h2,
:where(.has-background-light-background-color) h3,
:where(.has-background-light-background-color) h4,
:where(.has-background-light-background-color) h5,
:where(.has-background-light-background-color) h6 {
  color: var(--color-text-heading);
}
:where(.has-background-light-background-color) p,
:where(.has-background-light-background-color) li,
:where(.has-background-light-background-color) td,
:where(.has-background-light-background-color) th,
:where(.has-background-light-background-color) blockquote,
:where(.has-background-light-background-color) cite,
:where(.has-background-light-background-color) label,
:where(.has-background-light-background-color) caption {
  color: var(--color-text-body);
}

:where(.editor-styles-wrapper) .has-background-light-background-color {
  /* :where(a):not(.btn) {
  	color: var(--color-role-primary);
  } */
}
:where(.editor-styles-wrapper) .has-background-light-background-color :where(h1, h2, h3, h4, h5, h6) {
  color: var(--color-text-heading);
}
:where(.editor-styles-wrapper) .has-background-light-background-color :where(p, li, td, th, blockquote, cite, label, caption) {
  color: var(--color-text-body);
}

.has-background-silver-background-color {
  --context-color: var(--color-text-body);
  --context-color-heading: var(--color-text-heading);
  --context-color-link: var(--color-role-primary);
  --context-color-subtle: var(--color-text-faint);
  --context-btn-fg-primary: var(--color-role-primary);
  --context-btn-fg-secondary: var(--color-role-secondary);
  --context-btn-text-hover-border: var(--color-notice-informational);
  color-scheme: light;
}

:where(.has-background-silver-background-color) {
  color: var(--color-text-body);
  /* a:not(.btn) {
  	color: var(--color-role-primary);
  } */
}
:where(.has-background-silver-background-color) h1,
:where(.has-background-silver-background-color) h2,
:where(.has-background-silver-background-color) h3,
:where(.has-background-silver-background-color) h4,
:where(.has-background-silver-background-color) h5,
:where(.has-background-silver-background-color) h6 {
  color: var(--color-text-heading);
}
:where(.has-background-silver-background-color) p,
:where(.has-background-silver-background-color) li,
:where(.has-background-silver-background-color) td,
:where(.has-background-silver-background-color) th,
:where(.has-background-silver-background-color) blockquote,
:where(.has-background-silver-background-color) cite,
:where(.has-background-silver-background-color) label,
:where(.has-background-silver-background-color) caption {
  color: var(--color-text-body);
}

:where(.editor-styles-wrapper) .has-background-silver-background-color {
  /* :where(a):not(.btn) {
  	color: var(--color-role-primary);
  } */
}
:where(.editor-styles-wrapper) .has-background-silver-background-color :where(h1, h2, h3, h4, h5, h6) {
  color: var(--color-text-heading);
}
:where(.editor-styles-wrapper) .has-background-silver-background-color :where(p, li, td, th, blockquote, cite, label, caption) {
  color: var(--color-text-body);
}

.has-warm-gray-background-color {
  --context-color: var(--color-text-body);
  --context-color-heading: var(--color-text-heading);
  --context-color-link: var(--color-role-primary);
  --context-color-subtle: var(--color-text-faint);
  --context-btn-fg-primary: var(--color-role-primary);
  --context-btn-fg-secondary: var(--color-role-secondary);
  --context-btn-text-hover-border: var(--color-notice-informational);
  color-scheme: light;
}

:where(.has-warm-gray-background-color) {
  color: var(--color-text-body);
  /* a:not(.btn) {
  	color: var(--color-role-primary);
  } */
}
:where(.has-warm-gray-background-color) h1,
:where(.has-warm-gray-background-color) h2,
:where(.has-warm-gray-background-color) h3,
:where(.has-warm-gray-background-color) h4,
:where(.has-warm-gray-background-color) h5,
:where(.has-warm-gray-background-color) h6 {
  color: var(--color-text-heading);
}
:where(.has-warm-gray-background-color) p,
:where(.has-warm-gray-background-color) li,
:where(.has-warm-gray-background-color) td,
:where(.has-warm-gray-background-color) th,
:where(.has-warm-gray-background-color) blockquote,
:where(.has-warm-gray-background-color) cite,
:where(.has-warm-gray-background-color) label,
:where(.has-warm-gray-background-color) caption {
  color: var(--color-text-body);
}

:where(.editor-styles-wrapper) .has-warm-gray-background-color {
  /* :where(a):not(.btn) {
  	color: var(--color-role-primary);
  } */
}
:where(.editor-styles-wrapper) .has-warm-gray-background-color :where(h1, h2, h3, h4, h5, h6) {
  color: var(--color-text-heading);
}
:where(.editor-styles-wrapper) .has-warm-gray-background-color :where(p, li, td, th, blockquote, cite, label, caption) {
  color: var(--color-text-body);
}

.has-teal-background-color {
  --context-color: var(--color-text-body);
  --context-color-heading: var(--color-text-heading);
  --context-color-link: var(--color-role-primary);
  --context-color-subtle: var(--color-text-faint);
  --context-btn-fg-primary: var(--color-role-primary);
  --context-btn-fg-secondary: var(--color-role-secondary);
  --context-btn-text-hover-border: var(--color-notice-informational);
  color-scheme: light;
}

:where(.has-teal-background-color) {
  color: var(--color-text-body);
  /* a:not(.btn) {
  	color: var(--color-role-primary);
  } */
}
:where(.has-teal-background-color) h1,
:where(.has-teal-background-color) h2,
:where(.has-teal-background-color) h3,
:where(.has-teal-background-color) h4,
:where(.has-teal-background-color) h5,
:where(.has-teal-background-color) h6 {
  color: var(--color-text-heading);
}
:where(.has-teal-background-color) p,
:where(.has-teal-background-color) li,
:where(.has-teal-background-color) td,
:where(.has-teal-background-color) th,
:where(.has-teal-background-color) blockquote,
:where(.has-teal-background-color) cite,
:where(.has-teal-background-color) label,
:where(.has-teal-background-color) caption {
  color: var(--color-text-body);
}

:where(.editor-styles-wrapper) .has-teal-background-color {
  /* :where(a):not(.btn) {
  	color: var(--color-role-primary);
  } */
}
:where(.editor-styles-wrapper) .has-teal-background-color :where(h1, h2, h3, h4, h5, h6) {
  color: var(--color-text-heading);
}
:where(.editor-styles-wrapper) .has-teal-background-color :where(p, li, td, th, blockquote, cite, label, caption) {
  color: var(--color-text-body);
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Footer Layout
--------------------------------------------------------------*/
/* @use '../abstracts/variables' as *;

.site-header {

}  */
/*--------------------------------------------------------------
# Footer Layout
--------------------------------------------------------------*/
footer .sub-text a {
  color: var(--color-black);
}
footer nav li {
  line-height: normal;
}
footer nav li a {
  line-height: 28px;
  font-size: 1rem;
  display: inline-flex;
  width: 100%;
}

/*--------------------------------------------------------------
# Sidebar Layout
--------------------------------------------------------------*/
.single {
  /* GenerateBlocks Dynamic Content Block - Post Content */
}
.single .dynamic-entry-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-semantic-lg);
  align-items: start;
}
.single.single-focus_area .dynamic-entry-content {
  gap: var(--spacing-semantic-md);
}
.single :where(img):where([class*=gb-media]) {
  max-width: 100%;
  height: auto;
}
.single.single-program .dynamic-entry-content > .generateprop-column {
  gap: var(--spacing-layout-grid-row-gap);
}
.single.single-program .dynamic-entry-content > .generateprop-column > .generateprop-column {
  gap: var(--spacing-semantic-xmd);
}
.single.single-program .dynamic-entry-content > .generateprop-column:has(h3):has(h4) {
  gap: var(--spacing-semantic-lg);
}
.single.single-program .dynamic-entry-content > .generateprop-column:has(h3):has(h4) .generateprop-column:has(h4) {
  gap: var(--spacing-semantic-xmd);
}

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Section Navigation Block
--------------------------------------------------------------*/
.section-navigation-block {
  margin: 2rem 0;
}
.section-navigation-block .section-navigation h3 {
  margin: 0 0 16px 0;
  font-weight: 700;
  color: #003b5c;
  padding-bottom: 0;
}
.section-navigation-block .section-navigation h3 a {
  text-decoration: none;
  color: #003b5c;
  font-weight: 700;
}
.section-navigation-block .section-navigation h3 a:hover, .section-navigation-block .section-navigation h3 a:focus {
  color: #003b5c;
}
.section-navigation-block .section-navigation a {
  color: #00aec7;
  font-weight: 400;
  text-decoration: underline;
}
.section-navigation-block .section-navigation > ul > li {
  border-bottom: 2px solid color-border("light");
}
.section-navigation-block .section-navigation > ul > li > a {
  color: #003b5c;
  font-weight: 700;
  text-decoration: none;
}
.section-navigation-block .section-navigation > ul > li:last-child {
  border-bottom: 0;
}
.section-navigation-block .section-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-navigation-block .section-navigation ul li {
  padding: 8px 0;
  display: block;
}
.section-navigation-block .section-navigation ul li a {
  display: block;
}
.section-navigation-block .section-navigation ul li .children {
  display: none;
  margin-top: 0;
  margin-left: 2.5rem;
}
.section-navigation-block .section-navigation ul li.page_item_has_children.current_page_item .children, .section-navigation-block .section-navigation ul li.page_item_has_children.current_page_ancestor .children {
  display: block;
}
.section-navigation-block .section-navigation ul li.current_page_item > a {
  text-decoration: none;
  font-weight: 700;
  color: #003b5c;
}
.section-navigation-block .section-navigation ul li.page_item_has_children > a {
  color: #003b5c;
  font-weight: 700;
  text-decoration: none;
  font-size: 18px;
}
.section-navigation-block .section-navigation ul li.page_item_has_children > a:hover, .section-navigation-block .section-navigation ul li.page_item_has_children > a:focus {
  color: #00aec7;
}
.section-navigation-block .section-navigation ul li:last-child {
  border-bottom: 0;
}
.section-navigation-block .section-navigation ul li.page_item_has_children li.page_item_has_children > ul.children {
  display: none;
  margin-left: 30px;
}
.section-navigation-block .section-navigation ul li.page_item_has_children li.page_item_has_children.current_page_item > ul.children, .section-navigation-block .section-navigation ul li.page_item_has_children li.page_item_has_children.current_page_ancestor > ul.children {
  display: block;
}
.section-navigation-block .section-navigation ul li.page_item_has_children li.page_item_has_children > a {
  font-weight: 400;
  text-decoration: underline;
  color: #00aec7;
  font-size: 18px;
}
.section-navigation-block .section-navigation ul li.page_item_has_children li.page_item_has_children.current_page_item > a, .section-navigation-block .section-navigation ul li.page_item_has_children li.page_item_has_children.current_page_ancestor > a {
  font-weight: 700;
  color: #003b5c;
  text-decoration: none;
}
.section-navigation-block--no-hierarchy .section-navigation {
  background: #f9f7f3;
  border-color: color-border("light");
}
.section-navigation-block--no-hierarchy .section-navigation p {
  margin: 0;
  color: #666666;
  font-style: italic;
}

/*--------------------------------------------------------------
# Responsive Design
--------------------------------------------------------------*/
@media (max-width: 768px) {
  .section-navigation-block {
    margin: 1.5rem 0;
  }
  .section-navigation-block .section-navigation {
    padding: 1.5rem;
  }
  .section-navigation-block .section-navigation h3 {
    font-size: 1.25rem;
  }
  .section-navigation-block .section-navigation ul li ul {
    margin-left: 1rem;
  }
}
/*--------------------------------------------------------------
# Form Components
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
.wp-block-search .wp-block-search__inside-wrapper {
  border: none;
}
.wp-block-search .wp-block-search__inside-wrapper input[type=search] {
  width: 100%;
  height: 3.125rem;
  padding: 0.75rem 1rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 0;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  color: #191e3b;
  background: transparent;
  display: inline-flex;
  margin: 0;
  border: none;
}
.wp-block-search .wp-block-search__inside-wrapper input[type=search]:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
.wp-block-search .wp-block-search__label.screen-reader-text {
  width: 1px;
}
.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  padding: 0;
}
.wp-block-search__button-inside .wp-block-search__button.has-icon {
  padding: var(--spacing-semantic-sm);
  margin: 0;
  background-color: transparent;
}
.wp-block-search__button-inside .wp-block-search__button.has-icon:before {
  display: inline-flex;
  content: "";
  width: 18.8px;
  height: 18.8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2719%27 height=%2719%27 viewBox=%270 0 19 19%27 fill=%27none%27%3E%3Cpath d=%27M18.1196 17.0374L13.6266 12.5491C14.7521 11.176 15.3689 9.45771 15.3689 7.68326C15.3689 3.44556 11.9212 0 7.68561 0C6.65017 0 5.64474 0.202588 4.69701 0.604001C3.78163 0.992658 2.96002 1.54564 2.25469 2.25095C1.54937 2.95625 0.994157 3.77784 0.605499 4.69326C0.204087 5.64017 0 6.64558 0 7.68186C0 11.9196 3.44767 15.3651 7.68326 15.3651C9.46002 15.3651 11.1761 14.7484 12.5491 13.6229L17.0374 18.1113C17.1815 18.2553 17.3728 18.3349 17.5762 18.3349C17.7803 18.3349 17.9723 18.2561 18.1149 18.1113C18.415 17.8171 18.415 17.3347 18.1187 17.0383L18.1196 17.0374ZM13.8481 7.68096C13.8481 11.0798 11.0831 13.8426 7.68651 13.8426C4.28763 13.8426 1.52492 11.0775 1.52492 7.68096C1.52492 4.28342 4.28993 1.51937 7.68651 1.51937C11.084 1.51937 13.8481 4.28438 13.8481 7.68096Z%27 fill=%27%23727A86%27/%3E%3C/svg%3E");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.wp-block-search__button-inside .wp-block-search__button.has-icon svg {
  display: none;
}
.wp-block-search.is-collapsible {
  display: flex;
  align-items: center;
  transition: opacity 300ms ease-in-out;
  z-index: 3;
  position: relative;
  z-index: 10000;
  background-color: transparent;
  width: auto;
}
.wp-block-search.is-collapsible button.wp-block-search__toggle {
  display: inline-flex;
  height: 18.3px;
  width: 18.3px;
  padding: 0;
  background-color: transparent;
  border: none;
  color: #000;
  pointer-events: auto;
  cursor: pointer;
}
.wp-block-search.is-collapsible button.wp-block-search__toggle:hover, .wp-block-search.is-collapsible button.wp-block-search__toggle:focus, .wp-block-search.is-collapsible button.wp-block-search__toggle:active {
  color: var(--color-role-secondary);
}
.wp-block-search.is-collapsible .wp-block-search__inside-wrapper {
  --search-wrapper-width: 571px;
  display: flex;
  align-items: center;
  border-width: 0;
  transition: var(--transition-base);
  background-color: var(--color-white);
  flex-shrink: 0;
  max-width: var(--search-wrapper-width);
}
@media (min-width: 64rem) {
  .wp-block-search.is-collapsible .wp-block-search__inside-wrapper {
    position: absolute;
    z-index: 99;
    background-color: var(--color-role-primary);
    padding: var(--spacing-semantic-xs);
    width: var(--search-wrapper-width);
    height: 58.33px;
    top: calc(100% + var(--spacing-semantic-sm));
    right: calc(var(--spacing-semantic-xs) * -1);
    opacity: 0;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 19 19\" fill=\"none\"%3E%3Cpath d=\"M18.1196 17.0374L13.6266 12.5491C14.7521 11.176 15.3689 9.45771 15.3689 7.68326C15.3689 3.44556 11.9212 0 7.68561 0C6.65017 0 5.64474 0.202588 4.69701 0.604001C3.78163 0.992658 2.96002 1.54564 2.25469 2.25095C1.54937 2.95625 0.994157 3.77784 0.605499 4.69326C0.204087 5.64017 0 6.64558 0 7.68186C0 11.9196 3.44767 15.3651 7.68326 15.3651C9.46002 15.3651 11.1761 14.7484 12.5491 13.6229L17.0374 18.1113C17.1815 18.2553 17.3728 18.3349 17.5762 18.3349C17.7803 18.3349 17.9723 18.2561 18.1149 18.1113C18.415 17.8171 18.415 17.3347 18.1187 17.0383L18.1196 17.0374ZM13.8481 7.68096C13.8481 11.0798 11.0831 13.8426 7.68651 13.8426C4.28763 13.8426 1.52492 11.0775 1.52492 7.68096C1.52492 4.28342 4.28993 1.51937 7.68651 1.51937C11.084 1.51937 13.8481 4.28438 13.8481 7.68096Z\" fill=\"white\"/%3E%3C/svg%3E");
    background-position: calc(100% - var(--spacing-semantic-xmd)) 50%;
    background-repeat: no-repeat;
    background-size: 18.34px 18.34px;
  }
  .wp-block-search.is-collapsible .wp-block-search__inside-wrapper:after {
    content: "";
    width: 23px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"13\" viewBox=\"0 0 23 13\" fill=\"none\"%3E%3Cpath d=\"M11.3178 0L22.6356 12.75H-9.63211e-05L11.3178 0Z\" fill=\"%23003B5C\"/%3E%3C/svg%3E");
    background-size: 100% 100%;
    position: absolute;
    top: -8px;
    right: 5px;
  }
}
.wp-block-search.is-collapsible .wp-block-search__inside-wrapper input[type=search] {
  background-color: transparent;
  border: none;
  width: 100%;
  height: 100%;
}
.wp-block-search.is-collapsible .wp-block-search__inside-wrapper input[type=search]::-moz-placeholder {
  color: var(--color-text-faint);
}
.wp-block-search.is-collapsible .wp-block-search__inside-wrapper input[type=search]::placeholder {
  color: var(--color-text-faint);
}
@media (min-width: 64rem) {
  .wp-block-search.is-collapsible .wp-block-search__inside-wrapper input[type=search] {
    color: var(--color-white);
    width: calc(100% - (var(--spacing-semantic-xmd) + 18.34px));
    flex-grow: 0;
  }
  .wp-block-search.is-collapsible .wp-block-search__inside-wrapper input[type=search]::-moz-placeholder {
    color: var(--color-white);
  }
  .wp-block-search.is-collapsible .wp-block-search__inside-wrapper input[type=search]::placeholder {
    color: var(--color-white);
  }
}
.wp-block-search.is-collapsible .wp-block-search__inside-wrapper input[type=search]::-webkit-search-cancel-button {
  display: none;
}
@media (min-width: 64rem) {
  .wp-block-search.is-collapsible.is-expanded .wp-block-search__inside-wrapper {
    opacity: 1;
    pointer-events: auto;
  }
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
section.contact {
  --spacing-layout-form-row-gap: var(--spacing-layout-grid-row-gap);
  --spacing-layout-form-column-gap: var(--spacing-layout-grid-column-gap);
}

/*--------------------------------------------------------------
# Plugin Overrides
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Form Components
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme .gform_heading .gform_required_legend {
  display: none;
}
.gform_wrapper.gravity-theme form {
  display: grid;
  gap: var(--spacing-layout-form-row-gap) var(--spacing-layout-form-column-gap);
  display: flex;
  flex-direction: column;
  /* .gform_fields {
  	.gfield {
  		&-type-textarea {
  		}
  	}
  } */
}
.gform_wrapper.gravity-theme form .gfield--width-half {
  flex: 1;
}
.gform_wrapper.gravity-theme form .gfield--width-half + .gfield--width-half {
  margin-top: 0;
}
.gform_wrapper.gravity-theme form .gform-body .gfield {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-layout-form-label-gap);
}
.gform_wrapper.gravity-theme form .gform-body .gfield .gfield_description {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  color: #191e3b;
  margin: 0;
  padding: 0;
  color: var(--color-primitive-cool-gray);
  text-box: trim-both cap alphabetic;
}
.gform_wrapper.gravity-theme form .gform-body .gfield .gfield_description [class*=required] {
  color: var(--color-role-secondary);
  font-size: inherit;
}
.gform_wrapper.gravity-theme form .gform-body .gfield .gfield_description.charleft {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: var(--color-text-faint);
}
.gform_wrapper.gravity-theme form .gform-body .gfield .gfield_description.validation_message {
  padding: var(--spacing-semantic-xs);
  background-color: var(--color-notice-error);
  color: var(--color-white);
  font-weight: var(--font-weight-semibold);
}
.gform_wrapper.gravity-theme form .gform-body .gfield .ginput_container {
  margin: 0;
}
.gform_wrapper.gravity-theme form .gform-body .gfield .ginput_container_textarea, .gform_wrapper.gravity-theme form .gform-body .gfield .ginput_container_number {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-layout-form-label-gap);
  gap: calc(var(--spacing-layout-form-label-gap) / 2);
}
.gform_wrapper.gravity-theme form .gform-body .gfield .ginput_container.ginput_complex span {
  padding: 0 !important;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-layout-form-label-gap);
}
.gform_wrapper.gravity-theme form .gform-body .gfield .ginput_container.ginput_complex span label {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  color: #191e3b;
  margin: 0;
  padding: 0;
}
.gform_wrapper.gravity-theme form .gform-body .gfield .ginput_container.ginput_complex span label [class*=required] {
  color: var(--color-role-secondary);
  font-size: inherit;
}
.gform_wrapper.gravity-theme form .gform-body .gfield .ginput_container.ginput_complex span label.gform-field-label--type-sub {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.gform_wrapper.gravity-theme form .gform-body .gfield .ginput_container.ginput_complex span:has(.gform-field-label--type-sub) {
  row-gap: var(--spacing-semantic-xs);
}
.gform_wrapper.gravity-theme form .gform-body .gform_fields {
  display: grid;
  gap: var(--spacing-layout-form-row-gap) var(--spacing-layout-form-column-gap);
}
.gform_wrapper.gravity-theme form .gform-body .gform_fields .gfield--width-half {
  flex: 0 0 calc(50% - 1.875rem / 2);
}
.gform_wrapper.gravity-theme form .gform-body .gform_fields:has(.gfield--width-half) {
  flex-direction: row;
  flex-wrap: wrap;
  /* row-gap: spacing-layout("grid-column-gap");
  column-gap: spacing-layout("grid-column-gap"); */
}
.gform_wrapper.gravity-theme form .gform-body label.gfield_label,
.gform_wrapper.gravity-theme form .gform-body legend.gfield_label {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  color: #191e3b;
  margin: 0;
  padding: 0;
}
.gform_wrapper.gravity-theme form .gform-body label.gfield_label [class*=required],
.gform_wrapper.gravity-theme form .gform-body legend.gfield_label [class*=required] {
  color: var(--color-role-secondary);
  font-size: inherit;
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield legend {
  margin-bottom: var(--spacing-layout-form-label-gap);
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date) {
  display: grid;
  gap: var(--spacing-layout-form-row-gap) var(--spacing-layout-form-column-gap);
  grid-template-columns: repeat(12, 1fr);
  margin: 0;
  gap: var(--spacing-semantic-sm);
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date) .gform-grid-col {
  max-width: 100%;
  grid-column: 1/-1;
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date):where(:has(.gform-grid-col:nth-child(1))) .gform-grid-col {
  grid-column: 1/-1;
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date):where(:has(.gform-grid-col:nth-child(2))) .gform-grid-col {
  grid-column: span 6;
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date):where(:has(.gform-grid-col:nth-child(3))) .gform-grid-col {
  grid-column: span 4;
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date) .gfield_radio,
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date) .gfield_checkbox {
  grid-column: 1/-1;
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date) .ginput_full {
  grid-column: 1/-1;
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date) .ginput_left {
  grid-column: 1/span 6;
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date) .ginput_right {
  grid-column: 7/span 6;
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date) .gfield_list_container {
  grid-column: 1/-1;
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date) .gfield_list_container .gfield_list_icons {
  gap: var(--spacing-semantic-xs);
}
.gform_wrapper.gravity-theme form .gform-body fieldset.gfield .ginput_container:not(.ginput_container_date) .gfield_list_container .gfield_list_icons button {
  cursor: pointer;
  margin: 0;
}
.gform_wrapper.gravity-theme form .gform-body input[type=text],
.gform_wrapper.gravity-theme form .gform-body input[type=tel],
.gform_wrapper.gravity-theme form .gform-body input[type=email],
.gform_wrapper.gravity-theme form .gform-body input[type=number] {
  width: 100%;
  height: 3.125rem;
  padding: 0.75rem 1rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 0;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  color: #191e3b;
  background: transparent;
  display: inline-flex;
  margin: 0;
}
.gform_wrapper.gravity-theme form .gform-body input[type=text]:focus,
.gform_wrapper.gravity-theme form .gform-body input[type=tel]:focus,
.gform_wrapper.gravity-theme form .gform-body input[type=email]:focus,
.gform_wrapper.gravity-theme form .gform-body input[type=number]:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
.gform_wrapper.gravity-theme form .gform-body select {
  display: inline-flex;
  width: 100%;
  height: 3rem;
  padding: 0 1rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 0;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  background: transparent;
  cursor: pointer;
  color: var(--color-text-faint);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717%27 height=%279%27 viewBox=%270 0 17 9%27 fill=%27none%27%3E%3Cpath d=%27M0.348884 0.803298L8.01087 8.15502C8.07686 8.21834 8.16334 8.25 8.24982 8.25C8.3363 8.25 8.42265 8.21834 8.48878 8.15502L16.1511 0.803298C16.283 0.676787 16.283 0.47152 16.1511 0.344884C16.0193 0.218372 15.8053 0.218372 15.6734 0.344884L8.25 7.46763L0.826652 0.344884C0.694802 0.218372 0.480872 0.218372 0.348891 0.344884C0.217041 0.471527 0.217034 0.676793 0.348884 0.803298Z%27 fill=%27%23191E3B%27 stroke=%27%23191E3B%27 stroke-width=%270.5%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--spacing-semantic-sm)) 50%;
  background-size: 1rem 0.5rem;
}
.gform_wrapper.gravity-theme form .gform-body select:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
.gform_wrapper.gravity-theme form .gform-body textarea {
  width: 100%;
  height: 3.125rem;
  padding: 0.75rem 1rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 0;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  color: #191e3b;
  background: transparent;
  display: inline-flex;
  margin: 0;
  height: auto;
  min-height: 14.75rem;
  resize: vertical;
  display: block;
}
.gform_wrapper.gravity-theme form .gform-body textarea:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio .ginput_container_radio .gfield_radio {
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
  flex-wrap: wrap;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio .ginput_container_radio .gchoice {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  cursor: pointer;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio .ginput_container_radio .gchoice input[type=radio] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 1.0625rem;
  height: 1.0625rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: var(--transition-base);
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio .ginput_container_radio .gchoice input[type=radio] + label {
  cursor: pointer;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio .ginput_container_radio .gchoice input[type=radio]:checked {
  background-color: #003b5c;
  box-shadow: inset 0 0 0 3px #fff;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio .ginput_container_radio .gchoice input[type=radio]:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio .ginput_container_radio .gchoice label {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio .ginput_container_radio .gchoice .gfield-choice-input + label {
  max-width: 100%;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio .ginput_container_radio .gchoice:has(input[type=text]) input[type=text] {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + var(--spacing-semantic-sm));
  width: 100%;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio .ginput_container_radio .gchoice:has(input[type=text]) br {
  display: none;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio .ginput_container_radio .gchoice:has(input[type=text]) input[type=radio]:checked ~ input[type=text] {
  display: inline-flex;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio .ginput_container_radio:has(input[value=gf_other_choice]:checked) {
  position: relative;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-radio:has(input[value=gf_other_choice]:checked) {
  padding-bottom: calc(50px + var(--spacing-semantic-sm));
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .ginput_container_fileupload {
  border: 1px dashed #003b5c;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-semantic-sm);
  align-items: center;
  padding: var(--spacing-15);
  text-align: center;
  row-gap: 0;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .ginput_container_fileupload .file-upload-prompt {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.77778;
  color: #191e3b;
  text-align: center;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .ginput_container_fileupload .file-upload-note {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #191e3b;
  text-align: center;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .ginput_container_fileupload > *:not(:empty):not(:first-child) {
  margin-top: var(--spacing-semantic-sm);
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area {
  padding: 0;
  border: none;
  margin: 0;
  border-radius: 0;
  background: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-semantic-sm);
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area .gform_drop_instructions {
  margin: 0;
  text-box: trim-both cap alphabetic;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area .gform-allowed-types {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #191e3b;
  text-align: center;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area .gform_button_select_files {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: var(--spacing-button-padding-vertical) var(--spacing-button-padding-horizontal);
  border: 2px solid;
  border-radius: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-box: trim-both cap alphabetic;
  /* @include for-phone {
  	--spacing-button-padding-horizontal: var(--spacing-semantic-md);
  } */
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area .gform_button_select_files:hover {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area .gform_button_select_files:focus, .gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area .gform_button_select_files:focus-visible {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .ginput_container_fileupload .gform_fileupload_rules {
  color: var(--color-text-body);
}
.gform_wrapper.gravity-theme form .gform-body .gfield--type-fileupload .gfield_description {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: var(--color-text-faint);
}
.gform_wrapper.gravity-theme form .gform-footer {
  padding: 0;
  margin: 0;
}
.gform_wrapper.gravity-theme form .gform-footer:not(:has(input[type=submit])) {
  display: none;
}
.gform_wrapper.gravity-theme form .gform-footer input[type=submit].gform_button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: var(--spacing-button-padding-vertical) var(--spacing-button-padding-horizontal);
  border: 2px solid;
  border-radius: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-box: trim-both cap alphabetic;
  /* @include for-phone {
  	--spacing-button-padding-horizontal: var(--spacing-semantic-md);
  } */
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}
.gform_wrapper.gravity-theme form .gform-footer input[type=submit].gform_button:hover {
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
.gform_wrapper.gravity-theme form .gform-footer input[type=submit].gform_button:focus, .gform_wrapper.gravity-theme form .gform-footer input[type=submit].gform_button:focus-visible {
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
.gform_wrapper.gravity-theme form input[type=submit].gform-button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: var(--spacing-button-padding-vertical) var(--spacing-button-padding-horizontal);
  border: 2px solid;
  border-radius: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-box: trim-both cap alphabetic;
  /* @include for-phone {
  	--spacing-button-padding-horizontal: var(--spacing-semantic-md);
  } */
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}
.gform_wrapper.gravity-theme form input[type=submit].gform-button:hover {
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
.gform_wrapper.gravity-theme form input[type=submit].gform-button:focus, .gform_wrapper.gravity-theme form input[type=submit].gform-button:focus-visible {
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
.gform_wrapper.gravity-theme form.email-inline .gform-body .gform_fields {
  row-gap: 1.875rem;
  -moz-column-gap: var(--spacing-semantic-xs);
       column-gap: var(--spacing-semantic-xs);
  grid-template-columns: minmax(auto, 700px) minmax(auto, 166px);
  align-items: end;
}
@media (max-width: 48rem) {
  .gform_wrapper.gravity-theme form.email-inline .gform-body .gform_fields {
    grid-template-columns: 1fr;
    row-gap: var(--spacing-semantic-xs);
  }
  .gform_wrapper.gravity-theme form.email-inline .gform-body .gform_fields label {
    text-align: center;
  }
  .gform_wrapper.gravity-theme form.email-inline .gform-body .gform_fields input[type=submit] {
    align-self: center !important;
  }
}
.gform_wrapper.gravity-theme form.email-inline .gform-body .gform_fields .gfield {
  grid-column: auto;
}
.gform_wrapper.gravity-theme form.email-inline .gform-body .gform_fields .gfield label {
  color: #fff;
}
.gform_wrapper.gravity-theme form.email-inline .gform-body .gform_fields .gfield .ginput_container {
  background-color: #fff;
}
.gform_wrapper.gravity-theme form.email-inline .gform-body .gform_fields input[type=submit].gform-button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: var(--spacing-button-padding-vertical) var(--spacing-button-padding-horizontal);
  border: 2px solid;
  border-radius: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-box: trim-both cap alphabetic;
  /* @include for-phone {
  	--spacing-button-padding-horizontal: var(--spacing-semantic-md);
  } */
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
  height: 3.125rem;
  max-width: 166px;
}
.gform_wrapper.gravity-theme form.email-inline .gform-body .gform_fields input[type=submit].gform-button:hover {
  background-color: transparent;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
}
.gform_wrapper.gravity-theme form.email-inline .gform-body .gform_fields input[type=submit].gform-button:focus, .gform_wrapper.gravity-theme form.email-inline .gform-body .gform_fields input[type=submit].gform-button:focus-visible {
  background-color: transparent;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}

/*--------------------------------------------------------------
# Form Components
--------------------------------------------------------------*/
.generateprop-body .facetwp-facet {
  margin: 0;
  width: 100%;
  /* &.facetwp-type-checkboxes {
  }
  &.facetwp-type-search {
  }
  &.facetwp-type-dropdown {
  }
  &.facetwp-type-date_range {
  }
  &.facetwp-type-proximity {
  }
  &.facetwp-type-autocomplete {
  } */
  /* &.facetwp-type-deadline_range {
  	select {
  		@include select;
  	}
  } */
}
.generateprop-body .facetwp-facet.facetwp-type-fselect .fs-wrap {
  display: inline-flex;
  width: 100%;
  height: 3rem;
  padding: 0 1rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 0;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  background: transparent;
  cursor: pointer;
  color: var(--color-text-faint);
}
.generateprop-body .facetwp-facet.facetwp-type-fselect .fs-wrap:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
.generateprop-body .facetwp-facet.facetwp-type-fselect .fs-wrap .fs-dropdown {
  left: -1px;
  top: 100%;
  width: calc(100% + 2px);
  cursor: pointer;
  border-color: var(--border-color-dark);
}
.generateprop-body .facetwp-facet.facetwp-type-fselect .fs-wrap .fs-dropdown .fs-search {
  padding: var(--spacing-semantic-sm);
  background-color: var(--color-background-silver);
}
.generateprop-body .facetwp-facet.facetwp-type-fselect .fs-wrap .fs-dropdown .fs-options .fs-option {
  padding: var(--spacing-semantic-xs);
}
.generateprop-body .facetwp-facet.facetwp-type-fselect .fs-wrap .fs-dropdown .fs-options .fs-option:hover {
  background-color: var(--color-background-silver);
}
.generateprop-body .facetwp-facet.facetwp-type-fselect .fs-wrap .fs-dropdown .fs-options .fs-option.selected {
  background-color: var(--color-primitive-warm-gray);
  color: var(--color-text-body);
}
.generateprop-body .facetwp-facet.facetwp-type-fselect .fs-wrap .fs-label-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.generateprop-body .facetwp-facet.facetwp-type-fselect .fs-wrap .fs-label-wrap .fs-label {
  padding: 0;
  color: var(--color-text-faint);
}
.generateprop-body .facetwp-facet.facetwp-type-fselect .fs-wrap .fs-label-wrap .fs-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717%27 height=%279%27 viewBox=%270 0 17 9%27 fill=%27none%27%3E%3Cpath d=%27M0.348884 0.803298L8.01087 8.15502C8.07686 8.21834 8.16334 8.25 8.24982 8.25C8.3363 8.25 8.42265 8.21834 8.48878 8.15502L16.1511 0.803298C16.283 0.676787 16.283 0.47152 16.1511 0.344884C16.0193 0.218372 15.8053 0.218372 15.6734 0.344884L8.25 7.46763L0.826652 0.344884C0.694802 0.218372 0.480872 0.218372 0.348891 0.344884C0.217041 0.471527 0.217034 0.676793 0.348884 0.803298Z%27 fill=%27%23191E3B%27 stroke=%27%23191E3B%27 stroke-width=%270.5%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--spacing-semantic-sm)) 50%;
  background-size: 1rem 0.5rem;
  width: 1rem;
  height: 0.5rem;
  border: none;
  right: 0;
  background-position: center right;
}
.generateprop-body .facetwp-facet.facetwp-type-reset button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: var(--spacing-button-padding-vertical) var(--spacing-button-padding-horizontal);
  border: 2px solid;
  border-radius: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-box: trim-both cap alphabetic;
  /* @include for-phone {
  	--spacing-button-padding-horizontal: var(--spacing-semantic-md);
  } */
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
.generateprop-body .facetwp-facet.facetwp-type-reset button:hover {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}

button.fwp-submit {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}

/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Form Components
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Bloomerang Donation Form Overrides
#
# Bloomerang injects its own <style> block dynamically, so we
# use #donation-form-container as a specificity anchor (ID beats
# class-only selectors) rather than relying on source order.
#
# DOM injected by JS — see bloomerang-enhance.js for structural
# changes (preset buttons, textarea replacements, tagline).
--------------------------------------------------------------*/
body:has(script[src*=bloomerang]) form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-semantic-lg) var(--spacing-layout-form-column-gap);
}
body:has(script[src*=bloomerang]) form .errors:not(.hidden) {
  color: #ff0000;
  border: 1px solid #ff0000;
  padding: 1rem;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
}
body:has(script[src*=bloomerang]) form .section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-semantic-lg) var(--spacing-semantic-sm);
  order: 3;
}
body:has(script[src*=bloomerang]) form .section:not(:nth-child(1 of .section)) h3 {
  padding-top: var(--spacing-semantic-lg);
  border-top: 1px solid var(--border-color-light);
}
body:has(script[src*=bloomerang]) form .field {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
}
body:has(script[src*=bloomerang]) form .field label {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  color: #191e3b;
  margin: 0;
  padding: 0;
}
body:has(script[src*=bloomerang]) form .field label [class*=required] {
  color: var(--color-role-secondary);
  font-size: inherit;
}
body:has(script[src*=bloomerang]) form .field label .required-star {
  color: #00aec7;
  font-size: inherit;
  margin-left: 0.25rem;
}
body:has(script[src*=bloomerang]) form .field label.error {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #ff0000;
  display: block;
  padding: 0;
  max-width: none;
}
body:has(script[src*=bloomerang]) form .field input[type=text],
body:has(script[src*=bloomerang]) form .field input[type=email],
body:has(script[src*=bloomerang]) form .field input[type=tel],
body:has(script[src*=bloomerang]) form .field input[type=number],
body:has(script[src*=bloomerang]) form .field input[type=date] {
  width: 100%;
  height: 3.125rem;
  padding: 0.75rem 1rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 0;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  color: #191e3b;
  background: transparent;
  display: inline-flex;
  margin: 0;
  max-width: none;
  width: 100%;
}
body:has(script[src*=bloomerang]) form .field input[type=text]:focus,
body:has(script[src*=bloomerang]) form .field input[type=email]:focus,
body:has(script[src*=bloomerang]) form .field input[type=tel]:focus,
body:has(script[src*=bloomerang]) form .field input[type=number]:focus,
body:has(script[src*=bloomerang]) form .field input[type=date]:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
body:has(script[src*=bloomerang]) form .field textarea {
  width: 100%;
  height: 3.125rem;
  padding: 0.75rem 1rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 0;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  color: #191e3b;
  background: transparent;
  display: inline-flex;
  margin: 0;
  height: auto;
  min-height: 14.75rem;
  resize: vertical;
  display: block;
  max-width: 100%;
  min-height: 150px;
}
body:has(script[src*=bloomerang]) form .field textarea:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
body:has(script[src*=bloomerang]) form .field select {
  display: inline-flex;
  width: 100%;
  height: 3rem;
  padding: 0 1rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 0;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  background: transparent;
  cursor: pointer;
  color: var(--color-text-faint);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717%27 height=%279%27 viewBox=%270 0 17 9%27 fill=%27none%27%3E%3Cpath d=%27M0.348884 0.803298L8.01087 8.15502C8.07686 8.21834 8.16334 8.25 8.24982 8.25C8.3363 8.25 8.42265 8.21834 8.48878 8.15502L16.1511 0.803298C16.283 0.676787 16.283 0.47152 16.1511 0.344884C16.0193 0.218372 15.8053 0.218372 15.6734 0.344884L8.25 7.46763L0.826652 0.344884C0.694802 0.218372 0.480872 0.218372 0.348891 0.344884C0.217041 0.471527 0.217034 0.676793 0.348884 0.803298Z%27 fill=%27%23191E3B%27 stroke=%27%23191E3B%27 stroke-width=%270.5%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--spacing-semantic-sm)) 50%;
  background-size: 1rem 0.5rem;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  max-width: none;
  box-sizing: border-box;
  height: 3.125rem;
}
body:has(script[src*=bloomerang]) form .field select:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
body:has(script[src*=bloomerang]) form .field.radio {
  padding: 0;
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
  flex-wrap: wrap;
}
body:has(script[src*=bloomerang]) form .field.radio label {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  cursor: pointer;
}
body:has(script[src*=bloomerang]) form .field.radio label input[type=radio] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 1.0625rem;
  height: 1.0625rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: var(--transition-base);
}
body:has(script[src*=bloomerang]) form .field.radio label input[type=radio] + label {
  cursor: pointer;
}
body:has(script[src*=bloomerang]) form .field.radio label input[type=radio]:checked {
  background-color: #003b5c;
  box-shadow: inset 0 0 0 3px #fff;
}
body:has(script[src*=bloomerang]) form .field.radio label input[type=radio]:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
body:has(script[src*=bloomerang]) form .section:has(input[type=radio]) {
  gap: var(--spacing-semantic-xmd);
}
body:has(script[src*=bloomerang]) form .section:has(input[type=radio]) h3 {
  margin-bottom: var(--spacing-semantic-xmd);
}
body:has(script[src*=bloomerang]) form .section.registrationSummary:has(.registration-summary[style*="display: none"]) {
  display: none;
}
body:has(script[src*=bloomerang]) form .section.donation {
  order: 1;
}
body:has(script[src*=bloomerang]) form .section.donation .donation-tagline {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  color: #00aec7;
  margin-bottom: var(--spacing-semantic-xs);
}
body:has(script[src*=bloomerang]) form .section.donation .amount-presets {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-semantic-sm);
}
@media (max-width: 48rem) {
  body:has(script[src*=bloomerang]) form .section.donation .amount-presets {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
body:has(script[src*=bloomerang]) form .section.donation .amount-presets .amount-preset-btn {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: var(--spacing-button-padding-vertical) var(--spacing-button-padding-horizontal);
  border: 2px solid;
  border-radius: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-box: trim-both cap alphabetic;
  /* @include for-phone {
  	--spacing-button-padding-horizontal: var(--spacing-semantic-md);
  } */
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
body:has(script[src*=bloomerang]) form .section.donation .amount-presets .amount-preset-btn:hover {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
}
body:has(script[src*=bloomerang]) form .section.donation .amount-presets .amount-preset-btn:focus, body:has(script[src*=bloomerang]) form .section.donation .amount-presets .amount-preset-btn:focus-visible {
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
body:has(script[src*=bloomerang]) form .section.donation .amount-presets .amount-preset-btn.is-selected {
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
}
body:has(script[src*=bloomerang]) form .section.donation .amount-presets .amount-preset-btn[data-amount="500"] {
  background-color: transparent;
  border-color: #00aec7;
  color: #00aec7;
  --btn-icon-color: #00aec7;
}
body:has(script[src*=bloomerang]) form .section.donation .amount-presets .amount-preset-btn[data-amount="500"]:hover {
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
}
body:has(script[src*=bloomerang]) form .section.donation .amount-presets .amount-preset-btn[data-amount="500"].is-selected {
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
}
body:has(script[src*=bloomerang]) form .section.donation input#donation-amount.donation-amount-hidden {
  display: none;
}
body:has(script[src*=bloomerang]) form .section.recurring {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
body:has(script[src*=bloomerang]) form .section.recurring .field.recurring {
  grid-column: 1/-1;
  flex-direction: row;
  align-items: center;
}
body:has(script[src*=bloomerang]) form .section.recurring .field.recurring label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  font-weight: 500;
}
body:has(script[src*=bloomerang]) form .section.recurring .field.recurring label input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 1.0625rem;
  height: 1.0625rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 0.1875rem;
  background: transparent;
  cursor: pointer;
  transition: var(--transition-base);
}
body:has(script[src*=bloomerang]) form .section.recurring .field.recurring label input[type=checkbox]:checked {
  background-color: #003b5c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%278%27 viewBox=%270 0 10 8%27 fill=%27none%27%3E%3Cpath d=%27M1 3.5L3.5 6.5L9 1%27 stroke=%27white%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
body:has(script[src*=bloomerang]) form .section.recurring .field.recurring label input[type=checkbox]:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
body:has(script[src*=bloomerang]) form .section.recurring .field.recurring label .label {
  color: #191e3b;
}
body:has(script[src*=bloomerang]) form .section.recurring .field.recurring-paypal-venmo-label-info {
  grid-column: 1/-1;
}
body:has(script[src*=bloomerang]) form .section.recurring .field.recurring-paypal-venmo-label-info label {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #666666;
  font-size: 0.75rem;
}
body:has(script[src*=bloomerang]) form .section.recurring .field.frequency {
  grid-column: 1/1;
}
body:has(script[src*=bloomerang]) form .section.recurring .field.start-date {
  grid-column: 2/-1;
}
body:has(script[src*=bloomerang]) form .section.recurring .field.frequency label,
body:has(script[src*=bloomerang]) form .section.recurring .field.start-date label {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  color: #191e3b;
  margin: 0;
  padding: 0;
}
body:has(script[src*=bloomerang]) form .section.recurring .field.frequency label [class*=required],
body:has(script[src*=bloomerang]) form .section.recurring .field.start-date label [class*=required] {
  color: var(--color-role-secondary);
  font-size: inherit;
}
body:has(script[src*=bloomerang]) form .section.recurring .start-date label.error {
  max-width: none;
  padding: 0;
}
body:has(script[src*=bloomerang]) form .section.true-impact {
  order: 2;
}
body:has(script[src*=bloomerang]) form .section.true-impact .field.true-impact {
  flex-direction: row;
  align-items: center;
}
body:has(script[src*=bloomerang]) form .section.true-impact .field.true-impact label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
body:has(script[src*=bloomerang]) form .section.true-impact .field.true-impact label input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 1.0625rem;
  height: 1.0625rem;
  border: 0.0625rem solid #003b5c;
  border-radius: 0.1875rem;
  background: transparent;
  cursor: pointer;
  transition: var(--transition-base);
}
body:has(script[src*=bloomerang]) form .section.true-impact .field.true-impact label input[type=checkbox]:checked {
  background-color: #003b5c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%278%27 viewBox=%270 0 10 8%27 fill=%27none%27%3E%3Cpath d=%27M1 3.5L3.5 6.5L9 1%27 stroke=%27white%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
body:has(script[src*=bloomerang]) form .section.true-impact .field.true-impact label input[type=checkbox]:focus {
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
body:has(script[src*=bloomerang]) form .section.true-impact .field.true-impact label .label {
  color: #191e3b;
}
body:has(script[src*=bloomerang]) form .section.contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
body:has(script[src*=bloomerang]) form .section.contact h3 {
  grid-column: 1/-1;
}
body:has(script[src*=bloomerang]) form .section.contact .field.first-name {
  order: 1;
}
body:has(script[src*=bloomerang]) form .section.contact .field.last-name {
  order: 2;
}
body:has(script[src*=bloomerang]) form .section.contact .field.email-address {
  order: 3;
}
@media (max-width: 48rem) {
  body:has(script[src*=bloomerang]) form .section.contact .field.email-address {
    grid-column: 1/-1;
  }
}
body:has(script[src*=bloomerang]) form .section.contact .field.phone-number {
  order: 4;
}
@media (max-width: 48rem) {
  body:has(script[src*=bloomerang]) form .section.contact .field.phone-number {
    grid-column: 1/-1;
  }
}
body:has(script[src*=bloomerang]) form .section.billing-address {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
body:has(script[src*=bloomerang]) form .section.billing-address .field.country {
  grid-column: 1/-1;
}
body:has(script[src*=bloomerang]) form .section.billing-address .field.street-address {
  grid-column: 1/-1;
}
body:has(script[src*=bloomerang]) form .section.billing-address .field.street-address #street-address {
  height: 3.125rem;
  min-height: auto;
}
body:has(script[src*=bloomerang]) form .section.billing-address .field.city {
  grid-column: 1/2;
}
body:has(script[src*=bloomerang]) form .section.billing-address .field.state,
body:has(script[src*=bloomerang]) form .section.billing-address .field.province {
  grid-column: 2/3;
}
body:has(script[src*=bloomerang]) form .section.billing-address .field.zip-code,
body:has(script[src*=bloomerang]) form .section.billing-address .field.postal-code {
  grid-column: 3/4;
}
body:has(script[src*=bloomerang]) form .section.payment {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: var(--spacing-semantic-sm);
}
body:has(script[src*=bloomerang]) form .section.payment h3 {
  width: 100%;
  margin-bottom: var(--spacing-semantic-xmd);
}
body:has(script[src*=bloomerang]) form .section.payment .field.payment {
  margin-top: var(--spacing-semantic-xmd);
}
body:has(script[src*=bloomerang]) form .section.payment #stripe-cc-fields {
  flex-basis: 100%;
}
body:has(script[src*=bloomerang]) form .section.payment #stripe-cc-fields label {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  color: #191e3b;
  margin: 0;
  padding: 0;
}
body:has(script[src*=bloomerang]) form .section.payment #stripe-cc-fields label [class*=required] {
  color: var(--color-role-secondary);
  font-size: inherit;
}
body:has(script[src*=bloomerang]) form .section.payment #stripe-cc-fields #card-element {
  border: none;
  width: 100%;
  padding: 0;
  max-width: 100%;
}
body:has(script[src*=bloomerang]) form .section.payment #stripe-cc-fields #card-element:has([style*="height: 16.8px"]) {
  border: 1px solid var(--border-color-standard);
  padding: var(--spacing-semantic-sm);
}
body:has(script[src*=bloomerang]) form .section.payment #stripe-cc-fields #card-errors {
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #ff0000;
  margin-top: 0.5rem;
}
body:has(script[src*=bloomerang]) form .section.payment #paypal-button-container {
  flex-basis: 100%;
}
body:has(script[src*=bloomerang]) form .btn-group {
  order: 3;
}
body:has(script[src*=bloomerang]) form .btn-group .btn {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: var(--spacing-button-padding-vertical) var(--spacing-button-padding-horizontal);
  border: 2px solid;
  border-radius: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-box: trim-both cap alphabetic;
  /* @include for-phone {
  	--spacing-button-padding-horizontal: var(--spacing-semantic-md);
  } */
  background-color: #003b5c;
  border-color: #003b5c;
  color: white;
  --btn-icon-color: white;
  background-color: #00aec7;
  border-color: #00aec7;
  color: white;
  --btn-icon-color: white;
  width: auto;
  max-width: none;
  cursor: pointer;
}
body:has(script[src*=bloomerang]) form .btn-group .btn:hover {
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
}
body:has(script[src*=bloomerang]) form .btn-group .btn:focus, body:has(script[src*=bloomerang]) form .btn-group .btn:focus-visible {
  background-color: transparent;
  border-color: #003b5c;
  color: #003b5c;
  --btn-icon-color: #003b5c;
  outline: 2px solid #00AEC7;
  outline-offset: 2px;
}
body:has(script[src*=bloomerang]) form .btn-group .btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body:has(script[src*=bloomerang]) form #paypal-button-container {
  order: 3;
}
body:has(script[src*=bloomerang]) form .section.consent {
  display: none;
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
/* .home {
} */

/*# sourceMappingURL=frontend.css.map*/