/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/styles/main.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
html,
body {
  margin: 0;
}

* {
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
input,
textarea,
strong,
button,
div {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  color: #3a3a3a;
  font-family: "sofia-pro", sans-serif;
}

h1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
}

h2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
}

h3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
}

@media screen and (min-width: 768px) {
  h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  h2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@keyframes fadeInBottom {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInPlace {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.gs-animateIn-bottom {
  animation: fadeInBottom 0.75s;
  -webkit-animation: fadeInBottom 0.75s;
}

.gs-animateIn-place {
  animation: fadeInPlace 0.75s;
  -webkit-animation: fadeInPlace 0.75s;
}

/* eslint-disable spaced-comment */
/*
This is a shared file that contains styles that a number of other form components may need to use
Labels, Validation Error Styles, etc.
*/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
/* eslint-disable spaced-comment */
/*
This is a shared file that contains styles that a number of other form components may need to use
Labels, Validation Error Styles, etc.
*/
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-form {
  padding-left: calc((100vw - 75rem) / 2);
  padding-right: calc((100vw - 75rem) / 2);
  padding-top: 5rem;
  padding-bottom: 7.5rem;
  background-color: #deefff;
  box-sizing: border-box;
}

.gs-form-section {
  max-width: 34.375rem;
  padding: 0 0.9375rem;
  margin: auto;
  flex-direction: column;
  display: flex;
}

.gs-form-section-thin {
  max-width: 26rem;
}

.gs-form-title {
  margin: auto;
  text-align: center;
  margin-bottom: 0.625rem;
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-title {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-form-subtitle {
  margin-bottom: 0.625rem;
  text-align: center;
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-form-divider {
  height: 0.0625rem;
  width: 100%;
  background-color: #9DC7EA;
  margin: 1.25rem 0;
}

/* Side-by-side form fields */
.gs-form-field {
  display: block;
  /* Add vertical spacing between all form fields, but allow opt-out */
}
.gs-form-field:not(.no-margins) {
  margin-bottom: 1rem;
}
.gs-form-field:not(.no-margins) .gs-form-input,
.gs-form-field:not(.no-margins) .gs-form-cta-input {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .gs-form-field {
    flex-grow: 0;
    flex-shrink: 1;
  }
}

/**
 * Side-by-side form fields must be wrapped in a 
 * "gs-form-field-group" div with either "gs-form-field-group--2-column" 
 * or "gs-form-field-group--3-column"
 **/
.gs-form-field-group {
  display: block;
}
@media only screen and (min-width: 768px) {
  .gs-form-field-group {
    display: flex;
    flex-flow: row no-wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 1rem;
    /* Define sizing for 2 columns */
    /* Define sizing for 3 columns */
  }
  .gs-form-field-group.gs-form-field-group--2-column .gs-form-field {
    flex-basis: 48%;
  }
  .gs-form-field-group.gs-form-field-group--3-column .gs-form-field {
    flex-basis: 31%;
  }
}

.gs-form-input-label, .gs-form-cta-input-label {
  font-weight: 800;
  color: #3a3a3a;
  width: 100%;
  margin-bottom: 0.25rem;
  display: inline-block;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-input-label, .gs-form-cta-input-label {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}
.gs-form-input-label--error, .gs-form-cta-input-label--error {
  color: #bb1615;
}
.gs-form-input-label.gs-form-optional::after, .gs-form-cta-input-label.gs-form-optional::after {
  content: "(optional)";
  color: #3a3a3a;
  margin-left: 0.5rem;
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-input-label.gs-form-optional::after, .gs-form-cta-input-label.gs-form-optional::after {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-form-submission {
  text-align: center;
  margin: auto;
  background: #deefff;
}
.gs-form-submission > h6 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-submission > h6 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-form-submission > p {
  max-width: 31.25rem;
  margin: auto;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-submission > p {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.field-validation-error {
  font-size: 0.875rem;
  color: #bb1615;
}
.field-validation-error span {
  font-size: 0.875rem;
  color: #bb1615;
}

.gs-m-0 {
  margin: 0 !important;
}

.gs-m-4 {
  margin: 4px !important;
}

.gs-m-8 {
  margin: 8px !important;
}

.gs-m-12 {
  margin: 12px !important;
}

.gs-m-16 {
  margin: 16px !important;
}

.gs-m-20 {
  margin: 20px !important;
}

.gs-m-24 {
  margin: 24px !important;
}

.gs-m-28 {
  margin: 28px !important;
}

.gs-m-32 {
  margin: 32px !important;
}

.gs-m-36 {
  margin: 36px !important;
}

.gs-m-40 {
  margin: 40px !important;
}

.gs-m-48 {
  margin: 48px !important;
}

.gs-m-64 {
  margin: 64px !important;
}

.gs-m-80 {
  margin: 80px !important;
}

.gs-m-120 {
  margin: 120px !important;
}

.gs-m-150 {
  margin: 150px !important;
}

.gs-ml-0 {
  margin-left: 0 !important;
}

.gs-ml-4 {
  margin-left: 4px !important;
}

.gs-ml-8 {
  margin-left: 8px !important;
}

.gs-ml-12 {
  margin-left: 12px !important;
}

.gs-ml-16 {
  margin-left: 16px !important;
}

.gs-ml-20 {
  margin-left: 20px !important;
}

.gs-ml-24 {
  margin-left: 24px !important;
}

.gs-ml-28 {
  margin-left: 28px !important;
}

.gs-ml-32 {
  margin-left: 32px !important;
}

.gs-ml-36 {
  margin-left: 36px !important;
}

.gs-ml-40 {
  margin-left: 40px !important;
}

.gs-ml-48 {
  margin-left: 48px !important;
}

.gs-ml-64 {
  margin-left: 64px !important;
}

.gs-ml-80 {
  margin-left: 80px !important;
}

.gs-ml-120 {
  margin-left: 120px !important;
}

.gs-ml-150 {
  margin-left: 150px !important;
}

.gs-mr-0 {
  margin-right: 0 !important;
}

.gs-mr-4 {
  margin-right: 4px !important;
}

.gs-mr-8 {
  margin-right: 8px !important;
}

.gs-mr-12 {
  margin-right: 12px !important;
}

.gs-mr-16 {
  margin-right: 16px !important;
}

.gs-mr-20 {
  margin-right: 20px !important;
}

.gs-mr-24 {
  margin-right: 24px !important;
}

.gs-mr-28 {
  margin-right: 28px !important;
}

.gs-mr-32 {
  margin-right: 32px !important;
}

.gs-mr-36 {
  margin-right: 36px !important;
}

.gs-mr-40 {
  margin-right: 40px !important;
}

.gs-mr-48 {
  margin-right: 48px !important;
}

.gs-mr-64 {
  margin-right: 64px !important;
}

.gs-mr-80 {
  margin-right: 80px !important;
}

.gs-mr-120 {
  margin-right: 120px !important;
}

.gs-mr-150 {
  margin-right: 150px !important;
}

.gs-mt-0 {
  margin-top: 0 !important;
}

.gs-mt-4 {
  margin-top: 4px !important;
}

.gs-mt-8 {
  margin-top: 8px !important;
}

.gs-mt-12 {
  margin-top: 12px !important;
}

.gs-mt-16 {
  margin-top: 16px !important;
}

.gs-mt-20 {
  margin-top: 20px !important;
}

.gs-mt-24 {
  margin-top: 24px !important;
}

.gs-mt-28 {
  margin-top: 28px !important;
}

.gs-mt-32 {
  margin-top: 32px !important;
}

.gs-mt-36 {
  margin-top: 36px !important;
}

.gs-mt-40 {
  margin-top: 40px !important;
}

.gs-mt-48 {
  margin-top: 48px !important;
}

.gs-mt-64 {
  margin-top: 64px !important;
}

.gs-mt-80 {
  margin-top: 80px !important;
}

.gs-mt-120 {
  margin-top: 120px !important;
}

.gs-mt-150 {
  margin-top: 150px !important;
}

.gs-mb-0 {
  margin-bottom: 0 !important;
}

.gs-mb-4 {
  margin-bottom: 4px !important;
}

.gs-mb-8 {
  margin-bottom: 8px !important;
}

.gs-mb-12 {
  margin-bottom: 12px !important;
}

.gs-mb-16 {
  margin-bottom: 16px !important;
}

.gs-mb-20 {
  margin-bottom: 20px !important;
}

.gs-mb-24 {
  margin-bottom: 24px !important;
}

.gs-mb-28 {
  margin-bottom: 28px !important;
}

.gs-mb-32 {
  margin-bottom: 32px !important;
}

.gs-mb-36 {
  margin-bottom: 36px !important;
}

.gs-mb-40 {
  margin-bottom: 40px !important;
}

.gs-mb-48 {
  margin-bottom: 48px !important;
}

.gs-mb-64 {
  margin-bottom: 64px !important;
}

.gs-mb-80 {
  margin-bottom: 80px !important;
}

.gs-mb-120 {
  margin-bottom: 120px !important;
}

.gs-mb-150 {
  margin-bottom: 150px !important;
}

@media only screen and (min-width: 320px) {
  .pmd-m-0 {
    margin: 0 !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-4 {
    margin: 4px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-8 {
    margin: 8px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-12 {
    margin: 12px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-16 {
    margin: 16px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-20 {
    margin: 20px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-24 {
    margin: 24px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-28 {
    margin: 28px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-32 {
    margin: 32px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-36 {
    margin: 36px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-40 {
    margin: 40px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-48 {
    margin: 48px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-64 {
    margin: 64px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-80 {
    margin: 80px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-120 {
    margin: 120px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-m-150 {
    margin: 150px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-0 {
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-4 {
    margin-left: 4px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-8 {
    margin-left: 8px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-12 {
    margin-left: 12px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-16 {
    margin-left: 16px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-20 {
    margin-left: 20px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-24 {
    margin-left: 24px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-28 {
    margin-left: 28px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-32 {
    margin-left: 32px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-36 {
    margin-left: 36px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-40 {
    margin-left: 40px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-48 {
    margin-left: 48px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-64 {
    margin-left: 64px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-80 {
    margin-left: 80px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-120 {
    margin-left: 120px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-ml-150 {
    margin-left: 150px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-0 {
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-4 {
    margin-right: 4px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-8 {
    margin-right: 8px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-12 {
    margin-right: 12px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-16 {
    margin-right: 16px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-20 {
    margin-right: 20px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-24 {
    margin-right: 24px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-28 {
    margin-right: 28px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-32 {
    margin-right: 32px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-36 {
    margin-right: 36px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-40 {
    margin-right: 40px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-48 {
    margin-right: 48px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-64 {
    margin-right: 64px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-80 {
    margin-right: 80px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-120 {
    margin-right: 120px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mr-150 {
    margin-right: 150px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-0 {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-4 {
    margin-top: 4px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-8 {
    margin-top: 8px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-12 {
    margin-top: 12px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-16 {
    margin-top: 16px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-20 {
    margin-top: 20px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-24 {
    margin-top: 24px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-28 {
    margin-top: 28px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-32 {
    margin-top: 32px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-36 {
    margin-top: 36px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-40 {
    margin-top: 40px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-48 {
    margin-top: 48px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-64 {
    margin-top: 64px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-80 {
    margin-top: 80px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-120 {
    margin-top: 120px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mt-150 {
    margin-top: 150px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-0 {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-4 {
    margin-bottom: 4px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-8 {
    margin-bottom: 8px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-12 {
    margin-bottom: 12px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-16 {
    margin-bottom: 16px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-20 {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-24 {
    margin-bottom: 24px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-28 {
    margin-bottom: 28px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-32 {
    margin-bottom: 32px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-36 {
    margin-bottom: 36px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-40 {
    margin-bottom: 40px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-48 {
    margin-bottom: 48px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-64 {
    margin-bottom: 64px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-80 {
    margin-bottom: 80px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-120 {
    margin-bottom: 120px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-mb-150 {
    margin-bottom: 150px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-0 {
    margin: 0 !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-4 {
    margin: 4px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-8 {
    margin: 8px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-12 {
    margin: 12px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-16 {
    margin: 16px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-20 {
    margin: 20px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-24 {
    margin: 24px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-28 {
    margin: 28px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-32 {
    margin: 32px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-36 {
    margin: 36px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-40 {
    margin: 40px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-48 {
    margin: 48px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-64 {
    margin: 64px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-80 {
    margin: 80px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-120 {
    margin: 120px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-m-150 {
    margin: 150px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-0 {
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-4 {
    margin-left: 4px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-8 {
    margin-left: 8px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-12 {
    margin-left: 12px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-16 {
    margin-left: 16px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-20 {
    margin-left: 20px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-24 {
    margin-left: 24px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-28 {
    margin-left: 28px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-32 {
    margin-left: 32px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-36 {
    margin-left: 36px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-40 {
    margin-left: 40px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-48 {
    margin-left: 48px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-64 {
    margin-left: 64px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-80 {
    margin-left: 80px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-120 {
    margin-left: 120px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-ml-150 {
    margin-left: 150px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-0 {
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-4 {
    margin-right: 4px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-8 {
    margin-right: 8px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-12 {
    margin-right: 12px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-16 {
    margin-right: 16px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-20 {
    margin-right: 20px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-24 {
    margin-right: 24px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-28 {
    margin-right: 28px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-32 {
    margin-right: 32px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-36 {
    margin-right: 36px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-40 {
    margin-right: 40px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-48 {
    margin-right: 48px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-64 {
    margin-right: 64px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-80 {
    margin-right: 80px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-120 {
    margin-right: 120px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mr-150 {
    margin-right: 150px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-0 {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-4 {
    margin-top: 4px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-8 {
    margin-top: 8px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-12 {
    margin-top: 12px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-16 {
    margin-top: 16px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-20 {
    margin-top: 20px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-24 {
    margin-top: 24px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-28 {
    margin-top: 28px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-32 {
    margin-top: 32px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-36 {
    margin-top: 36px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-40 {
    margin-top: 40px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-48 {
    margin-top: 48px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-64 {
    margin-top: 64px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-80 {
    margin-top: 80px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-120 {
    margin-top: 120px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mt-150 {
    margin-top: 150px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-0 {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-4 {
    margin-bottom: 4px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-8 {
    margin-bottom: 8px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-12 {
    margin-bottom: 12px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-16 {
    margin-bottom: 16px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-20 {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-24 {
    margin-bottom: 24px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-28 {
    margin-bottom: 28px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-32 {
    margin-bottom: 32px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-36 {
    margin-bottom: 36px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-40 {
    margin-bottom: 40px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-48 {
    margin-bottom: 48px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-64 {
    margin-bottom: 64px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-80 {
    margin-bottom: 80px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-120 {
    margin-bottom: 120px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-mb-150 {
    margin-bottom: 150px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-0 {
    margin: 0 !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-4 {
    margin: 4px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-8 {
    margin: 8px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-12 {
    margin: 12px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-16 {
    margin: 16px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-20 {
    margin: 20px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-24 {
    margin: 24px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-28 {
    margin: 28px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-32 {
    margin: 32px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-36 {
    margin: 36px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-40 {
    margin: 40px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-48 {
    margin: 48px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-64 {
    margin: 64px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-80 {
    margin: 80px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-120 {
    margin: 120px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-m-150 {
    margin: 150px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-0 {
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-4 {
    margin-left: 4px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-8 {
    margin-left: 8px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-12 {
    margin-left: 12px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-16 {
    margin-left: 16px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-20 {
    margin-left: 20px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-24 {
    margin-left: 24px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-28 {
    margin-left: 28px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-32 {
    margin-left: 32px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-36 {
    margin-left: 36px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-40 {
    margin-left: 40px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-48 {
    margin-left: 48px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-64 {
    margin-left: 64px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-80 {
    margin-left: 80px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-120 {
    margin-left: 120px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-ml-150 {
    margin-left: 150px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-0 {
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-4 {
    margin-right: 4px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-8 {
    margin-right: 8px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-12 {
    margin-right: 12px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-16 {
    margin-right: 16px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-20 {
    margin-right: 20px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-24 {
    margin-right: 24px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-28 {
    margin-right: 28px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-32 {
    margin-right: 32px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-36 {
    margin-right: 36px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-40 {
    margin-right: 40px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-48 {
    margin-right: 48px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-64 {
    margin-right: 64px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-80 {
    margin-right: 80px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-120 {
    margin-right: 120px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mr-150 {
    margin-right: 150px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-0 {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-4 {
    margin-top: 4px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-8 {
    margin-top: 8px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-12 {
    margin-top: 12px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-16 {
    margin-top: 16px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-20 {
    margin-top: 20px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-24 {
    margin-top: 24px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-28 {
    margin-top: 28px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-32 {
    margin-top: 32px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-36 {
    margin-top: 36px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-40 {
    margin-top: 40px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-48 {
    margin-top: 48px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-64 {
    margin-top: 64px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-80 {
    margin-top: 80px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-120 {
    margin-top: 120px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mt-150 {
    margin-top: 150px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-0 {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-4 {
    margin-bottom: 4px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-8 {
    margin-bottom: 8px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-12 {
    margin-bottom: 12px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-16 {
    margin-bottom: 16px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-20 {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-24 {
    margin-bottom: 24px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-28 {
    margin-bottom: 28px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-32 {
    margin-bottom: 32px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-36 {
    margin-bottom: 36px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-40 {
    margin-bottom: 40px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-48 {
    margin-bottom: 48px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-64 {
    margin-bottom: 64px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-80 {
    margin-bottom: 80px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-120 {
    margin-bottom: 120px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-mb-150 {
    margin-bottom: 150px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-0 {
    margin: 0 !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-4 {
    margin: 4px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-8 {
    margin: 8px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-12 {
    margin: 12px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-16 {
    margin: 16px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-20 {
    margin: 20px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-24 {
    margin: 24px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-28 {
    margin: 28px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-32 {
    margin: 32px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-36 {
    margin: 36px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-40 {
    margin: 40px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-48 {
    margin: 48px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-64 {
    margin: 64px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-80 {
    margin: 80px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-120 {
    margin: 120px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-m-150 {
    margin: 150px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-0 {
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-4 {
    margin-left: 4px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-8 {
    margin-left: 8px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-12 {
    margin-left: 12px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-16 {
    margin-left: 16px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-20 {
    margin-left: 20px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-24 {
    margin-left: 24px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-28 {
    margin-left: 28px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-32 {
    margin-left: 32px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-36 {
    margin-left: 36px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-40 {
    margin-left: 40px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-48 {
    margin-left: 48px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-64 {
    margin-left: 64px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-80 {
    margin-left: 80px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-120 {
    margin-left: 120px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-ml-150 {
    margin-left: 150px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-0 {
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-4 {
    margin-right: 4px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-8 {
    margin-right: 8px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-12 {
    margin-right: 12px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-16 {
    margin-right: 16px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-20 {
    margin-right: 20px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-24 {
    margin-right: 24px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-28 {
    margin-right: 28px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-32 {
    margin-right: 32px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-36 {
    margin-right: 36px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-40 {
    margin-right: 40px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-48 {
    margin-right: 48px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-64 {
    margin-right: 64px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-80 {
    margin-right: 80px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-120 {
    margin-right: 120px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mr-150 {
    margin-right: 150px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-0 {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-4 {
    margin-top: 4px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-8 {
    margin-top: 8px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-12 {
    margin-top: 12px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-16 {
    margin-top: 16px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-20 {
    margin-top: 20px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-24 {
    margin-top: 24px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-28 {
    margin-top: 28px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-32 {
    margin-top: 32px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-36 {
    margin-top: 36px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-40 {
    margin-top: 40px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-48 {
    margin-top: 48px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-64 {
    margin-top: 64px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-80 {
    margin-top: 80px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-120 {
    margin-top: 120px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mt-150 {
    margin-top: 150px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-0 {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-4 {
    margin-bottom: 4px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-8 {
    margin-bottom: 8px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-12 {
    margin-bottom: 12px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-16 {
    margin-bottom: 16px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-20 {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-24 {
    margin-bottom: 24px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-28 {
    margin-bottom: 28px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-32 {
    margin-bottom: 32px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-36 {
    margin-bottom: 36px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-40 {
    margin-bottom: 40px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-48 {
    margin-bottom: 48px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-64 {
    margin-bottom: 64px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-80 {
    margin-bottom: 80px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-120 {
    margin-bottom: 120px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-mb-150 {
    margin-bottom: 150px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-0 {
    margin: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-4 {
    margin: 4px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-8 {
    margin: 8px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-12 {
    margin: 12px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-16 {
    margin: 16px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-20 {
    margin: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-24 {
    margin: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-28 {
    margin: 28px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-32 {
    margin: 32px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-36 {
    margin: 36px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-40 {
    margin: 40px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-48 {
    margin: 48px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-64 {
    margin: 64px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-80 {
    margin: 80px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-120 {
    margin: 120px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-m-150 {
    margin: 150px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-0 {
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-4 {
    margin-left: 4px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-8 {
    margin-left: 8px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-12 {
    margin-left: 12px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-16 {
    margin-left: 16px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-20 {
    margin-left: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-24 {
    margin-left: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-28 {
    margin-left: 28px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-32 {
    margin-left: 32px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-36 {
    margin-left: 36px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-40 {
    margin-left: 40px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-48 {
    margin-left: 48px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-64 {
    margin-left: 64px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-80 {
    margin-left: 80px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-120 {
    margin-left: 120px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-ml-150 {
    margin-left: 150px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-0 {
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-4 {
    margin-right: 4px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-8 {
    margin-right: 8px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-12 {
    margin-right: 12px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-16 {
    margin-right: 16px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-20 {
    margin-right: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-24 {
    margin-right: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-28 {
    margin-right: 28px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-32 {
    margin-right: 32px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-36 {
    margin-right: 36px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-40 {
    margin-right: 40px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-48 {
    margin-right: 48px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-64 {
    margin-right: 64px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-80 {
    margin-right: 80px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-120 {
    margin-right: 120px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mr-150 {
    margin-right: 150px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-0 {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-4 {
    margin-top: 4px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-8 {
    margin-top: 8px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-12 {
    margin-top: 12px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-16 {
    margin-top: 16px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-20 {
    margin-top: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-24 {
    margin-top: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-28 {
    margin-top: 28px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-32 {
    margin-top: 32px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-36 {
    margin-top: 36px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-40 {
    margin-top: 40px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-48 {
    margin-top: 48px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-64 {
    margin-top: 64px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-80 {
    margin-top: 80px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-120 {
    margin-top: 120px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mt-150 {
    margin-top: 150px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-0 {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-4 {
    margin-bottom: 4px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-8 {
    margin-bottom: 8px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-12 {
    margin-bottom: 12px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-16 {
    margin-bottom: 16px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-20 {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-24 {
    margin-bottom: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-28 {
    margin-bottom: 28px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-32 {
    margin-bottom: 32px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-36 {
    margin-bottom: 36px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-40 {
    margin-bottom: 40px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-48 {
    margin-bottom: 48px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-64 {
    margin-bottom: 64px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-80 {
    margin-bottom: 80px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-120 {
    margin-bottom: 120px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-mb-150 {
    margin-bottom: 150px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-0 {
    margin: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-4 {
    margin: 4px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-8 {
    margin: 8px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-12 {
    margin: 12px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-16 {
    margin: 16px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-20 {
    margin: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-24 {
    margin: 24px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-28 {
    margin: 28px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-32 {
    margin: 32px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-36 {
    margin: 36px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-40 {
    margin: 40px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-48 {
    margin: 48px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-64 {
    margin: 64px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-80 {
    margin: 80px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-120 {
    margin: 120px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-m-150 {
    margin: 150px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-0 {
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-4 {
    margin-left: 4px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-8 {
    margin-left: 8px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-12 {
    margin-left: 12px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-16 {
    margin-left: 16px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-20 {
    margin-left: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-24 {
    margin-left: 24px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-28 {
    margin-left: 28px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-32 {
    margin-left: 32px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-36 {
    margin-left: 36px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-40 {
    margin-left: 40px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-48 {
    margin-left: 48px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-64 {
    margin-left: 64px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-80 {
    margin-left: 80px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-120 {
    margin-left: 120px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-ml-150 {
    margin-left: 150px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-0 {
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-4 {
    margin-right: 4px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-8 {
    margin-right: 8px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-12 {
    margin-right: 12px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-16 {
    margin-right: 16px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-20 {
    margin-right: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-24 {
    margin-right: 24px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-28 {
    margin-right: 28px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-32 {
    margin-right: 32px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-36 {
    margin-right: 36px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-40 {
    margin-right: 40px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-48 {
    margin-right: 48px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-64 {
    margin-right: 64px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-80 {
    margin-right: 80px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-120 {
    margin-right: 120px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mr-150 {
    margin-right: 150px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-0 {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-4 {
    margin-top: 4px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-8 {
    margin-top: 8px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-12 {
    margin-top: 12px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-16 {
    margin-top: 16px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-20 {
    margin-top: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-24 {
    margin-top: 24px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-28 {
    margin-top: 28px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-32 {
    margin-top: 32px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-36 {
    margin-top: 36px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-40 {
    margin-top: 40px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-48 {
    margin-top: 48px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-64 {
    margin-top: 64px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-80 {
    margin-top: 80px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-120 {
    margin-top: 120px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mt-150 {
    margin-top: 150px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-0 {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-4 {
    margin-bottom: 4px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-8 {
    margin-bottom: 8px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-12 {
    margin-bottom: 12px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-16 {
    margin-bottom: 16px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-20 {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-24 {
    margin-bottom: 24px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-28 {
    margin-bottom: 28px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-32 {
    margin-bottom: 32px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-36 {
    margin-bottom: 36px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-40 {
    margin-bottom: 40px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-48 {
    margin-bottom: 48px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-64 {
    margin-bottom: 64px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-80 {
    margin-bottom: 80px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-120 {
    margin-bottom: 120px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-mb-150 {
    margin-bottom: 150px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-0 {
    margin: 0 !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-4 {
    margin: 4px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-8 {
    margin: 8px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-12 {
    margin: 12px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-16 {
    margin: 16px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-20 {
    margin: 20px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-24 {
    margin: 24px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-28 {
    margin: 28px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-32 {
    margin: 32px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-36 {
    margin: 36px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-40 {
    margin: 40px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-48 {
    margin: 48px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-64 {
    margin: 64px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-80 {
    margin: 80px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-120 {
    margin: 120px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-m-150 {
    margin: 150px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-0 {
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-4 {
    margin-left: 4px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-8 {
    margin-left: 8px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-12 {
    margin-left: 12px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-16 {
    margin-left: 16px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-20 {
    margin-left: 20px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-24 {
    margin-left: 24px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-28 {
    margin-left: 28px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-32 {
    margin-left: 32px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-36 {
    margin-left: 36px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-40 {
    margin-left: 40px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-48 {
    margin-left: 48px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-64 {
    margin-left: 64px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-80 {
    margin-left: 80px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-120 {
    margin-left: 120px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-ml-150 {
    margin-left: 150px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-0 {
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-4 {
    margin-right: 4px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-8 {
    margin-right: 8px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-12 {
    margin-right: 12px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-16 {
    margin-right: 16px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-20 {
    margin-right: 20px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-24 {
    margin-right: 24px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-28 {
    margin-right: 28px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-32 {
    margin-right: 32px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-36 {
    margin-right: 36px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-40 {
    margin-right: 40px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-48 {
    margin-right: 48px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-64 {
    margin-right: 64px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-80 {
    margin-right: 80px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-120 {
    margin-right: 120px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mr-150 {
    margin-right: 150px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-0 {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-4 {
    margin-top: 4px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-8 {
    margin-top: 8px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-12 {
    margin-top: 12px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-16 {
    margin-top: 16px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-20 {
    margin-top: 20px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-24 {
    margin-top: 24px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-28 {
    margin-top: 28px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-32 {
    margin-top: 32px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-36 {
    margin-top: 36px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-40 {
    margin-top: 40px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-48 {
    margin-top: 48px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-64 {
    margin-top: 64px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-80 {
    margin-top: 80px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-120 {
    margin-top: 120px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mt-150 {
    margin-top: 150px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-0 {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-4 {
    margin-bottom: 4px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-8 {
    margin-bottom: 8px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-12 {
    margin-bottom: 12px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-16 {
    margin-bottom: 16px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-20 {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-24 {
    margin-bottom: 24px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-28 {
    margin-bottom: 28px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-32 {
    margin-bottom: 32px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-36 {
    margin-bottom: 36px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-40 {
    margin-bottom: 40px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-48 {
    margin-bottom: 48px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-64 {
    margin-bottom: 64px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-80 {
    margin-bottom: 80px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-120 {
    margin-bottom: 120px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-mb-150 {
    margin-bottom: 150px !important;
  }
}

/**
 * Margin Classes (All sides, all sizes)
 * Specify the margin classes that apply to all sides first so we can more easily override it with specific sides
 */
.gs-m-xxs {
  margin: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-m-xxs {
    margin: 0.25rem !important;
  }
}

.gs-m-xs {
  margin: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-m-xs {
    margin: 0.5rem !important;
  }
}

.gs-m-sm {
  margin: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-m-sm {
    margin: 1rem !important;
  }
}

.gs-m-md {
  margin: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-m-md {
    margin: 1.5rem !important;
  }
}

.gs-m-lg {
  margin: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-m-lg {
    margin: 2rem !important;
  }
}

.gs-m-xl {
  margin: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-m-xl {
    margin: 3rem !important;
  }
}

.gs-m-2xl {
  margin: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-m-2xl {
    margin: 4rem !important;
  }
}

.gs-m-3xl {
  margin: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-m-3xl {
    margin: 5rem !important;
  }
}

.gs-m-none {
  margin: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-m-none {
    margin: 0rem !important;
  }
}

/**
* Margin Classes (Specific Orientations, all sizes)
* Intentionally defined below the generic margin classes that affect all sides.
* We want to be able to override those.
*/
.gs-mv-xxs {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mv-xxs {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}

.gs-mh-xxs {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mh-xxs {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}

.gs-mv-xs {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mv-xs {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

.gs-mh-xs {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mh-xs {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

.gs-mv-sm {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mv-sm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

.gs-mh-sm {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mh-sm {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

.gs-mv-md {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mv-md {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

.gs-mh-md {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mh-md {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

.gs-mv-lg {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mv-lg {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}

.gs-mh-lg {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mh-lg {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

.gs-mv-xl {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mv-xl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}

.gs-mh-xl {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mh-xl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

.gs-mv-2xl {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mv-2xl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}

.gs-mh-2xl {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mh-2xl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

.gs-mv-3xl {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mv-3xl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}

.gs-mh-3xl {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mh-3xl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

.gs-mv-none {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mv-none {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
}

.gs-mh-none {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mh-none {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
}

/**
* Margin Classes (Specific Sides, all sizes)
* Intentionally defined below the generic margin classes that affect all sides and the horizontal/vertical margin classes.
* We want to be able to override those.
*/
.gs-mt-xxs {
  margin-top: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mt-xxs {
    margin-top: 0.25rem !important;
  }
}

.gs-mr-xxs {
  margin-right: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mr-xxs {
    margin-right: 0.25rem !important;
  }
}

.gs-mb-xxs {
  margin-bottom: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mb-xxs {
    margin-bottom: 0.25rem !important;
  }
}

.gs-ml-xxs {
  margin-left: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ml-xxs {
    margin-left: 0.25rem !important;
  }
}

.gs-mt-xs {
  margin-top: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mt-xs {
    margin-top: 0.5rem !important;
  }
}

.gs-mr-xs {
  margin-right: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mr-xs {
    margin-right: 0.5rem !important;
  }
}

.gs-mb-xs {
  margin-bottom: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mb-xs {
    margin-bottom: 0.5rem !important;
  }
}

.gs-ml-xs {
  margin-left: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ml-xs {
    margin-left: 0.5rem !important;
  }
}

.gs-mt-sm {
  margin-top: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mt-sm {
    margin-top: 1rem !important;
  }
}

.gs-mr-sm {
  margin-right: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mr-sm {
    margin-right: 1rem !important;
  }
}

.gs-mb-sm {
  margin-bottom: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mb-sm {
    margin-bottom: 1rem !important;
  }
}

.gs-ml-sm {
  margin-left: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ml-sm {
    margin-left: 1rem !important;
  }
}

.gs-mt-md {
  margin-top: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mt-md {
    margin-top: 1.5rem !important;
  }
}

.gs-mr-md {
  margin-right: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mr-md {
    margin-right: 1.5rem !important;
  }
}

.gs-mb-md {
  margin-bottom: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mb-md {
    margin-bottom: 1.5rem !important;
  }
}

.gs-ml-md {
  margin-left: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ml-md {
    margin-left: 1.5rem !important;
  }
}

.gs-mt-lg {
  margin-top: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mt-lg {
    margin-top: 2rem !important;
  }
}

.gs-mr-lg {
  margin-right: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mr-lg {
    margin-right: 2rem !important;
  }
}

.gs-mb-lg {
  margin-bottom: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mb-lg {
    margin-bottom: 2rem !important;
  }
}

.gs-ml-lg {
  margin-left: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ml-lg {
    margin-left: 2rem !important;
  }
}

.gs-mt-xl {
  margin-top: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mt-xl {
    margin-top: 3rem !important;
  }
}

.gs-mr-xl {
  margin-right: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mr-xl {
    margin-right: 3rem !important;
  }
}

.gs-mb-xl {
  margin-bottom: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mb-xl {
    margin-bottom: 3rem !important;
  }
}

.gs-ml-xl {
  margin-left: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ml-xl {
    margin-left: 3rem !important;
  }
}

.gs-mt-2xl {
  margin-top: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mt-2xl {
    margin-top: 4rem !important;
  }
}

.gs-mr-2xl {
  margin-right: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mr-2xl {
    margin-right: 4rem !important;
  }
}

.gs-mb-2xl {
  margin-bottom: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mb-2xl {
    margin-bottom: 4rem !important;
  }
}

.gs-ml-2xl {
  margin-left: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ml-2xl {
    margin-left: 4rem !important;
  }
}

.gs-mt-3xl {
  margin-top: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mt-3xl {
    margin-top: 5rem !important;
  }
}

.gs-mr-3xl {
  margin-right: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mr-3xl {
    margin-right: 5rem !important;
  }
}

.gs-mb-3xl {
  margin-bottom: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mb-3xl {
    margin-bottom: 5rem !important;
  }
}

.gs-ml-3xl {
  margin-left: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ml-3xl {
    margin-left: 5rem !important;
  }
}

.gs-mt-none {
  margin-top: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mt-none {
    margin-top: 0rem !important;
  }
}

.gs-mr-none {
  margin-right: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mr-none {
    margin-right: 0rem !important;
  }
}

.gs-mb-none {
  margin-bottom: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-mb-none {
    margin-bottom: 0rem !important;
  }
}

.gs-ml-none {
  margin-left: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ml-none {
    margin-left: 0rem !important;
  }
}

.gs-p-0 {
  padding: 0 !important;
}

.gs-p-4 {
  padding: 4px !important;
}

.gs-p-8 {
  padding: 8px !important;
}

.gs-p-12 {
  padding: 12px !important;
}

.gs-p-16 {
  padding: 16px !important;
}

.gs-p-20 {
  padding: 20px !important;
}

.gs-p-24 {
  padding: 24px !important;
}

.gs-p-28 {
  padding: 28px !important;
}

.gs-p-32 {
  padding: 32px !important;
}

.gs-p-36 {
  padding: 36px !important;
}

.gs-p-40 {
  padding: 40px !important;
}

.gs-p-48 {
  padding: 48px !important;
}

.gs-p-64 {
  padding: 64px !important;
}

.gs-p-80 {
  padding: 80px !important;
}

.gs-p-120 {
  padding: 120px !important;
}

.gs-p-150 {
  padding: 150px !important;
}

.gs-pl-0 {
  padding-left: 0 !important;
}

.gs-pl-4 {
  padding-left: 4px !important;
}

.gs-pl-8 {
  padding-left: 8px !important;
}

.gs-pl-12 {
  padding-left: 12px !important;
}

.gs-pl-16 {
  padding-left: 16px !important;
}

.gs-pl-20 {
  padding-left: 20px !important;
}

.gs-pl-24 {
  padding-left: 24px !important;
}

.gs-pl-28 {
  padding-left: 28px !important;
}

.gs-pl-32 {
  padding-left: 32px !important;
}

.gs-pl-36 {
  padding-left: 36px !important;
}

.gs-pl-40 {
  padding-left: 40px !important;
}

.gs-pl-48 {
  padding-left: 48px !important;
}

.gs-pl-64 {
  padding-left: 64px !important;
}

.gs-pl-80 {
  padding-left: 80px !important;
}

.gs-pl-120 {
  padding-left: 120px !important;
}

.gs-pl-150 {
  padding-left: 150px !important;
}

.gs-pr-0 {
  padding-right: 0 !important;
}

.gs-pr-4 {
  padding-right: 4px !important;
}

.gs-pr-8 {
  padding-right: 8px !important;
}

.gs-pr-12 {
  padding-right: 12px !important;
}

.gs-pr-16 {
  padding-right: 16px !important;
}

.gs-pr-20 {
  padding-right: 20px !important;
}

.gs-pr-24 {
  padding-right: 24px !important;
}

.gs-pr-28 {
  padding-right: 28px !important;
}

.gs-pr-32 {
  padding-right: 32px !important;
}

.gs-pr-36 {
  padding-right: 36px !important;
}

.gs-pr-40 {
  padding-right: 40px !important;
}

.gs-pr-48 {
  padding-right: 48px !important;
}

.gs-pr-64 {
  padding-right: 64px !important;
}

.gs-pr-80 {
  padding-right: 80px !important;
}

.gs-pr-120 {
  padding-right: 120px !important;
}

.gs-pr-150 {
  padding-right: 150px !important;
}

.gs-pt-0 {
  padding-top: 0 !important;
}

.gs-pt-4 {
  padding-top: 4px !important;
}

.gs-pt-8 {
  padding-top: 8px !important;
}

.gs-pt-12 {
  padding-top: 12px !important;
}

.gs-pt-16 {
  padding-top: 16px !important;
}

.gs-pt-20 {
  padding-top: 20px !important;
}

.gs-pt-24 {
  padding-top: 24px !important;
}

.gs-pt-28 {
  padding-top: 28px !important;
}

.gs-pt-32 {
  padding-top: 32px !important;
}

.gs-pt-36 {
  padding-top: 36px !important;
}

.gs-pt-40 {
  padding-top: 40px !important;
}

.gs-pt-48 {
  padding-top: 48px !important;
}

.gs-pt-64 {
  padding-top: 64px !important;
}

.gs-pt-80 {
  padding-top: 80px !important;
}

.gs-pt-120 {
  padding-top: 120px !important;
}

.gs-pt-150 {
  padding-top: 150px !important;
}

.gs-pb-0 {
  padding-bottom: 0 !important;
}

.gs-pb-4 {
  padding-bottom: 4px !important;
}

.gs-pb-8 {
  padding-bottom: 8px !important;
}

.gs-pb-12 {
  padding-bottom: 12px !important;
}

.gs-pb-16 {
  padding-bottom: 16px !important;
}

.gs-pb-20 {
  padding-bottom: 20px !important;
}

.gs-pb-24 {
  padding-bottom: 24px !important;
}

.gs-pb-28 {
  padding-bottom: 28px !important;
}

.gs-pb-32 {
  padding-bottom: 32px !important;
}

.gs-pb-36 {
  padding-bottom: 36px !important;
}

.gs-pb-40 {
  padding-bottom: 40px !important;
}

.gs-pb-48 {
  padding-bottom: 48px !important;
}

.gs-pb-64 {
  padding-bottom: 64px !important;
}

.gs-pb-80 {
  padding-bottom: 80px !important;
}

.gs-pb-120 {
  padding-bottom: 120px !important;
}

.gs-pb-150 {
  padding-bottom: 150px !important;
}

@media only screen and (min-width: 320px) {
  .pmd-p-0 {
    padding: 0px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-4 {
    padding: 4px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-8 {
    padding: 8px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-12 {
    padding: 12px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-16 {
    padding: 16px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-20 {
    padding: 20px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-24 {
    padding: 24px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-28 {
    padding: 28px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-32 {
    padding: 32px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-36 {
    padding: 36px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-40 {
    padding: 40px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-48 {
    padding: 48px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-64 {
    padding: 64px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-80 {
    padding: 80px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-120 {
    padding: 120px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-p-150 {
    padding: 150px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-0 {
    padding-left: 0px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-4 {
    padding-left: 4px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-8 {
    padding-left: 8px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-12 {
    padding-left: 12px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-16 {
    padding-left: 16px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-20 {
    padding-left: 20px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-24 {
    padding-left: 24px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-28 {
    padding-left: 28px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-32 {
    padding-left: 32px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-36 {
    padding-left: 36px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-40 {
    padding-left: 40px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-48 {
    padding-left: 48px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-64 {
    padding-left: 64px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-80 {
    padding-left: 80px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-120 {
    padding-left: 120px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pl-150 {
    padding-left: 150px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-0 {
    padding-right: 0px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-4 {
    padding-right: 4px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-8 {
    padding-right: 8px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-12 {
    padding-right: 12px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-16 {
    padding-right: 16px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-20 {
    padding-right: 20px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-24 {
    padding-right: 24px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-28 {
    padding-right: 28px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-32 {
    padding-right: 32px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-36 {
    padding-right: 36px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-40 {
    padding-right: 40px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-48 {
    padding-right: 48px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-64 {
    padding-right: 64px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-80 {
    padding-right: 80px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-120 {
    padding-right: 120px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pr-150 {
    padding-right: 150px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-0 {
    padding-top: 0px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-4 {
    padding-top: 4px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-8 {
    padding-top: 8px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-12 {
    padding-top: 12px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-16 {
    padding-top: 16px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-20 {
    padding-top: 20px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-24 {
    padding-top: 24px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-28 {
    padding-top: 28px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-32 {
    padding-top: 32px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-36 {
    padding-top: 36px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-40 {
    padding-top: 40px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-48 {
    padding-top: 48px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-64 {
    padding-top: 64px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-80 {
    padding-top: 80px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-120 {
    padding-top: 120px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pt-150 {
    padding-top: 150px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-0 {
    padding-bottom: 0px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-4 {
    padding-bottom: 4px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-8 {
    padding-bottom: 8px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-12 {
    padding-bottom: 12px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-16 {
    padding-bottom: 16px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-20 {
    padding-bottom: 20px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-24 {
    padding-bottom: 24px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-28 {
    padding-bottom: 28px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-32 {
    padding-bottom: 32px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-36 {
    padding-bottom: 36px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-40 {
    padding-bottom: 40px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-48 {
    padding-bottom: 48px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-64 {
    padding-bottom: 64px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-80 {
    padding-bottom: 80px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-120 {
    padding-bottom: 120px !important;
  }
}

@media only screen and (min-width: 320px) {
  .pmd-pb-150 {
    padding-bottom: 150px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-0 {
    padding: 0 !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-4 {
    padding: 4px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-8 {
    padding: 8px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-12 {
    padding: 12px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-16 {
    padding: 16px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-20 {
    padding: 20px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-24 {
    padding: 24px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-28 {
    padding: 28px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-32 {
    padding: 32px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-36 {
    padding: 36px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-40 {
    padding: 40px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-48 {
    padding: 48px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-64 {
    padding: 64px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-80 {
    padding: 80px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-120 {
    padding: 120px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-p-150 {
    padding: 150px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-0 {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-4 {
    padding-left: 4px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-8 {
    padding-left: 8px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-12 {
    padding-left: 12px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-16 {
    padding-left: 16px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-20 {
    padding-left: 20px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-24 {
    padding-left: 24px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-28 {
    padding-left: 28px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-32 {
    padding-left: 32px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-36 {
    padding-left: 36px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-40 {
    padding-left: 40px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-48 {
    padding-left: 48px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-64 {
    padding-left: 64px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-80 {
    padding-left: 80px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-120 {
    padding-left: 120px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pl-150 {
    padding-left: 150px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-0 {
    padding-right: 0 !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-4 {
    padding-right: 4px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-8 {
    padding-right: 8px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-12 {
    padding-right: 12px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-16 {
    padding-right: 16px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-20 {
    padding-right: 20px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-24 {
    padding-right: 24px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-28 {
    padding-right: 28px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-32 {
    padding-right: 32px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-36 {
    padding-right: 36px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-40 {
    padding-right: 40px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-48 {
    padding-right: 48px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-64 {
    padding-right: 64px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-80 {
    padding-right: 80px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-120 {
    padding-right: 120px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pr-150 {
    padding-right: 150px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-0 {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-4 {
    padding-top: 4px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-8 {
    padding-top: 8px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-12 {
    padding-top: 12px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-16 {
    padding-top: 16px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-20 {
    padding-top: 20px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-24 {
    padding-top: 24px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-28 {
    padding-top: 28px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-32 {
    padding-top: 32px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-36 {
    padding-top: 36px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-40 {
    padding-top: 40px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-48 {
    padding-top: 48px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-64 {
    padding-top: 64px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-80 {
    padding-top: 80px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-120 {
    padding-top: 120px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pt-150 {
    padding-top: 150px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-0 {
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-4 {
    padding-bottom: 4px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-8 {
    padding-bottom: 8px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-12 {
    padding-bottom: 12px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-16 {
    padding-bottom: 16px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-20 {
    padding-bottom: 20px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-24 {
    padding-bottom: 24px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-28 {
    padding-bottom: 28px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-32 {
    padding-bottom: 32px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-36 {
    padding-bottom: 36px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-40 {
    padding-bottom: 40px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-48 {
    padding-bottom: 48px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-64 {
    padding-bottom: 64px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-80 {
    padding-bottom: 80px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-120 {
    padding-bottom: 120px !important;
  }
}

@media only screen and (min-width: 425px) {
  .plg-pb-150 {
    padding-bottom: 150px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-0 {
    padding: 0 !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-4 {
    padding: 4px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-8 {
    padding: 8px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-12 {
    padding: 12px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-16 {
    padding: 16px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-20 {
    padding: 20px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-24 {
    padding: 24px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-28 {
    padding: 28px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-32 {
    padding: 32px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-36 {
    padding: 36px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-40 {
    padding: 40px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-48 {
    padding: 48px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-64 {
    padding: 64px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-80 {
    padding: 80px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-120 {
    padding: 120px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-p-150 {
    padding: 150px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-0 {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-4 {
    padding-left: 4px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-8 {
    padding-left: 8px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-12 {
    padding-left: 12px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-16 {
    padding-left: 16px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-20 {
    padding-left: 20px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-24 {
    padding-left: 24px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-28 {
    padding-left: 28px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-32 {
    padding-left: 32px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-36 {
    padding-left: 36px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-40 {
    padding-left: 40px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-48 {
    padding-left: 48px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-64 {
    padding-left: 64px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-80 {
    padding-left: 80px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-120 {
    padding-left: 120px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pl-150 {
    padding-left: 150px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-0 {
    padding-right: 0 !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-4 {
    padding-right: 4px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-8 {
    padding-right: 8px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-12 {
    padding-right: 12px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-16 {
    padding-right: 16px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-20 {
    padding-right: 20px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-24 {
    padding-right: 24px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-28 {
    padding-right: 28px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-32 {
    padding-right: 32px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-36 {
    padding-right: 36px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-40 {
    padding-right: 40px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-48 {
    padding-right: 48px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-64 {
    padding-right: 64px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-80 {
    padding-right: 80px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-120 {
    padding-right: 120px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pr-150 {
    padding-right: 150px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-0 {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-4 {
    padding-top: 4px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-8 {
    padding-top: 8px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-12 {
    padding-top: 12px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-16 {
    padding-top: 16px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-20 {
    padding-top: 20px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-24 {
    padding-top: 24px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-28 {
    padding-top: 28px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-32 {
    padding-top: 32px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-36 {
    padding-top: 36px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-40 {
    padding-top: 40px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-48 {
    padding-top: 48px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-64 {
    padding-top: 64px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-80 {
    padding-top: 80px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-120 {
    padding-top: 120px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pt-150 {
    padding-top: 150px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-0 {
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-4 {
    padding-bottom: 4px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-8 {
    padding-bottom: 8px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-12 {
    padding-bottom: 12px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-16 {
    padding-bottom: 16px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-20 {
    padding-bottom: 20px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-24 {
    padding-bottom: 24px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-28 {
    padding-bottom: 28px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-32 {
    padding-bottom: 32px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-36 {
    padding-bottom: 36px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-40 {
    padding-bottom: 40px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-48 {
    padding-bottom: 48px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-64 {
    padding-bottom: 64px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-80 {
    padding-bottom: 80px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-120 {
    padding-bottom: 120px !important;
  }
}

@media only screen and (min-width: 560px) {
  .tsm-pb-150 {
    padding-bottom: 150px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-0 {
    padding: 0 !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-4 {
    padding: 4px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-8 {
    padding: 8px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-12 {
    padding: 12px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-16 {
    padding: 16px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-20 {
    padding: 20px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-24 {
    padding: 24px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-28 {
    padding: 28px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-32 {
    padding: 32px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-36 {
    padding: 36px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-40 {
    padding: 40px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-48 {
    padding: 48px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-64 {
    padding: 64px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-80 {
    padding: 80px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-120 {
    padding: 120px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-p-150 {
    padding: 150px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-0 {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-4 {
    padding-left: 4px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-8 {
    padding-left: 8px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-12 {
    padding-left: 12px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-16 {
    padding-left: 16px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-20 {
    padding-left: 20px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-24 {
    padding-left: 24px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-28 {
    padding-left: 28px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-32 {
    padding-left: 32px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-36 {
    padding-left: 36px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-40 {
    padding-left: 40px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-48 {
    padding-left: 48px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-64 {
    padding-left: 64px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-80 {
    padding-left: 80px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-120 {
    padding-left: 120px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pl-150 {
    padding-left: 150px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-0 {
    padding-right: 0 !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-4 {
    padding-right: 4px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-8 {
    padding-right: 8px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-12 {
    padding-right: 12px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-16 {
    padding-right: 16px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-20 {
    padding-right: 20px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-24 {
    padding-right: 24px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-28 {
    padding-right: 28px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-32 {
    padding-right: 32px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-36 {
    padding-right: 36px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-40 {
    padding-right: 40px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-48 {
    padding-right: 48px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-64 {
    padding-right: 64px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-80 {
    padding-right: 80px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-120 {
    padding-right: 120px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pr-150 {
    padding-right: 150px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-0 {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-4 {
    padding-top: 4px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-8 {
    padding-top: 8px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-12 {
    padding-top: 12px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-16 {
    padding-top: 16px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-20 {
    padding-top: 20px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-24 {
    padding-top: 24px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-28 {
    padding-top: 28px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-32 {
    padding-top: 32px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-36 {
    padding-top: 36px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-40 {
    padding-top: 40px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-48 {
    padding-top: 48px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-64 {
    padding-top: 64px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-80 {
    padding-top: 80px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-120 {
    padding-top: 120px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pt-150 {
    padding-top: 150px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-0 {
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-4 {
    padding-bottom: 4px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-8 {
    padding-bottom: 8px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-12 {
    padding-bottom: 12px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-16 {
    padding-bottom: 16px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-20 {
    padding-bottom: 20px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-24 {
    padding-bottom: 24px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-28 {
    padding-bottom: 28px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-32 {
    padding-bottom: 32px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-36 {
    padding-bottom: 36px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-40 {
    padding-bottom: 40px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-48 {
    padding-bottom: 48px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-64 {
    padding-bottom: 64px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-80 {
    padding-bottom: 80px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-120 {
    padding-bottom: 120px !important;
  }
}

@media only screen and (min-width: 640px) {
  .tmd-pb-150 {
    padding-bottom: 150px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-0 {
    padding: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-4 {
    padding: 4px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-8 {
    padding: 8px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-12 {
    padding: 12px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-16 {
    padding: 16px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-20 {
    padding: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-24 {
    padding: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-28 {
    padding: 28px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-32 {
    padding: 32px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-36 {
    padding: 36px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-40 {
    padding: 40px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-48 {
    padding: 48px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-64 {
    padding: 64px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-80 {
    padding: 80px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-120 {
    padding: 120px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-p-150 {
    padding: 150px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-0 {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-4 {
    padding-left: 4px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-8 {
    padding-left: 8px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-12 {
    padding-left: 12px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-16 {
    padding-left: 16px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-20 {
    padding-left: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-24 {
    padding-left: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-28 {
    padding-left: 28px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-32 {
    padding-left: 32px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-36 {
    padding-left: 36px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-40 {
    padding-left: 40px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-48 {
    padding-left: 48px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-64 {
    padding-left: 64px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-80 {
    padding-left: 80px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-120 {
    padding-left: 120px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pl-150 {
    padding-left: 150px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-0 {
    padding-right: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-4 {
    padding-right: 4px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-8 {
    padding-right: 8px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-12 {
    padding-right: 12px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-16 {
    padding-right: 16px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-20 {
    padding-right: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-24 {
    padding-right: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-28 {
    padding-right: 28px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-32 {
    padding-right: 32px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-36 {
    padding-right: 36px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-40 {
    padding-right: 40px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-48 {
    padding-right: 48px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-64 {
    padding-right: 64px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-80 {
    padding-right: 80px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-120 {
    padding-right: 120px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pr-150 {
    padding-right: 150px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-0 {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-4 {
    padding-top: 4px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-8 {
    padding-top: 8px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-12 {
    padding-top: 12px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-16 {
    padding-top: 16px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-20 {
    padding-top: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-24 {
    padding-top: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-28 {
    padding-top: 28px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-32 {
    padding-top: 32px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-36 {
    padding-top: 36px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-40 {
    padding-top: 40px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-48 {
    padding-top: 48px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-64 {
    padding-top: 64px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-80 {
    padding-top: 80px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-120 {
    padding-top: 120px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pt-150 {
    padding-top: 150px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-0 {
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-4 {
    padding-bottom: 4px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-8 {
    padding-bottom: 8px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-12 {
    padding-bottom: 12px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-16 {
    padding-bottom: 16px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-20 {
    padding-bottom: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-24 {
    padding-bottom: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-28 {
    padding-bottom: 28px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-32 {
    padding-bottom: 32px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-36 {
    padding-bottom: 36px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-40 {
    padding-bottom: 40px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-48 {
    padding-bottom: 48px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-64 {
    padding-bottom: 64px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-80 {
    padding-bottom: 80px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-120 {
    padding-bottom: 120px !important;
  }
}

@media only screen and (min-width: 768px) {
  .tlg-pb-150 {
    padding-bottom: 150px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-0 {
    padding: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-4 {
    padding: 4px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-8 {
    padding: 8px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-12 {
    padding: 12px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-16 {
    padding: 16px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-20 {
    padding: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-24 {
    padding: 24px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-28 {
    padding: 28px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-32 {
    padding: 32px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-36 {
    padding: 36px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-40 {
    padding: 40px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-48 {
    padding: 48px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-64 {
    padding: 64px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-80 {
    padding: 80px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-120 {
    padding: 120px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-p-150 {
    padding: 150px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-0 {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-4 {
    padding-left: 4px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-8 {
    padding-left: 8px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-12 {
    padding-left: 12px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-16 {
    padding-left: 16px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-20 {
    padding-left: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-24 {
    padding-left: 24px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-28 {
    padding-left: 28px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-32 {
    padding-left: 32px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-36 {
    padding-left: 36px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-40 {
    padding-left: 40px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-48 {
    padding-left: 48px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-64 {
    padding-left: 64px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-80 {
    padding-left: 80px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-120 {
    padding-left: 120px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pl-150 {
    padding-left: 150px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-0 {
    padding-right: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-4 {
    padding-right: 4px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-8 {
    padding-right: 8px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-12 {
    padding-right: 12px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-16 {
    padding-right: 16px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-20 {
    padding-right: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-24 {
    padding-right: 24px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-28 {
    padding-right: 28px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-32 {
    padding-right: 32px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-36 {
    padding-right: 36px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-40 {
    padding-right: 40px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-48 {
    padding-right: 48px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-64 {
    padding-right: 64px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-80 {
    padding-right: 80px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-120 {
    padding-right: 120px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pr-150 {
    padding-right: 150px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-0 {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-4 {
    padding-top: 4px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-8 {
    padding-top: 8px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-12 {
    padding-top: 12px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-16 {
    padding-top: 16px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-20 {
    padding-top: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-24 {
    padding-top: 24px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-28 {
    padding-top: 28px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-32 {
    padding-top: 32px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-36 {
    padding-top: 36px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-40 {
    padding-top: 40px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-48 {
    padding-top: 48px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-64 {
    padding-top: 64px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-80 {
    padding-top: 80px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-120 {
    padding-top: 120px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pt-150 {
    padding-top: 150px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-0 {
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-4 {
    padding-bottom: 4px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-8 {
    padding-bottom: 8px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-12 {
    padding-bottom: 12px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-16 {
    padding-bottom: 16px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-20 {
    padding-bottom: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-24 {
    padding-bottom: 24px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-28 {
    padding-bottom: 28px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-32 {
    padding-bottom: 32px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-36 {
    padding-bottom: 36px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-40 {
    padding-bottom: 40px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-48 {
    padding-bottom: 48px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-64 {
    padding-bottom: 64px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-80 {
    padding-bottom: 80px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-120 {
    padding-bottom: 120px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .ltp-pb-150 {
    padding-bottom: 150px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-0 {
    padding: 0 !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-4 {
    padding: 4px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-8 {
    padding: 8px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-12 {
    padding: 12px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-16 {
    padding: 16px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-20 {
    padding: 20px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-24 {
    padding: 24px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-28 {
    padding: 28px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-32 {
    padding: 32px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-36 {
    padding: 36px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-40 {
    padding: 40px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-48 {
    padding: 48px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-64 {
    padding: 64px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-80 {
    padding: 80px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-120 {
    padding: 120px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-p-150 {
    padding: 150px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-0 {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-4 {
    padding-left: 4px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-8 {
    padding-left: 8px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-12 {
    padding-left: 12px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-16 {
    padding-left: 16px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-20 {
    padding-left: 20px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-24 {
    padding-left: 24px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-28 {
    padding-left: 28px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-32 {
    padding-left: 32px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-36 {
    padding-left: 36px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-40 {
    padding-left: 40px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-48 {
    padding-left: 48px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-64 {
    padding-left: 64px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-80 {
    padding-left: 80px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-120 {
    padding-left: 120px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pl-150 {
    padding-left: 150px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-0 {
    padding-right: 0 !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-4 {
    padding-right: 4px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-8 {
    padding-right: 8px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-12 {
    padding-right: 12px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-16 {
    padding-right: 16px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-20 {
    padding-right: 20px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-24 {
    padding-right: 24px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-28 {
    padding-right: 28px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-32 {
    padding-right: 32px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-36 {
    padding-right: 36px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-40 {
    padding-right: 40px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-48 {
    padding-right: 48px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-64 {
    padding-right: 64px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-80 {
    padding-right: 80px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-120 {
    padding-right: 120px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pr-150 {
    padding-right: 150px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-0 {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-4 {
    padding-top: 4px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-8 {
    padding-top: 8px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-12 {
    padding-top: 12px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-16 {
    padding-top: 16px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-20 {
    padding-top: 20px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-24 {
    padding-top: 24px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-28 {
    padding-top: 28px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-32 {
    padding-top: 32px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-36 {
    padding-top: 36px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-40 {
    padding-top: 40px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-48 {
    padding-top: 48px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-64 {
    padding-top: 64px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-80 {
    padding-top: 80px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-120 {
    padding-top: 120px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pt-150 {
    padding-top: 150px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-0 {
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-4 {
    padding-bottom: 4px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-8 {
    padding-bottom: 8px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-12 {
    padding-bottom: 12px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-16 {
    padding-bottom: 16px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-20 {
    padding-bottom: 20px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-24 {
    padding-bottom: 24px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-28 {
    padding-bottom: 28px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-32 {
    padding-bottom: 32px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-36 {
    padding-bottom: 36px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-40 {
    padding-bottom: 40px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-48 {
    padding-bottom: 48px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-64 {
    padding-bottom: 64px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-80 {
    padding-bottom: 80px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-120 {
    padding-bottom: 120px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .dsk-pb-150 {
    padding-bottom: 150px !important;
  }
}

/**
 * Padding Classes (All sides, all sizes)
 * Specify the padding classes that apply to all sides first so we can more easily override it with specific sides
 */
.gs-p-xxs {
  padding: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-p-xxs {
    padding: 0.25rem !important;
  }
}

.gs-p-xs {
  padding: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-p-xs {
    padding: 0.5rem !important;
  }
}

.gs-p-sm {
  padding: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-p-sm {
    padding: 1rem !important;
  }
}

.gs-p-md {
  padding: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-p-md {
    padding: 1.5rem !important;
  }
}

.gs-p-lg {
  padding: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-p-lg {
    padding: 2rem !important;
  }
}

.gs-p-xl {
  padding: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-p-xl {
    padding: 3rem !important;
  }
}

.gs-p-2xl {
  padding: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-p-2xl {
    padding: 4rem !important;
  }
}

.gs-p-3xl {
  padding: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-p-3xl {
    padding: 5rem !important;
  }
}

.gs-p-none {
  padding: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-p-none {
    padding: 0rem !important;
  }
}

/**
* Padding Classes (Specific Orientations, all sizes)
* Intentionally defined below the generic padding classes that affect all sides.
* We want to be able to override those.
*/
.gs-pv-xxs {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pv-xxs {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}

.gs-ph-xxs {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ph-xxs {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}

.gs-pv-xs {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pv-xs {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

.gs-ph-xs {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ph-xs {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

.gs-pv-sm {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pv-sm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

.gs-ph-sm {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ph-sm {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

.gs-pv-md {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pv-md {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

.gs-ph-md {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ph-md {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

.gs-pv-lg {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pv-lg {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

.gs-ph-lg {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ph-lg {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

.gs-pv-xl {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pv-xl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

.gs-ph-xl {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ph-xl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

.gs-pv-2xl {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pv-2xl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

.gs-ph-2xl {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ph-2xl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}

.gs-pv-3xl {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pv-3xl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

.gs-ph-3xl {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ph-3xl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

.gs-pv-none {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pv-none {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
}

.gs-ph-none {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-ph-none {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
}

/**
* Padding Classes (Specific Sides, all sizes)
* Intentionally defined below the generic padding classes that affect all sides and the horizontal/vertical padding classes.
* We want to be able to override those.
*/
.gs-pt-xxs {
  padding-top: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pt-xxs {
    padding-top: 0.25rem !important;
  }
}

.gs-pr-xxs {
  padding-right: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pr-xxs {
    padding-right: 0.25rem !important;
  }
}

.gs-pb-xxs {
  padding-bottom: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pb-xxs {
    padding-bottom: 0.25rem !important;
  }
}

.gs-pl-xxs {
  padding-left: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pl-xxs {
    padding-left: 0.25rem !important;
  }
}

.gs-pt-xs {
  padding-top: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pt-xs {
    padding-top: 0.5rem !important;
  }
}

.gs-pr-xs {
  padding-right: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pr-xs {
    padding-right: 0.5rem !important;
  }
}

.gs-pb-xs {
  padding-bottom: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pb-xs {
    padding-bottom: 0.5rem !important;
  }
}

.gs-pl-xs {
  padding-left: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pl-xs {
    padding-left: 0.5rem !important;
  }
}

.gs-pt-sm {
  padding-top: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pt-sm {
    padding-top: 1rem !important;
  }
}

.gs-pr-sm {
  padding-right: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pr-sm {
    padding-right: 1rem !important;
  }
}

.gs-pb-sm {
  padding-bottom: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pb-sm {
    padding-bottom: 1rem !important;
  }
}

.gs-pl-sm {
  padding-left: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pl-sm {
    padding-left: 1rem !important;
  }
}

.gs-pt-md {
  padding-top: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pt-md {
    padding-top: 1.5rem !important;
  }
}

.gs-pr-md {
  padding-right: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pr-md {
    padding-right: 1.5rem !important;
  }
}

.gs-pb-md {
  padding-bottom: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pb-md {
    padding-bottom: 1.5rem !important;
  }
}

.gs-pl-md {
  padding-left: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pl-md {
    padding-left: 1.5rem !important;
  }
}

.gs-pt-lg {
  padding-top: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pt-lg {
    padding-top: 2rem !important;
  }
}

.gs-pr-lg {
  padding-right: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pr-lg {
    padding-right: 2rem !important;
  }
}

.gs-pb-lg {
  padding-bottom: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pb-lg {
    padding-bottom: 2rem !important;
  }
}

.gs-pl-lg {
  padding-left: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pl-lg {
    padding-left: 2rem !important;
  }
}

.gs-pt-xl {
  padding-top: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pt-xl {
    padding-top: 3rem !important;
  }
}

.gs-pr-xl {
  padding-right: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pr-xl {
    padding-right: 3rem !important;
  }
}

.gs-pb-xl {
  padding-bottom: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pb-xl {
    padding-bottom: 3rem !important;
  }
}

.gs-pl-xl {
  padding-left: 2rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pl-xl {
    padding-left: 3rem !important;
  }
}

.gs-pt-2xl {
  padding-top: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pt-2xl {
    padding-top: 4rem !important;
  }
}

.gs-pr-2xl {
  padding-right: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pr-2xl {
    padding-right: 4rem !important;
  }
}

.gs-pb-2xl {
  padding-bottom: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pb-2xl {
    padding-bottom: 4rem !important;
  }
}

.gs-pl-2xl {
  padding-left: 3rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pl-2xl {
    padding-left: 4rem !important;
  }
}

.gs-pt-3xl {
  padding-top: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pt-3xl {
    padding-top: 5rem !important;
  }
}

.gs-pr-3xl {
  padding-right: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pr-3xl {
    padding-right: 5rem !important;
  }
}

.gs-pb-3xl {
  padding-bottom: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pb-3xl {
    padding-bottom: 5rem !important;
  }
}

.gs-pl-3xl {
  padding-left: 4rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pl-3xl {
    padding-left: 5rem !important;
  }
}

.gs-pt-none {
  padding-top: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pt-none {
    padding-top: 0rem !important;
  }
}

.gs-pr-none {
  padding-right: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pr-none {
    padding-right: 0rem !important;
  }
}

.gs-pb-none {
  padding-bottom: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pb-none {
    padding-bottom: 0rem !important;
  }
}

.gs-pl-none {
  padding-left: 0rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-pl-none {
    padding-left: 0rem !important;
  }
}

/**
 * New rounded corners standards specified in figma variables.
 * https://www.figma.com/design/Q4dPhAsq0udavfYn9H6Bt6/Design-Component-Library?node-id=2701-4720&p=f&vars=1&m=dev
 * T-Shirt sizes (xs, sm, md, lg, etc.) are based on the magnitude of the radius rather than the page/viewport size.
 * Goal is to have a few standard border radius sizes we can apply to all our components.
 *
 * Examples: 
 *  gs-rounded-t-xs - Both the top-left and top-right corners are rounded with an extra small radius
 *  gs-rounded-xs - All corners are rounded with an extra small radius
 *  gs-rounded-br-lg - Just the bottom-right corner is rounded with a large radius
 *  gs-rounded-full - Creates a pill button effect. (Maximum allowed radius until corners touch)
 *  gs-rounded-none - Removes corner rounding
 *
 **/
/**
 * Border Radius (All corners, all sizes)
 * Define the most generic border radius CSS classes first for all sizes.
 * That way the more specific classes override these
 */
.gs-rounded-xs {
  border-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-xs {
    border-radius: 0.25rem !important;
  }
}

.gs-rounded-sm {
  border-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-sm {
    border-radius: 0.5rem !important;
  }
}

.gs-rounded-md {
  border-radius: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-md {
    border-radius: 1rem !important;
  }
}

.gs-rounded-lg {
  border-radius: 1.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-lg {
    border-radius: 1rem !important;
  }
}

.gs-rounded-none {
  border-radius: 0 !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-none {
    border-radius: 0 !important;
  }
}

.gs-rounded-full {
  border-radius: calc(infinity * 1px) !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
}

/**
 * Border Radius (Specific sides, all sizes)
 * Define the border radius classes for sides next (each side styles two adjacent corners).
 * That way the more specific classes for corners override the classes for sides.
 */
.gs-rounded-t-xs {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-t-xs {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
}

.gs-rounded-r-xs {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-r-xs {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
}

.gs-rounded-b-xs {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-b-xs {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
}

.gs-rounded-l-xs {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-l-xs {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
}

.gs-rounded-t-sm {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-t-sm {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
}

.gs-rounded-r-sm {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-r-sm {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
}

.gs-rounded-b-sm {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-b-sm {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
}

.gs-rounded-l-sm {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-l-sm {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
}

.gs-rounded-t-md {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-t-md {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
}

.gs-rounded-r-md {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-r-md {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
}

.gs-rounded-b-md {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-b-md {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
}

.gs-rounded-l-md {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-l-md {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
}

.gs-rounded-t-lg {
  border-top-left-radius: 1.25rem !important;
  border-top-right-radius: 1.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-t-lg {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
}

.gs-rounded-r-lg {
  border-top-right-radius: 1.25rem !important;
  border-bottom-right-radius: 1.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-r-lg {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
}

.gs-rounded-b-lg {
  border-bottom-left-radius: 1.25rem !important;
  border-bottom-right-radius: 1.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-b-lg {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
}

.gs-rounded-l-lg {
  border-top-left-radius: 1.25rem !important;
  border-bottom-left-radius: 1.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-l-lg {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
}

.gs-rounded-t-none {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
}

.gs-rounded-r-none {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-r-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

.gs-rounded-b-none {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-b-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

.gs-rounded-l-none {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-l-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
}

.gs-rounded-t-full {
  border-top-left-radius: calc(infinity * 1px) !important;
  border-top-right-radius: calc(infinity * 1px) !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-t-full {
    border-top-left-radius: calc(infinity * 1px) !important;
    border-top-right-radius: calc(infinity * 1px) !important;
  }
}

.gs-rounded-r-full {
  border-top-right-radius: calc(infinity * 1px) !important;
  border-bottom-right-radius: calc(infinity * 1px) !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-r-full {
    border-top-right-radius: calc(infinity * 1px) !important;
    border-bottom-right-radius: calc(infinity * 1px) !important;
  }
}

.gs-rounded-b-full {
  border-bottom-left-radius: calc(infinity * 1px) !important;
  border-bottom-right-radius: calc(infinity * 1px) !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-b-full {
    border-bottom-left-radius: calc(infinity * 1px) !important;
    border-bottom-right-radius: calc(infinity * 1px) !important;
  }
}

.gs-rounded-l-full {
  border-top-left-radius: calc(infinity * 1px) !important;
  border-bottom-left-radius: calc(infinity * 1px) !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-l-full {
    border-top-left-radius: calc(infinity * 1px) !important;
    border-bottom-left-radius: calc(infinity * 1px) !important;
  }
}

/**
 * Border Radius (Specific corners, all sizes)
 * Define the border radius classes for corners last.
 * If a corner class is added to an element with another,
 * more generic class, the corner class should always take precedence.
 */
.gs-rounded-tl-xs {
  border-top-left-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-tl-xs {
    border-top-left-radius: 0.25rem !important;
  }
}

.gs-rounded-tr-xs {
  border-top-right-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-tr-xs {
    border-top-right-radius: 0.25rem !important;
  }
}

.gs-rounded-br-xs {
  border-bottom-right-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-br-xs {
    border-bottom-right-radius: 0.25rem !important;
  }
}

.gs-rounded-bl-xs {
  border-bottom-left-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-bl-xs {
    border-bottom-left-radius: 0.25rem !important;
  }
}

.gs-rounded-tl-sm {
  border-top-left-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-tl-sm {
    border-top-left-radius: 0.5rem !important;
  }
}

.gs-rounded-tr-sm {
  border-top-right-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-tr-sm {
    border-top-right-radius: 0.5rem !important;
  }
}

.gs-rounded-br-sm {
  border-bottom-right-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-br-sm {
    border-bottom-right-radius: 0.5rem !important;
  }
}

.gs-rounded-bl-sm {
  border-bottom-left-radius: 0.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-bl-sm {
    border-bottom-left-radius: 0.5rem !important;
  }
}

.gs-rounded-tl-md {
  border-top-left-radius: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-tl-md {
    border-top-left-radius: 1rem !important;
  }
}

.gs-rounded-tr-md {
  border-top-right-radius: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-tr-md {
    border-top-right-radius: 1rem !important;
  }
}

.gs-rounded-br-md {
  border-bottom-right-radius: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-br-md {
    border-bottom-right-radius: 1rem !important;
  }
}

.gs-rounded-bl-md {
  border-bottom-left-radius: 0.5rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-bl-md {
    border-bottom-left-radius: 1rem !important;
  }
}

.gs-rounded-tl-lg {
  border-top-left-radius: 1.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-tl-lg {
    border-top-left-radius: 1rem !important;
  }
}

.gs-rounded-tr-lg {
  border-top-right-radius: 1.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-tr-lg {
    border-top-right-radius: 1rem !important;
  }
}

.gs-rounded-br-lg {
  border-bottom-right-radius: 1.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-br-lg {
    border-bottom-right-radius: 1rem !important;
  }
}

.gs-rounded-bl-lg {
  border-bottom-left-radius: 1.25rem !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-bl-lg {
    border-bottom-left-radius: 1rem !important;
  }
}

.gs-rounded-tl-none {
  border-top-left-radius: 0 !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-tl-none {
    border-top-left-radius: 0 !important;
  }
}

.gs-rounded-tr-none {
  border-top-right-radius: 0 !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-tr-none {
    border-top-right-radius: 0 !important;
  }
}

.gs-rounded-br-none {
  border-bottom-right-radius: 0 !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-br-none {
    border-bottom-right-radius: 0 !important;
  }
}

.gs-rounded-bl-none {
  border-bottom-left-radius: 0 !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-bl-none {
    border-bottom-left-radius: 0 !important;
  }
}

.gs-rounded-tl-full {
  border-top-left-radius: calc(infinity * 1px) !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-tl-full {
    border-top-left-radius: calc(infinity * 1px) !important;
  }
}

.gs-rounded-tr-full {
  border-top-right-radius: calc(infinity * 1px) !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-tr-full {
    border-top-right-radius: calc(infinity * 1px) !important;
  }
}

.gs-rounded-br-full {
  border-bottom-right-radius: calc(infinity * 1px) !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-br-full {
    border-bottom-right-radius: calc(infinity * 1px) !important;
  }
}

.gs-rounded-bl-full {
  border-bottom-left-radius: calc(infinity * 1px) !important;
}
@media only screen and (min-width: 992px) {
  .gs-rounded-bl-full {
    border-bottom-left-radius: calc(infinity * 1px) !important;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/accordion-card/_AccordionCard.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-accordion-card {
  border-radius: 0.5rem;
  background: #ffffff;
  padding: 1rem;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
  user-select: text;
  /** 
   * Optional card iumage positioning
   * On mobile the card image should be positioned above the card content. 
   * On desktop the image should be positioned to the right of it
   **/
}
.gs-accordion-card--with-image {
  display: flex;
  flex-flow: column-reverse;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
@media only screen and (min-width: 768px) {
  .gs-accordion-card--with-image {
    flex-flow: row;
  }
}

/**
 * Optional card image sizing
 * On mobile the image should maintain a 1:1 aspect ratio and take up 50% of the card width
 * On desktop, the image should be fixed to 15 rem width and height
 */
.gs-accordion-card-image {
  flex: 1 1 auto;
  width: 50%;
  padding-top: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .gs-accordion-card-image {
    flex: 0 0 15rem;
    width: 15rem;
    height: 15rem;
    padding: 0;
  }
}

.gs-accordion-card-title {
  margin-bottom: 0.3rem;
}

.gs-accordion-card-text {
  margin-bottom: 0.95rem;
}

.gs-accordion-card-links {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/accordion-drawer/_AccordionDrawer.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.gs-accordion-drawer {
  background-color: #f4f4f4;
  border-radius: 1.25rem;
  padding: 1.55rem;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
  user-select: none;
}
.gs-accordion-drawer .gs-accordion-card {
  margin-bottom: 0.625rem;
}
.gs-accordion-drawer .gs-accordion-drawer-cards {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.gs-accordion-drawer .gs-accordion-drawer-minus {
  display: none;
}
.gs-accordion-drawer.--selected .gs-accordion-drawer-plus {
  display: none;
}
.gs-accordion-drawer.--selected .gs-accordion-drawer-minus {
  display: block;
}
.gs-accordion-drawer.--selected .gs-accordion-drawer-cards {
  display: block;
  max-height: 2000px;
  transition: max-height 1s ease-in-out;
}
.gs-accordion-drawer.--selected .gs-accordion-drawer-title {
  margin-bottom: 1.25rem;
}
.gs-accordion-drawer.--selected.--expanded .gs-accordion-drawer-cards {
  max-height: 10000px !important;
}

.gs-accordion-drawer-title {
  font-size: 1.17rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.gs-accordion-drawer-icon {
  color: #007B4B;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/accordion-toggle-list/_AccordionToggleList.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-accordiontogglelist {
  background-color: #ffffff;
}

.gs-accordiontogglelist-label {
  margin-bottom: 0.35rem;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: 800;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-accordiontogglelist-label {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 800;
  }
}

.gs-accordiontogglelist-picker {
  display: flex;
  justify-content: space-evenly;
  background-color: #d2d2d2;
  border-radius: 0.5rem;
  font-weight: 600;
  position: relative;
}

.gs-accordiontogglelist-picker-button {
  text-align: center;
  flex: 1;
  padding: 1rem 0rem;
  border-radius: 0.5rem;
  user-select: none;
  transition: all 0.5s ease-in-out;
  z-index: 5;
  cursor: pointer;
}
.gs-accordiontogglelist-picker-button.--selected {
  color: #ffffff;
  border-right: none;
  cursor: auto;
}

.gs-accordiontogglelist-picker-slider {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  background-color: #007B4B;
  border-radius: 0.5rem;
  transition: all 0.5s ease-in-out;
}

.gs-accordiontogglelist-picker-divider {
  display: inline-block;
  width: 0;
  height: 1.85rem;
  top: 20%;
  position: relative;
  right: -4px;
  top: 0.625rem;
  border-left: 1px solid #A3A3A3;
  border-right: 1px solid #A3A3A3;
}

.gs-accordiontogglelist-content {
  margin-bottom: 1.5rem;
}

.gs-accordiontogglelist-drawer-section {
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.5s ease-in;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.gs-accordiontogglelist-drawer-section.--active {
  visibility: visible;
  opacity: 100;
  height: auto;
}
.gs-accordiontogglelist-drawer-section .gs-accordiontogglelist-drawer-section-subtitle {
  font-size: 0.75rem;
  color: #757575;
  font-weight: 800;
  line-height: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) {
  .gs-accordiontogglelist-drawer-section .gs-accordiontogglelist-drawer-section-subtitle {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 800;
  }
}
.gs-accordiontogglelist-drawer-section .gs-accordiontogglelist-drawer-section-subtitle:not(:first-child) {
  margin-top: 0.5rem;
}

.gs-accordiontogglelist-tab-content hr {
  margin: 0 0 1rem 0;
  border: 0.5px solid #d2d2d2;
  position: relative;
  top: -2px;
  z-index: 1;
}
.gs-accordiontogglelist-tab-content .gs-accordiontogglelist-tabs {
  display: flex;
  gap: 1rem;
  position: relative;
}
.gs-accordiontogglelist-tab-content .gs-accordiontogglelist-tabs .gs-accordiontogglelist-tab {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
  padding: 0 0.5rem;
  cursor: pointer;
  user-select: none;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .gs-accordiontogglelist-tab-content .gs-accordiontogglelist-tabs .gs-accordiontogglelist-tab {
    font-size: 1.125rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}
.gs-accordiontogglelist-tab-content .gs-accordiontogglelist-tabs .gs-accordiontogglelist-tab.--selected {
  font-weight: bold;
}
.gs-accordiontogglelist-tab-content .gs-accordiontogglelist-tabs .gs-accordiontogglelist-tab-slider {
  position: absolute;
  bottom: 0;
  height: 0.25rem;
  background-color: #007B4B;
  transition: left 0.3s ease, width 0.3s ease;
  z-index: 2;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/alert/_Alert.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.gs-alert {
  background-color: #deefff;
  transition: max-height 0.6s ease, all 0.3s ease;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  max-height: 0px;
  position: relative;
  z-index: 10000;
  overflow: hidden;
}
.gs-alert .gs-container-inner {
  display: flex;
  justify-content: center;
  margin: 0;
  max-width: none;
  text-align: center;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
.gs-alert.--active {
  height: auto;
  visibility: visible;
  opacity: 100;
  padding: 10px 0px;
  max-height: 200px;
}

.gs-alert-title {
  font-weight: bold;
}

.gs-alert-subtitle {
  display: inline-block;
}

.gs-alert-spacer {
  visibility: hidden;
  margin-right: auto;
}

.gs-alert-content {
  padding: 0 24px;
}

.gs-alert--icon {
  all: unset;
  font-size: 1.5em;
  margin-left: auto;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/article-captioned-image/_ArticleCaptionedImage.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.gs-rich-content-captioned-image {
  margin: 40px 0;
}
.gs-rich-content-captioned-image .gs-rich-content-img-wrapper {
  border-radius: 20px;
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
}
.gs-rich-content-captioned-image .gs-rich-content-img-wrapper .gs-rich-content-img {
  max-width: 100%;
  min-width: 100%;
}
.gs-rich-content-captioned-image p.gs-risk-content-image-caption {
  font-style: italic;
  margin-bottom: 0;
  margin-top: 12px;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: 400;
  line-height: 28px;
  text-transform: none;
}
@media only screen and (min-width: 375px) {
  .gs-rich-content-captioned-image p.gs-risk-content-image-caption {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: 400;
    line-height: 30px;
    text-transform: none;
  }
}
@media only screen and (min-width: 560px) {
  .gs-rich-content-captioned-image p.gs-risk-content-image-caption {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: 400;
    line-height: 34px;
    text-transform: none;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/article-embedded-video/_ArticleEmbeddedVideo.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.gs-article-video-iframe {
  background-color: #f4f4f4;
  height: 0;
  margin: 24px 0;
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
}
@media only screen and (min-width: 425px) {
  .gs-article-video-iframe {
    margin: 40px 0;
  }
}
.gs-article-video-iframe iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/article-quote/_ArticleQuote.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.gs-article-blockquote {
  border-left: 6px solid #eeeeee;
  display: block;
  margin-block-end: 24px;
  margin-block-start: 24px;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-left: 16px;
}
@media only screen and (min-width: 768px) {
  .gs-article-blockquote {
    margin-block-end: 40px;
    margin-block-start: 40px;
    padding-left: 40px;
  }
}
.gs-article-blockquote p {
  font-size: 16px;
  color: #3a3a3a;
  font-weight: 400;
  line-height: 28px;
  text-transform: none;
  margin-bottom: 16px;
}
.gs-article-blockquote p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 375px) {
  .gs-article-blockquote p {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: 400;
    line-height: 30px;
    text-transform: none;
  }
}
@media only screen and (min-width: 768px) {
  .gs-article-blockquote p {
    font-size: 24px;
    color: #3a3a3a;
    font-weight: 400;
    line-height: 38px;
    text-transform: none;
    margin-bottom: 40px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/article-reminder/_ArticleReminder.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.gs-rich-content-reminder-inner {
  margin: 30px 0;
  padding: 25px;
  display: flex;
  flex-direction: row;
  border-radius: 20px;
  background: #deefff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .gs-rich-content-reminder-inner {
    padding: 40px 30px;
  }
}

.gs-rich-content-reminder-section {
  display: flex;
  flex-direction: column;
}

.gs-rich-content-reminder-icon--mobile {
  width: 48px;
  height: 48px;
  margin-right: 8px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .gs-rich-content-reminder-icon--mobile {
    display: none;
  }
}

.gs-rich-content-reminder-icon--desktop {
  width: 60px;
  height: 60px;
  margin-right: 32px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .gs-rich-content-reminder-icon--desktop {
    display: block;
  }
}

.gs-rich-content-reminder-title {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-rich-content-reminder-title {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}

.gs-rich-content-reminder-content {
  margin-top: 12px;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-rich-content-reminder-content {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}

.gs-rich-content-reminder-link {
  margin-top: 12px;
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .gs-rich-content-reminder-link {
    font-size: 18px;
    line-height: 26px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/article-responsive-table/_ArticleResponsiveTable.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.gs-article-responsive-table {
  border-top: 1px solid #d2d2d2;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin-bottom: 32px;
  margin-top: 40px;
}
.gs-article-responsive-table--2columns, .gs-article-responsive-table--3columns {
  display: block;
}
@media only screen and (min-width: 640px) {
  .gs-article-responsive-table--2columns, .gs-article-responsive-table--3columns {
    display: flex;
  }
}
.gs-article-responsive-table--2columns > .gs-article-responsive-row {
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .gs-article-responsive-table--2columns > .gs-article-responsive-row {
    width: 50%;
  }
}
.gs-article-responsive-table--3columns > .gs-article-responsive-row {
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .gs-article-responsive-table--3columns > .gs-article-responsive-row {
    width: 33.33%;
  }
}
.gs-article-responsive-table--4columns {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .gs-article-responsive-table--4columns {
    display: flex;
  }
}
.gs-article-responsive-table--4columns > .gs-article-responsive-row {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .gs-article-responsive-table--4columns > .gs-article-responsive-row {
    width: 25%;
  }
}

.gs-article-responsive-row {
  font-size: 14px;
  color: #3a3a3a;
  font-weight: 400;
  line-height: 14px;
  text-transform: none;
  border: 1px solid #d2d2d2;
  border-top: none;
  box-sizing: border-box;
  padding: 20px;
}
@media only screen and (min-width: 640px) {
  .gs-article-responsive-row {
    font-size: 16px;
    color: #3a3a3a;
    font-weight: 400;
    line-height: 16px;
    text-transform: none;
  }
}
.gs-article-responsive-row--header {
  background-color: #f4f4f4;
  font-weight: bold;
}
.gs-article-responsive-row--last-row {
  margin-bottom: 8px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/article-scroll-table/_ArticleScrollTable.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.gs-article-scroll-table-wrapper {
  max-width: 100%;
  overflow: scroll;
  overflow-y: hidden;
}

.gs-article-scroll-table {
  margin: 40px 0;
  width: 100%;
  border-collapse: collapse;
}
.gs-article-scroll-table--2columns {
  min-width: 592px;
}
@media only screen and (min-width: 560px) {
  .gs-article-scroll-table--2columns {
    min-width: 100%;
  }
}
.gs-article-scroll-table--3columns {
  min-width: 592px;
}
@media only screen and (min-width: 640px) {
  .gs-article-scroll-table--3columns {
    min-width: 100%;
  }
}
.gs-article-scroll-table--4columns {
  min-width: 760px;
}
@media only screen and (min-width: 768px) {
  .gs-article-scroll-table--4columns {
    min-width: 100%;
  }
}
.gs-article-scroll-table--maxColumns {
  min-width: 1200px;
}

.gs-article-scroll-row {
  font-size: 14px;
  color: #3a3a3a;
  font-weight: 400;
  line-height: 14px;
  text-transform: none;
  border: 1px solid #d2d2d2;
  padding: 20px;
}
@media only screen and (min-width: 640px) {
  .gs-article-scroll-row {
    font-size: 16px;
    color: #3a3a3a;
    font-weight: 400;
    line-height: 16px;
    text-transform: none;
  }
}
.gs-article-scroll-row--header {
  text-align: left;
  background-color: #f4f4f4;
  font-weight: bold;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/article/_Article.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.gs-article {
  margin-top: 50px;
}
.gs-article .gs-link--secondary {
  padding: 0.83em 1.6em 0.83em 1.6em;
}
.gs-article .gs-link--secondary:visited {
  color: #ffffff;
}

.gs-article-label {
  margin-bottom: 20;
  font-size: 14px;
  color: #757575;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

.gs-gs-article-label-icon {
  width: 18px;
  height: 18px;
  vertical-align: bottom;
}

.gs-article-headline {
  font-size: 28px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 40px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-article-headline {
    font-size: 44px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 64px;
    text-transform: none;
  }
}

.gs-article-author {
  margin-top: 12px;
  font-size: 18px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 34px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-article-author {
    font-size: 22px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 38px;
    text-transform: none;
  }
}
@media only screen and (min-width: 640px) {
  .gs-article-author {
    margin-top: 20px;
  }
}

.gs-article-social {
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 20px 0px;
}
@media only screen and (min-width: 640px) {
  .gs-article-social {
    margin: 40px 0px;
  }
}

.gs-icon.gs-article-social-icon {
  width: 24px;
  height: 24px;
  margin: 0px 12px;
  color: #007B4B;
}
.gs-icon.gs-article-social-icon:hover {
  cursor: pointer;
}

.gs-article-hero-image {
  width: 100%;
  max-height: 500px;
  border-radius: 20px;
  margin-bottom: 20px;
  object-fit: cover;
}
@media only screen and (min-width: 640px) {
  .gs-article-hero-image {
    margin-bottom: 40px;
  }
}

.gs-article-tags {
  margin-bottom: 60px;
}
@media only screen and (min-width: 640px) {
  .gs-article-tags {
    margin-bottom: 120px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/banner/_Banner.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.gs-banner {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media only screen and (min-width: 560px) {
  .gs-banner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/bottom-3-itemcta/_Bottom3Itemcta.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.gs-bottom-3Item {
  position: relative;
  opacity: 1;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: opacity 0.3s ease-in;
}
@media only screen and (min-width: 560px) {
  .gs-bottom-3Item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.gs-bottom-3Item-heading-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35px 20px 10px 20px;
  border-radius: 0px 0px 0px 0px;
  text-align: center;
}

.gs-bottom-3Item-heading {
  font-size: 28px;
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 28px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 40px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-bottom-3Item-heading {
    font-size: 36px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 56px;
    text-transform: none;
  }
}
@media only screen and (min-width: 1440px) {
  .gs-bottom-3Item-heading {
    font-size: 44px;
  }
}

.gs-bottom-3Item--panel--bg-primary {
  background-color: #deefff;
}

.gs-bottom-3Item-subheading {
  max-width: 952px;
  margin: 20px auto;
  font-size: 18px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 34px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-bottom-3Item-subheading {
    font-size: 22px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 38px;
    text-transform: none;
  }
}

.gs-bottom-3Item-group {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 1440px) {
  .gs-bottom-3Item-group {
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
  }
}

.gs-bottom-3Item--panel {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 7px 0;
  opacity: 1;
  padding: 20px;
  position: relative;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 560px) {
  .gs-bottom-3Item--panel {
    padding: 28px;
    margin: 12px;
  }
}

.gs-bottom-3Item--panel--border-right {
  border-right-style: none;
  border-bottom-style: solid;
  border-bottom-color: #D2D2D2;
  border-bottom-width: 2px;
}
@media only screen and (min-width: 1440px) {
  .gs-bottom-3Item--panel--border-right {
    border-bottom-style: none;
    border-right-style: solid;
    border-right-color: #D2D2D2;
    border-right-width: 2px;
  }
}

.gs-bottom-3Item--panel--border-left {
  border-left-style: none;
  border-top-style: solid;
  border-top-color: #D2D2D2;
  border-top-width: 2px;
}
@media only screen and (min-width: 1440px) {
  .gs-bottom-3Item--panel--border-left {
    border-top-style: none;
    border-left-style: solid;
    border-left-color: #D2D2D2;
    border-left-width: 2px;
  }
}

.gs-bottom-3Item--panel--size-3 {
  width: 100%;
}
@media only screen and (min-width: 560px) {
  .gs-bottom-3Item--panel--size-3 {
    width: 368px;
  }
}

.gs-bottom-3Item--panel--center {
  align-items: center;
  text-align: center;
}

.gs-bottom-3Item--panel-title {
  margin-bottom: 10px;
  font-size: 18px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-bottom-3Item--panel-title {
    font-size: 20px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 32px;
    text-transform: none;
  }
}
@media only screen and (min-width: 560px) {
  .gs-bottom-3Item--panel-title {
    margin-bottom: 12px;
  }
}

.gs-bottom-3Item--panel-content {
  font-size: 14px;
  line-height: 24px;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 1440px) {
  .gs-bottom-3Item--panel-content {
    font-size: 18px;
  }
}

.gs-bottom-3Item--panel--cta {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.gs-bottom-3Item--panel--link {
  margin-top: 15px;
  justify-content: center;
  align-items: center;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/bottom-cta/_BottomCTA.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-bottom-cta {
  text-align: center;
}

.gs-bottom-cta-heading {
  margin-top: 0px;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .gs-bottom-cta-heading {
    margin-bottom: 2rem;
  }
}

.gs-bottom-cta-link-group,
.gs-bottom-cta-button-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 0.5rem;
  width: 100%;
}
.gs-bottom-cta-link-group .gs-btn,
.gs-bottom-cta-button-group .gs-btn {
  flex: 1 1 100%;
}
@media only screen and (min-width: 576px) {
  .gs-bottom-cta-link-group,
  .gs-bottom-cta-button-group {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }
  .gs-bottom-cta-link-group .gs-btn,
  .gs-bottom-cta-button-group .gs-btn {
    flex: 0 1 auto;
  }
}
@media only screen and (min-width: 992px) {
  .gs-bottom-cta-link-group,
  .gs-bottom-cta-button-group {
    gap: 1.5rem;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/breadcrumbs/_Breadcrumbs.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-breadcrumbs {
  display: flex;
  flex-direction: row;
}
.gs-breadcrumbs a.gs-breadcrumbs-crumb:visited,
.gs-breadcrumbs a.gs-breadcrumbs-crumb {
  cursor: pointer;
  margin: 0 8px;
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-breadcrumbs a.gs-breadcrumbs-crumb:visited,
  .gs-breadcrumbs a.gs-breadcrumbs-crumb {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}
.gs-breadcrumbs p.gs-breadcrumbs-separator {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-breadcrumbs p.gs-breadcrumbs-separator {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/button-toggle-group/_ButtonToggleGroup.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.gs-button-toggle-group {
  display: flex;
  margin: 0;
  padding: 2px;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  background: #f4f4f4;
}

.gs-button-toggle {
  flex: 1 1 100px;
  padding: 0.875rem 0.46875rem;
  border: 1px solid transparent;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: bold;
  font-size: 0.75rem;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.gs-button-toggle:hover {
  background: #007B4B;
  border-color: #d2d2d2;
  color: #ffffff;
}

.gs-button-toggle.selected {
  background: #007B4B;
  border-color: #d2d2d2;
  color: #ffffff;
  cursor: auto;
}

@media only screen and (min-width: 768px) {
  .gs-button-toggle {
    padding: 1rem 0.75rem;
    font-size: 1rem;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/button/_Button.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-btn {
  cursor: pointer;
  border-radius: 2rem;
  border: 1px solid transparent;
  padding: 0.75rem 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  gap: 0.25rem;
  max-height: 2.5rem;
  user-select: none;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-btn {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}
@media only screen and (min-width: 768px) {
  .gs-btn {
    padding-bottom: 1rem;
    padding-top: 1rem;
    max-height: 3rem;
  }
}
.gs-btn .gs-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.gs-btn.gs-btn--left-icon {
  flex-direction: row-reverse;
}
.gs-btn:not(.gs-btn--left-icon) .gs-icon {
  transition: transform 0.3s ease;
}
.gs-btn:not(.gs-btn--left-icon):hover:not(.gs-btn--disabled) .gs-icon {
  transform: translate(0.25rem);
}

.gs-btn--primary {
  color: #ffffff;
  background-color: #007B4B;
  border: 1px solid transparent;
}
.gs-btn--primary:not(.gs-btn--disabled):hover, .gs-btn--primary:not(.gs-btn--disabled):active {
  background-color: #024638;
}
.gs-btn--primary.gs-btn--disabled {
  color: #A3A3A3;
  background-color: #d2d2d2;
  cursor: not-allowed;
}

.gs-btn--secondary {
  color: #007B4B;
  background-color: #ffffff;
  border: 1px solid #007B4B;
}
.gs-btn--secondary:not(.gs-btn--disabled):hover, .gs-btn--secondary:not(.gs-btn--disabled):active {
  color: #ffffff;
  background-color: #024638;
  border-color: #ffffff;
}
.gs-btn--secondary.gs-btn--disabled {
  color: #d2d2d2;
  background-color: #f4f4f4;
  border-color: #d2d2d2;
  cursor: not-allowed;
}

.gs-btn--tertiary {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  border: none;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
  color: #007B4B;
}
@media only screen and (min-width: 768px) {
  .gs-btn--tertiary {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}
.gs-btn--tertiary.gs-btn--hover-icon .gs-icon {
  opacity: 0;
}
.gs-btn--tertiary.gs-btn--hover-icon:hover:not(.gs-btn--disabled) .gs-icon {
  opacity: 1;
}
.gs-btn--tertiary:not(.gs-btn--disabled):hover, .gs-btn--tertiary:not(.gs-btn--disabled):active {
  color: #024638;
}
.gs-btn--tertiary.gs-btn--disabled {
  color: #A3A3A3;
  cursor: not-allowed;
}

.gs-btn--transparent {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.gs-btn--transparent:not(.gs-btn--disabled):hover, .gs-btn--transparent:not(.gs-btn--disabled):active {
  color: #ffffff;
  background-color: #024638;
  border-color: transparent;
}
.gs-btn--transparent.gs-btn--disabled {
  color: #d2d2d2;
  border-color: #d2d2d2;
  cursor: not-allowed;
}

.gs-btn--secondary-blue {
  color: #246CA9;
  background-color: #ffffff;
  border: 1px solid #246CA9;
}
.gs-btn--secondary-blue:not(.gs-btn--disabled):hover, .gs-btn--secondary-blue:not(.gs-btn--disabled):active {
  color: #ffffff;
  background-color: #093A5C;
  border-color: #ffffff;
}
.gs-btn--secondary-blue.gs-btn--disabled {
  color: #d2d2d2;
  background-color: #f4f4f4;
  border-color: #d2d2d2;
  cursor: not-allowed;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/card-group-skeleton/_CardGroupSkeleton.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.gs-container.gs-cardGroupSkeleton {
  display: none;
}
.gs-container.gs-cardGroupSkeleton--active {
  display: block;
}

.gs-cardGroupSkeleton {
  display: none;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}
@media only screen and (min-width: 560px) {
  .gs-cardGroupSkeleton {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.gs-cardGroupSkeleton--active {
  display: block;
}

.gs-cardGroupSkeleton-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.gs-cardGroupSkeleton-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-cardGroupSkeleton-title {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}

.gs-cardGroupSkeleton-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1440px) {
  .gs-cardGroupSkeleton-content {
    justify-content: flex-start;
    margin: -12px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/card-group-with-icons/_CardGroupWithIcons.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-cardgroup-with-icons {
  position: relative;
  opacity: 1;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  transition: opacity 0.3s ease-in;
}
@media only screen and (min-width: 576px) {
  .gs-cardgroup-with-icons {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.gs-cardgroup-with-icons--hidden {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  height: 0;
  left: 0;
  overflow: hidden;
  padding: 0;
}

.gs-cardgroup-with-icons-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

/**
* Render cards in a grid. All you need to do is set the number of cards 
*/
.gs-cardgroup-with-icons-grid {
  display: grid;
  padding-bottom: 1rem;
  padding-top: 1rem;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 576px) {
  .gs-cardgroup-with-icons-grid {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .gs-cardgroup-with-icons-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 cards per row */
  }
  .gs-cardgroup-with-icons-grid[data-cards="3"] {
    grid-template-columns: 1fr; /* 1 card per row if there are 3 cards */
  }
}
@media only screen and (min-width: 992px) {
  .gs-cardgroup-with-icons-grid {
    gap: 1.5rem;
    /* 3 cards per row for small factors of 3.
     * More than that and we care more about space on the page than perfectly filling the grid.
     */
  }
  .gs-cardgroup-with-icons-grid[data-cards="2"] {
    grid-template-columns: repeat(2, 1fr); /* 2 cards per row when there are 2 cards */
  }
  .gs-cardgroup-with-icons-grid[data-cards="3"], .gs-cardgroup-with-icons-grid[data-cards="5"], .gs-cardgroup-with-icons-grid[data-cards="6"], .gs-cardgroup-with-icons-grid[data-cards="9"], .gs-cardgroup-with-icons-grid[data-cards="15"] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1400px) {
  .gs-cardgroup-with-icons-grid {
    grid-template-columns: repeat(4, 1fr);
    /* If we are not at 2, 3 or some small factor of 3 as specified above, then just show 4 cards per row*/
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/card-group/_CardGroup.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-cardgroup {
  position: relative;
  opacity: 1;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  transition: opacity 0.3s ease-in;
}
@media only screen and (min-width: 576px) {
  .gs-cardgroup {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.gs-cardgroup--hidden {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  height: 0;
  left: 0;
  overflow: hidden;
  padding: 0;
}

.gs-cardgroup-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.gs-cardgroup-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-cardgroup-title {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}
.gs-cardgroup-title--center {
  width: 100%;
  justify-content: center;
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-cardgroup-title--center {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}
.gs-cardgroup-title > img {
  margin-right: 1.25rem;
  width: 3rem;
  height: 3rem;
}
@media only screen and (min-width: 992px) {
  .gs-cardgroup-title > img {
    width: 5rem;
    height: 5rem;
  }
}

.gs-cardgroup-subText {
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-cardgroup-subText {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}
@media only screen and (min-width: 576px) {
  .gs-cardgroup-subText {
    margin-bottom: 2.5rem;
  }
}

.gs-cardgroup-title-link {
  width: min-content;
}
@media only screen and (min-width: 576px) {
  .gs-cardgroup-title-link {
    width: fit-content;
  }
}

.gs-cardgroup-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
@media only screen and (min-width: 992px) {
  .gs-cardgroup-content {
    gap: 1.5rem;
  }
}
@media only screen and (min-width: 1400px) {
  .gs-cardgroup-content {
    justify-content: flex-start;
  }
  .gs-cardgroup-content--centered {
    justify-content: center;
  }
}

.gs-cardgroup-content--adaptive {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem;
}
.gs-cardgroup-content--adaptive--centered {
  justify-content: center;
}
.gs-cardgroup-content--adaptive > * {
  flex: 0 1 100%;
  max-width: 100%;
}
@media only screen and (min-width: 576px) {
  .gs-cardgroup-content--adaptive > * {
    flex: 0 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .gs-cardgroup-content--adaptive > * {
    flex: 0 1 calc(33.33% - 1rem);
    max-width: calc(33.33% - 1rem);
  }
}
@media only screen and (min-width: 1400px) {
  .gs-cardgroup-content--adaptive > *:not(.gs-card--size-3) {
    flex: 0 1 calc(25% - 1rem);
    max-width: calc(25% - 1rem);
  }
}

.gs-card.gs-cardgroup-card--center,
.gs-card.gs-cardgroup-card--leadership {
  align-items: center;
  text-align: center;
}
.gs-card.gs-cardgroup-card--center:not(a),
.gs-card.gs-cardgroup-card--leadership:not(a) {
  box-shadow: none;
}
.gs-card.gs-cardgroup-card--center .gs-card-image,
.gs-card.gs-cardgroup-card--leadership .gs-card-image {
  margin-left: 0;
}
.gs-card.gs-cardgroup-card--center .gs-card-title,
.gs-card.gs-cardgroup-card--leadership .gs-card-title {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-card.gs-cardgroup-card--center .gs-card-title,
  .gs-card.gs-cardgroup-card--leadership .gs-card-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}
.gs-card.gs-cardgroup-card--center .gs-card-content,
.gs-card.gs-cardgroup-card--leadership .gs-card-content {
  font-size: 0.625rem;
  color: #757575;
  font-weight: normal;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-card.gs-cardgroup-card--center .gs-card-content,
  .gs-card.gs-cardgroup-card--leadership .gs-card-content {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 800;
  }
}

.gs-cardgroup-showAll,
.gs-cardgroup-showMore,
.gs-cardgroup-showLess {
  display: block;
  margin-top: 1.5rem;
  text-align: center;
  transition: all 0.3s ease-in;
}
.gs-cardgroup-showAll--hidden,
.gs-cardgroup-showMore--hidden,
.gs-cardgroup-showLess--hidden {
  display: none;
}

.gs-cardgroup-bottom-btn {
  display: block;
  margin-top: 1.5rem;
  text-align: center;
}

.gs-cardgroup-showAll-btn,
.gs-cardgroup-showMore-btn,
.gs-cardgroup-showLess-btn {
  outline: none;
  padding: 0.83em 1.6em 0.83em 1.6em;
  border-radius: 100px;
  border: 2px solid;
  color: #007B4B;
}
.gs-cardgroup-showAll-btn:hover,
.gs-cardgroup-showMore-btn:hover,
.gs-cardgroup-showLess-btn:hover {
  color: #024638;
  background-color: rgba(2, 70, 56, 0.05);
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/card-list-toggle/_CardListToggle.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.gs-cardlist-toggle {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 560px) {
  .gs-cardlist-toggle {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.gs-cardlist-toggle--card {
  margin-bottom: 28px;
}

.gs-cardlist-toggle-button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .gs-cardlist-toggle-button-container {
    margin-bottom: 50px;
  }
}

.gs-cardlist-toggle-button {
  font-size: 12px;
  padding: 11px 21px;
  border-radius: 99px;
  background: none;
  font-weight: bold;
  margin: 10px 1% 10px 1%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .gs-cardlist-toggle-button {
    font-size: 18px;
    padding: 15px 28px;
  }
}

.gs-cardlist-toggle-button:hover {
  border-radius: 99px;
  background: #DEEFFF;
  cursor: pointer;
}

.gs-cardlist-toggle-button.--selected {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  border-radius: 99px;
  background: #DEEFFF;
}

.gs-cardlist-toggle-section {
  display: none;
  flex-direction: column;
}

.gs-cardlist-toggle-section.--selected {
  display: flex;
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/card-list/_CardList.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.gs-cardlist {
  padding-top: 20px;
  padding-bottom: 2px;
}
@media only screen and (min-width: 560px) {
  .gs-cardlist {
    padding-top: 40px;
    padding-bottom: 12px;
  }
}

.gs-cardlist--card {
  margin-bottom: 28px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/card-skeleton/_CardSkeleton.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.gs-card-skeleton {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  margin: 7px 0;
  position: relative;
}
@media only screen and (min-width: 560px) {
  .gs-card-skeleton {
    margin: 12px;
  }
}

.gs-card-skeleton-content-wrapper {
  padding: 0 20px 20px 20px;
  width: 100%;
}
@media only screen and (min-width: 560px) {
  .gs-card-skeleton-content-wrapper {
    padding: 0 28px 28px 28px;
  }
}

.gs-card-skeleton--size-3 {
  width: 100%;
}
@media only screen and (min-width: 560px) {
  .gs-card-skeleton--size-3 {
    width: 368px;
  }
}

.gs-card-skeleton--size-4 {
  width: 100%;
}
@media only screen and (min-width: 560px) {
  .gs-card-skeleton--size-4 {
    width: 270px;
  }
}

.gs-card-skeleton-image {
  border-radius: 20px 20px 0px 0px;
  height: 200px;
  margin-bottom: 28px;
  width: 100%;
}

.gs-card-skeleton-subtitle {
  height: 24px;
  margin-bottom: 8px;
  width: 60%;
}

.gs-card-skeleton-title {
  height: 32px;
  margin-bottom: 8px;
  width: 100%;
}

.gs-card-skeleton-content {
  height: 72px;
  width: 100%;
}

.loading {
  background-color: #f4f4f4;
  position: relative;
}
.loading::after {
  animation: loading 1.5s infinite;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  transform: translateX(-100%);
  width: 100%;
}

@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/card-with-icon/_CardWithIcon.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-card-with-icon {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  overflow: hidden;
  gap: 0.5rem;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (min-width: 576px) {
  .gs-card-with-icon {
    gap: 1rem;
  }
}
.gs-card-with-icon .gs-card-icon-wrapper {
  flex: 0 0 3rem;
  max-width: 3rem;
  max-height: 3rem;
}
.gs-card-with-icon .gs-card-icon-wrapper img {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .gs-card-with-icon .gs-card-icon-wrapper {
    flex: 0 0 4.5rem;
    max-width: 4.5rem;
    max-height: 4.5rem;
  }
}
.gs-card-with-icon.gs-card-with-icon--inline {
  flex-direction: row;
  width: auto;
}
@media only screen and (min-width: 992px) {
  .gs-card-with-icon.gs-card-with-icon--inline {
    flex-direction: column;
  }
}

.gs-card-content-wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
}
.gs-card-content-wrapper .gs-btn {
  margin-top: auto;
  max-width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .gs-card-content-wrapper {
    gap: 1rem;
  }
}

.gs-card-with-icon--centered .gs-card-icon-wrapper {
  margin: 0 auto;
}
.gs-card-with-icon--centered .gs-card-content-wrapper {
  align-items: center;
}
.gs-card-with-icon--centered .gs-card-content-wrapper p {
  text-align: center;
}

.gs-card-headline {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-card-headline {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/card/_Card.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-card {
  align-items: flex-start;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  opacity: 1;
  padding: 20px;
  position: relative;
  transition: all 0.3s ease;
}
.gs-card--hidden {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
@media only screen and (min-width: 576px) {
  .gs-card {
    padding: 28px;
  }
}

a.gs-card:hover {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.12);
  transform: translate3d(0px, -6px, 0px);
}

.gs-card--size-3 {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .gs-card--size-3 {
    width: calc((100% - 3rem) / 3);
  }
}

.gs-card--size-4 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .gs-card--size-4 {
    width: calc((100% - 1rem) / 2);
  }
}
@media only screen and (min-width: 992px) {
  .gs-card--size-4 {
    width: calc((100% - 4.5rem) / 4);
  }
}

.gs-card-image {
  margin-bottom: 28px;
  border-radius: 20px 20px 0px 0px;
  width: calc(100% + 40px);
  margin-top: -20px;
  margin-left: -20px;
}
@media only screen and (min-width: 576px) {
  .gs-card-image {
    width: calc(100% + 56px);
    margin-top: -28px;
    margin-left: -28px;
  }
}

.gs-card-icon {
  width: 3rem;
  height: 3rem;
}
@media only screen and (min-width: 768px) {
  .gs-card-icon {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.gs-card-divider {
  height: 2px;
  width: 100px;
  background: #9DC7EA;
  border-radius: 5px;
  border-radius: 5px;
  margin-top: 8px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  .gs-card-divider {
    margin-bottom: 12px;
  }
}

.gs-card-subtitle {
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-card-subtitle {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}
@media only screen and (min-width: 576px) {
  .gs-card-subtitle {
    margin-bottom: 12px;
  }
}
.gs-card-subtitle svg {
  font-size: 1rem;
  margin-right: 6px;
}
.gs-card-subtitle img {
  margin-right: 6px;
}

.gs-card-title {
  margin-bottom: 10px;
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-card-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}
@media only screen and (min-width: 576px) {
  .gs-card-title {
    margin-bottom: 12px;
  }
}
.gs-card-title svg {
  height: 28px;
}

.gs-card-play-button {
  position: absolute;
  right: 24px;
  top: 24px;
  color: #ffffff;
  width: 40px;
  height: 40px;
}

.gs-card-content {
  overflow-wrap: break-word;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-card-content {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

a {
  text-decoration: none;
}

.gs-card-icon, .gs-card-title, .gs-card-content {
  pointer-events: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/checkbox/_Checkbox.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

/**
    Sitecore can generate markup for a checkbox similar to the following snippet:
    <div class="gs-form-field">
        <label class="gs-form-checkbox-label">
            <input type="checkbox" />
            Retirement
        </label>
        <span class="form-validation-error"><span>Actual validation message</span></span>
    </div>

    To style a checkbox, you only need to ensure that the label css class is set to "gs-form-checkbox-label" no css class is needed on the checkbox itself.
    For checkbox lists, set the label css class to the standard "gs-form-input-label" and the input css class to "gs-form-checkbox-label".
    For checkbox lists, Sitecore actually applies the css class to each checkbox label rather than to each checkbox input element and it applies
    the label css class to the main label at the top of the checkbox list.
*/
.gs-form-checkbox-description {
  margin-left: 2rem;
  margin-bottom: 1rem;
  display: block;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-checkbox-description {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-form-checkbox-label {
  color: #3a3a3a;
  cursor: pointer;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  display: flex;
  user-select: none;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-checkbox-label {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}
.gs-form-checkbox-label:has(input:checked), .gs-form-checkbox-label:has(~ .gs-form-checkbox-description) {
  font-weight: bold;
}
.gs-form-checkbox-label:has(input:disabled) {
  cursor: not-allowed;
}
.gs-form-checkbox-label input[type=checkbox] {
  appearance: none;
  border: 1px solid #3a3a3a;
  background-color: white;
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  box-sizing: border-box;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 0.25rem;
}
.gs-form-checkbox-label input[type=checkbox].input-validation-error {
  border-color: #bb1615;
}
.gs-form-checkbox-label input[type=checkbox]:hover:not(:disabled) {
  border-width: 0.125rem;
}
.gs-form-checkbox-label input[type=checkbox]:disabled {
  background-color: #d2d2d2;
  border-color: #A3A3A3;
  cursor: not-allowed;
}
.gs-form-checkbox-label input[type=checkbox]:checked {
  background-color: #007B4B;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE4LjMzMzIgNS41TDguMjQ5ODQgMTUuNTgzM0wzLjY2NjUgMTEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=);
}
.gs-form-checkbox-label input[type=checkbox]:checked:hover {
  background-color: #024638;
}
.gs-form-checkbox-label input[type=checkbox]:checked:disabled {
  background-color: #d2d2d2;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE4LjMzMzIgNS41TDguMjQ5ODQgMTUuNTgzM0wzLjY2NjUgMTEiIHN0cm9rZT0iIzc1NzU3NSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==);
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/clipboard-copy/_ClipboardCopy.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.gs-copy-clipboard-wrapper {
  text-align: center;
  margin: 1rem 0 1.5rem 0;
}

.gs-copy-clipboard-button {
  font-weight: 700;
  font-size: 1rem;
  border: 0;
  border-radius: 3rem;
  cursor: pointer;
  padding: 0.75rem 1.25rem;
  line-height: 1;
  min-width: 7.1875rem;
  color: #757575;
  background-color: #ffffff;
  border: 0.0625rem solid #757575;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/collapse-list/_CollapseList.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.gs-collapse-list {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 560px) {
  .gs-collapse-list {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.gs-collapse-list-title {
  text-align: center;
  margin-bottom: 24px;
  font-size: 28px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 40px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-collapse-list-title {
    font-size: 44px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 64px;
    text-transform: none;
  }
}
@media only screen and (min-width: 640px) {
  .gs-collapse-list-title {
    margin-bottom: 36px;
  }
}

.gs-collapse-list-card {
  width: 100%;
  padding: 20px;
  background: #f4f4f4;
  border-radius: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 640px) {
  .gs-collapse-list-card {
    padding: 36px;
  }
}
.gs-collapse-list-card--primary {
  background: #f4f4f4;
}
.gs-collapse-list-card--secondary {
  background: #ffffff;
}
.gs-collapse-list-card:hover {
  transition: all 0.3 ease;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
}

.gs-collapse-list-card-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.gs-collapse-list-card-title > h6 {
  font-size: 18px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-collapse-list-card-title > h6 {
    font-size: 20px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 32px;
    text-transform: none;
  }
}

.gs-collapse-list-card-minus {
  display: none;
}

.gs-collapse-list-card-content {
  max-height: 0px;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
.gs-collapse-list-card-content .gs-collapse-list-link {
  display: flex;
  margin-top: 15px;
}

.gs-collapse-list-icon {
  color: #007B4B;
  width: 20px;
  height: 100%;
  vertical-align: middle;
}

.gs-collapse-list-button {
  margin-top: 20px;
  text-align: center;
}

.gs-collapse-list-card.--active {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
}
.gs-collapse-list-card.--active .gs-collapse-list-card-content {
  max-height: 2000px;
  visibility: visible;
  margin: 12px 0 12px;
}
@media only screen and (min-width: 640px) {
  .gs-collapse-list-card.--active .gs-collapse-list-card-content {
    margin: 24px 0 24px;
  }
}
.gs-collapse-list-card.--active .gs-collapse-list-card-plus {
  display: none;
}
.gs-collapse-list-card.--active .gs-collapse-list-card-minus {
  display: block;
}
.gs-collapse-list-card.--active .gs-collapse-list-card-content {
  overflow: visible;
}

.gs-collapse-list-toggle-button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .gs-collapse-list-toggle-button-container {
    margin-bottom: 50px;
  }
}

.gs-collapse-list-toggle-button {
  font-size: 12px;
  padding: 11px 21px;
  border-radius: 99px;
  background: none;
  font-weight: bold;
  margin: 10px 1% 10px 1%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .gs-collapse-list-toggle-button {
    font-size: 18px;
    padding: 15px 28px;
  }
}

.gs-collapse-list-toggle-button:hover {
  border-radius: 99px;
  background: #DEEFFF;
  cursor: pointer;
}

.gs-collapse-list-toggle-button.--selected {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  border-radius: 99px;
  background: #DEEFFF;
}

.gs-collapse-list-toggle-section.--selected {
  display: block;
}

.gs-collapse-list-toggle-section {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/comparison-cards/_ComparisonCards.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.gs-comparison-cards-inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: calc(100% + 24px);
  flex-wrap: wrap;
  margin: 0px -12px;
}
@media only screen and (min-width: 1024px) {
  .gs-comparison-cards-inner {
    flex-wrap: nowrap;
  }
}

.gs-comparison-card {
  width: 600px;
  background: #ffffff;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  margin: 12px;
}

.gs-comparison-card-heading {
  padding: 16px 0;
  background-color: #deefff;
  width: calc(100% + 40px);
  text-align: center;
  border-radius: 20px 20px 0 0;
  margin-top: -20px;
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-comparison-card-heading {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}
@media only screen and (min-width: 640px) {
  .gs-comparison-card-heading {
    padding: 32px 0;
  }
}

.gs-comparison-card-content {
  width: 100%;
  padding: 16px 0 12px;
}
@media only screen and (min-width: 640px) {
  .gs-comparison-card-content {
    padding: 28px 0 20px;
  }
}

.gs-comparison-card-button {
  width: 100%;
  text-align: center;
  justify-content: center;
  margin: auto 0 10px;
}
@media only screen and (min-width: 640px) {
  .gs-comparison-card-button {
    margin: auto 0 18px;
  }
}

.gs-comparison-card-link {
  text-align: center;
  margin: 4px 0 10px;
}
@media only screen and (min-width: 640px) {
  .gs-comparison-card-link {
    margin: 10px 0 18px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/container/_Container.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-container {
  width: 100%;
  display: block;
}
.gs-container.gs-container-image {
  max-width: 160rem;
  background-image: var(--bg-mobile);
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-position: center 25%;
  position: relative;
  /* For containers with background images, keep the background color stretching the full screen width */
}
.gs-container.gs-container-image::before {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  right: 50%;
  z-index: -1;
  margin-left: -50vw;
  margin-right: -50vw;
}
@media only screen and (min-width: 768px) {
  .gs-container.gs-container-image {
    background-image: var(--bg-desktop);
  }
}

.gs-container-color--primary {
  background-color: #ffffff;
}
.gs-container-color--primary.gs-container-image::before {
  background-color: #ffffff;
}

.gs-container-color--secondary {
  background-color: #f4f4f4;
}
.gs-container-color--secondary.gs-container-image::before {
  background-color: #f4f4f4;
}

.gs-container-color--tertiary {
  background-color: #deefff;
}
.gs-container-color--tertiary.gs-container-image::before {
  background-color: #deefff;
}

.gs-container-color--quaternary {
  background-color: #024638;
}
.gs-container-color--quaternary.gs-container-image::before {
  background-color: #024638;
}

.gs-container-inner {
  max-width: 100%;
  /* New margins and breakpoints */
  /* Legacy margins and breakpoints */
}
.gs-container-inner.gs-animate-init {
  opacity: 0%;
}
.gs-container-inner.gs-fixed-margins {
  transition: margin-left ease-in-out 0.5s, margin-right ease-in-out 0.5s;
  container: gs-container-inner/inline-size;
}
@media only screen and (min-width: 0px) {
  .gs-container-inner.gs-fixed-margins {
    margin-left: 16px;
    margin-right: 16px;
    max-width: none;
  }
}
@media only screen and (min-width: 576px) {
  .gs-container-inner.gs-fixed-margins {
    margin-left: 32px;
    margin-right: 32px;
    max-width: none;
  }
}
@media only screen and (min-width: 768px) {
  .gs-container-inner.gs-fixed-margins {
    margin-left: 48px;
    margin-right: 48px;
    max-width: none;
  }
}
@media only screen and (min-width: 992px) {
  .gs-container-inner.gs-fixed-margins {
    margin-left: 64px;
    margin-right: 64px;
    max-width: none;
  }
}
@media only screen and (min-width: 1400px) {
  .gs-container-inner.gs-fixed-margins {
    margin-left: auto;
    margin-right: auto;
    max-width: 72rem;
  }
}
@media only screen and (min-width: 1920px) {
  .gs-container-inner.gs-fixed-margins {
    margin-left: auto;
    margin-right: auto;
    max-width: 72rem;
  }
}
@media only screen and (min-width: 2560px) {
  .gs-container-inner.gs-fixed-margins {
    margin-left: auto;
    margin-right: auto;
    max-width: 72rem;
  }
}
@media only screen and (min-width: 3328px) {
  .gs-container-inner.gs-fixed-margins {
    margin-left: auto;
    margin-right: auto;
    max-width: 72rem;
  }
}
.gs-container-inner:not(.gs-fixed-margins) {
  margin: auto;
  padding: 0 15px;
}
@media only screen and (min-width: 560px) {
  .gs-container-inner:not(.gs-fixed-margins) {
    padding: 0 24px;
    max-width: 1200px;
  }
}
.gs-container-inner:not(.gs-fixed-margins).gs-container-inner--full-width {
  padding: 0;
  max-width: 100%;
}
@media only screen and (min-width: 2560px) {
  .gs-container-inner:not(.gs-fixed-margins).gs-container-inner--full-width {
    padding: 0 24px;
    max-width: 2560px;
  }
}
@media only screen and (min-width: 560px) {
  .gs-container-inner:not(.gs-fixed-margins).gs-container-inner--narrow-width {
    padding: 0 24px;
    max-width: 760px;
  }
}

.gs-webinar-layout {
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1440px) {
  .gs-webinar-layout {
    flex-direction: row;
    align-items: flex-start;
  }
}

.gs-webinar-layout-right {
  padding: 40px 10px;
  width: 90%;
}
@media only screen and (min-width: 560px) {
  .gs-webinar-layout-right {
    width: 450px;
  }
}
@media only screen and (min-width: 1440px) {
  .gs-webinar-layout-right {
    padding: 0;
    flex-basis: 60%;
    margin-top: 190px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/content-search-bar/_ContentSearchBar.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.gs-search-bar-wrapper {
  display: flex;
  margin: 0 auto;
  max-width: 890px;
  width: 100%;
}
.gs-search-bar-wrapper .gs-search-bar-submit {
  background-color: #007B4B;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border: none;
  display: none;
  outline: none;
  padding: 16px 27px;
  cursor: pointer;
  font-size: 16px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 16px;
  text-transform: none;
  color: #ffffff;
}
@media only screen and (min-width: 425px) {
  .gs-search-bar-wrapper .gs-search-bar-submit {
    display: block;
  }
}
.gs-search-bar-wrapper .gs-search-bar-input-wrapper {
  align-items: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top: 1px solid #d2d2d2;
  display: flex;
  flex: 1;
  padding: 8px;
  transition: all 0.3s ease-in;
}
@media only screen and (min-width: 425px) {
  .gs-search-bar-wrapper .gs-search-bar-input-wrapper {
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-right-radius: 0;
    padding: 14px 16px;
  }
}
.gs-search-bar-wrapper .gs-search-bar-input-wrapper:focus-within {
  border-bottom: 1px solid #007B4B;
  border-left: 1px solid #007B4B;
  border-right: 1px solid #007B4B;
  border-top: 1px solid #007B4B;
}
@media only screen and (min-width: 425px) {
  .gs-search-bar-wrapper .gs-search-bar-input-wrapper:focus-within {
    border-right: none;
  }
}
.gs-search-bar-wrapper .gs-search-bar-input-wrapper--error {
  border-bottom: 1px solid #bb1615;
  border-left: 1px solid #bb1615;
  border-right: 1px solid #bb1615;
  border-top: 1px solid #bb1615;
}
@media only screen and (min-width: 425px) {
  .gs-search-bar-wrapper .gs-search-bar-input-wrapper--error {
    border-right: none;
  }
}
.gs-search-bar-wrapper .gs-search-bar-input-wrapper .gs-search-bar-icon {
  font-size: 24px;
  margin-right: 12px;
}
.gs-search-bar-wrapper .gs-search-bar-input-wrapper .gs-search-bar-input {
  border: none;
  color: #757575;
  flex: 1;
  outline: none;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-search-bar-wrapper .gs-search-bar-input-wrapper .gs-search-bar-input {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}

.gs-search-bar-validation {
  display: none;
}
.gs-search-bar-validation--visible {
  color: #bb1615;
  display: block;
  margin: 12px auto;
  max-width: 890px;
  width: 100%;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 425px) {
  .gs-search-bar-validation--visible {
    margin-top: 0;
  }
}

.gs-search-bar-submit-mobile {
  color: #ffffff;
  display: block;
  margin-top: 24px;
  width: 100%;
  font-size: 16px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 16px;
  text-transform: none;
}
@media only screen and (min-width: 425px) {
  .gs-search-bar-submit-mobile {
    display: none;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/daily-activity-table/_DailyActivityTable.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.factsheet-component-card.component-moneymarket-daily-activity {
  flex: 1 1 100%;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
}
.factsheet-component-card header {
  padding: 30px 0 30px 20px;
  border-radius: 3px 3px 0 0;
  margin: 0;
  background-color: #deefff;
  box-sizing: border-box;
}
.factsheet-component-card header .factsheet-heading {
  text-align: center;
  font-size: 28px;
  line-height: 32px;
  font-weight: bold;
  display: block;
}
.factsheet-component-card .daily-activity-table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  font-size: 1.125rem;
}
.factsheet-component-card .daily-activity-table table {
  border-collapse: collapse;
}
.factsheet-component-card .daily-activity-table table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.factsheet-component-card .daily-activity-table table td {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(204, 204, 204, 0.26);
}
.factsheet-component-card .daily-activity-table table.table {
  width: 100%;
  color: #212529;
}
.factsheet-component-card .daily-activity-table table.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.factsheet-component-card .daily-activity-table table.table.table-striped thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  text-align: left;
}
.factsheet-component-card .daily-activity-table table.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/date-tag-filters/_DateTagFilters.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.gs-date-tag-filters-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .gs-date-tag-filters-section {
    flex-direction: row;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 1024px) {
  .gs-date-tag-filters {
    margin-top: 40px;
  }
}

.gs-date-tag-filters-tag-filter {
  margin-bottom: 24px;
}
@media only screen and (min-width: 1024px) {
  .gs-date-tag-filters-tag-filter {
    margin-bottom: 0;
  }
}

.gs-date-tag-filters-title {
  text-align: center;
  font-size: 18px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-date-tag-filters-title {
    font-size: 20px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 32px;
    text-transform: none;
  }
}
@media only screen and (min-width: 1024px) {
  .gs-date-tag-filters-title {
    text-align: left;
  }
  .gs-date-tag-filters-title.--date {
    text-align: right;
  }
}

.gs-date-tag-filters-listGroup {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 8px 8px 24px;
}
@media only screen and (min-width: 1024px) {
  .gs-date-tag-filters-listGroup {
    margin: 24px 24px 24px -8px;
    justify-content: flex-start;
  }
}

.gs-date-tag-filters-select {
  border: 1px solid #D2D2D2;
  border-radius: 6px;
  padding: 12px;
  margin-top: 20px;
  min-width: 250px;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}

.gs-date-tag-filters--noresults.--hidden {
  display: none;
}

.gs-date-tag-filters--noresults .gs-date-tag-filters-content--noresults {
  padding: 0em 0em 2em;
  text-align: center;
}

.gs-card.gs-card--filtered-out {
  display: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/disclaimer/_Disclaimer.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.gs-disclaimer {
  padding: 20px 0;
}
@media only screen and (min-width: 560px) {
  .gs-disclaimer {
    padding: 40px 0;
  }
}

.gs-disclaimer-content .gs-rich-content-block * {
  color: #ffffff !important;
  overflow-wrap: break-word;
}
.gs-disclaimer-content .gs-rich-content-block a {
  color: #9DC7EA !important;
}
.gs-disclaimer-content .gs-rich-content-block a * {
  color: #9DC7EA !important;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/divider/_Divider.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.gs-divider {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-items: center;
}

.gs-divider-color--primary {
  fill: #ffffff;
  background-color: #f4f4f4;
}

.gs-divider-color--secondary {
  fill: #f4f4f4;
  background-color: #ffffff;
}

.gs-divider-color--tertiary {
  fill: #ffffff;
  background-color: transparent;
}

.gs-divider-svgBox {
  grid-area: 1/1/2/2;
  display: flex;
  width: 100%;
}

.gs-divider-imageBox {
  width: 100%;
  grid-area: 1/1/2/2;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
@media only screen and (min-width: 1440px) {
  .gs-divider-imageBox {
    width: 1152px;
  }
}

.gs-divider-image-wrapper {
  position: relative;
  border-radius: 20px;
  height: 109px;
  width: 167px;
}
@media only screen and (min-width: 1024px) {
  .gs-divider-image-wrapper {
    height: 180px;
    width: 275px;
  }
}
@media only screen and (min-width: 1440px) {
  .gs-divider-image-wrapper {
    height: 240px;
    width: 368px;
  }
}
.gs-divider-image-wrapper:nth-of-type(n+2) {
  display: none;
}
@media only screen and (min-width: 375px) {
  .gs-divider-image-wrapper:nth-of-type(n+2) {
    display: block;
  }
}
.gs-divider-image-wrapper:nth-of-type(n+3) {
  display: none;
}
@media only screen and (min-width: 640px) {
  .gs-divider-image-wrapper:nth-of-type(n+3) {
    display: block;
  }
}
.gs-divider-image-wrapper .gs-divider-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  height: 100%;
  overflow: hidden;
}
.gs-divider-image-wrapper .gs-divider-image.--caption:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(58, 58, 58, 0.9) -2.81%, rgba(58, 58, 58, 0) 65.69%);
  border-radius: 20px;
  mix-blend-mode: multiply;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .gs-divider-image-wrapper .gs-divider-image.--caption:after {
    display: block;
  }
}
.gs-divider-image-wrapper .gs-divider-image-captions {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: calc(100% - 32px);
  display: none;
}
@media only screen and (min-width: 1024px) {
  .gs-divider-image-wrapper .gs-divider-image-captions {
    display: block;
  }
}
.gs-divider-image-wrapper .gs-divider-image-captions h6 {
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
}
.gs-divider-image-wrapper .gs-divider-image-captions p {
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/dropdown-menu/_DropdownMenu.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

select.gs-form-input, select.gs-form-cta-input {
  color: #A3A3A3;
  padding: 0.5rem 2rem 0.5rem 1rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImFycm93X2Ryb3BfZG93biIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExMDZfMjQyNikiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNiA5LjVMMTIgMTUuNUwxOCA5LjVINloiIGZpbGw9IiMzQTNBM0EiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMTA2XzI0MjYiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: 97% 0.75rem;
  appearance: none;
  -webkit-appearance: none;
}
select.gs-form-input.--selected, select.gs-form-input option:not(:first-of-type), select.gs-form-cta-input.--selected, select.gs-form-cta-input option:not(:first-of-type) {
  color: #3a3a3a;
}
select.gs-form-input.input-validation-error, select.gs-form-cta-input.input-validation-error {
  border-color: #bb1615;
  color: #bb1615;
}
select.gs-form-input:disabled, select.gs-form-cta-input:disabled {
  background-color: #f4f4f4;
}

.gs-form-dropdown-description {
  display: block;
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-dropdown-description {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-form-input-label + .gs-form-dropdown-description {
  margin-bottom: 0.25rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/factsheet-fund-header/_FactSheetFundHeader.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.factsheet-fund-header .mobile-hamburger-menu {
  background-color: #ffffff;
  width: 100%;
  align-items: center;
  border: 0;
  outline: 0;
  flex: 1 1;
  display: flex;
  justify-content: flex-end;
  padding: 0.625rem 0.8125rem;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .mobile-hamburger-menu {
    display: none;
  }
}
.factsheet-fund-header .mobile-hamburger-menu .caret {
  margin-left: 0.375rem;
  max-width: 0.375rem;
  position: relative;
  top: 1px;
}
.factsheet-fund-header .container {
  width: 100%;
  max-width: 1200px;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .container {
    padding: 0 1.5rem;
  }
}
.factsheet-fund-header .top-row {
  display: flex;
  justify-content: center;
  background-color: #024638;
  padding: 0.625rem 0.9375rem 1.9375rem;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .top-row {
    padding: 1.9375rem 0;
  }
}
.factsheet-fund-header .top-row .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .top-row .container {
    position: static;
  }
}
.factsheet-fund-header header {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header header {
    width: auto;
    display: block;
  }
}
.factsheet-fund-header .header-top {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .header-top {
    flex-direction: column;
  }
}
.factsheet-fund-header .header-top h1 {
  display: inline-flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .header-top h1 {
    flex-direction: row;
    align-items: baseline;
  }
}
.factsheet-fund-header .header-top .header-text {
  margin-top: 1rem;
  color: #ffffff;
}
.factsheet-fund-header .header-top .header-text-code {
  color: #d2d2d2;
  font-size: 1.375rem;
  font-weight: 300;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .header-top .header-text-code {
    margin-left: 1.25rem;
    margin-top: 0;
  }
}
.factsheet-fund-header .share-class-container {
  margin-top: 0.625rem;
}
.factsheet-fund-header .share-class {
  font-size: 0.875rem;
  color: inherit;
  color: #ffffff;
  display: none;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .share-class {
    display: inline;
  }
}
.factsheet-fund-header .share-class ~ .share-class {
  display: inline;
}
.factsheet-fund-header .share-class-subtext {
  color: #6CC24A;
  cursor: pointer;
  padding: 0.625rem;
}
.factsheet-fund-header .share-class-subtext.--active,
.factsheet-fund-header .share-class-subtext :hover {
  border-bottom: 2px solid;
  padding-bottom: 0.75rem;
}
.factsheet-fund-header .header-bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  margin-top: 1rem;
  /* Collapsed Mobile*/
  /* Expanded Mobile*/
}
.factsheet-fund-header .header-bottom .header-bottom-item.net-asset-value {
  order: 1;
}
.factsheet-fund-header .header-bottom .header-bottom-item.year-to-date {
  order: 2;
  flex: 1 0 calc(100% - 200px);
}
.factsheet-fund-header .header-bottom .header-bottom-item.inception-date {
  order: 3;
  display: none;
}
.factsheet-fund-header .header-bottom .header-bottom-item.fees-and-expenses {
  order: 4;
  display: none;
  flex: 1 0 calc(100% - 200px);
}
.factsheet-fund-header .header-bottom .header-bottom-item.rating {
  order: 5;
  display: none;
}
.factsheet-fund-header .header-bottom .header-bottom-item.rating h5 {
  color: #9dc7ea;
}
.factsheet-fund-header .header-bottom.expanded .header-bottom-item.inception-date {
  display: flex;
}
.factsheet-fund-header .header-bottom.expanded .header-bottom-item.fees-and-expenses {
  display: flex;
}
.factsheet-fund-header .header-bottom.expanded .header-bottom-item.rating {
  display: flex;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .header-bottom {
    flex-wrap: nowrap;
    /* Collapsed Desktop/Laptop*/
  }
  .factsheet-fund-header .header-bottom .header-bottom-item.year-to-date {
    order: 3;
    flex: auto;
  }
  .factsheet-fund-header .header-bottom .header-bottom-item.inception-date {
    order: 2;
    display: flex;
  }
  .factsheet-fund-header .header-bottom .header-bottom-item.fees-and-expenses {
    display: flex;
    flex: auto;
  }
  .factsheet-fund-header .header-bottom .header-bottom-item.rating {
    display: flex;
    gap: 0.5rem;
  }
}
.factsheet-fund-header .header-bottom-item {
  display: flex;
  flex-direction: column;
  margin: 1rem 1.625rem 0 0;
  min-width: 6.25rem;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .header-bottom-item {
    display: flex;
  }
}
.factsheet-fund-header .header-bottom-item h5 {
  color: #d2d2d2;
  font-weight: 400;
}
.factsheet-fund-header .header-bottom-item p {
  color: #d2d2d2;
}
.factsheet-fund-header .header-bottom-item p.header-bottom-text {
  font-size: 1.375rem;
}
.factsheet-fund-header .header-bottom-item p.header-bottom-small-text {
  font-size: 0.6875rem;
}
.factsheet-fund-header .header-bottom-item p.header-bottom-date {
  font-size: 0.6875rem;
  font-style: italic;
  color: #d2d2d2;
}
.factsheet-fund-header .header-bottom-item ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.factsheet-fund-header .header-bottom-item ul li {
  width: 100%;
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
}
.factsheet-fund-header .header-bottom-item ul li .percentage {
  font-size: 1.375rem;
  color: #ffffff;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .header-bottom-item ul li .percentage {
    flex: 1 1;
  }
}
.factsheet-fund-header .header-bottom-item ul li .label {
  font-size: 0.6875rem;
  align-items: center;
  display: flex;
  color: #ffffff;
  margin: 0 0 0 1rem;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .header-bottom-item ul li .label {
    flex: 1 1;
    margin: 0;
  }
}
.factsheet-fund-header .header-bottom-control {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .header-bottom-control {
    display: none;
  }
}
.factsheet-fund-header .header-bottom-control button {
  border: 0;
  outline: 0;
  background: transparent;
  color: #007B4B;
  font-size: 0.6875rem;
  cursor: pointer;
}
.factsheet-fund-header .header-bottom-control button svg {
  color: inherit;
}
.factsheet-fund-header .header-bottom-control button.expand-button, .factsheet-fund-header .header-bottom-control button.collapse-button {
  display: none;
  color: #6CC24A;
}
.factsheet-fund-header .header-bottom-control button.expand-button.active, .factsheet-fund-header .header-bottom-control button.collapse-button.active {
  display: inline;
}
.factsheet-fund-header .top-row-links {
  justify-content: flex-end;
  display: flex;
  padding-top: 1rem;
  gap: 1rem;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .top-row-links {
    padding-top: 0.375rem;
  }
}
.factsheet-fund-header .top-row-links .download-fact-sheet {
  align-items: center;
  display: flex;
  color: #6CC24A;
}
.factsheet-fund-header .top-row-links .download-fact-sheet span {
  color: #6CC24A;
  display: none;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .top-row-links .download-fact-sheet {
    border: none;
    padding: 0;
  }
  .factsheet-fund-header .top-row-links .download-fact-sheet span {
    display: inline-block;
  }
}
.factsheet-fund-header .top-row-links .download-fact-sheet .gs-factsheet-header-icon {
  width: 1.25rem;
}
.factsheet-fund-header .top-row-links .view-another-fund-desktop {
  color: #6CC24A;
  cursor: pointer;
  display: none;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .top-row-links .view-another-fund-desktop {
    display: flex;
  }
}
.factsheet-fund-header .bottom-row {
  background-color: #deefff;
  justify-content: center;
  display: none;
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .bottom-row {
    display: flex;
  }
}
.factsheet-fund-header .bottom-row-list {
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: flex-start;
  display: flex;
}
.factsheet-fund-header .bottom-row-list-item {
  padding: 0.6875rem 0;
  margin-right: 1.25rem;
}
.factsheet-fund-header .bottom-row-list-item-link {
  color: #3a3a3a;
}
.factsheet-fund-header .bottom-row-list-item-link.active {
  color: #007B4B;
  font-weight: bold;
}
.factsheet-fund-header .mobile-funds-navigation {
  z-index: 10000;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}
.factsheet-fund-header .mobile-funds-navigation.active {
  pointer-events: auto;
}
.factsheet-fund-header .mobile-funds-navigation.active ul {
  transform: translateX(0);
}
.factsheet-fund-header .mobile-funds-navigation.active .mobile-funds-navigation-overlay {
  opacity: 1;
  pointer-events: auto;
}
.factsheet-fund-header .mobile-funds-navigation .mobile-funds-navigation-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.factsheet-fund-header .mobile-funds-navigation ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  list-style: none;
  display: none;
  background-color: #ffffff;
  transform: translateX(100%);
  transition: 0.3s transform ease;
  display: flex;
  height: 100%;
  overflow-x: auto;
  width: 100%;
  max-width: calc(100% - 2.5rem);
}
@media only screen and (min-width: 992px) {
  .factsheet-fund-header .mobile-funds-navigation ul {
    max-width: 25rem;
  }
}
.factsheet-fund-header .mobile-funds-navigation ul li {
  width: 100%;
  padding: 0.625rem 1.25rem;
  text-align: left;
}
.factsheet-fund-header .mobile-funds-navigation ul li > ul {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0;
  display: none;
}
.factsheet-fund-header .mobile-funds-navigation ul li.is-accordion {
  position: relative;
}
.factsheet-fund-header .mobile-funds-navigation ul li.is-accordion:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 0.375rem solid transparent;
  border-bottom: 0.375rem solid transparent;
  border-left: 0.375rem solid #3a3a3a;
  position: absolute;
  right: 1.25rem;
  top: 1rem;
  transform-origin: left;
  transition: 0.3s transform ease;
  transform: rotate(0);
}
.factsheet-fund-header .mobile-funds-navigation ul li.is-accordion.active ul {
  display: flex;
}
.factsheet-fund-header .mobile-funds-navigation ul li.is-accordion.active:after {
  transform: rotate(90deg);
}
.factsheet-fund-header .mobile-funds-navigation ul li.close-button {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
}
.factsheet-fund-header .mobile-funds-navigation ul li.close-button a {
  font-size: 1.5rem;
  line-height: 1;
  width: auto;
}
.factsheet-fund-header .mobile-funds-navigation ul li a {
  display: flex;
  width: 100%;
  color: #3a3a3a;
  font-size: 1rem;
}

.factsheet-star {
  color: #757575;
}
.factsheet-star.--active {
  color: #9dc7ea;
}

.gs-factsheet-header-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.5rem;
}
.gs-factsheet-header-icon:hover {
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/factsheet-horizontal-text/_FactsheetHorizontalText.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.factsheet-htext {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 20px;
}
@media only screen and (min-width: 768px) {
  .factsheet-htext {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column: span 3;
  }
}
@media only screen and (min-width: 768px) {
  .factsheet-htext.span2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: span 2;
  }
}
.factsheet-htext .header-section {
  background-color: #deefff;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
  flex-direction: column;
}
.factsheet-htext .header-section h3 {
  font-size: 1.75rem;
  text-align: center;
}

.factsheet-htext-body {
  background: #ffffff;
  padding-top: 1.4rem;
  padding-right: 2.8rem;
  padding-bottom: 1.7rem;
  padding-left: 2.75rem;
  line-height: 1.7rem;
}
.factsheet-htext-body--collapsed .factsheet-htext-controls--collapsed {
  display: block;
}
.factsheet-htext-body--collapsed .factsheet-htext-controls--expanded {
  display: none;
}
.factsheet-htext-body--collapsed .factsheet-htext-inner {
  margin-bottom: 0.5rem;
  max-height: 180px;
  overflow: hidden;
}
.factsheet-htext-body--expanded .factsheet-htext-controls--collapsed {
  display: none;
}
.factsheet-htext-body--expanded .factsheet-htext-controls--expanded {
  display: block;
}

.factsheet-htext-controls {
  margin-left: 1.3rem;
  margin-right: 1.3rem;
  vertical-align: middle;
  background: white;
  text-align: right;
  cursor: pointer;
  display: none;
}
.factsheet-htext-controls svg {
  display: inline-block;
  width: 10px;
  height: 10px;
  padding-bottom: 1px;
  margin-left: 9px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/factsheet-overview/_FactsheetOverview.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.factsheet-overview-group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
  background-color: #f4f4f4;
  border-radius: 20px;
  padding: 10.5px 19px;
  color: #3a3a3a;
}
.factsheet-overview-group.expanded {
  padding-bottom: 1.5rem;
}
.factsheet-overview-group.expanded .factsheet-overview-header-mobile svg.expand {
  display: none;
}
.factsheet-overview-group.expanded .factsheet-overview-header-mobile svg.collapse {
  display: block;
}
.factsheet-overview-group.expanded .factsheet-overview-body {
  display: block;
}
.factsheet-overview-group:first-child {
  margin-top: 19px;
}
.factsheet-overview-group:last-child {
  margin-bottom: 0;
}

.factsheet-overview-header-desktop {
  display: none;
}

.factsheet-overview-header-mobile {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
.factsheet-overview-header-mobile h5 {
  flex: 1 1 80%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.7rem;
}
.factsheet-overview-header-mobile svg.expand {
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
}
.factsheet-overview-header-mobile svg.expand path {
  fill: #007B4B;
}
.factsheet-overview-header-mobile svg.collapse {
  display: none;
  flex: 0 0 17px;
  width: 17.3px;
  height: 2.67px;
}
.factsheet-overview-header-mobile svg.collapse path {
  fill: #007B4B;
}

.factsheet-overview-body {
  display: none;
  font-size: 18px;
  margin-top: 1.6rem;
  font-weight: 400;
  line-height: 1.7rem;
}

@media only screen and (min-width: 768px) {
  .factsheet-overview-header-mobile {
    display: none;
  }
  .factsheet-overview-group {
    display: flex;
    background-color: transparent;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .factsheet-overview-group:first-child {
    margin-top: 37px;
  }
  .factsheet-overview-header-desktop {
    flex: 1 1 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
  }
  .factsheet-overview-header-desktop > svg {
    flex: 0 0 50px;
    width: 50px;
    min-height: 61px;
  }
  .factsheet-overview-header-desktop > h3 {
    flex: 1 1 80%;
    margin-left: 18px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 28px;
    line-height: 43px;
    font-weight: 700;
  }
  .factsheet-overview-body {
    margin-top: 0;
    display: block;
    flex: 0 0 100%;
    font-size: 18px;
    line-height: 27px;
    padding-left: 70px;
  }
  .factsheet-overview-body p + p {
    margin-top: 1rem;
  }
  .factsheet-overview-header-desktop {
    flex: 0 0 275px;
    margin-bottom: 0;
  }
  .factsheet-overview-header-desktop > h3 {
    flex: 1 1 150px;
  }
  .factsheet-overview-body {
    flex: 1 1 410px;
    padding-left: 0;
    padding-top: 0.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .factsheet-overview-header-desktop {
    flex: 0 0 400px;
  }
  .factsheet-overview-header-desktop > h3 {
    flex: 0 0 325px;
  }
  .factsheet-overview-body {
    padding-top: 1rem;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/factsheet-pie-chart/_FactsheetPieChart.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.gs-piechart-slice-1 {
  fill: #246CA9;
}

.gs-piechart-slice-2 {
  fill: #024638;
}

.gs-piechart-slice-3 {
  fill: #6CC24A;
}

.gs-piechart-slice-4 {
  fill: #007B4B;
}

.gs-piechart-slice-5 {
  fill: #093A5C;
}

.gs-piechart-slice-6 {
  fill: #7BA5D7;
}

.gs-piechart-slice-7 {
  fill: #E3D368;
}

.gs-piechart-slice-8 {
  fill: #3A3A3A;
}

.gs-piechart-slice-9 {
  fill: #009D98;
}

.gs-piechart-slice-10 {
  fill: #1E5265;
}

.gs-piechart-slice-11 {
  fill: #25215D;
}

.gs-piechart-slice-12 {
  fill: #5781B5;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/factsheet-row/_FactsheetRow.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.factsheet-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  line-height: 32px;
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}
.factsheet-row:first-child .factsheet-row-cell {
  border-top-width: 0;
}
.factsheet-row .factsheet-row-cell {
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: middle;
}
.factsheet-row .factsheet-row-color-1::before {
  background: #246CA9;
}
.factsheet-row .factsheet-row-color-2::before {
  background: #024638;
}
.factsheet-row .factsheet-row-color-3::before {
  background: #6CC24A;
}
.factsheet-row .factsheet-row-color-4::before {
  background: #007B4B;
}
.factsheet-row .factsheet-row-color-5::before {
  background: #093A5C;
}
.factsheet-row .factsheet-row-color-6::before {
  background: #7BA5D7;
}
.factsheet-row .factsheet-row-color-7::before {
  background: #E3D368;
}
.factsheet-row .factsheet-row-color-8::before {
  background: #3A3A3A;
}
.factsheet-row .factsheet-row-color-9::before {
  background: #009D98;
}
.factsheet-row .factsheet-row-color-10::before {
  background: #1E5265;
}
.factsheet-row .factsheet-row-color-11::before {
  background: #25215D;
}
.factsheet-row .factsheet-row-color-12::before {
  background: #5781B5;
}
.factsheet-row .factsheet-row-color {
  flex: 0 0 35px;
  vertical-align: middle;
  border-top-color: transparent;
  position: relative;
}
.factsheet-row .factsheet-row-color::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  top: calc(50% - 12.5px);
}
.factsheet-row .factsheet-row-label {
  flex: 1 1 80%;
  vertical-align: middle;
  text-align: left;
}
.factsheet-row .factsheet-row-label a {
  color: #007B4B;
  font-weight: 700;
}
.factsheet-row .factsheet-row-value {
  flex: 1 1 20%;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}
.factsheet-row.factsheet-child-row .factsheet-row-value {
  padding-left: 12px;
}
.factsheet-row .factsheet-star {
  margin-right: 0.25rem;
}

/* label on total rows is larger and bold to match values */
.factsheet-total-row .factsheet-row-label {
  font-size: 20px;
  font-weight: bold;
}

/* morningstar rows are more compact */
.factsheet-morningstar-row {
  min-width: 303px;
}
.factsheet-morningstar-row .factsheet-row-cell {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.factsheet-morningstar-row .factsheet-row-value {
  min-width: 166px;
}

/* Performance tables with benchmark column */
.factsheet-performance-row {
  /* Shrink labels for fund/benchmark labels*/
  /* Value column */
  /* Second value column is benchmark */
}
.factsheet-performance-row:nth-child(2) .factsheet-row-label,
.factsheet-performance-row:nth-child(2) .factsheet-row-value {
  font-size: 0.9rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.factsheet-performance-row .factsheet-row-label {
  flex: 1 1 45%;
}
.factsheet-performance-row .factsheet-row-value {
  flex: 1 1 20%;
}
.factsheet-performance-row .factsheet-row-value:last-child {
  flex: 1 1 35%;
}

.factsheet-group-row {
  background-color: #F5F5F5;
}

.factsheet-row-divider {
  display: block;
  height: 2px;
  margin-left: 1.3rem;
  margin-right: 1.3rem;
  background-color: #d2d2d2;
}

.factsheet-group-row-divider {
  margin: 0;
}

.factsheet-chart-row-divider {
  margin-left: 3.5rem;
}

.factsheet-morningstar-row + .factsheet-row-divider {
  min-width: 303px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/factsheet-section/_FactsheetSection.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/*
Factsheet section component has 3 states
    - Moile Collapsed (default)
      - Remove "expanded" class from section container
      - Show caret facing right
      - Hide section content
    - Mobile Expanded
      - Add "expanded" class to section container
      - Show caret facing downward
      - Show section content
    - Desktop
      - Hide caret in section header
      - Show section content
      - Header should be full width and centered
*/
.gs-factsheet-section-heading {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 30px;
  cursor: pointer;
}
.gs-factsheet-section-heading h2 {
  flex: 1 1 80%;
  user-select: none;
  display: inline-block;
  font-size: 18px;
  margin-right: 14px;
  color: #007B4B;
}
.gs-factsheet-section-heading svg {
  width: 5px;
  height: 10px;
}
.gs-factsheet-section-heading svg path {
  fill: #007B4B;
}

.full-width {
  display: none;
  width: 100%;
  padding-bottom: 2rem;
}

.tables-listing {
  display: none;
  width: 100%;
  height: 100%;
  column-gap: 24px;
  row-gap: 37px;
}

.gs-factsheet-section.expanded .gs-factsheet-section-heading svg {
  transform: rotate(90deg);
}
.gs-factsheet-section.expanded .full-width {
  display: block;
}
.gs-factsheet-section.expanded .tables-listing {
  display: grid;
}

@media only screen and (min-width: 768px) {
  .gs-factsheet-section-heading {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    cursor: default;
  }
  .gs-factsheet-section-heading h2 {
    width: 100%;
    padding: 3.2rem;
    font-size: 44px;
    line-height: 64px;
    text-align: center;
    margin-right: 0;
    color: #3a3a3a;
  }
  .gs-factsheet-section-heading svg {
    display: none;
  }
  .tables-listing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content min-content min-content;
    /*
        When the tables-listing element has class stack-3, vertically stack
        the first 3 tables then arrange all following tables normally
        */
  }
  .tables-listing.stack-3 {
    grid-template-rows: min-content min-content 1fr;
  }
  .tables-listing .factsheet-vtable {
    grid-column: span 1;
  }
  .tables-listing .factsheet-vtable.row-3 {
    grid-row: span 3;
  }
  .tables-listing.stack-3 .factsheet-vtable:nth-child(1) {
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .tables-listing.stack-3 .factsheet-vtable:nth-child(2) {
    grid-column-start: 1;
    grid-row-start: 2;
  }
  .tables-listing.stack-3 .factsheet-vtable:nth-child(3) {
    grid-column-start: 1;
    grid-row-start: 3;
  }
  .full-width {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .tables-listing {
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 80rem;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/factsheet-vertical-table/_FactsheetVerticalTable.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.factsheet-vtable {
  background: #ffffff;
  border-radius: 20px;
  width: 100%;
  padding: 0;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  min-height: 100%;
}
.factsheet-vtable header {
  background-color: #deefff;
  border-radius: 20px 20px 0px 0px;
  padding: 14px 14px 16px;
  text-align: center;
  color: #3a3a3a;
}
.factsheet-vtable header .factsheet-heading {
  font-size: 28px;
  line-height: 32px;
  font-weight: bold;
  display: block;
}
.factsheet-vtable header .factsheet-asof {
  font-size: 18px;
}
.factsheet-vtable header .gs-piechart-container {
  margin: 10%;
}
.factsheet-vtable .factsheet-vtable-body .factsheet-row-divider:first-child {
  display: none;
}
.factsheet-vtable .factsheet-vtable-footer {
  padding-bottom: 0.5rem;
  position: relative;
}
.factsheet-vtable .factsheet-vtable-footnote {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-left: 1.3rem;
  margin-right: 1.3rem;
}
.factsheet-vtable .factsheet-vtable-footer-controls {
  margin-left: 1.3rem;
  margin-right: 1.3rem;
  vertical-align: middle;
  background: white;
  text-align: right;
  cursor: pointer;
  display: none;
}
.factsheet-vtable .factsheet-vtable-footer-controls svg {
  display: inline-block;
  width: 10px;
  height: 10px;
  padding-bottom: 1px;
  margin-left: 9px;
}
.factsheet-vtable .factsheet-vtable-footer--collapsed .factsheet-vtable-footer-controls--collapsed {
  display: block;
}
.factsheet-vtable .factsheet-vtable-footer--collapsed .factsheet-vtable-footer-controls--expanded {
  display: none;
}
.factsheet-vtable .factsheet-vtable-footer--collapsed .factsheet-vtable-footnotes {
  margin-bottom: 0.5rem;
  overflow: hidden;
  max-height: 120px;
}
.factsheet-vtable .factsheet-vtable-footer--expanded .factsheet-vtable-footer-controls--collapsed {
  display: none;
}
.factsheet-vtable .factsheet-vtable-footer--expanded .factsheet-vtable-footer-controls--expanded {
  display: block;
}
.factsheet-vtable .factsheet-vtable-footer--expanded .factsheet-vtable-footnotes {
  margin-bottom: 1.3rem;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/faq/_FAQ.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-faq {
  padding: 1.875rem 0;
}
@media only screen and (min-width: 576px) {
  .gs-faq {
    padding: 5rem 0;
  }
}

.gs-faq-title {
  text-align: center;
  margin-bottom: 0.75rem;
}
.gs-faq-title.gs-faq-title--left {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .gs-faq-title {
    margin-bottom: 2.25rem;
  }
}

.gs-faq-card {
  padding: 1.25rem;
  background: #f4f4f4;
  border-radius: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .gs-faq-card {
    padding: 2.25rem;
  }
}
.gs-faq-card--primary {
  background: #f4f4f4;
}
.gs-faq-card--secondary {
  background: #ffffff;
}
.gs-faq-card:hover {
  transition: all 0.3 ease;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
}

.gs-faq-card-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.gs-faq-card-title > h6 {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-faq-card-title > h6 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-faq-card-minus {
  display: none;
}

.gs-faq-card-content {
  max-height: 0px;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-faq-card-content {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-faq-icon {
  color: #007B4B;
  width: 1.25rem;
  height: 100%;
  vertical-align: middle;
}

.gs-faq-button {
  margin-top: 1.25rem;
  text-align: center;
}

.gs-faq-card.--active {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
}
.gs-faq-card.--active .gs-faq-card-content {
  max-height: 2000px;
  visibility: visible;
  padding: 1.5rem 0 0.75rem;
}
@media only screen and (min-width: 768px) {
  .gs-faq-card.--active .gs-faq-card-content {
    padding: 2.25rem 0 1.5rem;
  }
}
.gs-faq-card.--active .gs-faq-card-plus {
  display: none;
}
.gs-faq-card.--active .gs-faq-card-minus {
  display: block;
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/featured-video/_FeaturedVideo.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-featured-video-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content min-content 1fr;
  grid-row-gap: 1rem;
}
@media only screen and (min-width: 1024px) {
  .gs-featured-video-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }
}

h1.gs-featured-video-heading {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  h1.gs-featured-video-heading {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

h2.gs-featured-video-heading {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  h2.gs-featured-video-heading {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-featured-video-heading {
  order: 0;
  grid-row: span 1;
  text-align: left;
  margin-bottom: 1rem;
}

.gs-featured-video-body {
  order: 2;
  grid-row: span 1;
  text-align: left;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-featured-video-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
@media only screen and (min-width: 1024px) {
  .gs-featured-video-body {
    margin-bottom: 1.5rem;
  }
}

.gs-featured-video-button {
  order: 3;
  grid-row: span 1;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .gs-featured-video-button {
    text-align: left;
  }
}

.gs-featured-video-media {
  order: 1;
  grid-row: span 4;
  align-items: center;
  justify-content: center;
}

.gs-featured-video-iframe {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.gs-featured-video-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/footer-simple/_FooterSimple.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.gs-footer-simple {
  padding-bottom: 120px;
  padding-top: 60px;
  width: 100%;
}

.gs-footer-simple-info {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .gs-footer-simple-info {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.gs-footer-simple-info .gs-footer-simple-info-text {
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
}
.gs-footer-simple-info .gs-footer-simple-info-text strong {
  color: #ffffff;
}

.gs-footer-simple-info-links-container {
  flex: 1;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1024px) {
  .gs-footer-simple-info-links-container {
    flex: 0 0 300px;
    margin-bottom: 0;
  }
}
.gs-footer-simple-info-links-container .gs-footer-simple-info-links-container-linkList {
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(2, auto) min-content;
}
.gs-footer-simple-info-links-container .gs-footer-simple-infoLink {
  font-size: 14px;
  text-align: left;
}
@media only screen and (min-width: 425px) {
  .gs-footer-simple-info-links-container .gs-footer-simple-infoLink {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1024px) {
  .gs-footer-simple-info-links-container .gs-footer-simple-infoLink {
    text-align: right;
    margin-bottom: 0;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/footer/_Footer.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-footer {
  padding-bottom: 60px;
  padding-top: 60px;
  width: 100%;
}

.gs-footer-links {
  border-bottom: 1px solid #eeeeee;
  display: grid;
  grid-column-gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 25px;
}
@media only screen and (min-width: 576px) {
  .gs-footer-links {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) {
  .gs-footer-links {
    grid-template-columns: 1fr 1fr 1fr 1fr auto;
  }
}
.gs-footer-links.gs-footer-links--with-logos {
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  .gs-footer-links.gs-footer-links--with-logos {
    grid-template-columns: 1fr 1fr;
  }
}
.gs-footer-links:not(.gs-footer-links--with-logos) .gs-footer-logos-wrapper {
  grid-column-start: 1;
  grid-column-end: 4;
}

.gs-footer-linkList {
  display: flex;
  flex-direction: column;
  flex: 0 0 110px;
  margin-bottom: 45px;
}
.gs-footer-linkList .gs-footer-linkList-link {
  font-size: 14px;
  padding-bottom: 16px;
}

.gs-footer-logos-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column nowrap;
  text-align: center;
  margin: 0 auto;
  gap: 1.5rem;
}
.gs-footer-logos-wrapper > div {
  flex: 1 1 10rem;
}
@media only screen and (min-width: 768px) {
  .gs-footer-logos-wrapper {
    margin: 0;
    width: auto;
    text-align: right;
    align-items: flex-start;
    flex-flow: row nowrap;
  }
}

.gs-footer-logo {
  margin-bottom: 1rem;
  height: 4rem;
}

.gs-footer-logo-text {
  font-size: 0.75rem;
  color: #ffffff;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-footer-logo-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: normal;
  }
}

.gs-footer-info {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .gs-footer-info {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.gs-footer-info .gs-footer-info-text {
  margin: 0;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .gs-footer-info .gs-footer-info-text {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
.gs-footer-info .gs-footer-info-text strong {
  color: #ffffff;
  font-weight: bold;
}

.gs-footer-info-links-container {
  flex: 1;
}
@media only screen and (min-width: 992px) {
  .gs-footer-info-links-container {
    flex: 0 0 43rem;
  }
}
.gs-footer-info-links-container .gs-footer-info-links-container-linkList {
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: repeat(2, auto) min-content;
}
@media only screen and (min-width: 576px) {
  .gs-footer-info-links-container .gs-footer-info-links-container-linkList {
    grid-template-columns: repeat(3, auto) min-content;
  }
}
@media only screen and (min-width: 992px) {
  .gs-footer-info-links-container .gs-footer-info-links-container-linkList {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    justify-content: end;
    margin-bottom: 1rem;
  }
}
.gs-footer-info-links-container .gs-footer-infoLink {
  font-size: 14px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 576px) {
  .gs-footer-info-links-container .gs-footer-infoLink {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 992px) {
  .gs-footer-info-links-container .gs-footer-infoLink {
    text-align: right;
    margin-bottom: 0;
  }
}
.gs-footer-info-links-container .gs-footer-socialIcons {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1rem;
  margin-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .gs-footer-info-links-container .gs-footer-socialIcons {
    justify-content: flex-end;
    margin-bottom: 0;
    margin-top: 0;
  }
}
.gs-footer-info-links-container .gs-footer-infoIcon {
  color: #ffffff;
  font-size: 1.5em;
  margin-left: 0;
  margin-right: 24px;
}
@media only screen and (min-width: 992px) {
  .gs-footer-info-links-container .gs-footer-infoIcon {
    margin-left: 24px;
    margin-right: 0;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/form-banner/FormBanner.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.gs-formbanner-container {
  min-height: 90vh;
  position: relative;
}

.gs-formbanner {
  position: relative;
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 90px 20px 0px 20px;
  z-index: 30;
}
@media only screen and (min-width: 768px) {
  .gs-formbanner {
    flex-direction: row;
    gap: 40px;
    padding: 12vh 25px 0px 25px;
  }
}

.gs-formbanner-content {
  position: static;
  top: 12vh;
  align-self: flex-start;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .gs-formbanner-content {
    display: block;
    text-align: start;
    position: sticky;
    flex: 6;
  }
}

.gs-formbanner-cards {
  margin-top: 40px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.gs-formbanner-cards > div {
  background-color: #E2F0DC;
  padding: 10px;
  border-radius: 10px;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-formbanner-cards > div {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}
@media only screen and (min-width: 768px) {
  .gs-formbanner-cards > div {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 768px) {
  .gs-formbanner-cards {
    justify-content: space-between;
    gap: 40px;
  }
}

.gs-formbanner-cards-stats {
  color: #3a3a3a !important;
  font-size: 28px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 40px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-formbanner-cards-stats {
    font-size: 52px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 64px;
    text-transform: none;
  }
}

.gs-formbanner-image,
.gs-formbanner-graphic {
  width: 100%;
  height: 90vh;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .gs-formbanner-image,
  .gs-formbanner-graphic {
    background-attachment: fixed;
    height: 100%;
  }
}

.gs-formbanner-graphic {
  background-color: rgba(30, 118, 90, 0.9);
  background-repeat: no-repeat;
  z-index: 5;
  background-image: none;
}
@media only screen and (max-width: 767px) {
  .gs-formbanner-graphic {
    background-image: none !important;
  }
}

.gs-formbanner-image {
  z-index: 0;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .gs-formbanner-image {
    background-position: 25% 0% !important;
  }
}

.gs-formbanner-logo {
  height: 50px;
  filter: brightness(0) invert(1);
}
@media only screen and (min-width: 768px) {
  .gs-formbanner-logo {
    height: 70px;
  }
}

.gs-formbanner-title {
  color: #ffffff !important;
  margin-top: 25px;
  font-size: 28px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 40px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-formbanner-title {
    font-size: 52px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 64px;
    text-transform: none;
  }
}

.gs-formbanner-subtitle {
  color: #ffffff !important;
  margin-top: 8px;
  font-size: 18px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 34px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-formbanner-subtitle {
    font-size: 22px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 38px;
    text-transform: none;
  }
}

.gs-formbanner-form {
  margin-bottom: 60px;
  width: 100%;
  max-width: 750px;
  min-height: 600px;
  background-color: #deefff;
  border-radius: 10px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 768px) {
  .gs-formbanner-form {
    flex: 5;
    min-width: 350px;
  }
}
.gs-formbanner-form .gs-form, .gs-formbanner-form .gs-form-cta, .gs-formbanner-form .gs-form-webinar {
  padding: 2rem !important;
}
@media only screen and (min-width: 768px) {
  .gs-formbanner-form .gs-form, .gs-formbanner-form .gs-form-cta, .gs-formbanner-form .gs-form-webinar {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/form-cta/_FormCTA.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.gs-form-cta {
  max-width: 1200;
  padding-left: calc((100vw - 1200px) / 2);
  padding-right: calc((100vw - 1200px) / 2);
  padding-top: 85px;
  padding-bottom: 120px;
  background-color: #deefff;
  box-sizing: border-box;
}

.gs-form-cta-section {
  max-width: 550px;
  padding: 0 15px;
  margin: auto;
  display: none;
  flex-direction: column;
}
.gs-form-cta-section--header {
  max-width: 100%;
  text-align: center;
  display: flex;
}
.gs-form-cta-section.--selected {
  display: block;
}

.gs-form-cta-title {
  font-weight: bold;
  font-size: 36px;
  line-height: 56px;
}

.gs-form-cta-subtitle {
  font-size: 22px;
  line-height: 38px;
  margin-bottom: 30px;
}

.gs-form-cta-subsection {
  margin-bottom: 40px;
}

.gs-form-cta-section-checkbox {
  display: flex;
  justify-content: space-between;
}

.gs-form-cta-subsection-half {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: min-content min-content;
  gap: 0px 10px;
}

.gs-form-cta-checkbox-label {
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  color: #757575;
  margin-bottom: 28px;
  cursor: pointer;
}

.gs-form-cta-checkbox {
  margin-right: 8px;
  cursor: pointer;
}

.gs-form-cta-checkbox-label-2 {
  position: relative;
  left: 10px;
  padding-right: 10px;
  margin: 0px 16px 28px 0px;
}

.gs-form-cta-checkbox-2 {
  visibility: hidden;
  -moz-appearance: initial;
}
.gs-form-cta-checkbox-2:after {
  visibility: visible;
  position: relative;
  content: "✓";
  top: -2px;
  left: -10px;
  padding: 0px 4px;
  /* background-color only for content */
  border: 1px solid #d2d2d2;
  background-color: #ffffff;
  color: white;
  border-radius: 6px;
  transition: 0.3s ease;
}
.gs-form-cta-checkbox-2:hover:after {
  border: 1px solid #007B4B;
  cursor: pointer;
}

.gs-form-cta-checkbox-2:checked {
  visibility: hidden;
}
.gs-form-cta-checkbox-2:checked:after {
  background-color: #007B4B;
  border: 1px solid #007B4B;
}

.gs-form-cta-submit {
  margin-top: 25px;
  width: 100%;
  background: #007B4B;
  border-radius: 99px;
  color: #ffffff;
  border: none;
  padding: 15px 20px;
  font-size: 18px;
  line-height: 18px;
  cursor: pointer;
  font-weight: bold;
}
.gs-form-cta-submit:hover {
  background: #024638;
}

.gs-form-cta-submission {
  text-align: center;
  margin: auto;
  background: #deefff;
}
.gs-form-cta-submission > h6 {
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-form-cta-submission > h6 {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}
.gs-form-cta-submission > p {
  max-width: 500px;
  margin: auto;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-form-cta-submission > p {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/form-webinar/_FormWebinar.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.gs-form-webinar-container {
  width: 470px;
}

.gs-form-webinar {
  width: 100%;
  padding: 40px 28px;
  background-color: #deefff;
  border-radius: 20px;
}

.gs-form-webinar-title {
  margin: auto;
  text-align: center;
  font-size: 28px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 40px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-form-webinar-title {
    font-size: 36px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 56px;
    text-transform: none;
  }
}

.gs-form-webinar-input-label {
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  color: #757575;
  width: 100%;
  margin-bottom: 12px;
  display: inline-block;
}
.gs-form-webinar-input-label--error {
  color: #bb1615;
}

.gs-form-webinar-input {
  padding: 12px;
  border-radius: 6px;
  border-color: #d2d2d2;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 28px;
  width: 100%;
  display: block;
}
.gs-form-webinar-input--error {
  border-color: #bb1615;
}

.gs-form-webinar-submit {
  margin-top: 12px;
  width: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/form/_Form.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.validation-summary-errors {
  padding-top: 4rem;
  background: #deefff;
  width: 100%;
}
.validation-summary-errors ul {
  width: 32rem;
  max-width: 80%;
  margin: 0 auto;
  list-style-type: none;
  padding: 1rem 0;
}
.validation-summary-errors ul li {
  color: #bb1615;
  border: 1px solid #bb1615;
  border-radius: 0.3125rem;
  padding: 1rem;
  background: #ffeded;
  margin-bottom: 1rem;
}
.validation-summary-errors ul li:last-child {
  margin-bottom: 0;
}

/* Reduce the form's top padding when the validation error summary is present*/
.validation-summary-errors ~ .gs-form {
  padding-top: 1rem;
}

.gs-form-section-checkbox {
  display: flex;
  justify-content: space-between;
}

.gs-form-section-checkbox.--vertical {
  flex-direction: column;
}

.gs-form-checkbox-label-2 {
  position: relative;
  left: 10px;
  padding-right: 10px;
  margin: 0px 16px 8px 0px;
}

.gs-form-checkbox-input-2 {
  visibility: hidden;
  -moz-appearance: initial;
}
.gs-form-checkbox-input-2:after {
  visibility: visible;
  position: relative;
  content: "✓";
  top: -2px;
  left: -10px;
  padding: 0px 4px;
  /* background-color only for content */
  border: 1px solid #d2d2d2;
  background-color: #ffffff;
  color: white;
  border-radius: 6px;
  transition: 0.3s ease;
}
.gs-form-checkbox-input-2:hover:after {
  border: 1px solid #007B4B;
  cursor: pointer;
}

.gs-form-checkbox-input-2:checked {
  visibility: hidden;
}
.gs-form-checkbox-input-2:checked:after {
  background-color: #007B4B;
  border: 1px solid #007B4B;
}

.gs-form-submit {
  margin-top: 25px;
  width: 100%;
  background: #007B4B;
  border-radius: 99px;
  color: #ffffff;
  border: none;
  padding: 15px 20px;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  cursor: pointer;
}
.gs-form-submit:hover {
  background: #024638;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/funds-listing/_FundsListing.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.sticky-container .gs-container-inner {
  padding-left: 0;
  padding-right: 0;
}

.desktop-asof-date {
  display: none;
  font-weight: bold;
  margin: 0 0 1rem;
}

.mobile-asof-date {
  margin: 0.75rem 0 0;
  display: block;
  font-size: 0.875rem;
  position: relative;
}

.sticky-header {
  width: 100%;
  padding: 0 1rem 0.5rem;
  position: sticky;
  top: -1px;
  left: 0px;
  z-index: 4;
  background: #ffffff;
}

.sticky-header-controls {
  display: flex;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
}
.sticky-header-controls .share-class-selector {
  flex: 1 1 30%;
  margin-bottom: 0.75rem;
}
.sticky-header-controls .asof-date-selector {
  flex: 1 1 70%;
}

/* 
 * On a little bit larger screens we want to move the share class selector and as of date selector on the same line.
 * We will hide the mobile as of date and show the desktop as of date. 
 * Since the header size changed, we also need to tweak the sticky header positions a bit
 * Also increase paddings/margins a bit now that there's more room
*/
@media only screen and (min-width: 768px) {
  .desktop-asof-date {
    display: block;
  }
  .mobile-asof-date {
    display: none;
  }
  .sticky-header {
    padding: 0.75rem;
  }
  .sticky-header-controls {
    flex-direction: row;
  }
  .sticky-header-controls .share-class-selector {
    flex: 1 1 30%;
    margin: 0 1rem 0 0;
  }
  .sticky-header-controls .asof-date-selector {
    flex: 1 1 70%;
    margin-bottom: 0 0 0 1rem;
  }
}
/*
 * Slight adjustments to header position on laptop
*/
@media only screen and (min-width: 1024px) {
  .sticky-header {
    top: 77px;
  }
}
/*
 * Add side padding, that was removed for mobile, back in to the 
 * container so it lines up with other components at full size
*/
@media only screen and (min-width: 1440px) {
  .sticky-container .gs-container-inner {
    padding-left: 24px;
    padding-right: 24px;
  }
}
/* Sticky header positioning depends on sizes of the header which changes with device size*/
.fund-performance {
  /* 
   * This is our horizontal/vertical scrollable area containing the fund
   * performance tables (only one visible at a time) and sticky headers.
  */
  /* gs-link defaults to inline-flex */
}
.fund-performance .table-container {
  max-width: 100%;
  max-height: calc(100vh - 80px);
  overflow: auto;
}
.fund-performance table {
  position: relative;
  white-space: nowrap;
  margin: 0 auto 0 1rem;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.fund-performance table td,
.fund-performance table th {
  padding: 0.5rem 0.3rem;
}
.fund-performance table thead {
  position: sticky;
  top: 142px;
  z-index: 3;
  background: #f2f2f2;
}
.fund-performance table thead tr {
  position: sticky;
  top: 142px;
  z-index: 1;
}
.fund-performance table thead th {
  font-size: 0.625rem;
  height: 4rem;
  min-height: 4rem;
  min-width: 4rem;
  padding: 0.5rem 0.3rem;
  text-transform: uppercase;
}
.fund-performance table .annualized {
  font-size: 0.5rem;
}
.fund-performance table tbody .category {
  background: white;
  position: sticky;
  top: 206px;
  text-align: left;
  z-index: 2;
  box-shadow: 0px 5px 7px -8px grey;
}
.fund-performance table tbody .category th {
  text-align: left;
  height: 63px;
  border-top: 2px solid #000;
  text-transform: uppercase;
  position: sticky;
  left: 0;
}
.fund-performance table tbody .category td {
  border-top: 2px solid #000;
}
.fund-performance table td {
  background: #fff;
  text-align: center;
  padding: 0.5rem 0.3rem;
  white-space: nowrap;
  border-bottom: 1px solid #eee;
  font-size: 0.825rem;
  display: table-cell;
}
.fund-performance table tbody th {
  background: #FFF;
  border-bottom: 1px solid #eee;
  left: 0;
  max-width: 25vw;
  min-width: 190px;
  padding: 0.5rem 0.3rem;
  position: sticky;
  text-align: left;
  white-space: pre-wrap;
  z-index: 1;
}
.fund-performance table thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  max-width: 25vw;
  background: #F2F2F2;
}
.fund-performance table tbody th .gs-link {
  display: inline;
}
.fund-performance table tbody th sup {
  font-size: 12.8px;
  font-weight: 100;
}

@media only screen and (min-width: 768px) {
  .fund-performance {
    width: 100%;
    /*
     * Applies to daily table. Widths may vary for monthly/quarterly/morningstar tables
     * Just setting the table widht to 100% will break the layout
     */
    /*
     * Applies to daily table. Widths may vary for monthly/quarterly/morningstar tables
     * Just setting the table widht to 100% will break the layout
     */
    /*
     * Applies to daily table. Widths may vary for monthly/quarterly/morningstar tables
     * Just setting the table widht to 100% will break the layout
     */
    /*
     * Applies to daily table. Widths may vary for monthly/quarterly/morningstar tables
     * Just setting the table widht to 100% will break the layout
     */
  }
  .fund-performance table thead {
    top: 121px;
  }
  .fund-performance table thead tr {
    top: 121px;
  }
  .fund-performance table tbody .category {
    top: 185px;
  }
  .fund-performance table thead th.daily-cell:nth-child(n+2) {
    width: 76px;
  }
  .fund-performance table thead th.monthly-cell:nth-child(n+2) {
    width: 83.5px;
  }
  .fund-performance table thead th.quarterly-cell:nth-child(n+2) {
    width: 83.5px;
  }
  .fund-performance table thead th.morningstar-cell:nth-child(n+2) {
    width: 161.5px;
  }
}
@media only screen and (min-width: 1024px) {
  .fund-performance {
    /*
     * Applies to daily table. Widths may vary for monthly/quarterly/morningstar tables
     * Just setting the table widht to 100% will break the layout
     */
  }
  .fund-performance table {
    margin: 0.75rem auto;
  }
  .fund-performance table thead th:first-child {
    width: 293px;
  }
  .fund-performance .table-container {
    max-height: none;
    overflow-x: visible;
    overflow-y: visible;
  }
  .fund-performance table thead {
    top: 199px;
  }
  .fund-performance table thead tr {
    top: 199px;
  }
  .fund-performance table tbody .category {
    top: 263px;
  }
  .fund-performance table tbody .category th {
    height: auto;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/funds-listing/_FundsListingHeader.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.sticky-container .gs-container-inner {
  padding-left: 0;
  padding-right: 0;
}

.desktop-asof-date {
  display: none;
  font-weight: bold;
  margin: 0 0 1rem;
}

.mobile-asof-date {
  margin: 0.75rem 0 0;
  display: block;
  font-size: 0.875rem;
  position: relative;
}

.sticky-header {
  width: 100%;
  padding: 0 1rem 0.5rem;
  position: sticky;
  top: -1px;
  left: 0px;
  z-index: 4;
  background: #ffffff;
}

.sticky-header-controls {
  display: flex;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
}
.sticky-header-controls .share-class-selector {
  flex: 1 1 30%;
  margin-bottom: 0.75rem;
}
.sticky-header-controls .asof-date-selector {
  flex: 1 1 70%;
}

/* 
 * On a little bit larger screens we want to move the share class selector and as of date selector on the same line.
 * We will hide the mobile as of date and show the desktop as of date. 
 * Since the header size changed, we also need to tweak the sticky header positions a bit
 * Also increase paddings/margins a bit now that there's more room
*/
@media only screen and (min-width: 768px) {
  .desktop-asof-date {
    display: block;
  }
  .mobile-asof-date {
    display: none;
  }
  .sticky-header {
    padding: 0.75rem;
  }
  .sticky-header-controls {
    flex-direction: row;
  }
  .sticky-header-controls .share-class-selector {
    flex: 1 1 30%;
    margin: 0 1rem 0 0;
  }
  .sticky-header-controls .asof-date-selector {
    flex: 1 1 70%;
    margin-bottom: 0 0 0 1rem;
  }
}
/*
 * Slight adjustments to header position on laptop
*/
@media only screen and (min-width: 1024px) {
  .sticky-header {
    top: 77px;
  }
}
/*
 * Add side padding, that was removed for mobile, back in to the 
 * container so it lines up with other components at full size
*/
@media only screen and (min-width: 1440px) {
  .sticky-container .gs-container-inner {
    padding-left: 24px;
    padding-right: 24px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/funds-listing/_FundsListingTable.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/* Sticky header positioning depends on sizes of the header which changes with device size*/
.fund-performance {
  /* 
   * This is our horizontal/vertical scrollable area containing the fund
   * performance tables (only one visible at a time) and sticky headers.
  */
  /* gs-link defaults to inline-flex */
}
.fund-performance .table-container {
  max-width: 100%;
  max-height: calc(100vh - 80px);
  overflow: auto;
}
.fund-performance table {
  position: relative;
  white-space: nowrap;
  margin: 0 auto 0 1rem;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.fund-performance table td,
.fund-performance table th {
  padding: 0.5rem 0.3rem;
}
.fund-performance table thead {
  position: sticky;
  top: 142px;
  z-index: 3;
  background: #f2f2f2;
}
.fund-performance table thead tr {
  position: sticky;
  top: 142px;
  z-index: 1;
}
.fund-performance table thead th {
  font-size: 0.625rem;
  height: 4rem;
  min-height: 4rem;
  min-width: 4rem;
  padding: 0.5rem 0.3rem;
  text-transform: uppercase;
}
.fund-performance table .annualized {
  font-size: 0.5rem;
}
.fund-performance table tbody .category {
  background: white;
  position: sticky;
  top: 206px;
  text-align: left;
  z-index: 2;
  box-shadow: 0px 5px 7px -8px grey;
}
.fund-performance table tbody .category th {
  text-align: left;
  height: 63px;
  border-top: 2px solid #000;
  text-transform: uppercase;
  position: sticky;
  left: 0;
}
.fund-performance table tbody .category td {
  border-top: 2px solid #000;
}
.fund-performance table td {
  background: #fff;
  text-align: center;
  padding: 0.5rem 0.3rem;
  white-space: nowrap;
  border-bottom: 1px solid #eee;
  font-size: 0.825rem;
  display: table-cell;
}
.fund-performance table tbody th {
  background: #FFF;
  border-bottom: 1px solid #eee;
  left: 0;
  max-width: 25vw;
  min-width: 190px;
  padding: 0.5rem 0.3rem;
  position: sticky;
  text-align: left;
  white-space: pre-wrap;
  z-index: 1;
}
.fund-performance table thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  max-width: 25vw;
  background: #F2F2F2;
}
.fund-performance table tbody th .gs-link {
  display: inline;
}
.fund-performance table tbody th sup {
  font-size: 12.8px;
  font-weight: 100;
}

@media only screen and (min-width: 768px) {
  .fund-performance {
    width: 100%;
    /*
     * Applies to daily table. Widths may vary for monthly/quarterly/morningstar tables
     * Just setting the table widht to 100% will break the layout
     */
    /*
     * Applies to daily table. Widths may vary for monthly/quarterly/morningstar tables
     * Just setting the table widht to 100% will break the layout
     */
    /*
     * Applies to daily table. Widths may vary for monthly/quarterly/morningstar tables
     * Just setting the table widht to 100% will break the layout
     */
    /*
     * Applies to daily table. Widths may vary for monthly/quarterly/morningstar tables
     * Just setting the table widht to 100% will break the layout
     */
  }
  .fund-performance table thead {
    top: 121px;
  }
  .fund-performance table thead tr {
    top: 121px;
  }
  .fund-performance table tbody .category {
    top: 185px;
  }
  .fund-performance table thead th.daily-cell:nth-child(n+2) {
    width: 76px;
  }
  .fund-performance table thead th.monthly-cell:nth-child(n+2) {
    width: 83.5px;
  }
  .fund-performance table thead th.quarterly-cell:nth-child(n+2) {
    width: 83.5px;
  }
  .fund-performance table thead th.morningstar-cell:nth-child(n+2) {
    width: 161.5px;
  }
}
@media only screen and (min-width: 1024px) {
  .fund-performance {
    /*
     * Applies to daily table. Widths may vary for monthly/quarterly/morningstar tables
     * Just setting the table widht to 100% will break the layout
     */
  }
  .fund-performance table {
    margin: 0.75rem auto;
  }
  .fund-performance table thead th:first-child {
    width: 293px;
  }
  .fund-performance .table-container {
    max-height: none;
    overflow-x: visible;
    overflow-y: visible;
  }
  .fund-performance table thead {
    top: 199px;
  }
  .fund-performance table thead tr {
    top: 199px;
  }
  .fund-performance table tbody .category {
    top: 263px;
  }
  .fund-performance table tbody .category th {
    height: auto;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/funds-listing/_SampleHeader.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.sample-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;
  height: 65px;
  background-color: #ffffff;
  box-shadow: 0px 1px 0px #d2d2d2;
  text-align: center;
  font-size: 2rem;
  padding-top: 0.6rem;
}

@media only screen and (min-width: 1024px) {
  .sample-header {
    height: 77px;
    padding-top: 1.5rem;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/header-cobranded/_HeaderCobranded.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-header-cobranded-logo {
  height: 1.75rem;
  padding: 0.25rem 0;
}
@media only screen and (min-width: 992px) {
  .gs-header-cobranded-logo {
    height: 2.125rem;
    padding: 0;
  }
}

a:first-child > .gs-header-cobranded-logo {
  padding-right: 1.125rem;
  margin-right: 0.875rem;
  border-right: 1px solid black;
}

.gs-header-cobranded .gs-header-linklist {
  gap: 1.5rem;
  margin-left: 2rem;
}
.gs-header-cobranded .gs-header-linklist .gs-header-link > a {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-header-cobranded .gs-header-linklist .gs-header-link > a {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
.gs-header-cobranded .gs-header-linklist .gs-header-link:hover > a {
  color: #007B4B;
}
.gs-header-cobranded .gs-header-linklist .gs-header-link:active {
  border-bottom: 2px solid #3a3a3a;
}
.gs-header-cobranded .gs-header-linklist .gs-header-link:active > a {
  color: #3a3a3a;
  font-weight: 800;
}

.gs-header-cobranded-end {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-left: 1rem;
}
.gs-header-cobranded-end .gs-header--icon {
  font-size: 1.5em;
}
.gs-header-cobranded-end .gs-header-login-link {
  margin-right: 1rem;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-header-cobranded-end .gs-header-login-link {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/header-responsive/_HeaderResponsive.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

nav {
  position: sticky;
  top: 0;
  z-index: 9999;
}

.gs-header-desktop-nav-container {
  width: 100%;
  box-shadow: 0px 1px 0px #d2d2d2;
  padding: 20px 0;
  display: none;
  position: relative;
  z-index: 2000;
}
@media only screen and (min-width: 992px) {
  .gs-header-desktop-nav-container {
    display: block;
  }
}
.gs-header-desktop-nav-container .gs-container-inner {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  position: relative;
  z-index: 10;
}
.gs-header-desktop-nav-container .gs-container-inner img:not(.gs-header-cobranded-logo) {
  width: 120px;
  max-width: 120px;
  margin-right: 24px;
}
@media only screen and (min-width: 1400px) {
  .gs-header-desktop-nav-container .gs-container-inner img:not(.gs-header-cobranded-logo) {
    margin-right: 48px;
  }
}
.gs-header-desktop-nav-container .gs-container-inner img.logo-funds {
  width: 155px;
  max-width: 155px;
}
.gs-header-desktop-nav-container .gs-container-inner img.logo-stacked {
  margin-top: -13px;
  margin-bottom: -13px;
}
.gs-header-desktop-nav-container .gs-container-inner a, .gs-header-desktop-nav-container .gs-container-inner svg {
  cursor: pointer;
}

.gs-header-linklist {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.gs-header-linklist .gs-header-link {
  white-space: nowrap;
  font-size: 14px;
  border-bottom: 2px solid transparent;
  padding-bottom: 7px;
  margin-bottom: -12px;
  cursor: pointer;
}
.gs-header-linklist .gs-header-link.--active {
  color: #3a3a3a;
  border-bottom-color: #3a3a3a;
  font-weight: bold;
}
.gs-header-linklist .gs-header-link:hover {
  color: #007B4B;
  border-bottom-color: #007B4B;
}
.gs-header-linklist .gs-header-link a.gs-link {
  text-decoration: none;
}

.gs-header--icon {
  vertical-align: bottom;
  display: inline-block;
  font-size: 1.25em;
}

.gs-subheader {
  box-shadow: 0px 4px 20px -8px rgba(0, 0, 0, 0.1);
  border-top: 1px solid #d2d2d2;
  padding: 40px 0;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 50%;
  z-index: 1000;
  transition: all 0.3s ease;
  display: none;
}
@media only screen and (min-width: 992px) {
  .gs-subheader {
    display: block;
  }
}
.gs-subheader.--active {
  visibility: visible;
  opacity: 100%;
  top: 100%;
  transition: all 0.5s ease;
}
.gs-subheader .gs-container-inner {
  align-items: flex-start;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  width: 100%;
  z-index: 10;
}

.gs-subheader-section {
  flex: 0 0 380px;
  height: 100%;
  padding: 32px 40px 0 0;
}

.gs-subheader-details {
  padding-top: 15px;
}

.gs-subheader-links {
  padding-left: 60px;
  display: grid;
  grid-template-columns: 220px 220px;
  column-gap: 50px;
  width: 100%;
  flex-direction: row;
  border-left: 1px solid #eeeeee;
}
@media only screen and (min-width: 1400px) {
  .gs-subheader-links {
    grid-template-columns: 220px 220px auto;
  }
}

.gs-subheader-linklist {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
@media only screen and (min-width: 1400px) {
  .gs-subheader-linklist {
    margin-bottom: 0;
    max-width: 180px;
  }
}

.gs-subheader-link {
  padding-bottom: 16px;
  line-height: 20px;
}

.gs-subheader-level2-link {
  padding-bottom: 7px;
  margin-bottom: 9px;
  line-height: 20px;
  border-bottom: 2px solid transparent;
  width: 100%;
}
.gs-subheader-level2-link.--active {
  border-bottom-color: #3a3a3a;
  font-weight: bold;
}
.gs-subheader-level2-link:hover {
  border-bottom-color: #007B4B;
  text-decoration: none !important;
}

.gs-subheader-level3-link {
  padding-bottom: 16px;
  line-height: 20px;
}
.gs-subheader-level3-link.--active {
  font-weight: bold;
}

.gs-header-mobile-nav-container {
  border-bottom: 1px solid #d2d2d2;
  display: block;
  left: 0;
  margin: auto;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .gs-header-mobile-nav-container {
    display: none;
  }
}

.gs-header-mobile-nav-main {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 18px 0;
}
.gs-header-mobile-nav-main > div {
  align-items: center;
  display: flex;
}
.gs-header-mobile-nav-main > div .gs-header-mobile-nav-icon {
  display: inline-block;
  font-size: 1.6em;
  margin-right: 4px;
}
.gs-header-mobile-nav-main .gs-header-mobile-nav-logo {
  max-width: 100px;
}
.gs-header-mobile-nav-main .gs-header-mobile-nav-logo.logo-funds {
  width: 129px;
  max-width: 129px;
}

.gs-header-mobile-nav-menu-icon {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 24px;
}
.gs-header-mobile-nav-menu-icon i {
  background-color: #3a3a3a;
  border-radius: 2px;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
}
.gs-header-mobile-nav-menu-icon i:nth-child(1) {
  -webkit-animation: outT 0.8s backwards;
  animation: outT 0.8s backwards;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
.gs-header-mobile-nav-menu-icon i:nth-child(2) {
  margin: 5px 0;
  -webkit-animation: outM 0.8s backwards;
  animation: outM 0.8s backwards;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
.gs-header-mobile-nav-menu-icon i:nth-child(3) {
  -webkit-animation: outBtm 0.8s backwards;
  animation: outBtm 0.8s backwards;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
.gs-header-mobile-nav-menu-icon.gs-nav-active i:nth-child(1) {
  -webkit-animation: inT 0.8s forwards;
  animation: inT 0.8s forwards;
}
.gs-header-mobile-nav-menu-icon.gs-nav-active i:nth-child(2) {
  -webkit-animation: inM 0.8s forwards;
  animation: inM 0.8s forwards;
}
.gs-header-mobile-nav-menu-icon.gs-nav-active i:nth-child(3) {
  -webkit-animation: inBtm 0.8s forwards;
  animation: inBtm 0.8s forwards;
}

@-webkit-keyframes inM {
  50% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}
@keyframes inM {
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@-webkit-keyframes outM {
  50% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}
@keyframes outM {
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@-webkit-keyframes inT {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(7px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(7px) rotate(135deg);
  }
}
@keyframes inT {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(7px) rotate(0deg);
  }
  100% {
    transform: translateY(7px) rotate(135deg);
  }
}
@-webkit-keyframes outT {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(7px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(7px) rotate(135deg);
  }
}
@keyframes outT {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(7px) rotate(0deg);
  }
  100% {
    transform: translateY(7px) rotate(135deg);
  }
}
@-webkit-keyframes inBtm {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-7px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-7px) rotate(135deg);
  }
}
@keyframes inBtm {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-7px) rotate(0deg);
  }
  100% {
    transform: translateY(-7px) rotate(135deg);
  }
}
@-webkit-keyframes outBtm {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-7px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-7px) rotate(135deg);
  }
}
@keyframes outBtm {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-7px) rotate(0deg);
  }
  100% {
    transform: translateY(-7px) rotate(135deg);
  }
}
.gs-header-mobile-nav-pane {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 100%);
  max-height: calc(100vh - 100%);
  padding: 0;
  position: absolute;
  transform: translateX(-100vw);
  transition: all 0.3s ease-out;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .gs-header-mobile-nav-pane {
    display: none;
  }
}
.gs-header-mobile-nav-pane.gs-nav-active {
  transform: translateX(0%);
}
@media only screen and (min-width: 992px) {
  .gs-header-mobile-nav-pane.gs-nav-active {
    display: none;
  }
}
.gs-header-mobile-nav-pane .gs-header-mobile-site-search {
  padding-top: 16px;
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-pane-title {
  display: block;
  padding: 18px 0;
  margin: 0;
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-header-mobile-nav-pane .gs-header-mobile-nav-pane-title {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-back-button {
  align-items: center;
  border: none;
  border-bottom: 1px solid #d2d2d2;
  display: flex;
  justify-content: flex-start;
  outline: none;
  padding: 8px 24px;
  width: 100%;
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-back-button p {
  margin: 0;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-header-mobile-nav-pane .gs-header-mobile-nav-back-button p {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-items-list-wrapper {
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-items-list {
  height: 100%;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  padding: 0 15px 0 0;
  width: 100%;
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 18px 15px;
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-header-mobile-nav-pane .gs-header-mobile-nav-item {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}
@media only screen and (min-width: 576px) {
  .gs-header-mobile-nav-pane .gs-header-mobile-nav-item {
    padding: 18px 24px;
  }
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-item--bold {
  font-weight: bold;
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-item p {
  margin: 0;
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-item-icon {
  font-size: 18px;
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-item-icon--right {
  transform: rotate(-90deg);
  margin-right: -15px;
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-item-icon--left {
  transform: rotate(90deg);
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-cta-wrapper {
  position: sticky;
  bottom: 0px;
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-cta-wrapper .gs-container-inner {
  flex: 0 0 84px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.gs-header-mobile-nav-pane .gs-header-mobile-nav-cta-wrapper .gs-container-inner a {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gs-header-search-link {
  margin-right: 10px;
}

.gs-header-login-link {
  margin-right: 20px;
  font-size: 14px;
  cursor: pointer;
  padding-left: 10px;
}
@media only screen and (min-width: 992px) {
  .gs-header-login-link {
    border-left: 1px solid;
  }
}
.gs-header-login-link.hidden {
  display: none;
}

.gs-vertical-subnav {
  display: flex;
  position: relative;
  left: 0;
  top: -100%;
  opacity: 0;
  flex-direction: column;
  border-radius: 0 0 0.5rem 0.5rem;
  background-color: #ffffff;
  box-shadow: 0.0625rem 0.5rem 2rem 0 rgba(0, 0, 0, 0.12);
  width: 100%;
  transition: top 0.5s ease, opacity 0.5s ease;
}
@media only screen and (min-width: 992px) {
  .gs-vertical-subnav {
    position: absolute;
    width: 16rem;
  }
}
.gs-vertical-subnav.--active {
  display: flex;
  opacity: 100%;
  top: 100%;
}
.gs-vertical-subnav.--active a {
  display: block;
}
.gs-vertical-subnav a {
  padding: 1rem;
  display: none;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-vertical-subnav a {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}
.gs-vertical-subnav a:hover {
  color: #007B4B;
  font-weight: bold;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/headline-list/_HeadlineList.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: -5;
  margin-right: -5;
}
@media only screen and (min-width: 768px) {
  .gs-headline-list {
    justify-content: space-between;
  }
}

.gs-headline-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 260px;
  margin: 40px 5px;
}

.gs-headline-list-image {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.gs-headline-list-text {
  font-size: 60px;
  color: #007B4B;
  font-weight: bold;
  line-height: 80px;
}

.gs-headline-list-subheading {
  text-align: center;
  font-size: 18px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-headline-list-subheading {
    font-size: 20px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 32px;
    text-transform: none;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/hero-full-width/_HeroFullWidth.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-hero-full {
  height: 21.4375rem;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 25%;
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .gs-hero-full {
    height: 27.5rem;
  }
}
@media only screen and (min-width: 1400px) {
  .gs-hero-full {
    height: 32.5rem;
  }
}

.gs-hero-full--gradient {
  position: relative;
}
.gs-hero-full--gradient:after {
  content: " ";
  background: linear-gradient(90deg, rgba(58, 58, 58, 0.8) 0%, rgba(58, 58, 58, 0.294053) 70.54%, rgba(58, 58, 58, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.gs-hero-full-content {
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .gs-hero-full-content {
    max-width: 50%;
  }
}
@media only screen and (min-width: 1400px) {
  .gs-hero-full-content {
    width: 100%;
  }
}
.gs-hero-full-content .gs-hero-full-title {
  font-size: 1.75rem;
  color: #ffffff;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-hero-full-content .gs-hero-full-title {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: bold;
  }
}
@media only screen and (min-width: 992px) {
  .gs-hero-full-content .gs-hero-full-title {
    font-size: 1.75rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 2.25rem;
    text-transform: none;
  }
}
@media only screen and (min-width: 992px) and (min-width: 768px) {
  .gs-hero-full-content .gs-hero-full-title {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}
.gs-hero-full-content .gs-hero-full-title > sup {
  font-size: 1.5rem;
  color: #ffffff;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-hero-full-content .gs-hero-full-title > sup {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}
.gs-hero-full-content .gs-hero-full-subtitle {
  margin-top: 0.25rem;
  font-size: 1rem;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-hero-full-content .gs-hero-full-subtitle {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
@media only screen and (min-width: 992px) {
  .gs-hero-full-content .gs-hero-full-subtitle {
    font-size: 1.125rem;
    color: #ffffff;
    font-weight: normal;
    line-height: 1.75rem;
    text-transform: none;
  }
}
@media only screen and (min-width: 992px) and (min-width: 768px) {
  .gs-hero-full-content .gs-hero-full-subtitle {
    font-size: 1.125rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}
@media only screen and (min-width: 992px) {
  .gs-hero-full-content .gs-hero-full-subtitle {
    margin-top: 0.5rem;
  }
}
.gs-hero-full-content .gs-hero-full-cta {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
  text-align: center;
}
.gs-hero-full-content .gs-hero-full-cta .gs-link {
  width: 100%;
  display: inline;
}
@media only screen and (min-width: 576px) {
  .gs-hero-full-content .gs-hero-full-cta .gs-link {
    width: fit-content;
  }
}
@media only screen and (min-width: 576px) {
  .gs-hero-full-content .gs-hero-full-cta {
    flex-direction: row;
    margin-top: 1.25rem;
    gap: 1.5rem;
  }
}

@media only screen and (min-width: 576px) {
  .gs-container:has(.gs-hero-full-divider) .gs-hero-full {
    align-items: start;
  }
  .gs-container:has(.gs-hero-full-divider) .gs-hero-full .gs-hero-full-content {
    margin-top: 4rem;
  }
}

.gs-hero-full-divider {
  z-index: 1;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/hero/_Hero.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.gs-hero {
  width: 100%;
  border-radius: 20px;
  position: relative;
  z-index: 0;
  padding: 40px 20px;
  min-height: 345px;
}
@media only screen and (min-width: 640px) {
  .gs-hero {
    padding: 40px;
    height: 520px;
  }
}
.gs-hero.gs-hero--gradient:after {
  content: " ";
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(58, 58, 58, 0.4) -7.55%, rgba(58, 58, 58, 0.006) 80%);
}
.gs-hero.gs-hero--desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .gs-hero.gs-hero--desktop {
    display: inline-block;
  }
}
.gs-hero.gs-hero--mobile {
  display: inline-block;
}
@media only screen and (min-width: 1024px) {
  .gs-hero.gs-hero--mobile {
    display: none;
  }
}

.gs-hero-content {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.gs-hero-content > div:first-of-type {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  min-height: 265px;
}
@media only screen and (min-width: 640px) {
  .gs-hero-content > div:first-of-type {
    min-height: 0;
    height: fit-content;
    width: 50%;
    margin-top: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .gs-hero-content > div:first-of-type {
    margin-top: 2.5rem;
  }
}
.gs-hero-content > div:nth-of-type(n + 2) {
  display: none;
}
@media only screen and (min-width: 640px) {
  .gs-hero-content > div:nth-of-type(n + 2) {
    display: block;
  }
}
.gs-hero-content .gs-title {
  display: inline-block;
  margin: 0 0 8px;
  height: fit-content;
  font-size: 28px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 40px;
  text-transform: none;
  color: #ffffff;
}
@media only screen and (min-width: 640px) {
  .gs-hero-content .gs-title {
    font-size: 40px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 52px;
    text-transform: none;
  }
}
@media only screen and (min-width: 1024px) {
  .gs-hero-content .gs-title {
    font-size: 52px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 64px;
    text-transform: none;
  }
}
.gs-hero-content .gs-title sup {
  font-size: 0.3em;
}
@media only screen and (min-width: 640px) {
  .gs-hero-content .gs-title {
    color: #ffffff;
  }
}
.gs-hero-content .gs-subTitle {
  display: inline-block;
  margin: 0 0 20px;
  height: fit-content;
  font-size: 18px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 34px;
  text-transform: none;
  color: #ffffff;
}
@media only screen and (min-width: 640px) {
  .gs-hero-content .gs-subTitle {
    font-size: 20px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 36px;
    text-transform: none;
  }
}
@media only screen and (min-width: 1024px) {
  .gs-hero-content .gs-subTitle {
    font-size: 22px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 38px;
    text-transform: none;
  }
}
@media only screen and (min-width: 640px) {
  .gs-hero-content .gs-subTitle {
    color: #ffffff;
    margin-bottom: 1.875rem;
  }
}
@media only screen and (min-width: 1024px) {
  .gs-hero-content .gs-subTitle {
    margin-bottom: 2.5rem;
  }
}
.gs-hero-content .gs-link-section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: fit-content;
  margin-top: auto;
}
@media only screen and (min-width: 1024px) {
  .gs-hero-content .gs-link-section {
    flex-direction: row;
  }
}
.gs-hero-content .gs-link {
  display: inline-block;
  text-align: center;
  width: 100%;
  height: fit-content;
  margin-bottom: 10px;
}
@media only screen and (min-width: 640px) {
  .gs-hero-content .gs-link {
    width: fit-content;
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
.gs-hero-content--left {
  flex-direction: row;
  text-align: left;
}
.gs-hero-content--right {
  flex-direction: row-reverse;
  text-align: right;
}
.gs-hero-content .gs-hero-image-captions {
  position: absolute;
  bottom: 40px;
  right: 40px;
  width: 50%;
  text-align: right;
}
.gs-hero-content .gs-hero-image-captions h6 {
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  line-height: 34px;
}
.gs-hero-content .gs-hero-image-captions p {
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/horizontal-table/_HorizontalTable.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.horizontal-table {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 20px;
}
@media only screen and (min-width: 768px) {
  .horizontal-table {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column: span 2;
  }
  .horizontal-table.span2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .horizontal-table {
    grid-template-columns: repeat(3, 1fr);
    grid-column: span 3;
  }
  .horizontal-table.span2 {
    grid-column: span 2;
  }
}
.horizontal-table .header-section {
  background-color: #deefff;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .horizontal-table .header-section {
    grid-row: span 2;
  }
}
@media only screen and (min-width: 1024px) {
  .horizontal-table .header-section {
    grid-row: span 1;
  }
}
.horizontal-table .header-section h3 {
  font-size: 1.75rem;
  text-align: center;
}
.horizontal-table .header-section p {
  font-size: 1.125rem;
  margin-bottom: 16px;
}
.horizontal-table .header-section svg {
  max-width: 250px;
}
.horizontal-table .factsheet-vtable-body {
  background-color: #ffffff;
  /* Hide divider above first row */
}
.horizontal-table .factsheet-vtable-body:first-of-type .factsheet-group-row-divider:first-child,
.horizontal-table .factsheet-vtable-body:first-of-type .factsheet-row-divider:first-child {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .horizontal-table .factsheet-vtable-body .factsheet-group-row-divider:first-child,
  .horizontal-table .factsheet-vtable-body .factsheet-row-divider:first-child {
    display: none;
  }
  .horizontal-table .factsheet-vtable-body ~ .factsheet-vtable-body.is-group {
    border-left: 2px solid #d2d2d2;
  }
}
.horizontal-table .factsheet-row:first-child .factsheet-row-cell {
  padding-right: 0;
}
.horizontal-table .horizontal-table-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .horizontal-table .horizontal-table-list ~ .horizontal-table-list:first-child .item-text {
    border-top: 2px solid #d2d2d2;
  }
}
.horizontal-table .horizontal-table-list .horizontal-table-list-item {
  list-style: none;
  display: flex;
}
.horizontal-table .horizontal-table-list .horizontal-table-list-item:first-child .item-text {
  border-top: 0;
}
.horizontal-table .horizontal-table-list .horizontal-table-list-item .item-color-legend {
  display: flex;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
}
.horizontal-table .horizontal-table-list .horizontal-table-list-item .item-color-legend .item-color-circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.horizontal-table .horizontal-table-list .horizontal-table-list-item .item-text {
  display: flex;
  align-items: center;
  padding: 11px;
  font-size: 1.125rem;
  width: 100%;
  border-top: 2px solid #d2d2d2;
}
.horizontal-table .horizontal-table-list .horizontal-table-list-item .item-text .item-text-label {
  color: #3a3a3a;
  font-weight: 400;
  flex: 1 1;
}
.horizontal-table .horizontal-table-list .horizontal-table-list-item .item-text .item-text-label.total {
  font-weight: 700;
}
.horizontal-table .horizontal-table-list .horizontal-table-list-item .item-text .item-text-percentage {
  font-weight: 700;
  color: #3a3a3a;
  text-align: right;
  flex: 0;
}
.horizontal-table .disclaimer {
  color: #3a3a3a;
  font-size: 1rem;
  padding: 0 0 31px 44px;
}
.horizontal-table .disclaimer-full {
  position: relative;
  display: flex;
}
.horizontal-table .disclaimer-full .disclaimer-full-text {
  display: none;
}
.horizontal-table .disclaimer-full .disclaimer-full-text.active {
  display: block;
  width: 100%;
}
.horizontal-table .disclaimer-full .disclaimer-full-text ~ button {
  border: 0;
  outline: 0;
  background: transparent;
  color: #007B4B;
  font-size: 0.6875rem;
  cursor: pointer;
  margin-left: auto;
}
.horizontal-table .disclaimer-full .disclaimer-full-text ~ button svg {
  margin-left: 2px;
  color: inherit;
}
.horizontal-table .disclaimer-full .disclaimer-full-text ~ button.expand-button, .horizontal-table .disclaimer-full .disclaimer-full-text ~ button.collapse-button {
  display: none;
  align-items: center;
}
.horizontal-table .disclaimer-full .disclaimer-full-text ~ button.expand-button.active, .horizontal-table .disclaimer-full .disclaimer-full-text ~ button.collapse-button.active {
  display: inline-flex;
}
.horizontal-table .disclaimer-full .disclaimer-full-text.active {
  display: flex;
  width: 100%;
}
.horizontal-table .factsheet-htable-footer {
  padding-bottom: 2rem;
  position: relative;
}
.horizontal-table .factsheet-htable-footnote {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.horizontal-table .factsheet-htable-footnotes {
  margin-left: 1.3rem;
  margin-right: 1.3rem;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #d2d2d2;
}
.horizontal-table .factsheet-vtable-body.is-group .factsheet-htable-footnote {
  padding: 1rem 1.3rem 1rem;
}
.horizontal-table .factsheet-vtable-body.is-group .factsheet-htable-footnotes {
  margin-left: 0;
  margin-right: 0;
}
.horizontal-table .factsheet-htable-chart-footer .factsheet-htable-footnotes {
  margin-left: 3.5rem;
}
.horizontal-table .factsheet-htable-footer-controls {
  margin-left: 1.3rem;
  margin-right: 1.3rem;
  vertical-align: middle;
  background: white;
  text-align: right;
  cursor: pointer;
  display: none;
}
.horizontal-table .factsheet-htable-footer-controls svg {
  display: inline-block;
  width: 10px;
  height: 10px;
  padding-bottom: 1px;
  margin-left: 9px;
}
.horizontal-table .factsheet-htable-footer--collapsed .factsheet-htable-footer-controls--collapsed {
  display: block;
}
.horizontal-table .factsheet-htable-footer--collapsed .factsheet-htable-footer-controls--expanded {
  display: none;
}
.horizontal-table .factsheet-htable-footer--collapsed .factsheet-htable-footnotes {
  max-height: 120px;
  margin-bottom: 1.3rem;
  overflow: hidden;
}
.horizontal-table .factsheet-htable-footer--collapsed .factsheet-htable-footnotes--allowscroll {
  overflow-y: auto;
}
.horizontal-table .factsheet-htable-footer--expanded .factsheet-htable-footer-controls--collapsed {
  display: none;
}
.horizontal-table .factsheet-htable-footer--expanded .factsheet-htable-footer-controls--expanded {
  display: block;
}
.horizontal-table .factsheet-htable-footer--expanded .factsheet-htable-footnotes {
  margin-bottom: 1.3rem;
}
.horizontal-table .body {
  color: #3a3a3a;
  font-size: 1.25rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/html-component/_HtmlComponent.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/icon/_Icon.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.gs-icon {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: inherit;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/information-block/_InformationBlock.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.gs-information-block-inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
@media only screen and (min-width: 640px) {
  .gs-information-block-inner {
    justify-content: space-between;
  }
}

.gs-information-block-section {
  flex: 0 0 100%;
  margin-bottom: 40px;
}
@media only screen and (min-width: 640px) {
  .gs-information-block-section {
    flex: 0 0 45%;
  }
}
.gs-information-block-section.--small {
  flex: 0 0 100%;
  margin-bottom: 40px;
}
@media only screen and (min-width: 640px) {
  .gs-information-block-section.--small {
    flex: 0 0 calc(25% - 25px);
  }
}

.gs-information-block-title {
  margin-bottom: 32px;
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-information-block-title {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}

.gs-information-block-subsection--card {
  background: #f4f4f4;
  border-radius: 20px;
  padding: 24px 26px;
}
@media only screen and (min-width: 640px) {
  .gs-information-block-subsection--card {
    padding: 36px 28px;
  }
}

.gs-information-block-subtitle {
  margin-bottom: 8px;
  font-size: 18px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-information-block-subtitle {
    font-size: 20px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 32px;
    text-transform: none;
  }
}

.gs-information-block-content {
  margin-bottom: 8px;
  white-space: pre-line;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-information-block-content {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/input-field/_InputField.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-form-input, .gs-form-cta-input {
  padding: 0.5rem 1.25rem;
  border-radius: 0.25rem;
  border: 1px solid #A3A3A3;
  margin-bottom: 1.75rem;
  width: 100%;
  max-width: 26rem;
  display: block;
  height: 2.5rem;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
.gs-form-input.input-validation-error, .gs-form-cta-input.input-validation-error {
  border-color: #bb1615;
}
@media only screen and (min-width: 768px) {
  .gs-form-input, .gs-form-cta-input {
    height: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .gs-form-input, .gs-form-cta-input {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
.gs-form-input::-webkit-datetime-edit, .gs-form-input ::placeholder, .gs-form-cta-input::-webkit-datetime-edit, .gs-form-cta-input ::placeholder {
  color: #A3A3A3;
}
.gs-form-input:focus::-webkit-datetime-edit, .gs-form-cta-input:focus::-webkit-datetime-edit {
  color: #3a3a3a;
}

.gs-form-input-description {
  display: block;
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-input-description {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-form-input-label + .gs-form-input-description, .gs-form-cta-input-label + .gs-form-input-description {
  margin-bottom: 0.25rem;
}

.gs-form-input-label:has(+ .gs-form-input-description), .gs-form-cta-input-label:has(+ .gs-form-input-description) {
  margin: 0;
}
.gs-form-input-label.--optional, .gs-form-cta-input-label.--optional {
  margin-bottom: 0.125rem;
}
.gs-form-input-label.--optional::after, .gs-form-cta-input-label.--optional::after {
  content: "(optional)";
  display: inline;
  font-weight: normal;
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
  margin-left: 0.3125rem;
}
@media only screen and (min-width: 768px) {
  .gs-form-input-label.--optional::after, .gs-form-cta-input-label.--optional::after {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-form-input-ssn.--hidden {
  -webkit-text-security: disc;
  text-security: disc;
}

.gs-form-input-amount {
  background-image: url("data:image/svg+xml,<svg width=\"8\" height=\"13\" viewBox=\"0 0 8 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.696 8.736C7.696 10.208 6.528 11.568 4.592 11.68V13.008H3.616V11.616C1.904 11.328 0.8 10.032 0.8 8.656H2.24C2.256 9.552 3.04 10.432 4.336 10.432C5.552 10.432 6.24 9.664 6.24 8.784C6.24 8.032 5.664 7.488 4.608 7.232L3.328 6.912C1.2 6.384 0.864 5.168 0.864 4.368C0.864 2.832 2.112 1.792 3.616 1.584V0.32H4.592V1.568C6.24 1.744 7.376 2.88 7.36 4.464H5.92C5.936 3.504 5.2 2.816 4.128 2.816C3.104 2.816 2.32 3.456 2.32 4.352C2.32 4.704 2.416 5.392 3.68 5.696L4.96 6C6.704 6.416 7.696 7.376 7.696 8.736Z\" fill=\"%233A3A3A\"/></svg>");
  background-repeat: no-repeat;
  background-position: 2% center;
}

.gs-form-input-percentage {
  background-image: url("data:image/svg+xml,<svg width=\"10\" height=\"13\" viewBox=\"0 0 10 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.848 12H1.888L7.232 0.976H8.176L2.848 12ZM2.688 5.488C1.488 5.488 0.56 4.56 0.56 3.36C0.56 2.192 1.488 1.232 2.688 1.232C3.856 1.232 4.816 2.192 4.816 3.36C4.816 4.56 3.856 5.488 2.688 5.488ZM2.688 4.464C3.296 4.464 3.808 4 3.808 3.36C3.808 2.752 3.296 2.24 2.688 2.24C2.048 2.24 1.584 2.752 1.584 3.36C1.584 4 2.048 4.464 2.688 4.464ZM7.376 12.16C6.176 12.16 5.264 11.232 5.264 10.048C5.264 8.864 6.176 7.904 7.376 7.904C8.56 7.904 9.504 8.864 9.504 10.048C9.504 11.232 8.56 12.16 7.376 12.16ZM7.376 11.152C8 11.152 8.496 10.672 8.496 10.048C8.496 9.424 8 8.928 7.376 8.928C6.736 8.928 6.272 9.424 6.272 10.048C6.272 10.672 6.736 11.152 7.376 11.152Z\" fill=\"%233A3A3A\"/></svg>");
  background-repeat: no-repeat;
  background-position: 98% center;
}

.gs-form-field {
  max-width: 26rem;
}

.gs-form-input-icon {
  position: relative;
  top: -2.25rem;
  float: right;
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 0.75rem;
  cursor: pointer;
}

.gs-form-input-split {
  display: flex;
  gap: 5%;
  width: 100%;
}
.gs-form-input-split > div:nth-child(1) {
  flex: 0 0 75%;
}
.gs-form-input-split > div:nth-child(2) {
  flex: 0 0 20%;
}

.gs-form-input-icon-ssn {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" class=\"gs-icon\"><path d=\"m31.45 27.05-2.2-2.2q1.3-3.55-1.35-5.9-2.65-2.35-5.75-1.2l-2.2-2.2q.85-.55 1.9-.8 1.05-.25 2.15-.25 3.55 0 6.025 2.475Q32.5 19.45 32.5 23q0 1.1-.275 2.175-.275 1.075-.775 1.875Zm6.45 6.45-2-2q2.45-1.8 4.275-4.025Q42 25.25 42.85 23q-2.5-5.55-7.5-8.775Q30.35 11 24.5 11q-2.1 0-4.3.4-2.2.4-3.45.95L14.45 10q1.75-.8 4.475-1.4Q21.65 8 24.25 8q7.15 0 13.075 4.075Q43.25 16.15 46 23q-1.3 3.2-3.35 5.85-2.05 2.65-4.75 4.65Zm2.9 11.3-8.4-8.25q-1.75.7-3.95 1.075T24 38q-7.3 0-13.25-4.075T2 23q1-2.6 2.775-5.075T9.1 13.2L2.8 6.9l2.1-2.15L42.75 42.6ZM11.15 15.3q-1.85 1.35-3.575 3.55Q5.85 21.05 5.1 23q2.55 5.55 7.675 8.775Q17.9 35 24.4 35q1.65 0 3.25-.2t2.4-.6l-3.2-3.2q-.55.25-1.35.375T24 31.5q-3.5 0-6-2.45T15.5 23q0-.75.125-1.5T16 20.15Zm15.25 7.1Zm-5.8 2.9Z\"></path></svg>");
}
.gs-form-input-icon-ssn.--selected {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" class=\"gs-icon\"><path d=\"M24 31.5q3.55 0 6.025-2.475Q32.5 26.55 32.5 23q0-3.55-2.475-6.025Q27.55 14.5 24 14.5q-3.55 0-6.025 2.475Q15.5 19.45 15.5 23q0 3.55 2.475 6.025Q20.45 31.5 24 31.5Zm0-2.9q-2.35 0-3.975-1.625T18.4 23q0-2.35 1.625-3.975T24 17.4q2.35 0 3.975 1.625T29.6 23q0 2.35-1.625 3.975T24 28.6Zm0 9.4q-7.3 0-13.2-4.15Q4.9 29.7 2 23q2.9-6.7 8.8-10.85Q16.7 8 24 8q7.3 0 13.2 4.15Q43.1 16.3 46 23q-2.9 6.7-8.8 10.85Q31.3 38 24 38Zm0-15Zm0 12q6.05 0 11.125-3.275T42.85 23q-2.65-5.45-7.725-8.725Q30.05 11 24 11t-11.125 3.275Q7.8 17.55 5.1 23q2.7 5.45 7.775 8.725Q17.95 35 24 35Z\"></path></svg>");
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/interactive-map/_InteractiveMap.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.gs-map-container {
  text-align: center;
  background: #f4f4f4;
  position: relative;
  width: 100%;
  max-width: 100%;
}
.gs-map-container .state {
  cursor: pointer;
}

.gs-map-inner {
  max-width: 960px;
  padding: 2rem 0;
  margin: 0 auto;
}

.gs-map-stateinfo {
  display: block;
  background: #FFF;
  padding: 0 0 1rem;
  text-align: left;
  max-width: 36rem;
  box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.3);
  border-radius: 1rem;
  position: absolute;
  top: 2em;
  left: 2em;
  right: 2em;
}
.gs-map-stateinfo.hidden {
  display: none;
}

.gs-map-stateinfo h3 {
  font-size: 1.5rem;
  background: #d2d2d2;
  text-align: center;
  padding: 0.6rem 0;
  margin: 0 0 1rem;
  border-bottom: 1px solid #CCC;
  border-radius: 1rem 1rem 0 0;
}

.gs-map-closebtn {
  position: absolute;
  font-size: 1.2rem;
  font-weight: bold;
  top: 0.2rem;
  right: 0.5rem;
  text-decoration: none;
  color: black;
  padding: 0.5rem;
}

.gs-map-stateinfo .gs-map-contents {
  display: block;
}

.gs-map-stateinfo .gs-map-content {
  display: block;
  padding: 0.5rem 1.5rem;
}

@media screen and (min-width: 480px) {
  .gs-map-stateinfo {
    right: auto;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/investment-philosophy/_InvestmentPhilosophy.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.investment-philosophy-chart {
  max-width: 1140px;
  padding: 0 0 2em 0;
  margin-top: 80px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .investment-philosophy-chart {
    flex-wrap: nowrap;
  }
}

.investment-philosophy-boxes-50.chart-box-container {
  padding-bottom: 75%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .investment-philosophy-boxes-50.chart-box-container {
    padding-bottom: 36%;
  }
}

.investment-philosophy-boxes-50 {
  flex: 1 1 100%;
}
@media only screen and (min-width: 768px) {
  .investment-philosophy-boxes-50 {
    flex: 1 1 50%;
  }
}

.investment-philosophy-boxes-50:first-child {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .investment-philosophy-boxes-50:first-child {
    margin-right: 50px;
    margin-bottom: 0;
  }
}

.investment-philosophy-boxes-50.chart-legend {
  padding-top: 30px;
}

.investment-philosophy-legend-copy {
  border-style: solid;
  border-color: #6cb33f;
  border-width: 20px;
  padding: 20px 20px 20px 40px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  margin-top: 30px;
}

.img-circle-chart {
  position: absolute;
  display: block;
  float: left;
  width: 100%;
  max-width: 522px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/investment-platform-funds-listing/_InvestmentPlatformFundsListing.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

@media only screen and (max-width: 991px) {
  .gs-investment-platform-fund-table .gs-container-inner {
    padding-right: 0;
  }
}

.gs-investment-platform-fund-table .desktop-asof-date {
  font-weight: normal;
  margin-bottom: 0;
  display: block;
}
.gs-investment-platform-fund-table .desktop-asof-date span {
  font-weight: bold;
}
.gs-investment-platform-fund-table .asof-date-selector {
  margin-top: 1rem;
}
.gs-investment-platform-fund-table .mobile-asof-date {
  display: none;
}
.gs-investment-platform-fund-table .spinner-container .spinner-border {
  height: 100%;
  width: 100%;
}
.gs-investment-platform-fund-table .spinner-container .spinner-border .gs-loading-spinner {
  margin: 10rem auto 0 auto;
}
.gs-investment-platform-fund-table .gs-fund-table-filter-panel {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-bottom: 1rem;
}
.gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: start;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 992px) {
  .gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-row {
    flex-direction: row;
    align-items: center;
  }
}
.gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-row .gs-button-toggle-group {
  display: inline-flex;
  border-radius: 0.5rem;
  overflow: hidden;
}
.gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-row .gs-button-toggle-group .gs-button-toggle {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.125rem;
  text-transform: none;
  padding: 0.3125rem 1rem;
  border: none;
  color: #3a3a3a;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-row .gs-button-toggle-group .gs-button-toggle {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: bold;
  }
}
.gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-row .gs-button-toggle-group .gs-button-toggle:hover, .gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-row .gs-button-toggle-group .gs-button-toggle.selected {
  background-color: #007B4B;
  color: #ffffff;
  z-index: 2;
  margin-right: -1px;
}
.gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-row .gs-button-toggle-group .gs-button-toggle:hover::before, .gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-row .gs-button-toggle-group .gs-button-toggle.selected::before {
  display: none;
}
.gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-row .gs-button-toggle-group .gs-button-toggle:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  height: 50%;
  width: 1px;
  background-color: #A3A3A3;
  z-index: 0;
}
.gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-panel-label {
  flex: 1;
}
.gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-panel-label .gs-fund-table-filter-panel-share-class {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: 800;
  line-height: 1.75rem;
  text-transform: none;
  margin-left: 0.5rem;
  border-bottom: 0.1875rem solid #007B4B;
}
@media only screen and (min-width: 768px) {
  .gs-investment-platform-fund-table .gs-fund-table-filter-panel .gs-fund-table-filter-panel-label .gs-fund-table-filter-panel-share-class {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: 800;
  }
}
.gs-investment-platform-fund-table .gs-fund-table-filter-panel .sticky-header-controls {
  flex: 3;
}
.gs-investment-platform-fund-table .fund-performance table {
  margin: 0;
}
.gs-investment-platform-fund-table .fund-performance table thead {
  background: #E2F0DC;
}
.gs-investment-platform-fund-table .fund-performance table thead th:first-child {
  background: #E2F0DC;
}
.gs-investment-platform-fund-table .fund-performance .fundInfo a,
.gs-investment-platform-fund-table .fund-performance .fundInfoCol a {
  font-size: 0.75rem;
  color: #246CA9;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .gs-investment-platform-fund-table .fund-performance .fundInfo a,
  .gs-investment-platform-fund-table .fund-performance .fundInfoCol a {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}
.gs-investment-platform-fund-table .fund-performance .fundInfo .gs-investment-platform-fund-label,
.gs-investment-platform-fund-table .fund-performance .fundInfoCol .gs-investment-platform-fund-label {
  font-size: 0.75rem;
  color: #757575;
  font-weight: 800;
  line-height: 1.125rem;
  text-transform: uppercase;
  margin-left: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .gs-investment-platform-fund-table .fund-performance .fundInfo .gs-investment-platform-fund-label,
  .gs-investment-platform-fund-table .fund-performance .fundInfoCol .gs-investment-platform-fund-label {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 800;
  }
}
.gs-investment-platform-fund-table .fund-performance table thead,
.gs-investment-platform-fund-table .fund-performance table thead tr {
  top: 10.0625rem;
}
.gs-investment-platform-fund-table .fund-performance table tbody .category {
  top: 14.0625rem;
  box-shadow: none;
}
.gs-investment-platform-fund-table .fund-performance table .fundNameCol,
.gs-investment-platform-fund-table .fund-performance table tr.category th {
  background-color: #ffffff;
  box-sizing: border-box;
  min-width: 8.75rem;
  word-wrap: break-word;
}
.gs-investment-platform-fund-table .fund-performance table .fundNameCol::after,
.gs-investment-platform-fund-table .fund-performance table tr.category th::after {
  content: "";
  position: absolute;
  top: 0;
  right: -4rem;
  height: 100%;
  width: 4rem;
  pointer-events: none;
  background: transparent;
  box-shadow: inset 8px 0 8px -6px #d2d2d2;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .gs-investment-platform-fund-table .fund-performance table thead,
  .gs-investment-platform-fund-table .fund-performance table thead tr {
    top: 11.9375rem;
  }
  .gs-investment-platform-fund-table .fund-performance table tbody .category {
    top: 15.9375rem;
  }
}
@media only screen and (min-width: 1024px) {
  .gs-investment-platform-fund-table .fund-performance table thead,
  .gs-investment-platform-fund-table .fund-performance table thead tr {
    top: 14.5625rem;
  }
  .gs-investment-platform-fund-table .fund-performance table tbody .category {
    top: 18.5625rem;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/investment-principles/_InvestmentPrinciples.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.investment-principles-bg {
  background-image: url(https://www.guidestonefunds.com/-/media/Funds-Microsite/Parallax/bg-gray-active-christian-mutual-fund.ashx);
  background-size: cover;
  background-position: center center;
  position: absolute;
  height: 200%;
  width: 100%;
  top: 0px;
  left: 0px;
}

.investment-principles-container-panel {
  background: transparent;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 80px 30px;
  z-index: 600;
}
.investment-principles-container-panel h1 {
  margin-bottom: 20px !important;
  font-size: 42px;
  line-height: 52px !important;
}
.investment-principles-container-panel h2 {
  font-size: 26px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 10px;
  color: #000;
}
.investment-principles-container-panel h1,
.investment-principles-container-panel h2 {
  font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.investment-principles-container-panel .h1,
.investment-principles-container-panel .h2,
.investment-principles-container-panel h1,
.investment-principles-container-panel h2 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.investment-principles-container-panel .text-dark-blue {
  color: #414b70 !important;
}
.investment-principles-container-panel .text-green {
  color: #6cb33f !important;
}
.investment-principles-container-panel .text-grey {
  color: #697985;
}
.investment-principles-container-panel p {
  margin-bottom: 30px;
}
.investment-principles-container-panel .investment-principles-chart {
  display: flex;
  justify-content: space-evenly !important;
  align-items: baseline !important;
}
.investment-principles-container-panel .investment-principles-chart .investment-principles-boxes-50 {
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0;
  margin-bottom: 30px;
  border-style: solid;
  border-width: 20px;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.investment-principles-container-panel .investment-principles-chart .boxes-50-L {
  border-color: #6cb33f;
  width: 50%;
  float: left;
  padding-right: 25px;
  position: relative;
  margin-right: 2%;
}
.investment-principles-container-panel .investment-principles-chart .boxes-50-L h2 span {
  color: #6cb33f;
}
.investment-principles-container-panel .investment-principles-chart .boxes-50-R {
  border-color: #697985;
  width: 50%;
  float: left;
  padding-left: 25px;
  margin-left: 2%;
}
.investment-principles-container-panel .investment-principles-chart .component-image {
  height: 100%;
  margin-bottom: 20px;
}
.investment-principles-container-panel .investment-principles-chart ul > li {
  margin-bottom: 20px;
  font-size: 15px;
  margin-left: -20px;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/leadership-bio/LeadershipBio.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.gs-leadership-bio {
  padding-bottom: 120px;
  padding-top: 64px;
}

.gs-leadership-bio-subTitle {
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  color: #757575;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}
@media only screen and (min-width: 640px) {
  .gs-leadership-bio-subTitle {
    font-size: 20px;
    color: #757575;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
  }
}
.gs-leadership-bio-subTitle > a {
  cursor: pointer;
  font-size: 14px;
  color: #757575;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}
@media only screen and (min-width: 640px) {
  .gs-leadership-bio-subTitle > a {
    font-size: 20px;
    color: #757575;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
  }
}

.gs-leadership-bio-title {
  text-align: center;
  font-size: 28px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 40px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-leadership-bio-title {
    font-size: 52px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 64px;
    text-transform: none;
  }
}

.gs-leadership-bio-position {
  margin: 20px 0 0 0;
  text-align: center;
  font-size: 18px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 34px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-leadership-bio-position {
    font-size: 22px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 38px;
    text-transform: none;
  }
}

.gs-leadership-bio-img-wrapper {
  border-radius: 20px;
  display: block;
  height: 200px;
  max-width: 200px;
  overflow: hidden;
  position: relative;
  margin: 20px auto;
}
@media only screen and (min-width: 425px) {
  .gs-leadership-bio-img-wrapper {
    height: 340px;
    max-width: 420px;
    margin: 40px auto;
  }
}
.gs-leadership-bio-img-wrapper .gs-leadership-bio-img {
  left: 50%;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/link/_Link.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.gs-link {
  cursor: pointer;
  display: inline-flex;
  width: fit-content;
  align-items: center;
  transition: all 0.3s ease;
}
.gs-link.gs-link-inline {
  display: inline;
}
.gs-link span {
  color: currentColor;
}
.gs-link:hover span {
  color: currentColor;
}
.gs-link:hover svg {
  transform: translate(0.15em);
}
.gs-link svg {
  transition: all 0.3s ease;
}

.gs-link--disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.gs-link--primary {
  font-weight: normal;
}
.gs-link--primary:focus-visible {
  outline: none;
  text-decoration: underline;
  border: 1px solid #3a3a3a;
  border-radius: 0.25rem;
  padding: 0.25rem 0.1rem 0.5rem 0.1rem;
}
.gs-link--primary:focus-visible.gs-link--white {
  border: 1px solid #ffffff;
}
.gs-link--primary.gs-link--green:has(.gs-link--icon):hover {
  color: #024638;
}
.gs-link--primary.gs-link--green:has(.gs-link--icon):hover .gs-link--icon {
  color: #024638;
}
.gs-link--primary:not(:has(.gs-link--icon)):hover {
  text-decoration: underline;
}

.gs-link--secondary {
  font-weight: normal;
  padding: 0.83em 1.6em 0.83em 1.6em;
  border-radius: 100px;
}

.gs-link--tertiary {
  font-weight: normal;
  padding: 0.83em 1.6em 0.83em 1.6em;
  border-radius: 100px;
  border: 1px solid;
  background-color: transparent;
}

.gs-link--bold {
  font-weight: bold;
}

.gs-link--black {
  color: #3a3a3a;
}

.gs-link--secondary.gs-link--black {
  background-color: #3a3a3a;
  color: #ffffff;
}
.gs-link--secondary.gs-link--black .gs-link--icon {
  color: #ffffff;
}

.gs-link--tertiary.gs-link--black:hover {
  background-color: rgba(0, 123, 75, 0.1);
}

.gs-link--green {
  color: #007B4B;
}

.gs-link--secondary.gs-link--green {
  background-color: #007B4B;
  color: #ffffff;
}
.gs-link--secondary.gs-link--green:hover {
  background-color: #024638;
}
.gs-link--secondary.gs-link--green .gs-link--icon {
  color: #ffffff;
}

.gs-link--tertiary.gs-link--green:hover {
  background-color: rgba(2, 70, 56, 0.05);
}

.gs-link--white {
  color: #ffffff;
}

.gs-link--secondary.gs-link--white {
  background-color: #ffffff;
  color: #007B4B;
  border: 1px solid #007B4B;
}
.gs-link--secondary.gs-link--white:hover {
  border: 1px solid #ffffff;
}

.gs-link--secondary.gs-link--white:hover,
.gs-link--tertiary.gs-link--white:hover {
  color: #ffffff;
  background-color: #024638;
}
.gs-link--secondary.gs-link--white:hover .gs-link--icon,
.gs-link--tertiary.gs-link--white:hover .gs-link--icon {
  color: #ffffff;
}

.gs-link--tertiary.gs-link--white .gs-link--icon {
  color: #ffffff;
}
.gs-link--tertiary.gs-link--white:hover {
  border: 1px solid #024638;
}

.gs-link--blue {
  color: #246CA9;
}
.gs-link--blue .gs-link--icon {
  color: #246CA9;
}

.gs-link--secondary.gs-link--blue {
  background-color: #246CA9;
  color: #ffffff;
}
.gs-link--secondary.gs-link--blue .gs-link--icon {
  color: #ffffff;
}
.gs-link--secondary.gs-link--blue:hover {
  background-color: #246CA9;
}

.gs-link--tertiary.gs-link--blue:hover {
  background-color: rgba(36, 108, 169, 0.05);
}

.gs-link--small {
  line-height: 14px;
  font-size: 14px;
}
@media only screen and (min-width: 375px) {
  .gs-link--small {
    line-height: 16px;
    font-size: 16px;
  }
}

.gs-link--medium {
  line-height: 18px;
  font-size: 18px;
}

.gs-link--large {
  line-height: 28px;
  font-size: 28px;
}
.gs-link--large.gs-link--black:hover {
  color: #007B4B;
}

.gs-link--icon {
  vertical-align: bottom;
  display: inline-block;
  color: #007B4B;
  margin-left: 0.25em;
}

.gs-link--icon-left {
  vertical-align: bottom;
  display: inline-block;
  color: #007B4B;
  margin-right: 0.25em;
}

/* Link is hidden from laptop, desktop, and iPad Pro */
.gs-link--mobile-only {
  display: inline-block;
  line-height: 18px !important;
}
@media only screen and (min-width: 992px) {
  .gs-link--mobile-only {
    display: none;
  }
}

/* Link is only hidden from larger displays */
.gs-link--non-desktop {
  display: inline-block;
  line-height: 18px !important;
}
@media only screen and (min-width: 1400px) {
  .gs-link--non-desktop {
    display: none;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/loading-spinner/_LoadingSpinner.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.gs-loading-spinner {
  width: 3rem;
  height: 3rem;
  border: 0.25rem solid #007B4B;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/login/_LegacyLogin.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
input,
textarea,
strong,
button,
div {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  color: #3a3a3a;
  font-family: "sofia-pro", sans-serif;
}

h1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
}

h2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
}

h3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
}

@media screen and (min-width: 768px) {
  h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  h2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.gs-login {
  position: absolute;
  width: 100%;
  background-color: #f4f4f4;
  visibility: hidden;
  opacity: 0;
  top: 50%;
  transition: all 0.5s ease;
  box-shadow: 0px 4px 20px -8px rgba(0, 0, 0, 0.1);
}
.gs-login.--active {
  visibility: visible;
  opacity: 100%;
  top: 100%;
  transition: all 0.5s ease;
}

.gs-login-inner .gs-container-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: auto;
  max-width: 425px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1024px) {
  .gs-login-inner .gs-container-inner {
    flex-direction: row;
    max-width: 1200px;
  }
}

.gs-login-location-select {
  position: relative;
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
}
@media only screen and (min-width: 1024px) {
  .gs-login-location-select {
    flex: 0 1 350px;
  }
}

.gs-login-location-select-container {
  height: 80px;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .gs-login-location-select-container {
    height: 40px;
  }
}
.gs-login-location-select-container > span {
  position: relative;
  bottom: 0px;
}
@media only screen and (min-width: 1024px) {
  .gs-login-location-select-container > span {
    position: absolute;
  }
}

.gs-login-location-select-input {
  display: block;
  position: relative;
  margin-bottom: 5px;
  padding: 12px;
  border-radius: 6px;
  border-width: 1px;
  border-color: #d2d2d2;
  background-color: #ffffff;
  border-style: solid;
  max-height: 48px;
  font-size: 14px;
  line-height: 24px;
  color: #3a3a3a;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .gs-login-location-select-input {
    display: inline-block;
    position: absolute;
    top: 0px;
    bottom: -13px;
    left: 86px;
    right: 0px;
    margin-left: 5px;
  }
}
.gs-login-location-select-input > span {
  color: #3a3a3a;
  line-height: 12px;
}
.gs-login-location-select-input > .gs-icon {
  position: absolute;
  right: 8px;
  top: 6px;
  font-size: 2.5em;
  fill: #3a3a3a;
}

.gs-login-location-select-item {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  padding: 8px;
}
.gs-login-location-select-item:hover {
  color: #007B4B;
}

.gs-login-location-select-selector {
  position: absolute;
  background-color: #ffffff;
  z-index: 10;
  left: 0px;
  top: 32px;
  right: 0px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  padding: 10px;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .gs-login-location-select-selector {
    left: 91px;
    top: 0px;
  }
}

.gs-login-section {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 25px 0 0 0;
}
@media only screen and (min-width: 1024px) {
  .gs-login-section {
    padding: 0 0 0 25px;
  }
}
.gs-login-section.--hidden {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .gs-login-section.--hidden {
    visibility: hidden;
  }
}

.gs-login-subsection {
  line-height: 0px;
  padding: 5px 0 0 0;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .gs-login-subsection {
    padding: 12px 0 0 0;
    position: absolute;
    left: 91px;
  }
}

.gs-login-section-button {
  padding: 25px 0;
}
@media only screen and (min-width: 1024px) {
  .gs-login-section-button {
    padding: 0 0 0 25px;
  }
}
.gs-login-section-button > a {
  justify-content: center;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .gs-login-section-button > a {
    width: fit-content;
  }
}
.gs-login-section-button.--hidden {
  display: none;
}

.gs-login-message-wrapper {
  width: 100%;
}
.gs-login-message-wrapper .gs-login-message {
  line-height: 14px;
  font-size: 14px;
  width: fit-content;
  text-align: center;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
  margin: 0px auto auto;
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  .gs-login-message-wrapper .gs-login-message {
    margin: 20px auto auto;
  }
}
.gs-login-message-wrapper .gs-login-message.--error {
  color: #bb1615;
}

.gs-login-input {
  padding: 12px;
  border-radius: 6px;
  border-width: 1px;
  border-color: #d2d2d2;
  border-style: solid;
  margin-bottom: 5px;
  max-height: 48px;
  font-size: 14px;
  line-height: 24px;
}

.gs-login-message-placeholder {
  display: none;
}

.gs-login-password-container {
  display: flex;
  flex-direction: row;
  padding: 12px;
  border-radius: 6px;
  border-width: 1px;
  border-color: #d2d2d2;
  border-style: solid;
  margin-bottom: 5px;
  max-height: 48px;
  font-size: 14px;
  line-height: 24px;
  background-color: #ffffff;
}
.gs-login-password-container input {
  flex: 1 1 80%;
  border: none;
  font-size: 14px;
  line-height: 24px;
}
.gs-login-password-container input:focus {
  outline: none;
}
.gs-login-password-container span {
  flex: 0 0 24px;
  text-align: center;
  cursor: pointer;
}
.gs-login-password-container .gs-login-password-show-icon {
  display: none;
}
.gs-login-password-container .gs-login-password-hide-icon {
  display: inline-block;
}
.gs-login-password-container.password-hidden .gs-login-password-show-icon {
  display: inline-block;
}
.gs-login-password-container.password-hidden .gs-login-password-hide-icon {
  display: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/long-card/_LongCard.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.gs-longcard {
  padding: 25px;
  display: flex;
  flex-direction: row;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .gs-longcard {
    padding: 44px;
  }
}

.gs-longcard-section {
  display: flex;
  flex-direction: column;
}

.gs-longcard-icon--mobile {
  width: 48px;
  height: 48px;
  margin-right: 8px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .gs-longcard-icon--mobile {
    display: none;
  }
}

.gs-longcard-icon--desktop {
  width: 160px;
  height: 160px;
  margin-right: 32px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .gs-longcard-icon--desktop {
    display: block;
  }
}

.gs-longcard-title {
  display: flex;
  align-items: center;
}

.gs-longcard-title > span {
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-longcard-title > span {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}

.gs-longcard-content {
  margin-top: 12px;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-longcard-content {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}

.gs-longcard-links {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}

.gs-longcard-link {
  margin-top: 12px;
  font-size: 14px;
  overflow-wrap: anywhere;
}
@media only screen and (min-width: 768px) {
  .gs-longcard-link {
    font-size: 18px;
    line-height: 26px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/milestones-call-to-action/_MilestonesCallToAction.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.gs-milestones-cta {
  text-align: center;
  padding: 1rem;
  border-radius: 1.25rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-cta {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-top: 1.5rem;
  }
}

.gs-milestones-cta--primary {
  background-color: #deefff;
}

.gs-milestones-cta--secondary {
  background-color: #E2F0DC;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-cta--secondary {
    background-color: #ffffff;
  }
}

.gs-milestones-cta-title {
  font-size: 1rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-cta-title {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

.gs-milestones-cta-description {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-cta-description {
    font-size: 1rem;
    line-height: 1.75rem;
  }
}

.gs-milestones-cta-buttons {
  padding-top: 1rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-cta-buttons {
    padding-top: 0.5rem;
    flex-flow: row wrap;
    gap: 1rem;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/milestones-insides/_MilestonesInsides.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

/*
* The milestones insides compoennt now has 2 diferent modes. Icon mode and media mode.
* In icon mode, we display an icon before the header. The dividing line between heading text and description is dark grey
* In media mode, we display media to the left and a lighter grey dividing line between heading text and description. (no icon)
* In media mode on mobile, we display the media between the heading text and description, with no dividing line
**/
.gs-milestonesinsides-content {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 1.5rem;
  gap: 0.25rem;
  /* Change a number of things in media mode.
   *   - Hide the icon
   *   - Left-align the heading text
   *   - Change the layout
   */
  /**
   * When not showing media we are in icon mode.
   * In icon mode, border between header text and description is darker
   */
}
.gs-milestonesinsides-content span {
  margin-top: 0.5rem;
}
.gs-milestonesinsides-content--with-media {
  /* When showing media the icon does not show and the border between heading and description is light grey, but only on desktop */
}
.gs-milestonesinsides-content--with-media .gs-milestonesinsides-heading-icon {
  display: none;
}
.gs-milestonesinsides-content--with-media .gs-milestonesinsides-heading {
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .gs-milestonesinsides-content--with-media .gs-milestoneinsides-description {
    border-top: 2px solid #A3A3A3;
  }
}
@media only screen and (min-width: 768px) {
  .gs-milestonesinsides-content--with-media {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content 1fr;
    column-gap: 2rem;
    row-gap: 0;
  }
}
.gs-milestonesinsides-content:not(.gs-milestonesinsides-content--with-media) .gs-milestoneinsides-description {
  border-top: 2px solid #3A3A3A;
}

.gs-milestonesinsides-media {
  border-radius: 0.5rem;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .gs-milestonesinsides-media {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.gs-milestonesinsides-media img {
  width: 100%;
  height: 100%;
}

.gs-milestonesinsides-heading {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.3rem;
  padding-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .gs-milestonesinsides-heading {
    flex-direction: row;
  }
}

.gs-milestonesinsides-heading-icon {
  width: 48px;
  height: 48px;
}

.gs-milestonesinsides-heading-text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gs-milestonesinsides-heading-text h2 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-milestonesinsides-heading-text h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-milestoneinsides-description {
  padding-top: 0.25rem;
  margin-top: 0.25rem;
}
@media only screen and (min-width: 768px) {
  .gs-milestoneinsides-description {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
  }
}

/* Accordion styles */
.gs-milestonesinsides .gs-accordiontogglelist .gs-container-inner {
  padding: 0 !important;
}
.gs-milestonesinsides .gs-accordiontogglelist .gs-accordion-card-links .gs-link {
  font-weight: normal;
}
.gs-milestonesinsides .gs-accordiontogglelist .gs-accordion-drawer {
  padding: 1rem;
}
@media only screen and (min-width: 576px) {
  .gs-milestonesinsides .gs-accordiontogglelist .gs-accordion-drawer {
    padding: 1.5rem;
  }
}
.gs-milestonesinsides .gs-accordiontogglelist .gs-accordion-drawer .gs-accordion-card-title {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-milestonesinsides .gs-accordiontogglelist .gs-accordion-drawer .gs-accordion-card-title {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: bold;
  }
}
.gs-milestonesinsides .gs-accordiontogglelist .gs-accordion-drawer .gs-accordion-card-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-milestonesinsides .gs-accordiontogglelist .gs-accordion-drawer .gs-accordion-card-text {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
.gs-milestonesinsides .gs-accordiontogglelist .gs-accordion-drawer .gs-accordion-card-links .gs-link {
  font-size: 0.875rem;
}
@media only screen and (min-width: 768px) {
  .gs-milestonesinsides .gs-accordiontogglelist .gs-accordion-drawer .gs-accordion-card-links .gs-link {
    font-size: 1rem;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/milestones/_Milestones.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-milestones-navigation {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation {
    flex-flow: column nowrap;
  }
}
.gs-milestones-navigation .gs-milestones-navigation--banner-desktop {
  display: none;
  flex: 0 1 2.25rem;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-navigation--banner-desktop {
    display: flex;
    width: 100%;
    background-color: #024638;
    border-radius: 0.25rem;
  }
  .gs-milestones-navigation .gs-milestones-navigation--banner-desktop :not(:last-child) {
    border-right: 1px solid #ffffff;
  }
  .gs-milestones-navigation .gs-milestones-navigation--banner-desktop .gs-milestones-navigation--banner-section {
    flex: 1;
    display: flex;
    justify-content: center;
  }
  .gs-milestones-navigation .gs-milestones-navigation--banner-desktop .gs-milestones-navigation--banner-section h3 {
    font-size: 1.125rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.5rem;
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-navigation--banner-desktop .gs-milestones-navigation--banner-section h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}
.gs-milestones-navigation .gs-milestones-navigation--banner-section--mobile {
  text-align: center;
  padding: 1rem 1rem 0.5rem 1rem;
}
.gs-milestones-navigation .gs-milestones-navigation--banner-section--mobile span {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-navigation--banner-section--mobile span {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-navigation--banner-section--mobile {
    display: none;
  }
}
.gs-milestones-navigation .gs-milestones-navigation-items {
  display: flex;
  flex: 1 1 80%;
  flex-flow: column nowrap;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-navigation-items {
    flex-basis: 100%;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}
.gs-milestones-navigation .gs-milestones-gap-symbol {
  padding-left: 0.75rem;
  display: none;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-gap-symbol {
    padding: 0.2rem;
    transform: rotate(-90deg);
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-gap-symbol {
    padding: 0.3rem;
  }
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-gap-symbol {
    padding: 0.4rem;
  }
}
.gs-milestones-navigation .gs-milestones-stone {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  background-color: #ffffff;
  width: 100%;
  border: 1px solid #d2d2d2;
  border-radius: 1.25rem;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-stone {
    flex-flow: column nowrap;
    aspect-ratio: 1/1;
    width: 12vw;
    height: 12vw;
    padding: 0.3rem;
    border: 2px solid #A3A3A3;
    border-radius: 50%;
    transition: transform 0.3s ease-in-out;
    margin: 0;
    flex-flow: column nowrap;
    gap: 0.2rem;
  }
  .gs-milestones-navigation .gs-milestones-stone:hover {
    background-color: #E2F0DC;
    border: 2px solid #007B4B;
    transform: translateY(-4px);
  }
}
@media only screen and (min-width: 992px) {
  .gs-milestones-navigation .gs-milestones-stone {
    width: 8rem;
    height: 8rem;
    padding: 0.5rem;
    border: 2px solid #A3A3A3;
    border-radius: 50%;
  }
  .gs-milestones-navigation .gs-milestones-stone:hover {
    background-color: #E2F0DC;
    border: 2px solid #007B4B;
  }
}
@media only screen and (min-width: 1400px) {
  .gs-milestones-navigation .gs-milestones-stone {
    width: 9rem;
    height: 9rem;
  }
}
.gs-milestones-navigation .gs-milestones-stone--active .gs-milestones-stone-icon {
  display: none;
}
.gs-milestones-navigation .gs-milestones-stone--active .gs-milestones-stone-icon--selected {
  display: block;
}
.gs-milestones-navigation .gs-milestones-stone--active + .gs-milestones-content-area--mobile {
  max-height: 150rem;
  border: 2px solid #007B4B;
  padding: 1rem;
  overflow: scroll;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-stone--active + .gs-milestones-content-area--mobile {
    display: none;
  }
}
.gs-milestones-navigation .gs-milestones-stone-icon--selected {
  display: none;
}
.gs-milestones-navigation .gs-milestones-stone-icon, .gs-milestones-navigation .gs-milestones-stone-icon--selected {
  position: relative;
  text-align: center;
  width: 2.42rem;
  height: 2.42rem;
  padding: 0.59rem;
}
.gs-milestones-navigation .gs-milestones-stone-icon img, .gs-milestones-navigation .gs-milestones-stone-icon--selected img {
  position: absolute;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-stone-icon, .gs-milestones-navigation .gs-milestones-stone-icon--selected {
    border: none;
    border-radius: 0;
    padding: 0;
    width: 4vw;
    height: 4vw;
  }
  .gs-milestones-navigation .gs-milestones-stone-icon img, .gs-milestones-navigation .gs-milestones-stone-icon--selected img {
    left: 0;
    top: 5px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-stone-icon, .gs-milestones-navigation .gs-milestones-stone-icon--selected {
    height: 6vw;
  }
  .gs-milestones-navigation .gs-milestones-stone-icon img, .gs-milestones-navigation .gs-milestones-stone-icon--selected img {
    top: 0px;
    width: 4vw;
    height: 6vw;
  }
}
@media only screen and (min-width: 992px) {
  .gs-milestones-navigation .gs-milestones-stone-icon, .gs-milestones-navigation .gs-milestones-stone-icon--selected {
    width: 48px;
    height: 48px;
  }
  .gs-milestones-navigation .gs-milestones-stone-icon img, .gs-milestones-navigation .gs-milestones-stone-icon--selected img {
    top: 4px;
    width: 48px;
    height: 48px;
  }
}
.gs-milestones-navigation .gs-milestones-stone.gs-milestones-stone--active {
  /* Selected milestone (highlight the whole stone) */
  background-color: #E2F0DC;
  border: 2px solid #007B4B;
  box-shadow: 0.58824px 4.70588px 18.82353px 0px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-stone.gs-milestones-stone--active {
    box-shadow: 1px 8px 32px 0px rgba(0, 0, 0, 0.12);
  }
}
.gs-milestones-navigation .gs-milestones-stone-text {
  display: flex;
  flex-flow: row nowrap;
  padding-left: 1rem;
}
.gs-milestones-navigation .gs-milestones-stone-text h4 {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.gs-milestones-navigation .gs-milestones-stone-text span {
  font-size: 0.75rem;
  line-height: 1.5rem;
  margin-left: 0.3rem;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-navigation .gs-milestones-stone-text {
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
  }
  .gs-milestones-navigation .gs-milestones-stone-text h4 {
    font-size: 0.875rem;
    line-height: 1rem;
    text-align: center;
  }
  .gs-milestones-navigation .gs-milestones-stone-text span {
    font-size: 0.65rem;
    margin-left: 0;
    line-height: 1rem;
  }
}
@media only screen and (min-width: 992px) {
  .gs-milestones-navigation .gs-milestones-stone-text {
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
  }
  .gs-milestones-navigation .gs-milestones-stone-text h4 {
    text-align: center;
    font-size: 1rem;
    line-height: 1.25rem;
    max-width: 80px;
  }
  .gs-milestones-navigation .gs-milestones-stone-text span {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.gs-milestones-indcator {
  display: none;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-indcator {
    display: block;
    position: relative;
    min-height: 1rem;
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .gs-milestones-indcator {
    min-height: 1rem;
    margin-top: 1.5rem;
  }
}
.gs-milestones-indcator .gs-milestones-indicator-inner {
  opacity: 0;
  position: absolute;
  left: 35px;
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-indcator .gs-milestones-indicator-inner {
    left: 27px;
  }
}
@media only screen and (min-width: 992px) {
  .gs-milestones-indcator .gs-milestones-indicator-inner {
    left: 42px;
  }
}
@media only screen and (min-width: 1400px) {
  .gs-milestones-indcator .gs-milestones-indicator-inner {
    left: 132px;
  }
}
.gs-milestones-indcator .gs-milestones-indicator-icon {
  width: 2rem;
  height: 2rem;
  border: 0px solid #A3A3A3;
  border-top-width: 2px;
  border-right-width: 2px;
  background-color: #ffffff;
  transform: rotate(-45deg);
}

.gs-milestones-content-area {
  border-radius: 1.25rem;
  border: 2px solid #007B4B;
  background-color: #ffffff;
  padding: 1rem;
  margin-top: 1rem;
  display: none;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-content-area {
    border: 2px solid #A3A3A3;
    box-shadow: 1px 8px 32px 0px rgba(0, 0, 0, 0.12);
    padding: 2rem 3rem;
    margin-top: 0rem;
    display: block;
  }
}

.gs-milestones-content {
  display: none;
}
.gs-milestones-content.gs-milestones-content--active {
  display: block;
}

.gs-milestones-return-anchor {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-return-anchor {
    display: none;
  }
}

.gs-milestones-content-divider {
  width: 100%;
  height: 2px;
  background-color: #A3A3A3;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.gs-milestones-content-area--mobile {
  display: block;
  margin: 0.3125rem 0 0.5rem 0;
  max-height: 0;
  padding: 0;
  border: none;
  overflow: hidden;
  transition: max-height 1s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .gs-milestones-content-area--mobile {
    display: none;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/non-interactive-tile-component/_NonInteractiveTileComponent.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-tiles {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  gap: 1rem;
  justify-content: space-between;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.gs-tiles .gs-tile {
  flex: 1 1 30%;
}
@media only screen and (min-width: 768px) {
  .gs-tiles {
    gap: 1.5rem;
    flex-direction: row;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/non-interactive-tile/_NonInteractiveTile.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-tile {
  text-align: left;
}
.gs-tile.gs-tile--centered {
  text-align: center;
}
.gs-tile .gs-tile-headline {
  margin-bottom: 0.5rem;
  font-size: 1.75rem;
  color: #007B4B;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-tile .gs-tile-headline {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}
@media only screen and (min-width: 1400px) {
  .gs-tile .gs-tile-headline {
    margin-bottom: 1rem;
  }
}
.gs-tile .gs-tile-headline > sup {
  vertical-align: top;
  line-height: 2rem;
}
.gs-tile .gs-tile-icon {
  width: 2rem;
  height: 2rem;
  margin-bottom: 0.5rem;
  color: #007B4B;
}
@media only screen and (min-width: 768px) {
  .gs-tile .gs-tile-icon {
    width: 3rem;
    height: 3rem;
  }
}
@media only screen and (min-width: 1400px) {
  .gs-tile .gs-tile-icon {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
  }
}
.gs-tile .gs-tile-icon.--centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.gs-tile .gs-tile-divider {
  display: block;
  width: 6.125rem;
  height: 0.125rem;
  background-color: #9DC7EA;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1400px) {
  .gs-tile .gs-tile-divider {
    margin-bottom: 1rem;
  }
}
.gs-tile .gs-tile-title {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .gs-tile .gs-tile-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}
@media only screen and (min-width: 1400px) {
  .gs-tile .gs-tile-title {
    margin-bottom: 1rem;
  }
  .gs-tile .gs-tile-title:last-child {
    margin-bottom: 0;
  }
}
.gs-tile .gs-tile-title:last-child {
  margin-bottom: 0;
}
.gs-tile .gs-tile-title.--centered {
  text-align: center;
}
.gs-tile p {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-tile p {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
.gs-tile p.clip-text {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 7.2em;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/pagination-controls/_PaginationControls.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.gs-pagination-wrapper {
  align-items: center;
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-template-areas: "left center right";
  margin: 0 auto;
  max-width: 375px;
  padding: 24px 0px;
  width: 100%;
}
.gs-pagination-wrapper p.gs-pagination-page-count {
  grid-area: center;
  justify-self: center;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-pagination-wrapper p.gs-pagination-page-count {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}
.gs-pagination-wrapper a.gs-link-disabled {
  color: #757575;
  cursor: not-allowed;
}
.gs-pagination-wrapper a {
  grid-area: left;
  justify-self: center;
}
.gs-pagination-wrapper p + a {
  grid-area: right;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/phone-numbers/_PhoneNumbers.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.gs-phone-numbers {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 560px) {
  .gs-phone-numbers {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.gs-phone-numbers-title {
  margin-bottom: 24px;
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-phone-numbers-title {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}
@media only screen and (min-width: 640px) {
  .gs-phone-numbers-title {
    margin-bottom: 36px;
  }
}

.gs-phone-numbers-card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  background: #f4f4f4;
  border-radius: 20px;
  margin-bottom: 20px;
  flex-direction: column;
}
@media only screen and (min-width: 640px) {
  .gs-phone-numbers-card {
    flex-direction: row;
    padding: 28px;
    align-items: center;
  }
}
.gs-phone-numbers-card--primary {
  background: #f4f4f4;
}
.gs-phone-numbers-card--secondary {
  background: #ffffff;
}
.gs-phone-numbers-card .gs-phone-numbers-linkstyle {
  color: #007B4B;
  font-weight: bold;
  transition: all 0.3s ease;
}
.gs-phone-numbers-card:hover {
  transition: all 0.3 ease;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
}
.gs-phone-numbers-card:hover .gs-phone-numbers-linkstyle {
  color: #024638;
}

.gs-phone-numbers-card-content > h5 {
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-phone-numbers-card-content > h5 {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}
.gs-phone-numbers-card-content > p {
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-phone-numbers-card-content > p {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/price-distribution/_PriceDistribution.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.historical-prices-container .component-container {
  padding: 20px;
}

.controls-container .time-period-button-container {
  display: flex;
  align-items: center;
}

div.controls-container ul {
  padding: 0;
  flex-grow: 0.9;
  display: inline-flex;
}
div.controls-container ul li {
  list-style: none;
  display: inline-block;
  border-left: 1px solid #666;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  margin-left: 0;
  flex-grow: 1;
  text-align: center;
}
div.controls-container ul li:first-of-type {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
div.controls-container ul li:last-of-type {
  border-right: 1px solid #666;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
div.controls-container ul li.active, div.controls-container ul li:hover {
  background-color: #666;
}

div.controls-container .distributions {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

div.controls-container .dates {
  flex-grow: 0.1;
  margin-left: 20px;
}

div.controls-container .dates span {
  font-size: 12px;
  display: inline-block;
  margin: 0 3px;
}

div.controls-container .dates button {
  clear: both;
  display: inline-block;
  height: 26px;
  line-height: 15px;
  background-color: #fff;
  color: #666;
  border: 1px solid #666;
  border-radius: 16px;
  padding: 3px 15px;
  cursor: pointer;
  margin-left: 5px;
  font-size: 14px;
}

div.controls-container .distributions input[type=checkbox] {
  width: auto;
  height: auto;
  margin: 0 5px 0 0;
}

div.controls-container .distributions label {
  vertical-align: top;
  line-height: 13px;
}

.tooltip {
  z-index: 1070;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

div.chart-container .x.axis .tick,
div.chart-container .y.axis .tick {
  font-size: 0.75rem;
  letter-spacing: -0.5px;
}

div.chart-container .current-value-tooltip,
div.chart-container div.tooltip {
  position: absolute;
  text-align: center;
  width: 120px;
  font: 12px sans-serif;
  background: #fff;
  border-radius: 8px;
  pointer-events: none;
  border: 1px solid #ddd;
  padding: 15px;
}

div.chart-container .current-value-circle,
div.chart-container .distribution-circle {
  stroke: #235386;
  stroke-width: 2px;
  fill: transparent;
}

div.chart-container .line {
  fill: none;
  stroke: #235386;
  stroke-width: 6px;
}

div.chart-container .area {
  fill: #246CA9;
}

.factsheet-component-card {
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  border-radius: 3px;
  margin-bottom: 10px;
}
.factsheet-component-card .component-container {
  display: none;
}
@media only screen and (min-width: 560px) {
  .factsheet-component-card .component-container {
    display: block;
  }
}

.factsheet-component-card.stacked-component {
  margin-bottom: 20px;
  max-width: 100%;
}
.factsheet-component-card.stacked-component .component-body {
  padding: 1rem;
}

@media only screen and (min-width: 560px) {
  .historical-prices-container-mobile {
    display: none;
  }
}
.component-moneymarket-daily-activity header,
.factsheet-component-card header {
  padding: 30px 0 30px 20px;
  border-radius: 3px 3px 0 0;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  background-color: #deefff;
  min-height: 92px;
  max-height: 92px;
  box-sizing: border-box;
  height: 92px;
}

.historical-prices-container-table {
  display: none;
}
@media only screen and (min-width: 768px) {
  .historical-prices-container-table {
    display: block;
  }
  .historical-prices-container-table.hide {
    display: none;
  }
}

.historical-prices-container .component-container {
  padding: 20px;
}
.historical-prices-container .component-container.hide {
  display: none;
}

.downloadControls {
  margin-block-start: 16px;
  margin-block-end: 16px;
}

.downloadControls button {
  clear: both;
  display: inline-block;
  height: 26px;
  line-height: 15px;
  background-color: #fff;
  color: #666;
  border: 1px solid #666;
  border-radius: 16px;
  padding: 3px 15px;
  cursor: pointer;
  margin-left: 5px;
  font-size: 14px;
}

.hist-table-select {
  float: inherit;
  height: 30px;
  padding: 0;
  margin-right: 16px;
  margin-bottom: 10px;
  margin-left: 16px;
  width: 24%;
}

.funds-microsite table,
.search-result-row .blurb {
  margin-bottom: 0;
}

.hist-table-container {
  height: 460px;
  overflow: auto;
}

.funds-microsite table,
.search-result-row .blurb {
  margin-bottom: 0;
}

.historical-prices-table {
  margin-bottom: 0;
  padding-bottom: 0 !important;
}

table {
  border-collapse: collapse;
}

.hist-table {
  width: 100%;
  color: #212529;
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.hist-table tbody tr:nth-child(2n+1) {
  background-color: #f8f8f8;
}
.hist-table tbody tr:nth-child(2n),
.hist-table tbody tr:nth-child(2n) .fund-mob-sticky {
  background-color: #fff;
}
.hist-table td {
  padding: 1rem 0.5rem;
}

.hist-table-header {
  background-color: #deefff;
}

.hist-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  text-align: left;
  padding: 1rem 0.5rem;
}

.hist-th-width25 {
  width: 24.5%;
}

.hist-table-container {
  height: 460px;
  overflow: auto;
}

.data-type-daily.hide {
  display: none;
}

.hist-NAV.hide {
  display: none;
}

.hist-div.hide {
  display: none;
}

.hist-CAP.hide {
  display: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/pricing-card/_PricingCard.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.gs-pricing-card {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 560px) {
  .gs-pricing-card {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.gs-pricing-card-cards {
  display: grid;
  grid-auto-rows: minmax(0, 1fr);
  justify-content: center;
  width: 100%;
  gap: 1rem;
}
@media only screen and (min-width: 560px) {
  .gs-pricing-card-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 768px) {
  .gs-pricing-card-cards:has(> :last-child:nth-child(3)) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1024px) {
  .gs-pricing-card-cards:has(> :last-child:nth-child(4)) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.gs-pricing-card-card {
  min-width: 240px;
  max-width: 368px;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  background: #ffffff;
  margin-bottom: 20px;
}

.gs-pricing-card-heading {
  background: #deefff;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 140px;
  padding: 35px 20px 10px 20px;
  border-radius: 20px 20px 0px 0px;
  text-align: center;
}

.gs-pricing-card-title {
  font-weight: bold;
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 8px;
}

.gs-pricing-card-subtitle {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #757575;
  margin-bottom: 8px;
}

.gs-pricing-card-content {
  padding: 40px 20px 35px 20px;
}

.gs-pricing-card-section {
  margin-bottom: 40px;
}

.gs-pricing-card-section-title {
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 12px;
}

.gs-pricing-card-content-divider {
  height: 2px;
  background: #d2d2d2;
  margin-bottom: 23px;
}

.gs-pricing-card-content-bullets {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}

.gs-pricing-card-note {
  font-size: 14px;
  line-height: 24px;
  color: #757575;
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/progress-bar/_ProgressBar.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.gs-progress-bar {
  display: block;
  position: relative;
  width: 100%;
  height: 16px;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #deefff;
}

.gs-progress-indicator {
  position: absolute;
  left: 0%;
  top: 0%;
  bottom: 0%;
  /*padding-right: $progress-bump-size; */
  border-radius: 0px 30px 30px 0px;
  background-color: #9DC7EA;
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/radio-button/_RadioButton.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-form-radio, .gs-form-cta-radio {
  position: relative;
  padding-left: 2rem;
  cursor: pointer;
  display: block;
  margin: 0.5rem 0;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.375rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-radio, .gs-form-cta-radio {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: normal;
  }
}
.gs-form-radio.gs-form-radio-bold:has(input:checked), .gs-form-cta-radio.gs-form-radio-bold:has(input:checked) {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.375rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-radio.gs-form-radio-bold:has(input:checked), .gs-form-cta-radio.gs-form-radio-bold:has(input:checked) {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: bold;
  }
}
.gs-form-radio:has(~ .gs-form-radio-description), .gs-form-cta-radio:has(~ .gs-form-radio-description) {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.375rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-radio:has(~ .gs-form-radio-description), .gs-form-cta-radio:has(~ .gs-form-radio-description) {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: bold;
  }
}
.gs-form-radio:has(input:disabled), .gs-form-cta-radio:has(input:disabled) {
  cursor: not-allowed;
  user-select: none;
}
.gs-form-radio input[type=radio], .gs-form-cta-radio input[type=radio] {
  position: absolute;
  appearance: none;
  -webkit-appearance: none;
  transform: translate(-2rem);
}
.gs-form-radio input[type=radio]:hover:after, .gs-form-cta-radio input[type=radio]:hover:after {
  background-color: #024638;
}
.gs-form-radio input[type=radio]:before, .gs-form-radio input[type=radio]:after, .gs-form-cta-radio input[type=radio]:before, .gs-form-cta-radio input[type=radio]:after {
  transition: all 0.2s ease;
  content: "";
  position: absolute;
  cursor: pointer;
}
.gs-form-radio input[type=radio]:before, .gs-form-cta-radio input[type=radio]:before {
  content: "";
  left: 0;
  top: 0;
  width: 1.375rem;
  height: 1.375rem;
  border: 1px solid #3a3a3a;
  border-radius: 100%;
  background: #ffffff;
}
.gs-form-radio input[type=radio]:after, .gs-form-cta-radio input[type=radio]:after {
  content: "";
  left: 0.3125rem;
  top: 0.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  background: #007B4B;
  border-radius: 100%;
  opacity: 0;
}
.gs-form-radio input[type=radio]:checked:after, .gs-form-cta-radio input[type=radio]:checked:after {
  opacity: 1;
  transform: scale(1);
}
.gs-form-radio input[type=radio]:checked:before, .gs-form-cta-radio input[type=radio]:checked:before {
  border-color: #3a3a3a;
}
.gs-form-radio input[type=radio]:not(:checked):after, .gs-form-cta-radio input[type=radio]:not(:checked):after {
  opacity: 0;
  transform: scale(0);
}
.gs-form-radio input[type=radio]:not(:checked):before, .gs-form-cta-radio input[type=radio]:not(:checked):before {
  border-color: #d2d2d2;
}
.gs-form-radio input[type=radio]:disabled:after, .gs-form-cta-radio input[type=radio]:disabled:after {
  background-color: #757575;
}
.gs-form-radio input[type=radio]:disabled:before, .gs-form-cta-radio input[type=radio]:disabled:before {
  background-color: #d2d2d2;
  border-color: #757575;
}
.gs-form-radio input[type=radio].input-validation-error:before, .gs-form-cta-radio input[type=radio].input-validation-error:before {
  border-color: #bb1615;
}
.gs-form-radio + .gs-form-radio-description, .gs-form-cta-radio + .gs-form-radio-description {
  margin-bottom: 1rem;
}

.gs-form-radio-description {
  margin-left: 2rem;
  display: block;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-radio-description {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-form-input-label + .gs-form-radio-description, .gs-form-cta-input-label + .gs-form-radio-description {
  margin: 0;
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-form-input-label + .gs-form-radio-description, .gs-form-cta-input-label + .gs-form-radio-description {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/reminder/_Reminder.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.gs-reminder-inner {
  padding: 25px;
  display: flex;
  flex-direction: row;
  border-radius: 20px;
  background: #deefff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .gs-reminder-inner {
    padding: 40px 30px;
  }
}

.gs-reminder-section {
  display: flex;
  flex-direction: column;
}

.gs-reminder-icon--mobile {
  width: 48px;
  height: 48px;
  margin-right: 8px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .gs-reminder-icon--mobile {
    display: none;
  }
}

.gs-reminder-icon--desktop {
  width: 60px;
  height: 60px;
  margin-right: 32px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .gs-reminder-icon--desktop {
    display: block;
  }
}

.gs-reminder-title {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-reminder-title {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}

.gs-reminder-content {
  margin-top: 12px;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-reminder-content {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}

.gs-reminder-link {
  margin-top: 12px;
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .gs-reminder-link {
    font-size: 18px;
    line-height: 26px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/retirement-preparedness/_RetirementPreparedness.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
iframe#vccalcfrm {
  width: 100%;
  border: 0px;
  overflow: hidden;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/rich-content-block/RichContentBlock.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

div.gs-rich-content-block {
  padding-top: 20;
  /* 
   * Quill editor has a known issue introduced since version 2 where both
   * ordered lists and unordered lists get outputted as <ol>
   * The only way to dinstinguish between the two is the <li> elements have 
   * data-list="bullet" or data-list="ordered" attributes
   */
  /* 
   * Level 0 ordered list items
   * Specifically exclude items with the data-list="bullet" attribute
   */
  /* 
   * Level 1 ordered list items
   * Specifically exclude items with the data-list="bullet" attribute
   */
  /* 
   * Level 2 ordered list items
   * Specifically exclude items with the data-list="bullet" attribute
   */
}
div.gs-rich-content-block ol,
div.gs-rich-content-block ul {
  margin: 0;
  padding: 20px 0 10px;
}
div.gs-rich-content-block p,
div.gs-rich-content-block br,
div.gs-rich-content-block a {
  margin: 0;
  padding: 0;
}
div.gs-rich-content-block h2 {
  margin: 20px 0;
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  div.gs-rich-content-block h2 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}
div.gs-rich-content-block h3 {
  margin: 20px 0;
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  div.gs-rich-content-block h3 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}
div.gs-rich-content-block h4 {
  margin: 20px 0;
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  div.gs-rich-content-block h4 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}
div.gs-rich-content-block h5 {
  margin: 20px 0;
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  div.gs-rich-content-block h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}
div.gs-rich-content-block h6 {
  margin: 20px 0;
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  div.gs-rich-content-block h6 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}
div.gs-rich-content-block p {
  padding-bottom: 20px;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  div.gs-rich-content-block p {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
@media only screen and (min-width: 640px) {
  div.gs-rich-content-block p {
    padding-bottom: 32px;
  }
}
div.gs-rich-content-block p.ql-indent-1 {
  padding-left: 16px;
}
div.gs-rich-content-block p.ql-indent-2 {
  padding-left: 32px;
}
div.gs-rich-content-block sup {
  color: #3a3a3a;
  text-transform: normal;
  font-size: smaller;
}
div.gs-rich-content-block a,
div.gs-rich-content-block a:visited {
  font-weight: bold !important;
  overflow-wrap: break-word;
}
div.gs-rich-content-block a.gs-link--mobile-only,
div.gs-rich-content-block a:visited.gs-link--mobile-only {
  line-height: 18px;
}
div.gs-rich-content-block a.gs-link--non-desktop,
div.gs-rich-content-block a:visited.gs-link--non-desktop {
  line-height: 18px;
}
div.gs-rich-content-block a:not(.gs-link), div.gs-rich-content-block a:not(.gs-link):visited {
  color: #007B4B !important;
  font-size: 0.875rem;
  color: #007B4B;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  div.gs-rich-content-block a:not(.gs-link), div.gs-rich-content-block a:not(.gs-link):visited {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
div.gs-rich-content-block a.ql-size-large,
div.gs-rich-content-block p.ql-size-large,
div.gs-rich-content-block em.ql-size-large,
div.gs-rich-content-block u.ql-size-large,
div.gs-rich-content-block span.ql-size-large {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  div.gs-rich-content-block a.ql-size-large,
  div.gs-rich-content-block p.ql-size-large,
  div.gs-rich-content-block em.ql-size-large,
  div.gs-rich-content-block u.ql-size-large,
  div.gs-rich-content-block span.ql-size-large {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}
div.gs-rich-content-block a.ql-size-large + sup,
div.gs-rich-content-block p.ql-size-large + sup,
div.gs-rich-content-block em.ql-size-large + sup,
div.gs-rich-content-block u.ql-size-large + sup,
div.gs-rich-content-block span.ql-size-large + sup {
  font-size: 18px;
}
div.gs-rich-content-block a.ql-size-small,
div.gs-rich-content-block p.ql-size-small,
div.gs-rich-content-block em.ql-size-small,
div.gs-rich-content-block u.ql-size-small,
div.gs-rich-content-block span.ql-size-small {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  div.gs-rich-content-block a.ql-size-small,
  div.gs-rich-content-block p.ql-size-small,
  div.gs-rich-content-block em.ql-size-small,
  div.gs-rich-content-block u.ql-size-small,
  div.gs-rich-content-block span.ql-size-small {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}
div.gs-rich-content-block a.ql-size-small + sup,
div.gs-rich-content-block p.ql-size-small + sup,
div.gs-rich-content-block em.ql-size-small + sup,
div.gs-rich-content-block u.ql-size-small + sup,
div.gs-rich-content-block span.ql-size-small + sup {
  font-size: 12px;
}
div.gs-rich-content-block strong.ql-size-large {
  font-weight: bold !important;
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  div.gs-rich-content-block strong.ql-size-large {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: bold;
  }
}
div.gs-rich-content-block strong.ql-size-large + sup {
  font-size: 18px;
  font-weight: bold !important;
}
div.gs-rich-content-block strong.ql-size-small {
  font-weight: bold !important;
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  div.gs-rich-content-block strong.ql-size-small {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}
div.gs-rich-content-block strong.ql-size-small + sup {
  font-size: 12px;
  font-weight: bold !important;
}
div.gs-rich-content-block ol > li,
div.gs-rich-content-block ul > li {
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  div.gs-rich-content-block ol > li,
  div.gs-rich-content-block ul > li {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
div.gs-rich-content-block ul > li,
div.gs-rich-content-block ol > li[data-list=bullet] {
  padding-left: 40px;
}
div.gs-rich-content-block ul > li::before,
div.gs-rich-content-block ol > li[data-list=bullet]::before {
  content: "•";
  margin-right: 8px;
  margin-left: -16px;
}
div.gs-rich-content-block ul > li.ql-indent-1,
div.gs-rich-content-block ol > li[data-list=bullet].ql-indent-1 {
  padding-left: 80px;
}
div.gs-rich-content-block ul > li.ql-indent-2,
div.gs-rich-content-block ol > li[data-list=bullet].ql-indent-2 {
  padding-left: 120px;
}
div.gs-rich-content-block ol li:not([data-list=bullet]) {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
  position: relative;
  padding-left: 40px;
}
div.gs-rich-content-block ol li:not([data-list=bullet]):before {
  content: counter(list-0, decimal) ". ";
  position: absolute;
  right: calc(100% - 40px + 8px);
}
div.gs-rich-content-block ol li.ql-indent-1:not([data-list=bullet]) {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-1;
  padding-left: 80px;
}
div.gs-rich-content-block ol li.ql-indent-1:not([data-list=bullet]):before {
  content: "•";
  position: absolute;
  right: calc(100% - 80px + 8px);
}
div.gs-rich-content-block ol li.ql-indent-2:not([data-list=bullet]) {
  counter-increment: list-2;
  padding-left: 120px;
}
div.gs-rich-content-block ol li.ql-indent-2:not([data-list=bullet]):before {
  content: "○";
  position: absolute;
  right: calc(100% - 120px + 8px);
}
div.gs-rich-content-block > .no-padding {
  padding: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/section-cta/SectionCTA.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-section-cta {
  text-align: center;
}
.gs-section-cta h1, .gs-section-cta h2, .gs-section-cta h3 {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .gs-section-cta h1, .gs-section-cta h2, .gs-section-cta h3 {
    margin-top: 2rem;
  }
}

.gs-section-cta-subheading {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-cta-subheading {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}
@media only screen and (min-width: 768px) {
  .gs-section-cta-subheading {
    margin-top: 2rem;
  }
}

.gs-section-cta-content {
  max-width: 952px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-cta-content {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}
@media only screen and (min-width: 768px) {
  .gs-section-cta-content {
    margin-top: 2rem;
  }
}

.gs-section-cta-link-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 1rem;
  margin-top: 1.5rem;
}
.gs-section-cta-link-group a {
  min-width: 100%;
}
@media only screen and (min-width: 576px) {
  .gs-section-cta-link-group a {
    min-width: auto;
  }
}
@media only screen and (min-width: 576px) {
  .gs-section-cta-link-group {
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) {
  .gs-section-cta-link-group {
    gap: 1.5rem;
    margin-top: 2rem;
  }
}

.gs-section-cta-breadcrumbs {
  margin-bottom: 0.5rem;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  .gs-section-cta-breadcrumbs {
    margin-bottom: 1.25rem;
  }
}

.gs-section-cta-separator {
  margin: 0;
  margin-top: 1.25rem;
  border: 1px solid #eeeeee;
}
@media only screen and (min-width: 576px) {
  .gs-section-cta-separator {
    margin-top: 2.5rem;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/section-image/SectionImage.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-section-image {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .gs-section-image {
    padding: 0p 0.0625rem;
    text-align: left;
  }
}
.gs-section-image--img-left {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .gs-section-image--img-left {
    flex-direction: row;
  }
}
.gs-section-image--img-left > .gs-section-image-img-wrapper {
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .gs-section-image--img-left > .gs-section-image-img-wrapper {
    margin: 0;
    margin-right: 3rem;
  }
}
.gs-section-image--img-right {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .gs-section-image--img-right {
    flex-direction: row-reverse;
  }
}
.gs-section-image--img-right > .gs-section-image-img-wrapper {
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .gs-section-image--img-right > .gs-section-image-img-wrapper {
    margin: 0;
    margin-left: 3rem;
  }
}
.gs-section-image .gs-section-image-img-wrapper {
  display: block;
  width: 100%;
  max-width: 360px;
  aspect-ratio: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .gs-section-image .gs-section-image-img-wrapper {
    margin-bottom: 0;
    flex: 1;
    max-width: 392px;
    max-height: 392px;
    width: 100%;
  }
}
.gs-section-image .gs-section-image-img-wrapper .gs-section-image-img {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.gs-section-image .gs-section-image-img-wrapper .gs-section-image-img.--caption:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(58, 58, 58, 0.9) -2.81%, rgba(58, 58, 58, 0) 65.69%);
  mix-blend-mode: multiply;
}
.gs-section-image .gs-section-image-img-wrapper .gs-section-image-img.--rounded {
  border-radius: 20px;
}
.gs-section-image .gs-section-image-img-wrapper .gs-section-image-img.--rounded:after {
  border-radius: 20px;
}
.gs-section-image .gs-section-image-img-wrapper .gs-section-image-captions {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: calc(100% - 32px);
}
.gs-section-image .gs-section-image-img-wrapper .gs-section-image-captions h6 {
  font-size: 0.875rem;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-image .gs-section-image-img-wrapper .gs-section-image-captions h6 {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}
.gs-section-image .gs-section-image-img-wrapper .gs-section-image-captions p {
  font-size: 0.75rem;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-image .gs-section-image-img-wrapper .gs-section-image-captions p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}
.gs-section-image .gs-section-image-content-wrapper {
  flex: 1;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .gs-section-image .gs-section-image-content-wrapper {
    margin-bottom: 0;
  }
}
.gs-section-image .gs-section-image-content-wrapper .gs-section-image-eyebrow {
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  color: #757575;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-section-image .gs-section-image-content-wrapper .gs-section-image-eyebrow {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 800;
  }
}
.gs-section-image .gs-section-image-content-wrapper .gs-section-image-heading {
  margin: 0;
}
.gs-section-image .gs-section-image-content-wrapper .gs-rich-content-block {
  margin: 1.25rem 0;
}
@media only screen and (min-width: 768px) {
  .gs-section-image .gs-section-image-content-wrapper .gs-rich-content-block {
    margin: 1.5rem 0;
  }
}
.gs-section-image .gs-section-image-content-wrapper .gs-link {
  margin: 1.25rem 0;
}
@media only screen and (min-width: 576px) {
  .gs-section-image .gs-section-image-content-wrapper .gs-btn {
    max-width: fit-content;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/section-logos/SectionLogos.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.gs-section-logos {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  text-align: center;
}

.gs-section-logos-logo-wrapper {
  align-items: center;
  display: flex;
  flex: 0 0 200px;
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .gs-section-logos-logo-wrapper {
    flex: 0 0 250px;
  }
  .gs-section-logos-logo-wrapper:first-child:nth-last-child(5), .gs-section-logos-logo-wrapper:first-child:nth-last-child(5) ~ div, .gs-section-logos-logo-wrapper:first-child:nth-last-child(6), .gs-section-logos-logo-wrapper:first-child:nth-last-child(6) ~ div {
    flex: 0 0 150px;
  }
}
.gs-section-logos-logo-wrapper img {
  position: relative;
  flex: 1;
  max-height: 100%;
  max-width: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/section/_Section.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-section {
  text-align: center;
  padding: 20px 0;
}
@media only screen and (min-width: 560px) {
  .gs-section {
    padding: 40px 0;
  }
}

h1.gs-section-heading {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  h1.gs-section-heading {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

h2.gs-section-heading {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  h2.gs-section-heading {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

h3.gs-section-heading {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  h3.gs-section-heading {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-section-heading {
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  max-width: 952px;
}
@media only screen and (min-width: 640px) {
  .gs-section-heading {
    margin-bottom: 20px;
  }
}

.gs-section-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 952px;
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-content {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/share-class-toggle-group/_ShareClassToggleGroup.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.gs-shareclass-toggle-group-outer {
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}

.gs-shareclass-toggle-group-inner {
  flex: 1 1 80%;
  display: flex;
  margin: 0;
  padding: 2px;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}

.gs-shareclass-toggle-label {
  flex: 1 1 100px;
  text-align: left;
  font-size: 0.875rem;
  padding-right: 0.75rem;
  white-space: nowrap;
}

.gs-shareclass-tab {
  flex: 1 1 100px;
  padding: 0.28125rem 0.25rem;
  font-size: 1.1rem;
  font-weight: bold;
  color: #3a3a3a;
  border-bottom: 2px solid transparent;
  text-align: center;
  cursor: pointer;
  user-select: none;
  margin: 0 0.3rem;
}

.gs-shareclass-tab:hover {
  border-bottom-color: #007B4B;
}

.gs-shareclass-tab.selected {
  border-bottom-color: #007B4B;
  cursor: default;
}

@media only screen and (min-width: 768px) {
  .gs-shareclass-tab {
    padding: 1rem 0.75rem;
    font-size: 1rem;
    margin: 0rem;
  }
  .gs-shareclass-toggle-label {
    font-size: 1rem;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/simple-card-list/SimpleCardList.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.gs-simplecardlist {
  padding: 20px 0;
}
.gs-simplecardlist .gs-longcard {
  margin-bottom: 28px;
  transition: all 0.3s ease;
}
.gs-simplecardlist .gs-longcard:hover {
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.12);
  transform: translate3d(0px, -6px, 0px);
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/simple-search-bar/_SimpleSearchBar.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.gs-simple-search-bar-wrapper {
  width: 100%;
}
.gs-simple-search-bar-wrapper .gs-simple-search-bar-input-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #d2d2d2;
  border-radius: 6px;
  padding: 8px;
  transition: all 0.3s ease-in;
}
.gs-simple-search-bar-wrapper .gs-simple-search-bar-input-wrapper:focus-within {
  border: 1px solid #007B4B;
}
.gs-simple-search-bar-wrapper .gs-simple-search-bar-input-wrapper--error {
  border: 1px solid #bb1615;
}
.gs-simple-search-bar-wrapper .gs-simple-search-bar-input-wrapper--error:focus-within {
  border: 1px solid #bb1615;
}
.gs-simple-search-bar-wrapper .gs-simple-search-bar-input-wrapper .gs-simple-search-bar-icon {
  font-size: 24px;
  margin-right: 12px;
}
.gs-simple-search-bar-wrapper .gs-simple-search-bar-input-wrapper .gs-simple-search-bar-input {
  border: none;
  color: #757575;
  flex: 1;
  outline: none;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-simple-search-bar-wrapper .gs-simple-search-bar-input-wrapper .gs-simple-search-bar-input {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/tag-filters/_TagFilters.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.gs-tag-filters {
  margin-top: 40px;
}

.gs-tag-filters-title {
  text-align: center;
  font-size: 18px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-tag-filters-title {
    font-size: 20px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 32px;
    text-transform: none;
  }
}

.gs-tag-filters-listGroup {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 8px -8px;
}

.gs-tag-filter-btn {
  align-items: center;
  background-color: #f4f4f4;
  border-radius: 100px;
  border: none;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  justify-content: center;
  line-height: 14px;
  margin: 4px 4px;
  opacity: 1;
  outline: none;
  padding: 10px 20px;
  position: relative;
  text-transform: uppercase;
  transition: all 0.3s ease-in;
}
.gs-tag-filter-btn:hover {
  background-color: #d2d2d2;
}
.gs-tag-filter-btn--hidden {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.gs-tag-filter-btn:disabled {
  cursor: default;
}
.gs-tag-filter-btn--selected {
  background-color: #deefff;
  border: 1.5px solid #3a3a3a;
  font-weight: bold;
}
.gs-tag-filter-btn--selected:hover {
  background-color: #d2d2d2;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/tags/_Tags.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.gs-tags-title {
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
}

.gs-tags-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 8px -8px;
}

.gs-tags-tag {
  background-color: #f4f4f4;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 100px;
  margin: 4px 8px;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
}
.gs-tags-tag:hover {
  background-color: #eeeeee;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/testimonial/_Testimonial.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
@keyframes fadeInBottom {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInPlace {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.gs-testimony {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 560px) {
  .gs-testimony {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.gs-testimony--heading {
  padding-bottom: 24px;
  font-size: 28px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 40px;
  text-transform: none;
}
@media only screen and (min-width: 1024px) {
  .gs-testimony--heading {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 640px) {
  .gs-testimony--heading {
    font-size: 36px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 56px;
    text-transform: none;
  }
}

.gs-testimony-content {
  display: none;
  flex-direction: row;
  align-items: center;
  opacity: 0%;
  transition: opacity 3s ease, left 0.2s ease;
  position: relative;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1024px) {
  .gs-testimony-content {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.gs-testimony-content.--selected {
  display: flex;
  opacity: 100%;
  animation: fadeInPlace 0.75s;
  -webkit-animation: fadeInPlace 0.75s;
}

.gs-testimony-content--quote-icon {
  font-weight: bold;
  font-size: 80px;
  line-height: 38px;
  color: #007B4B;
}

.gs-testimony-content--image {
  max-width: 310px;
  max-height: 360px;
  border-radius: 20px;
}

.gs-testimony-content--left {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .gs-testimony-content--left {
    display: block;
  }
}

.gs-testimony-content--right {
  text-align: center;
  font-size: 18px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 34px;
  text-transform: none;
}
@media only screen and (min-width: 1024px) {
  .gs-testimony-content--right {
    text-align: start;
    padding-left: 70px;
  }
}
@media only screen and (min-width: 640px) {
  .gs-testimony-content--right {
    font-size: 22px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 38px;
    text-transform: none;
  }
}

.gs-testimony-content--name {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  padding-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .gs-testimony-content--name {
    justify-content: flex-start;
  }
}

.gs-testimony-content--image-small {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 100%;
  margin-right: 15px;
}
@media only screen and (min-width: 1024px) {
  .gs-testimony-content--image-small {
    display: none;
  }
}

.gs-testimony-inner {
  position: relative;
  overflow-x: hidden;
}

.gs-testimony-arrow {
  width: 100px;
  height: 100px;
  transition: all 0.3s ease;
  color: #eeeeee;
  display: none;
}
.gs-testimony-arrow:hover {
  cursor: pointer;
  color: #d2d2d2;
}
@media only screen and (min-width: 1024px) {
  .gs-testimony-arrow {
    display: block;
  }
}

#gs_testimony_left_arrow {
  position: absolute;
  left: 0;
  top: 45%;
}

#gs_testimony_right_arrow {
  position: absolute;
  right: 0;
  top: 45%;
}

#gs_testimony_indicators {
  position: relative;
  margin-top: 20px;
}

.gs-testimony-indicator {
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: 0 10px;
  background: #eeeeee;
  transition: all 0.3s ease;
}
.gs-testimony-indicator:hover {
  background: #d2d2d2;
  cursor: pointer;
}
.gs-testimony-indicator.--active {
  background: #007B4B;
}
@media only screen and (min-width: 1024px) {
  .gs-testimony-indicator {
    width: 10px;
    height: 10px;
    margin: 0 10px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/text-content-list/_TextContentList.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.gs-content-text-list-container {
  padding: 56px 0;
}

.gs-content-text-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.gs-content-text-list .gs-content-text-list-item {
  margin-bottom: 56px;
}
.gs-content-text-list .gs-content-text-list-item h3 {
  margin-bottom: 8px;
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-content-text-list .gs-content-text-list-item h3 {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}
.gs-content-text-list .gs-content-text-list-item p {
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-content-text-list .gs-content-text-list-item p {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}
.gs-content-text-list .gs-content-text-list-item a span {
  word-break: break-word;
}
.gs-content-text-list .gs-content-text-list-item a span sup {
  line-height: 0;
  font-size: 80%;
}
.gs-content-text-list .gs-content-text-list-item:last-child {
  margin-bottom: 0px;
}

.gs-content-empty-container {
  text-align: center;
}
.gs-content-empty-container h3 {
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-content-empty-container h3 {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}
.gs-content-empty-container p {
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-content-empty-container p {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/timeline/_Timeline.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.gs-timeline-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 760px;
  margin: auto;
}

.gs-timeline-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 30px 0px;
}

.gs-timeline-item-time {
  width: 80px;
  height: 80px;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  border-radius: 20px;
  text-align: center;
  z-index: 2;
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-timeline-item-time {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}
.gs-timeline-item-time.--primary {
  background-color: #024638;
  color: white;
}
.gs-timeline-item-time.--secondary {
  background-color: #9DC7EA;
  color: white;
}
@media only screen and (min-width: 640px) {
  .gs-timeline-item-time {
    width: 100px;
    height: 100px;
  }
}

.gs-timeline-line {
  position: relative;
  content: "";
  position: absolute;
  width: 4px;
  background-color: #d2d2d2;
  height: calc(100% - 60px);
  top: 30px;
  left: 38px;
  z-index: 1;
}
@media only screen and (min-width: 640px) {
  .gs-timeline-line {
    height: calc(100% - 80px);
    top: 40px;
    left: 48px;
  }
}

.gs-timeline-item-event {
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-timeline-item-event {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/toggle/_Toggle.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.gs-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.gs-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.gs-toggle input:checked + .gs-toggle-slider {
  background-color: #007B4B;
}
.gs-toggle input:checked + .gs-toggle-slider::before {
  transform: translateX(1.375rem);
}
.gs-toggle input:focus + .gs-toggle-slider {
  box-shadow: 0 0 0.0625rem #007B4B;
}
.gs-toggle .gs-toggle-slider {
  position: relative;
  width: 3.125rem;
  height: 1.75rem;
  background-color: #d2d2d2;
  border-radius: 2.125rem;
  transition: 0.4s;
  flex-shrink: 0;
}
.gs-toggle .gs-toggle-slider::before {
  content: "";
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  left: 0.25rem;
  bottom: 0.25rem;
  background-color: #ffffff;
  border-radius: 50%;
  transition: 0.4s;
}
.gs-toggle .gs-toggle-label {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .gs-toggle .gs-toggle-label {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/typography/_Typography.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/**
 * Wraps your styles in a min-width media query. Uses each breakpoint's min property
 * Example:
 *     @include media-min('md')
 **/
/**
 * Wraps your styles in a max-width media query. Uses each breakpoint's max property
 * Example:
 *     @include media-max('lg')
 **/
/* Applies the brand standard margins for every breakpoint to this container */
.gs-headline-1 {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1 {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: normal;
  }
}
.gs-headline-1--bold {
  font-size: 1.75rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2.25rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-1--bold {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
  }
}

.gs-headline-2 {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: normal;
  }
}
.gs-headline-2--bold {
  font-size: 1.5rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 2rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-2--bold {
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: bold;
  }
}

.gs-headline-3 {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
  }
}
.gs-headline-3--bold {
  font-size: 1.25rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-headline-3--bold {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
  }
}

.gs-eyebrow {
  font-size: 0.875rem;
  color: #757575;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gs-eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-section-header {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-section-header {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
  }
}

.gs-label-button {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-label-button {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: bold;
  }
}

.gs-text-body-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-lg {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: normal;
  }
}

.gs-text-body {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: normal;
  }
}

.gs-text-body-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-lg {
  font-size: 1.125rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-lg {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
  }
}

.gs-text-body-compact {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-sm {
  font-size: 0.75rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.875rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
  }
}

.gs-text-body-compact-xs {
  font-size: 0.625rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 0.75rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-text-body-compact-xs {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: normal;
  }
}

.gs-wizard-sidebar {
  font-size: 1rem;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-wizard-sidebar {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: normal;
  }
}

.gs-disclaimer-text {
  font-size: 0.875rem;
  color: #3a3a3a;
  font-weight: lighter;
  line-height: 1rem;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .gs-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: lighter;
  }
}

.typographyGrid {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  align-items: center;
}
.typographyGrid .style-preview {
  text-align: left;
  margin-right: 1rem;
}
.typographyGrid .style-cell {
  padding: 0.3rem;
}
.typographyGrid .typography-size-units {
  color: #cc2e2e;
  font-weight: bold;
}
.typographyGrid .typography-section-header {
  background-color: #3a3a3a;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.75rem;
  text-transform: uppercase;
  grid-column-start: 1;
  grid-column-end: 5;
  padding: 0.3125rem 0.5rem;
}

.gs-disclaimer-spacing {
  margin: 2rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/video-embed/_VideoEmbed.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.gs-video-iframe {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}
.gs-video-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/video/_Video.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.gs-video {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 560px) {
  .gs-video {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.gs-video-title {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
  text-align: center;
  font-size: 28px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 40px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-video-title {
    font-size: 44px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 64px;
    text-transform: none;
  }
}
@media only screen and (min-width: 640px) {
  .gs-video-title {
    margin-bottom: 36px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.98.0/node_modules/sass-loader/dist/cjs.js!./src/stories/wizard/_Wizard.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.gs-wizard-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-height: calc(100vh - 69px);
}
.gs-wizard-content > h5 {
  text-align: center;
  font-size: 20px;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 32px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-wizard-content > h5 {
    font-size: 28px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 40px;
    text-transform: none;
  }
}
.gs-wizard-content > p {
  text-align: center;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: normal;
  line-height: 30px;
  text-transform: none;
}
@media only screen and (min-width: 640px) {
  .gs-wizard-content > p {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
    line-height: 34px;
    text-transform: none;
  }
}
.gs-wizard-content--show-progress {
  min-height: calc(100vh - 85px);
}
@media only screen and (min-width: 1024px) {
  .gs-wizard-content {
    align-items: center;
    min-height: calc(100vh - 78px);
  }
  .gs-wizard-content--show-progress {
    min-height: calc(100vh - 94px);
  }
}

.gs-wizard-content-cards {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
@media only screen and (min-width: 1024px) {
  .gs-wizard-content-cards {
    flex-direction: row;
  }
}

.gs-wizard-content-card {
  flex: 1 1 0;
  padding: 1.25rem;
  display: grid;
  grid-template-columns: min-content 3fr;
  grid-template-rows: min-content;
  grid-column-gap: 1.25rem;
  grid-template-areas: "icon text" "icon subtext";
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  margin: 8px;
  background-color: #ffffff;
  justify-content: center;
  border: 4px solid transparent;
}
.gs-wizard-content-card:hover {
  cursor: pointer;
  border: 4px solid #d2d2d2;
}
.gs-wizard-content-card > img {
  grid-area: icon;
  max-height: 48px;
  min-height: 48px;
}
.gs-wizard-content-card > h6 {
  grid-area: text;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.gs-wizard-content-card > p {
  grid-area: subtext;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .gs-wizard-content-card {
    flex: 0 1 260px;
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content 1fr;
    grid-template-areas: "icon" "text" "subtext";
    padding: 40px 20px;
    min-width: 260px;
    min-height: 260px;
    margin: 20px;
  }
  .gs-wizard-content-card > img {
    justify-self: center;
    min-height: 100px;
  }
  .gs-wizard-content-card > h6 {
    justify-self: center;
    font-size: 18px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 32px;
    text-transform: none;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 640px) {
  .gs-wizard-content-card > h6 {
    font-size: 20px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 32px;
    text-transform: none;
  }
}
@media only screen and (min-width: 1024px) {
  .gs-wizard-content-card > p {
    justify-self: center;
    font-size: 14px;
    color: #757575;
    font-weight: bold;
    line-height: 14px;
    text-transform: uppercase;
  }
}