@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

ul {
  list-style: none; }

button,
input,
select,
textarea {
  margin: 0; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

img,
video {
  height: auto;
  max-width: 100%; }

iframe {
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

td:not([align]),
th:not([align]) {
  text-align: left; }

/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Global variables to use in universal styles, with layout primitives and
 * within components.
 */
:root {
  /**
     * Axioms - https://every-layout.dev/rudiments/axioms/
     */
  --measure: var(--line-length-long);
  --space: var(--spacing-4);
  /**
     * Spacing CSS custom properties
     * These are used within the Every Layout layouts, and for spacing that doesn't
     * need to scale alongside scaling typography. These need to be rem values as
     * they need to be able to be passed inline to layout templates.
     */
  --spacing-ratio: 1.125;
  --spacing-neg5: calc(var(--spacing-neg4)/var(--spacing-ratio));
  --spacing-neg4: calc(var(--spacing-neg3)/var(--spacing-ratio));
  --spacing-neg3: calc(var(--spacing-neg2)/var(--spacing-ratio));
  --spacing-neg2: calc(var(--spacing-neg1)/var(--spacing-ratio));
  --spacing-neg1: calc(var(--spacing-0)/var(--spacing-ratio));
  --spacing-0: 1.6rem;
  --spacing-1: calc(var(--spacing-0)*var(--spacing-ratio));
  --spacing-2: calc(var(--spacing-1)*var(--spacing-ratio));
  --spacing-3: calc(var(--spacing-2)*var(--spacing-ratio));
  --spacing-4: calc(var(--spacing-3)*var(--spacing-ratio));
  --spacing-5: calc(var(--spacing-4)*var(--spacing-ratio));
  --spacing-6: calc(var(--spacing-5)*var(--spacing-ratio));
  --spacing-7: calc(var(--spacing-6)*var(--spacing-ratio));
  --spacing-8: calc(var(--spacing-7)*var(--spacing-ratio));
  --spacing-9: calc(var(--spacing-8)*var(--spacing-ratio));
  --spacing-10: calc(var(--spacing-9)*var(--spacing-ratio));
  --spacing-11: calc(var(--spacing-10)*var(--spacing-ratio));
  --spacing-12: calc(var(--spacing-11)*var(--spacing-ratio));
  --spacing-13: calc(var(--spacing-12)*var(--spacing-ratio));
  --spacing-14: calc(var(--spacing-13)*var(--spacing-ratio));
  --spacing-15: calc(var(--spacing-14)*var(--spacing-ratio));
  --spacing-16: calc(var(--spacing-15)*var(--spacing-ratio));
  --spacing-17: calc(var(--spacing-16)*var(--spacing-ratio));
  --spacing-18: calc(var(--spacing-17)*var(--spacing-ratio));
  --spacing-19: calc(var(--spacing-18)*var(--spacing-ratio));
  --spacing-20: calc(var(--spacing-19)*var(--spacing-ratio));
  /**
     * Font size CSS custom properties
     * These are used for elements that don't need to have scaling typography -
     * they stay static, or are managed as exceptions with media queries.
     */
  --font-ratio: 1.125;
  --font-neg3: calc(var(--font-neg2)/var(--font-ratio));
  --font-neg2: calc(var(--font-neg1)/var(--font-ratio));
  --font-neg1: calc(var(--font-0)/var(--font-ratio));
  --font-0: 1.6rem;
  --font-1: calc(var(--font-0)*var(--font-ratio));
  --font-2: calc(var(--font-1)*var(--font-ratio));
  --font-3: calc(var(--font-2)*var(--font-ratio));
  --font-4: calc(var(--font-3)*var(--font-ratio));
  --font-5: calc(var(--font-4)*var(--font-ratio));
  --font-6: calc(var(--font-5)*var(--font-ratio));
  --font-7: calc(var(--font-6)*var(--font-ratio));
  --font-8: calc(var(--font-7)*var(--font-ratio));
  --font-9: calc(var(--font-8)*var(--font-ratio));
  --font-10: calc(var(--font-9)*var(--font-ratio));
  --font-11: calc(var(--font-10)*var(--font-ratio));
  --font-12: calc(var(--font-11)*var(--font-ratio));
  --font-13: calc(var(--font-12)*var(--font-ratio));
  --font-14: calc(var(--font-13)*var(--font-ratio));
  --font-15: calc(var(--font-14)*var(--font-ratio));
  --line-length-compact: 32ch;
  --line-length-short: 50ch;
  --line-length-default: 60ch;
  --line-length-long: 70ch;
  --border-thin: 1px;
  --border-regular: 2px;
  --border-thick: 4px;
  --width-mobile: 360px;
  --width-wide: 1215px; }

@font-face {
  font-family: 'Gustan';
  font-weight: 100;
  font-style: normal;
  src: url(/_resources/themes/build-it/dist/fonts/Gustan-Thin.woff); }

@font-face {
  font-family: 'Gustan';
  font-weight: 100;
  font-style: italic;
  src: url(/_resources/themes/build-it/dist/fonts/Gustan-ThinItalic.woff); }

@font-face {
  font-family: 'Gustan';
  font-weight: 300;
  font-style: normal;
  src: url(/_resources/themes/build-it/dist/fonts/Gustan-Light.woff); }

@font-face {
  font-family: 'Gustan';
  font-weight: 300;
  font-style: italic;
  src: url(/_resources/themes/build-it/dist/fonts/Gustan-LightItalic.woff); }

@font-face {
  font-family: 'Gustan';
  font-weight: 400;
  font-style: normal;
  src: url(/_resources/themes/build-it/dist/fonts/Gustan-Book.woff); }

@font-face {
  font-family: 'Gustan';
  font-weight: 400;
  font-style: italic;
  src: url(/_resources/themes/build-it/dist/fonts/Gustan-BookItalic.woff); }

@font-face {
  font-family: 'Gustan';
  font-weight: 500;
  font-style: normal;
  src: url(/_resources/themes/build-it/dist/fonts/Gustan-Medium.woff); }

@font-face {
  font-family: 'Gustan';
  font-weight: 500;
  font-style: italic;
  src: url(/_resources/themes/build-it/dist/fonts/Gustan-MediumItalic.woff); }

@font-face {
  font-family: 'Gustan';
  font-weight: 700;
  font-style: normal;
  src: url(/_resources/themes/build-it/dist/fonts/Gustan-Bold.woff); }

@font-face {
  font-family: 'Gustan';
  font-weight: 700;
  font-style: italic;
  src: url(/_resources/themes/build-it/dist/fonts/Gustan-BoldItalic.woff); }

/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  border-width: 0 !important;
  margin: -1px !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important; }

.focus-no-shadow *:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

mark::before,
mark::after {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%); }

mark::before {
  content: ' [highlight start] '; }

mark::after {
  content: ' [highlight end] '; }

.print-only {
  display: none !important; }
  @media print {
    .print-only {
      display: block !important; } }

@media print {
  .hide-print {
    display: none !important; } }

.print-color {
  -webkit-print-color-adjust: exact;
          color-adjust: exact; }

* {
  max-width: 70ch;
  max-width: var(--measure); }

html,
body,
div,
article,
blockquote,
button,
header,
nav,
main,
fieldset,
figure,
footer,
form,
hr,
iframe,
section,
table,
ul,
ol,
picture,
box-l,
cluster-l,
cover-l,
frame-l,
grid-l,
reel-l,
sidebar-l,
stack-l,
switcher-l {
  max-width: none; }

html {
  font-size: 62.5%;
  /**
    * This could cause issues with internal links with an anchor e.g /page-1/#section-3.
    * As this is probably not an issue for this project this has been ignored.
    */ }
  @media (prefers-reduced-motion: no-preference) {
    html {
      scroll-behavior: smooth; } }

img,
picture,
video,
iframe {
  display: block; }

img {
  width: auto; }

fieldset {
  border: 0; }

button {
  display: inline-block;
  padding: 0;
  border: 0;
  background-color: transparent;
  font-family: Gustan, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  font-size: var(--font-0);
  font-weight: 700;
  color: inherit;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, border-color, background-color;
  transition-property: color, border-color, background-color;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  cursor: pointer; }

body {
  font-size: calc(1.26316rem + 0.44185vw);
  line-height: calc(1.47878rem + 0.89227vw);
  font-family: Gustan, Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #000000; }
  @media (min-width: 1215px) {
    body {
      font-size: 1.8rem; } }
  @media (min-width: 1215px) {
    body {
      line-height: 2.56289rem; } }

.h4,
h4,
.h5,
h5,
.h6,
h6 {
  font-weight: 700; }

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

.h1,
h1 {
  font-size: calc(1.39611rem + 6.25834vw);
  line-height: calc(1.32632rem + 6.31579vw);
  letter-spacing: calc(0.04237rem - 0.18713vw);
  font-weight: 300; }
  @media (min-width: 1215px) {
    .h1,
    h1 {
      font-size: 9rem; } }
  @media (min-width: 1215px) {
    .h1,
    h1 {
      line-height: 9rem; } }
  @media (min-width: 1215px) {
    .h1,
    h1 {
      letter-spacing: -0.185rem; } }
  .h1 + *,
  h1 + * {
    --space: calc(3.37266rem + 2.035vw); }
    @media (min-width: 1215px) {
      .h1 + *,
      h1 + * {
        --space: 5.84518rem; } }
  @media (min-width: 600px) {
    .h1,
    h1 {
      font-weight: 100; } }

.h2,
h2 {
  --space: calc(1.70087rem + 1.6035vw);
  font-size: calc(1.87158rem + 1.12928vw);
  line-height: calc(2.27625rem + 0.79622vw);
  letter-spacing: calc(-0.01447rem - 0.02924vw);
  font-weight: 700; }
  @media (min-width: 1215px) {
    .h2,
    h2 {
      --space: 3.64912rem; } }
  @media (min-width: 1215px) {
    .h2,
    h2 {
      font-size: 3.24366rem; } }
  @media (min-width: 1215px) {
    .h2,
    h2 {
      line-height: 3.24366rem; } }
  @media (min-width: 1215px) {
    .h2,
    h2 {
      letter-spacing: -0.05rem; } }
  .h2 + *,
  h2 + * {
    --space: calc(0.58249rem + 1.89363vw); }
    @media (min-width: 1215px) {
      .h2 + *,
      h2 + * {
        --space: 2.88325rem; } }

.h3,
h3 {
  --space: calc(1.87158rem + 1.12928vw);
  font-size: calc(1.42105rem + 0.49708vw);
  line-height: calc(1.47878rem + 0.89227vw);
  letter-spacing: calc(-0.02579rem - 0.0117vw);
  font-weight: 700; }
  @media (min-width: 1215px) {
    .h3,
    h3 {
      --space: 3.24366rem; } }
  @media (min-width: 1215px) {
    .h3,
    h3 {
      font-size: 2.025rem; } }
  @media (min-width: 1215px) {
    .h3,
    h3 {
      line-height: 2.56289rem; } }
  @media (min-width: 1215px) {
    .h3,
    h3 {
      letter-spacing: -0.04rem; } }
  .h3 + *,
  h3 + * {
    --space: calc(1.12281rem + 0.39275vw); }
    @media (min-width: 1215px) {
      .h3 + *,
      h3 + * {
        --space: 1.6rem; } }

.h4,
h4 {
  --space: calc(2.02333rem + 0.70775vw);
  font-size: calc(1.26316rem + 0.44185vw);
  letter-spacing: calc(0.00842rem - 0.02339vw);
  letter-spacing: -0.01em; }
  @media (min-width: 1215px) {
    .h4,
    h4 {
      --space: 2.88325rem; } }
  @media (min-width: 1215px) {
    .h4,
    h4 {
      font-size: 1.8rem; } }
  @media (min-width: 1215px) {
    .h4,
    h4 {
      letter-spacing: -0.02rem; } }
  .h4 + *,
  h4 + * {
    --space: calc(0.58805rem + 0.83288vw); }
    @media (min-width: 1215px) {
      .h4 + *,
      h4 + * {
        --space: 1.6rem; } }

.h5,
h5 {
  --space: calc(2.02333rem + 0.70775vw);
  font-size: calc(1.12281rem + 0.39275vw);
  letter-spacing: calc(0.00842rem - 0.02339vw);
  line-height: 1.125; }
  @media (min-width: 1215px) {
    .h5,
    h5 {
      --space: 2.88325rem; } }
  @media (min-width: 1215px) {
    .h5,
    h5 {
      font-size: 1.6rem; } }
  @media (min-width: 1215px) {
    .h5,
    h5 {
      letter-spacing: -0.02rem; } }
  .h5 + *,
  h5 + * {
    --space: calc(0.58805rem + 0.83288vw); }
    @media (min-width: 1215px) {
      .h5 + *,
      h5 + * {
        --space: 1.6rem; } }

.h6,
h6 {
  --space: calc(1.79852rem + 0.62911vw);
  font-size: calc(0.99805rem + 0.34911vw);
  letter-spacing: calc(0.00842rem - 0.02339vw);
  line-height: 1.125; }
  @media (min-width: 1215px) {
    .h6,
    h6 {
      --space: 2.56289rem; } }
  @media (min-width: 1215px) {
    .h6,
    h6 {
      font-size: 1.42222rem; } }
  @media (min-width: 1215px) {
    .h6,
    h6 {
      letter-spacing: -0.02rem; } }
  .h6 + *,
  h6 + * {
    --space: var(--spacing-neg3); }

strong {
  font-weight: 700; }

sup {
  display: inline-block;
  margin-top: -1em; }

abbr[title] {
  -webkit-text-decoration: underline dashed;
          text-decoration: underline dashed; }

a {
  color: currentColor;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }
  a:hover {
    color: #076CFF; }
  .content a {
    padding-bottom: calc(-0.10526rem + 0.2924vw);
    border-bottom: 0.1rem solid #076CFF; }
    @media (min-width: 1215px) {
      .content a {
        padding-bottom: 0.25rem; } }
    .content a:visited {
      color: #002C8A; }
      .content a:visited:hover {
        color: #076CFF; }
    .content a[data-external-link]::after {
      position: relative;
      display: inline-block;
      content: '';
      width: 0.8em;
      height: 0.8em;
      margin-left: 0.25em;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23076CFF' fill-rule='evenodd' d='M18.44,22H1.64A1.63,1.63,0,0,1,0,20.36V3.56A1.64,1.64,0,0,1,1.64,1.92H12V3.75H1.83V20.17H18.25V10h1.83V20.36A1.64,1.64,0,0,1,18.44,22ZM9.06,14.23,7.77,12.94,18.87,1.83h-5V0H22V8.12H20.17v-5Z'/%3E%3C/svg%3E"); }
  .js-tabkey-outline .content a {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }

blockquote {
  --space: calc(1.05968rem + 1.50088vw);
  position: relative;
  padding-top: 6.57583rem;
  padding-top: var(--spacing-12);
  padding-bottom: 1.6rem;
  padding-bottom: var(--spacing-0);
  border-top: 0.1rem solid #199F0E;
  font-weight: 700;
  color: #199F0E;
  quotes: "“" "“"; }
  @media (min-width: 1215px) {
    blockquote {
      --space: 2.88325rem; } }
  blockquote + * {
    --space: calc(1.05968rem + 1.50088vw); }
    @media (min-width: 1215px) {
      blockquote + * {
        --space: 2.88325rem; } }
  blockquote::before {
    position: absolute;
    top: 5.6rem;
    left: 0;
    content: open-quote;
    font-size: 11rem;
    pointer-events: none; }
  blockquote p {
    font-size: calc(2.27625rem + 0.79622vw);
    line-height: calc(2.88088rem + 1.00772vw);
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    letter-spacing: -0.008em;
    quotes: "“" "“"; }
    @media (min-width: 1215px) {
      blockquote p {
        font-size: 3.24366rem; } }
    @media (min-width: 1215px) {
      blockquote p {
        line-height: 4.10526rem; } }
    blockquote p > * {
      font-family: inherit;
      font-size: inherit;
      color: currentColor; }
  blockquote footer,
  blockquote cite {
    font-family: Gustan, Helvetica, Arial, sans-serif;
    font-size: 1.42222rem;
    font-size: var(--font-neg1);
    font-weight: 500;
    color: #199F0E; }
  blockquote footer {
    margin-top: calc(1.59688rem - 1.31431vw); }
    @media (min-width: 1215px) {
      blockquote footer {
        margin-top: 0rem; } }
  blockquote cite {
    font-style: normal; }
  @media (min-width: 600px) {
    blockquote {
      padding-top: 1.6rem;
      padding-top: var(--spacing-0);
      padding-left: 6.57583rem;
      padding-left: var(--spacing-12);
      border-top: 0; }
      blockquote::before {
        top: 5.6rem; } }

.col-2 {
  padding-left: calc(0.4165rem + 4.46804vw);
  padding-right: calc(0.4165rem + 4.46804vw); }
  @media (min-width: 1215px) {
    .col-2 {
      padding-left: 5.84518rem; } }
  @media (min-width: 1215px) {
    .col-2 {
      padding-right: 5.84518rem; } }

.col-2-inner {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  max-width: 1215px;
  max-width: var(--width-wide);
  margin: auto; }

@media (min-width: 841px) {
  .col-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .col-2-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; }
    .col-2-inner.next-steps {
      padding-top: calc(1.63613rem + 3.46424vw);
      border-top: 1px solid #cdcdcd; } }
    @media (min-width: 841px) and (min-width: 1215px) {
      .col-2-inner.next-steps {
        padding-top: 5.84518rem; } }

@media (min-width: 841px) {
  .col-2-sidebar {
    width: 33%;
    min-width: 33%; }
  .col-2-content {
    width: 66%;
    min-width: 66%; } }

ul,
ol {
  list-style-type: none; }

.content ul,
.content ol {
  /* stylelint-disable selector-max-type */
  /* stylelint-enable selector-max-type */ }
  .content ul ul,
  .content ul ol,
  .content ol ul,
  .content ol ol {
    margin-top: 0.99887rem;
    margin-top: var(--spacing-neg4); }
  .content ul ul li,
  .content ol ul li {
    padding-left: 1.8rem;
    padding-left: var(--spacing-1); }
    .content ul ul li::before,
    .content ol ul li::before {
      top: calc(0.67368rem + 0.35088vw);
      left: 0.1rem;
      width: 0.7rem;
      height: 0.2rem;
      background: #000000; }
      @media (min-width: 1215px) {
        .content ul ul li::before,
        .content ol ul li::before {
          top: 1.1rem; } }
  .content ul ul ul li::before,
  .content ol ul ul li::before {
    top: 0;
    content: '\2013';
    width: auto;
    height: auto;
    border: 0;
    background: transparent; }
  .content ul ol li::before,
  .content ol ol li::before {
    content: "" counter(list, lower-alpha) ". "; }
  .content ul ol ol,
  .content ol ol ol {
    padding-left: 0;
    border-left: 0; }
    .content ul ol ol li::before,
    .content ol ol ol li::before {
      content: "" counter(list, lower-roman) ". "; }
  .content ul li,
  .content ol li {
    position: relative; }
    .content ul li::before,
    .content ol li::before {
      position: absolute;
      left: 0;
      display: block; }
    .content ul li + li,
    .content ol li + li {
      margin-top: 1.12373rem;
      margin-top: var(--spacing-neg3); }
    .content ul li h3,
    .content ul li h4,
    .content ul li h5,
    .content ul li h6,
    .content ol li h3,
    .content ol li h4,
    .content ol li h5,
    .content ol li h6 {
      margin-bottom: 1.12373rem;
      margin-bottom: var(--spacing-neg3); }

.content ul li {
  padding-left: 2.27812rem;
  padding-left: var(--spacing-3); }
  .content ul li::before {
    top: 0.45em;
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 9999px;
    background-color: #CDCDCD; }

.content ol {
  counter-reset: list; }
  .content ol li {
    padding-left: 2.56289rem;
    padding-left: var(--spacing-4);
    list-style: none; }
    .content ol li::before {
      top: -0.05em;
      content: counter(list, decimal) ". ";
      min-width: 2rem;
      margin-right: -2rem;
      counter-increment: list; }

[href]:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
[tabindex]:focus,
button[tabindex]:focus {
  outline: none; }

.js-tabkey-outline [href]:focus, .js-tabkey-outline
input:focus, .js-tabkey-outline
select:focus, .js-tabkey-outline
textarea:focus, .js-tabkey-outline
[tabindex]:not([tabindex='-1']):focus {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: #0048DF;
  -webkit-box-shadow: 0 0 0 4px #fff;
          box-shadow: 0 0 0 4px #fff; }

.js-tabkey-outline button:focus, .js-tabkey-outline
button[tabindex]:not([tabindex='-1']):focus {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: #0048DF;
  -webkit-box-shadow: 0 0 0 4px #fff;
          box-shadow: 0 0 0 4px #fff; }

.js-spacekey-outline button:focus, .js-spacekey-outline
button[tabindex]:not([tabindex='-1']):focus {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: #0048DF;
  -webkit-box-shadow: 0 0 0 4px #fff;
          box-shadow: 0 0 0 4px #fff; }

.js-enterkey-outline button:focus, .js-enterkey-outline
button[tabindex]:not([tabindex='-1']):focus {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: #0048DF;
  -webkit-box-shadow: 0 0 0 4px #fff;
          box-shadow: 0 0 0 4px #fff; }

table {
  width: 100% !important;
  word-break: break-word;
  -ms-word-wrap: break-word;
  table-layout: fixed; }
  table caption {
    margin-bottom: 1.2642rem;
    margin-bottom: var(--spacing-neg2); }
  table thead {
    /* stylelint-disable-next-line selector-max-type */ }
    table thead tr {
      border-bottom: 0.2rem solid currentColor; }
  table tr {
    border-bottom: 0.1rem solid #CDCDCD; }
  table th {
    vertical-align: top;
    width: auto !important;
    padding: 0 1.6rem 1.42222rem 0;
    padding: 0 var(--spacing-0) var(--spacing-neg1) 0;
    font-size: 1.6rem;
    font-size: var(--font-0);
    line-height: 1.25;
    font-weight: 700; }
  table td {
    vertical-align: top;
    width: auto !important;
    padding: 1.42222rem 1.6rem 2.56289rem 0;
    padding: var(--spacing-neg1) var(--spacing-0) var(--spacing-4) 0;
    font-size: 1.6rem;
    font-size: var(--font-0);
    line-height: 1.25; }

/**
 * This can be applied to any content block to style all links within.
 * @see LinkItem component story
 */
[data-link-type='BLOCK'] {
  /* stylelint-disable-next-line selector-max-type */ }
  [data-link-type='BLOCK'] a {
    --measure: none;
    --space: calc(1.31447rem + 0.79313vw);
    font-size: calc(1.34737rem + 0.20793vw);
    padding-top: calc(1.26316rem + 0.44185vw);
    padding-bottom: calc(1.26316rem + 0.44185vw);
    padding-left: calc(0.94194rem + 1.33412vw);
    padding-right: calc(0.94194rem + 1.33412vw);
    display: block;
    border-bottom: 2px solid #19C8BF;
    margin-top: 2.56289rem;
    margin-top: var(--space);
    background: #DDF7F6;
    line-height: 1.25;
    font-weight: 500;
    color: #000000;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: background-color, color, border-color;
    transition-property: background-color, color, border-color;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; }
    @media (min-width: 1215px) {
      [data-link-type='BLOCK'] a {
        --space: 2.27812rem; } }
    @media (min-width: 1215px) {
      [data-link-type='BLOCK'] a {
        font-size: 1.6rem; } }
    @media (min-width: 1215px) {
      [data-link-type='BLOCK'] a {
        padding-top: 1.8rem; } }
    @media (min-width: 1215px) {
      [data-link-type='BLOCK'] a {
        padding-bottom: 1.8rem; } }
    @media (min-width: 1215px) {
      [data-link-type='BLOCK'] a {
        padding-left: 2.56289rem; } }
    @media (min-width: 1215px) {
      [data-link-type='BLOCK'] a {
        padding-right: 2.56289rem; } }
    [data-link-type='BLOCK'] a:hover, [data-link-type='BLOCK'] a:focus {
      border-bottom-color: #0048DF;
      background: #0048DF;
      color: #fff; }
    [data-link-type='BLOCK'] a:visited {
      color: #000000; }
      [data-link-type='BLOCK'] a:visited:hover, [data-link-type='BLOCK'] a:visited:focus {
        color: #fff; }
    [data-link-type='BLOCK'] a[data-external-link] {
      padding-right: calc(3.64611rem + 1.27539vw);
      position: relative; }
      @media (min-width: 1215px) {
        [data-link-type='BLOCK'] a[data-external-link] {
          padding-right: 5.19571rem; } }
      [data-link-type='BLOCK'] a[data-external-link]::after {
        right: calc(0.94194rem + 1.33412vw);
        position: absolute;
        top: 50%;
        content: '';
        width: 1.6rem;
        height: 1.6rem;
        margin-left: auto;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234D4D4D' fill-rule='evenodd' d='M18.44,22H1.64A1.63,1.63,0,0,1,0,20.36V3.56A1.64,1.64,0,0,1,1.64,1.92H12V3.75H1.83V20.17H18.25V10h1.83V20.36A1.64,1.64,0,0,1,18.44,22ZM9.06,14.23,7.77,12.94,18.87,1.83h-5V0H22V8.12H20.17v-5Z'/%3E%3C/svg%3E");
        background-position-x: right;
        background-repeat: no-repeat;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
        @media (min-width: 1215px) {
          [data-link-type='BLOCK'] a[data-external-link]::after {
            right: 2.56289rem; } }
      [data-link-type='BLOCK'] a[data-external-link]:hover::after, [data-link-type='BLOCK'] a[data-external-link]:focus::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M18.44,22H1.64A1.63,1.63,0,0,1,0,20.36V3.56A1.64,1.64,0,0,1,1.64,1.92H12V3.75H1.83V20.17H18.25V10h1.83V20.36A1.64,1.64,0,0,1,18.44,22ZM9.06,14.23,7.77,12.94,18.87,1.83h-5V0H22V8.12H20.17v-5Z'/%3E%3C/svg%3E"); }
  [data-link-type='BLOCK'] ol a {
    width: calc(100% + 2.56289rem);
    width: calc(100% + var(--spacing-4));
    margin-left: -2.56289rem;
    margin-left: calc(var(--spacing-4)*-1); }
  [data-link-type='BLOCK'] ul a {
    width: calc(100% + 2.27812rem);
    width: calc(100% + var(--spacing-3));
    margin-left: -2.27812rem;
    margin-left: calc(var(--spacing-3)*-1); }
  [data-link-type='BLOCK'] ul ul li a {
    width: calc(100% + 1.8rem);
    width: calc(100% + var(--spacing-1));
    margin-left: -1.8rem;
    margin-left: calc(var(--spacing-1)*-1); }
  [data-link-type='BLOCK'] li a {
    margin-top: calc(1.26316rem + 0.44185vw); }
    @media (min-width: 1215px) {
      [data-link-type='BLOCK'] li a {
        margin-top: 1.8rem; } }
  [data-link-type='BLOCK'] li:not(:last-child) a {
    margin-bottom: 2.27812rem;
    margin-bottom: var(--spacing-3); }

/**
 * Notice that displays when the browser is detected as unsupported through the browser-update package.
 */
body .buorg * {
  max-width: none; }

body .buorg-pad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

body .buorg-buttons {
  display: none; }

.container-standard-width {
  max-width: 79.4rem; }
  @supports (display: grid) {
    .container-standard-width {
      max-width: 70ch;
      max-width: var(--measure); } }

.decisiontree fieldset {
  margin: 2rem 0; }
  @media (min-width: 841px) {
    .decisiontree fieldset {
      margin: 0 0 3.5rem; } }

.decisiontree .decisiontree-title {
  display: none; }

.decisiontree .decisiontree-intro {
  margin-top: 1rem;
  font-size: 1.8rem;
  line-height: 1.125;
  font-weight: 500;
  color: #4D4D4D;
  letter-spacing: 0; }

.decisiontree .step-number {
  padding-bottom: 0.8rem;
  font-size: 1.25rem;
  font-weight: 300;
  color: #4D4D4D; }
  @media (min-width: 841px) {
    .decisiontree .step-number {
      font-size: 1.7rem; } }

.decisiontree .step-title {
  font-size: 1.65rem;
  line-height: 1.25;
  font-weight: 500; }
  @media (min-width: 841px) {
    .decisiontree .step-title {
      font-size: 2.4rem; } }

.decisiontree .step-content {
  display: block;
  margin-top: 1.5rem;
  font-weight: 300; }

.decisiontree .step-legend {
  width: 100%;
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 72, 223, 0.2); }
  @media (min-width: 841px) {
    .decisiontree .step-legend {
      padding-top: 0;
      border-top: none; } }

@media (min-width: 841px) {
  .decisiontree .nextstep .step-legend {
    padding-top: 2.5rem;
    border-top: 1px solid rgba(0, 72, 223, 0.2); }
  .decisiontree .nextstep fieldset {
    margin-top: 3.5rem; } }

.decisiontree .step--result .step-title {
  padding-top: 2.66rem; }

.decisiontree .step--result .step-content {
  margin-top: 2rem; }

.decisiontree .radio.step-option {
  height: calc(1.54737rem + 0.70175vw);
  width: calc(1.54737rem + 0.70175vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  @media (min-width: 1215px) {
    .decisiontree .radio.step-option {
      height: 2.4rem; } }
  @media (min-width: 1215px) {
    .decisiontree .radio.step-option {
      width: 2.4rem; } }
  .decisiontree .radio.step-option:checked {
    border: 2px solid #0048DF;
    color: #0048DF; }
    .decisiontree .radio.step-option:checked::before {
      height: calc(0.82998rem + 0.46916vw);
      width: calc(0.82998rem + 0.46916vw);
      display: block;
      content: '';
      border-radius: 50%;
      background: #0048DF;
      color: #0048DF; }
      @media (min-width: 1215px) {
        .decisiontree .radio.step-option:checked::before {
          height: 1.4rem; } }
      @media (min-width: 1215px) {
        .decisiontree .radio.step-option:checked::before {
          width: 1.4rem; } }
    .decisiontree .radio.step-option:checked::-ms-check {
      border: 2px solid #0048DF;
      color: #0048DF; }
  @media print {
    .decisiontree .radio.step-option + label {
      display: none; }
    .decisiontree .radio.step-option:checked + label {
      display: block;
      padding-left: 0;
      font-size: 1.8rem;
      font-weight: 400; } }

.decisiontree .step-button {
  margin-top: 2.66rem; }

.decisiontree .optionset {
  margin-top: 2rem; }

.decisiontree .optionset--radio li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.6rem;
  margin-bottom: var(--spacing-0); }
  .decisiontree .optionset--radio li:last-child {
    margin-bottom: 0; }

.decisiontree .optionset--radio label {
  padding-left: 10px; }

.decisiontree .optionset--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .decisiontree .optionset--buttons input {
    width: 0;
    height: 0;
    opacity: 0; }
  .decisiontree .optionset--buttons li {
    width: 100%;
    min-height: 46px;
    margin-right: 1.6rem;
    margin-right: var(--spacing-0); }
    .decisiontree .optionset--buttons li:last-of-type {
      margin-right: 0; }
  .decisiontree .optionset--buttons input:checked + label {
    background-color: #0048DF;
    color: #fff; }
  .decisiontree .optionset--buttons label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 100%;
    padding: 1rem;
    border: 1px solid transparent;
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    color: #0048DF;
    text-align: center;
    cursor: pointer; }
    .decisiontree .optionset--buttons label:hover {
      border: 1px solid #0048DF; }
  @media (min-width: 841px) {
    .decisiontree .optionset--buttons {
      margin-top: 3.5rem; }
      .decisiontree .optionset--buttons li {
        max-width: 25rem;
        min-height: 57px;
        margin-right: 3.64912rem;
        margin-right: var(--spacing-7); }
      .decisiontree .optionset--buttons label {
        padding: 1.2rem;
        font-size: 1.8rem; } }
  @media print {
    .decisiontree .optionset--buttons {
      display: block; }
      .decisiontree .optionset--buttons li {
        min-height: 0; } }
  @media print {
    .decisiontree .optionset--buttons input + label {
      display: none; } }
  @media print {
      .decisiontree .optionset--buttons input:checked + label {
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0;
        border: none;
        margin: 0;
        text-align: left; } }

.decisiontree .accordion {
  width: 100%; }

.decisiontree .accordion-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 14px;
  border: none;
  background: #F2F7FF;
  font-size: 1.65rem;
  font-weight: 500;
  color: #0048DF;
  text-align: left; }
  @media (min-width: 841px) {
    .decisiontree .accordion-button {
      padding: 1.8rem;
      font-size: 1.8rem; } }

.decisiontree .accordion-content {
  display: none;
  padding: 14px;
  background: #F2F7FF; }
  @media (min-width: 841px) {
    .decisiontree .accordion-content {
      padding: 1.8rem; } }
  @media print {
    .decisiontree .accordion-content {
      display: block; } }

.decisiontree .accordion-button--expanded .icon-expanded {
  display: none; }

.decisiontree .accordion-button--expanded .icon-collapsed {
  display: block; }

.decisiontree .icon {
  width: 20px;
  min-width: 20px;
  margin-left: 20px; }

.decisiontree .icon-expanded {
  display: block; }

.decisiontree .icon-collapsed {
  display: none; }

.js-dt-result-holder .build-bud--result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .js-dt-result-holder .build-bud--result .result--negative,
  .js-dt-result-holder .build-bud--result .result--positive {
    width: 15.7rem;
    margin-top: -1rem;
    margin-right: 2rem; }
  @media (max-width: 840px) {
    .js-dt-result-holder .build-bud--result {
      display: none !important; } }

.js-dt-result-holder.positive {
  --res-color: #199F0E;
  --res-bg: theme('color.green.200'); }
  .js-dt-result-holder.positive .icon.negative {
    display: none; }

.js-dt-result-holder.negative {
  --res-color: #E02020;
  --res-bg: theme('color.red.200'); }
  .js-dt-result-holder.negative .icon.positive {
    display: none; }

.js-dt-result-holder .decision-tree-result {
  padding: 4rem 0;
  background-color: var(--res-bg); }
  @media (min-width: 841px) {
    .js-dt-result-holder .decision-tree-result {
      padding: 7rem 0; } }

.js-dt-result-holder .result-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.js-dt-result-holder .result-title {
  font-size: 2rem; }
  @media (min-width: 841px) {
    .js-dt-result-holder .result-title {
      font-size: 2.5rem; } }

.js-dt-result-holder .result-content {
  padding: 1.5rem;
  border: 2px solid var(--res-color);
  background-color: #fff; }
  .js-dt-result-holder .result-content__neg-content {
    margin: 16px 0; }
  .js-dt-result-holder .result-content__neg-reason {
    padding: 10px 0;
    border-bottom: 1px solid #e02020; }
  .js-dt-result-holder .result-content__neg-next-steps p {
    margin-top: 10px; }
  @media (min-width: 841px) {
    .js-dt-result-holder .result-content {
      padding: 2.6rem; } }

.js-dt-result-holder .result-copy {
  margin: 1.5rem 0; }
  .js-dt-result-holder .result-copy p {
    margin-top: rem; }
    .js-dt-result-holder .result-copy p:first-child {
      margin-top: 0; }
  @media (min-width: 841px) {
    .js-dt-result-holder .result-copy {
      margin: 2rem 0; } }

.js-dt-result-holder .result-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 2.2rem; }

.js-dt-result-holder .result-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #0048DF;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500; }
  .js-dt-result-holder .result-link .icon {
    width: auto;
    height: 17px;
    min-width: auto;
    min-height: 17px;
    margin-top: 2px; }
    .js-dt-result-holder .result-link .icon path {
      fill: #0048DF; }
  .js-dt-result-holder .result-link:last-child {
    margin-bottom: 0; }
  @media (min-width: 841px) {
    .js-dt-result-holder .result-link {
      font-size: 1.8rem; }
      .js-dt-result-holder .result-link .icon {
        margin-top: 4px; } }

.js-dt-result-holder .result-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1rem;
  border: 1px solid transparent;
  background-color: #0048DF;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  cursor: pointer; }
  .js-dt-result-holder .result-button:hover {
    background-color: #002C8A; }
  @media (min-width: 841px) {
    .js-dt-result-holder .result-button {
      width: auto;
      padding: 1.2rem 2.4rem;
      font-size: 1.8rem; } }

.js-dt-result-holder .icon {
  width: 30px;
  min-width: 30px;
  margin-right: 8px; }
  .js-dt-result-holder .icon path {
    fill: var(--res-color); }

[data-show-hide__panel='height'] {
  -webkit-transition-property: height;
  transition-property: height; }
  [data-show-hide__panel='height'][aria-hidden='true'] {
    height: 0 !important; }

[data-show-hide__panel='opacity'] {
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  [data-show-hide__panel='opacity'][aria-hidden='true'] {
    opacity: 0 !important; }

[data-show-hide__panel] {
  height: auto;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease; }
  [data-show-hide__panel] > :first-child {
    margin-top: 0; }
  @media (prefers-reduced-motion: no-preference) {
    [data-show-hide__panel] {
      -webkit-transition-duration: 0.25s;
              transition-duration: 0.25s; } }

.text-highlight {
  background-color: #19C8BF; }

.table-overflow {
  --space: calc(0.54516rem + 2.93012vw);
  position: relative; }
  @media (min-width: 1215px) {
    .table-overflow {
      --space: 4.10526rem; } }
  .table-overflow .table-overflow__scroll-indicator {
    position: sticky;
    right: -0.1rem;
    content: '';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    margin-left: 0;
    -webkit-box-shadow: -0.3rem 0 0.8rem 0 #000;
            box-shadow: -0.3rem 0 0.8rem 0 #000; }
  .table-overflow.overflowing .table-overflow__scroll-indicator {
    -ms-flex-preferred-size: 0.1rem;
        flex-basis: 0.1rem; }

.tile-section-title {
  font-size: calc(1.19766rem + 0.18482vw);
  letter-spacing: calc(-0.01579rem - 0.0117vw);
  line-height: 1.125;
  font-weight: 300;
  color: #4D4D4D; }
  @media (min-width: 1215px) {
    .tile-section-title {
      font-size: 1.42222rem; } }
  @media (min-width: 1215px) {
    .tile-section-title {
      letter-spacing: -0.03rem; } }

box-l {
  --space: var(--spacing-1);
  display: block;
  padding: 2.56289rem;
  padding: var(--space);
  border-width: 1px;
  border-width: var(--border-thin);
  /* ↓ For high contrast mode */
  outline: 1px solid transparent;
  outline: var(--border-thin) solid transparent;
  outline-offset: -1px;
  outline-offset: calc(var(--border-thin)*-1); }

box-l * {
  color: inherit; }

center-l {
  display: block;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 70ch;
  max-width: var(--measure);
  margin-right: auto;
  margin-left: auto; }

cluster-l > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: -1.28145rem;
  margin: calc(var(--space)/2*-1); }

cluster-l > * > * {
  margin: 1.28145rem;
  margin: calc(var(--space)/2); }

cover-l {
  --space: var(--spacing-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  padding: 2.56289rem;
  padding: var(--space); }

frame-l {
  --n: 9;
  --d: 16;
  position: relative;
  display: block;
  padding-bottom: calc(var(--n)/var(--d)*100%); }

frame-l > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

frame-l > img,
frame-l > video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

@supports (display: grid) {
  grid-l {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 2.56289rem;
    grid-column-gap: var(--space);
    grid-row-gap: 2.56289rem;
    grid-row-gap: var(--space);
    -ms-grid-columns: 100%;
    grid-template-columns: 100%; } }

icon-l svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.75em;
  width: 1cap;
  height: 0.75em;
  height: 1cap;
  fill: currentColor; }

imposter-l {
  --positioning: absolute;
  position: var(--positioning);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

reel-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-color: #fff #4D4D4D; }

reel-l > * {
  --item-width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--item-width);
          flex: 0 0 var(--item-width); }

reel-l > img {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  height: 100%; }

reel-l::-webkit-scrollbar {
  height: 1.6rem;
  height: var(--spacing-0); }

reel-l::-webkit-scrollbar-track {
  background-color: #4D4D4D; }

reel-l::-webkit-scrollbar-thumb {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4D4D4D), color-stop(0.5rem, #4D4D4D), color-stop(0.5rem, #fff), color-stop(1.15rem, #fff), color-stop(1.15rem, #4D4D4D));
  background-image: linear-gradient(#4D4D4D 0, #4D4D4D 0.5rem, #fff 0.5rem, #fff 1.15rem, #4D4D4D 1.15rem);
  background-color: #4D4D4D; }

sidebar-l > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

sidebar-l > * > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

stack-l {
  --space: calc(1.42105rem + 0.49708vw);
  display: block; }
  @media (min-width: 1215px) {
    stack-l {
      --space: 2.025rem; } }

stack-l > * + * {
  margin-top: 2.56289rem;
  margin-top: var(--space); }

switcher-l {
  display: block; }

switcher-l > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

switcher-l > * > * {
  -ms-flex-preferred-size: calc(69930ch - 99900%);
      flex-basis: calc(69930ch - 99900%);
  -ms-flex-preferred-size: calc(var(--measure)*999 - 99900%);
      flex-basis: calc(var(--measure)*999 - 99900%);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

@media print {
  @page {
    margin-right: 0;
    margin-left: 0; }
  *,
  *::before,
  *::after {
    --measure: 100% !important;
    background: transparent !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  *:not(.print-color, g, path),
  *:not(.print-color)::before,
  *:not(.print-color)::after {
    border-color: currentColor !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    color: #000 !important; }
  /*
     * Element selectors
     */
  a,
  a:visited {
    text-decoration: underline; }
    .content a, .content
    a:visited {
      border-bottom: none; }
      .content a[data-external-link]::after, .content
      a:visited[data-external-link]::after {
        content: " (" attr(href) ")";
        width: initial;
        height: initial;
        margin-left: 0; }
  a[href]::after {
    content: " (" attr(href) ")";
    text-decoration: underline;
    word-break: break-word; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^='#']::after,
  a[href^='javascript:']::after {
    content: ''; }
  .content ul li::before {
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
    background-color: rgba(0, 0, 0, 0.3) !important; }
  table {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    min-width: 100%; }
  thead {
    display: table-header-group; }
  tr,
  img {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
  img {
    width: auto !important;
    max-width: 100% !important; }
  iframe {
    display: none !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h1,
  h2,
  h3 {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
  h2,
  h3 {
    -webkit-column-break-after: avoid;
       -moz-column-break-after: avoid;
            break-after: avoid; }
  input[type='text']::-webkit-input-placeholder {
    color: transparent !important; }
  input[type='text']::-moz-placeholder {
    color: transparent !important; }
  input[type='text']:-ms-input-placeholder {
    color: transparent !important; }
  input[type='text']::-ms-input-placeholder {
    color: transparent !important; }
  input[type='text']::placeholder {
    color: transparent !important; }
  /*
     * Layouts
     */
  center-l {
    max-width: 100% !important; }
  /*
     * Global classes/attributes
     */
  /* Ensure show/hide panels are visible */
  [data-show-hide__panel] {
    display: block !important;
    overflow: unset !important;
    visibility: visible !important; }
    [data-show-hide__panel][data-show-hide__panel='height'][aria-hidden='true'] {
      height: auto !important; }
  [data-link-type='BLOCK'] a {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    text-decoration: none; }
    [data-link-type='BLOCK'] a::before {
      display: block;
      content: 'More information:';
      margin-bottom: 0.5rem;
      font-size: 1.42222rem;
      font-size: var(--font-neg1);
      font-weight: 300;
      -webkit-print-color-adjust: exact;
              color-adjust: exact;
      color: #4D4D4D !important; }
    [data-link-type='BLOCK'] a[data-external-link]::after {
      position: static !important;
      display: block;
      font-weight: 300;
      text-decoration: none;
      -webkit-transform: none !important;
              transform: none !important; }
  /*
     * Components
     */
  .back-link,
  .back-to-top,
  .button-group,
  .jumplinks,
  .radio-button-group {
    display: none !important; }
  .accordion {
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.3) !important; }
    .accordion .icon {
      display: none !important; }
  .browse-list-header {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
    .browse-list-header__image {
      display: none !important; }
  .container__wrapper {
    padding-right: 4.10526rem !important;
    padding-right: var(--spacing-8) !important;
    padding-left: 4.10526rem !important;
    padding-left: var(--spacing-8) !important; }
  .container__inner {
    border-color: rgba(0, 0, 0, 0.2) !important; }
  .footer {
    padding-top: calc(1.90958rem + 2.70463vw);
    padding-bottom: calc(2.41682rem + 3.42305vw);
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    background-color: #000 !important;
    font-size: 1.42222rem;
    font-size: var(--font-neg1);
    line-height: 1.25;
    -webkit-print-color-adjust: exact;
            color-adjust: exact; } }
  @media print and (min-width: 1215px) {
    .footer {
      padding-top: 5.19571rem; } }
  @media print and (min-width: 1215px) {
    .footer {
      padding-bottom: 6.57583rem; } }

@media print {
    .footer * {
      color: white !important; }
    .footer__container {
      display: none !important; }
    .footer__print-logo {
      width: calc(4.7rem + 15.55556vw) !important; } }
    @media print and (min-width: 1215px) {
      .footer__print-logo {
        width: 23.6rem !important; } }

@media print {
    .footer .container__inner {
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
  .general-hero {
    border-bottom: 2px solid currentColor; }
    .general-hero__inner {
      -ms-grid-columns: 100% !important;
      grid-template-columns: 100% !important;
          grid-template-areas: 'heading' 'image' 'introduction' !important; }
    .general-hero__col1, .general-hero__col2 {
      /*! autoprefixer: ignore next */
      display: contents !important; }
    .general-hero__heading {
      grid-area: heading; }
    .general-hero__image-area {
      grid-area: image; }
    .general-hero__introduction {
      grid-area: introduction; }
    .general-hero__disclaimer-area {
      grid-area: disclaimer;
      margin-top: 0 !important; }
    .general-hero__disclaimer-text {
      padding-left: 0 !important;
      border-left: 0 !important;
      margin-left: 0 !important; }
    .general-hero[data-has-disclaimer] .general-hero__inner {
          grid-template-areas: 'heading' 'image' 'introduction' 'disclaimer' !important; }
  .layout-2-col + .layout-2-col .container__inner {
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
    border-top: 1px solid #CDCDCD !important; }
  .layout-2-col__inner {
    display: block !important; }
  .layout-2-col__content {
    margin-top: 2.025rem;
    margin-top: var(--spacing-2); }
  .layout-2-col__sidebar-content {
    margin-right: 0 !important; }
  .page-header {
    border-bottom: 2px solid currentColor; }
    .page-header a::after {
      display: none !important; }
    .page-header__logo {
      width: calc(4.7rem + 15.55556vw) !important; } }
    @media print and (min-width: 1215px) {
      .page-header__logo {
        width: 23.6rem !important; } }

@media print {
    .page-header__government-wrapper {
      border-color: rgba(0, 0, 0, 0.5) !important; }
    .page-header__government-logo {
      width: calc(7.78947rem + 11.69591vw) !important; } }
    @media print and (min-width: 1215px) {
      .page-header__government-logo {
        width: 22rem !important; } }

@media print {
  .project-hero {
    padding-top: 3.24366rem !important;
    padding-top: var(--spacing-6) !important;
    border-bottom: 2px solid currentColor; }
    .project-hero__inner {
      -ms-grid-columns: 1fr !important;
      grid-template-columns: 1fr !important;
          grid-template-areas: 'top' 'content' 'image' 'synonyms' !important;
      -ms-grid-rows: auto auto auto auto !important;
      grid-template-rows: auto auto auto auto !important; }
    .project-hero__top {
      grid-area: top;
      padding-bottom: 2.56289rem;
      padding-bottom: var(--spacing-4);
      border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
      font-size: 1.42222rem;
      font-size: var(--font-neg1);
      font-weight: 700; }
    .project-hero__content {
      grid-area: content; }
    .project-hero__date {
      color: rgba(0, 0, 0, 0.7) !important; }
    .project-hero__synonyms {
      grid-area: synonyms;
      border-color: rgba(0, 0, 0, 0.3) !important; }
  .project-qa-layout__left-col-wrapper {
    max-width: none !important; }
  .project-qa-layout__question {
    padding-top: 0 !important;
    padding-bottom: 2.56289rem !important;
    padding-bottom: var(--spacing-4) !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
    margin-top: 2.56289rem !important;
    margin-top: var(--spacing-4) !important; }
  .project-qa-layout__heading {
    font-size: calc(1.87158rem + 1.12928vw) !important;
    line-height: calc(1.97418rem + 0.8443vw) !important; }
    .project-hero__inner > .general-hero__image-area {
    -ms-grid-row: 3;
    -ms-grid-column: 1; } }

@media print{
    .general-hero__heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .general-hero[data-has-disclaimer] .general-hero__inner > .general-hero__heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .general-hero__image-area {
    -ms-grid-row: 2;
    -ms-grid-column: 1; }
    .general-hero[data-has-disclaimer] .general-hero__inner > .general-hero__image-area {
    -ms-grid-row: 2;
    -ms-grid-column: 1; }
    .general-hero__introduction {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
    .general-hero[data-has-disclaimer] .general-hero__inner > .general-hero__introduction {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
    .general-hero__disclaimer-area {
    -ms-grid-row: 4;
    -ms-grid-column: 1; }
    .project-hero__top {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .project-hero__content {
    -ms-grid-row: 2;
    -ms-grid-column: 1; }
    .project-hero__synonyms {
    -ms-grid-row: 4;
    -ms-grid-column: 1; } }
  @media print and (min-width: 1215px) {
    .project-qa-layout__heading {
      font-size: 3.24366rem !important; } }
  @media print and (min-width: 1215px) {
    .project-qa-layout__heading {
      line-height: 3rem !important; } }

@media print {
  .project-qa-layout .container__inner {
    padding-bottom: 1.6rem !important;
    padding-bottom: var(--spacing-0) !important; }
  .question-component__icon-wrapper {
    display: none !important; }
  .result-block {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
  .result-section__results .container__inner {
    padding-top: 0 !important; }
  .result-section__graphic {
    display: none !important; }
  .result-section__next-steps {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
    border-top: 2px solid currentColor;
    background-color: #E5E5E5 !important; }
  .result-section__step {
    font-size: calc(1.26316rem + 0.44185vw);
    line-height: calc(1.31447rem + 0.79313vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 1.6rem !important;
    padding-top: var(--spacing-0) !important;
    padding-bottom: 0.88789rem !important;
    padding-bottom: var(--spacing-neg5) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
    font-weight: 500; } }
  @media print and (min-width: 1215px) {
    .result-section__step {
      font-size: 1.8rem; } }
  @media print and (min-width: 1215px) {
    .result-section__step {
      line-height: 2.27812rem; } }

@media print {
    .result-section__step::before {
      display: inline-block;
      content: '';
      width: 2.27812rem;
      width: var(--spacing-3);
      height: 2.27812rem;
      height: var(--spacing-3);
      border: 1px solid currentColor;
      margin-right: 0.88789rem !important;
      margin-right: var(--spacing-neg5) !important;
      background-color: #fff !important; }
  .search-list__bud, .search-list__expand-browse-wrapper {
    display: none !important; }
  .search-list__search-wrapper {
    display: none !important; }
  .search-list__tile-list-wrapper {
    margin-bottom: 0 !important; }
  .search-list .container__inner {
    padding-bottom: 0 !important; }
  .tile-accordion::before {
    display: none !important; }
  .tile-base a::after {
    position: relative !important;
    display: block;
    content: " (" attr(href) ")" !important;
    border: none !important;
    margin-top: 0.88789rem;
    margin-top: var(--spacing-neg5);
    font-size: 1.6rem !important;
    font-size: var(--font-0) !important;
    line-height: 1.25 !important;
    font-weight: 400; }
  .tile-disambiguations,
  .tile-exemption,
  .tile-redirect {
    border-top: 1px solid currentColor; }
  .tile-disambiguation-hide-show__name {
    border-bottom: 0 !important; }
  .tile-disambiguation-hide-show .icon {
    display: none !important; }
  .tile-exemption {
    border-bottom: 0 !important; }
    .tile-exemption__link {
      display: block !important; }
      .tile-exemption__link .icon {
        display: none !important; }
      .tile-exemption__link::after {
        font-weight: 400; }
  .tile-list__collapsed-wrapper {
    display: none !important; }
  .tile-list__expanded-wrapper {
    display: block !important; }
  .tile-list__expanded-grid {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important; }
  .tile-redirect__link-text {
    border-bottom: 0 !important; }
  .tile-wrapper {
    border: 1px solid currentColor; }
    .tile-wrapper__section-wrapper-top {
      display: block !important; }
    .tile-wrapper__section {
      -webkit-column-break-inside: avoid;
         -moz-column-break-inside: avoid;
              break-inside: avoid; } }

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
.container[data-v-535305da] {
  --container-bg: transparent;
  background: var(--container-bg);
}
.container__wrapper[data-v-535305da] {
    padding-left: calc(0.4165rem + 4.46804vw);
    padding-right: calc(0.4165rem + 4.46804vw);
}
@media (min-width: 1215px) {
.container__wrapper[data-v-535305da] {
        padding-left: 5.84518rem;
}
}
@media (min-width: 1215px) {
.container__wrapper[data-v-535305da] {
        padding-right: 5.84518rem;
}
}
.container[data-v-padding='small'][data-v-535305da] {
    padding-top: calc(1.02142rem + 2.16271vw);
    padding-bottom: calc(1.02142rem + 2.16271vw);
}
@media (min-width: 1215px) {
.container[data-v-padding='small'][data-v-535305da] {
        padding-top: 3.64912rem;
}
}
@media (min-width: 1215px) {
.container[data-v-padding='small'][data-v-535305da] {
        padding-bottom: 3.64912rem;
}
}
.container[data-v-padding='big'][data-v-535305da] {
    padding-top: calc(-0.21087rem + 5.58576vw);
    padding-bottom: calc(0.87323rem + 4.69349vw);
}
@media (min-width: 1215px) {
.container[data-v-padding='big'][data-v-535305da] {
        padding-top: 6.57583rem;
}
}
@media (min-width: 1215px) {
.container[data-v-padding='big'][data-v-535305da] {
        padding-bottom: 6.57583rem;
}
}
.container center-l[data-v-535305da] {
    max-width: var(--width-wide);
}
.container__inner[data-v-535305da] {
    margin-left: auto;
}
.container[data-size] .container__inner[data-v-535305da] {
    max-width: none;
    margin-left: 0;
}
.container[data-visual-style='light'][data-v-535305da] {
    background: -webkit-gradient(linear, left top, left bottom, from(#D9EED7), color-stop(50%, #D9EED7), to(#DDF7F6));
    background: linear-gradient(#D9EED7 0%, #D9EED7 50%, #DDF7F6 100%);
}
.container[data-visual-style='light'] a[data-v-535305da] {
      color: #199F0E;
}
.container[data-visual-style='light'] a[data-v-535305da]:hover {
        color: #0048DF;
}
.container[data-visual-style='dark'][data-v-535305da] {
    background-color: #0048DF;
    color: #fff;
}
.container[data-visual-style='dark'] a[data-v-535305da] {
      color: #199F0E;
}
.container[data-visual-style='dark'] a[data-v-535305da]:hover {
        color: #fff;
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.four-o-four-block[data-v-fd50d2b2] {
  grid-row-gap: calc(4.09725rem - 3.37222vw);
  margin-top: calc(0.85263rem - 0.70175vw);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -ms-grid-rows: auto calc(4.09725rem - 3.37222vw) auto calc(4.09725rem - 3.37222vw) auto;
      grid-template-areas: 'title' 'image' 'content';
  margin-bottom: var(--spacing-5);
}
@media (min-width: 1215px) {
.four-o-four-block[data-v-fd50d2b2] {
      grid-row-gap: 0rem;
}
}
@media (min-width: 1215px) {
.four-o-four-block[data-v-fd50d2b2] {
      margin-top: 0rem;
}
}
.four-o-four-block__title-wrapper[data-v-fd50d2b2] {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: title;
}
.four-o-four-block__content-wrapper[data-v-fd50d2b2] {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    font-size: calc(1.42105rem + 0.49708vw);
    margin-top: calc(-1.36575rem + 3.79375vw);
    grid-area: content;
}
@media (min-width: 1215px) {
.four-o-four-block__content-wrapper[data-v-fd50d2b2] {
        font-size: 2.025rem;
}
}
@media (min-width: 1215px) {
.four-o-four-block__content-wrapper[data-v-fd50d2b2] {
        margin-top: 3.24366rem;
}
}
.four-o-four-block__image-wrapper[data-v-fd50d2b2] {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: image;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 3rem;
}
.four-o-four-block__title[data-v-fd50d2b2] {
    font-size: calc(1.81716rem + 5.08875vw);
}
@media (min-width: 1215px) {
.four-o-four-block__title[data-v-fd50d2b2] {
        font-size: 8rem;
}
}
.four-o-four-block img[data-v-fd50d2b2] {
    width: 100%;
}
@media (min-width: 700px) {
.four-o-four-block[data-v-fd50d2b2] {
      margin-bottom: calc(6.57778rem - 2.035vw);
      -ms-grid-columns: 5fr 6% 6fr;
      grid-template-columns: 5fr 6fr;
      -ms-grid-rows: auto 1fr;
      grid-template-rows: auto 1fr;
      grid-column-gap: 6%;
          grid-template-areas: 'title title' 'content image';
}
.four-o-four-block__title-wrapper[data-v-fd50d2b2] {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
}
.four-o-four-block__content-wrapper[data-v-fd50d2b2] {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}
.four-o-four-block__image-wrapper[data-v-fd50d2b2] {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}
}
@media (min-width: 700px) and (min-width: 1215px) {
.four-o-four-block[data-v-fd50d2b2] {
      margin-bottom: 4.10526rem;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.back-to-top[data-v-283b2ce3] {
  font-size: calc(1.26316rem + 0.44185vw);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 7.2rem;
  padding-top: var(--spacing-neg2);
  padding-bottom: var(--spacing-neg2);
  border: 0;
  background-color: #0048DF;
  font-weight: 500;
  color: #fff;
  text-align: left;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
@media (min-width: 1215px) {
.back-to-top[data-v-283b2ce3] {
      font-size: 1.8rem;
}
}
.back-to-top[data-v-283b2ce3]:hover {
    background-color: #002C8A;
}
.back-to-top__label[data-v-283b2ce3] {
    margin-top: calc(0.42632rem - 0.35088vw);
    text-transform: uppercase;
}
@media (min-width: 1215px) {
.back-to-top__label[data-v-283b2ce3] {
        margin-top: 0rem;
}
}
.back-to-top .icon[data-v-283b2ce3] {
    width: calc(1.37368rem + 0.35088vw);
    height: calc(1.37368rem + 0.35088vw);
    margin-left: calc(0.71579rem + 0.23392vw);
    margin-bottom: 0.3rem;
}
@media (min-width: 1215px) {
.back-to-top .icon[data-v-283b2ce3] {
        width: 1.8rem;
}
}
@media (min-width: 1215px) {
.back-to-top .icon[data-v-283b2ce3] {
        height: 1.8rem;
}
}
@media (min-width: 1215px) {
.back-to-top .icon[data-v-283b2ce3] {
        margin-left: 1rem;
}
}
.footer .back-to-top[data-v-283b2ce3]:hover {
    text-decoration: none;
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
main > .layout-2-col[data-v-64c18d8f]:last-child {
  padding-bottom: var(--spacing-5);
}
@media (min-width: 667px) {
main > .layout-2-col[data-v-64c18d8f]:last-child {
      padding-bottom: calc(6.57778rem - 2.035vw);
}
}
@media (min-width: 667px) and (min-width: 1215px) {
main > .layout-2-col[data-v-64c18d8f]:last-child {
      padding-bottom: 4.10526rem;
}
}
.layout-2-col__inner[data-v-64c18d8f] {
  grid-column-gap: calc(-0.67368rem + 1.87135vw);
  grid-row-gap: calc(1.42105rem + 0.49708vw);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -ms-grid-rows: auto calc(1.42105rem + 0.49708vw) auto;
  grid-template-rows: auto auto;
      grid-template-areas: 'sidebar' 'content';
}
@media (min-width: 1215px) {
.layout-2-col__inner[data-v-64c18d8f] {
      grid-column-gap: 1.6rem;
}
}
@media (min-width: 1215px) {
.layout-2-col__inner[data-v-64c18d8f] {
      grid-row-gap: 2.025rem;
}
}
.layout-2-col__sidebar[data-v-64c18d8f] {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: sidebar;
}
.layout-2-col__sidebar-content[data-v-64c18d8f] {
  min-width: 25rem;
}
.layout-2-col__content[data-v-64c18d8f] {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: content;
}
.layout-2-col[data-v-64c18d8f] .container__inner {
  padding-top: calc(1.63613rem + 3.46424vw);
  padding-bottom: calc(1.63613rem + 3.46424vw);
}
@media (min-width: 1215px) {
.layout-2-col[data-v-64c18d8f] .container__inner {
      padding-top: 5.84518rem;
}
}
@media (min-width: 1215px) {
.layout-2-col[data-v-64c18d8f] .container__inner {
      padding-bottom: 5.84518rem;
}
}
.layout-2-col[data-bg-color='transparent'][data-v-64c18d8f] {
  background-color: transparent;
}
.layout-2-col[data-bg-color='white'][data-v-64c18d8f] {
  background-color: #fff;
}
.layout-2-col[data-bg-color='green'][data-v-64c18d8f] {
  background-color: #D9EED7;
}
.layout-2-col[data-bg-color='yellow'][data-v-64c18d8f] {
  background-color: #FFEC99;
}
.layout-2-col[data-bg-color='red'][data-v-64c18d8f] {
  background-color: #FBDEDE;
}
.layout-2-col[data-bg-color='blue-100'][data-v-64c18d8f] {
  background-color: #F2F7FF;
}
.layout-2-col[data-bg-color='blue-200'][data-v-64c18d8f] {
  background-color: #DDF7F6;
}
.layout-2-col[data-bg-color='transparent'] + .layout-2-col[data-bg-color='transparent'][data-v-64c18d8f] .container__inner,
.layout-2-col[data-bg-color='green'] + .layout-2-col[data-bg-color='green'][data-v-64c18d8f] .container__inner,
.layout-2-col[data-bg-color='red'] + .layout-2-col[data-bg-color='red'][data-v-64c18d8f] .container__inner,
.layout-2-col[data-bg-color='yellow'] + .layout-2-col[data-bg-color='yellow'][data-v-64c18d8f] .container__inner,
.layout-2-col[data-bg-color='blue-100'] + .layout-2-col[data-bg-color='blue-100'][data-v-64c18d8f] .container__inner,
.layout-2-col[data-bg-color='blue-200'] + .layout-2-col[data-bg-color='blue-200'][data-v-64c18d8f] .container__inner {
  border-top: 1px solid #CDCDCD;
}
@media (min-width: 667px) {
.layout-2-col__sidebar-content[data-v-64c18d8f] {
    margin-right: calc(-3.94225rem + 10.9507vw);
}
}
@media (min-width: 667px) and (min-width: 1215px) {
.layout-2-col__sidebar-content[data-v-64c18d8f] {
      margin-right: 9.36284rem;
}
}
@media (min-width: 841px) {
.layout-2-col__inner[data-v-64c18d8f] {
        grid-template-areas: 'sidebar content';
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
.layout-2-col__sidebar[data-v-64c18d8f] {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.layout-2-col__content[data-v-64c18d8f] {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.footer[data-v-278c512f] {
  padding-top: calc(2.14828rem + 3.04271vw);
  padding-bottom: calc(2.71892rem + 3.85093vw);
  position: relative;
  background-color: #000000;
  color: #fff;
}
@media (min-width: 1215px) {
.footer[data-v-278c512f] {
      padding-top: 5.84518rem;
}
}
@media (min-width: 1215px) {
.footer[data-v-278c512f] {
      padding-bottom: 7.3978rem;
}
}
.footer a[data-v-278c512f] {
    color: inherit;
}
.footer a[data-v-278c512f]:hover {
      text-decoration: underline;
}
.footer__container[data-v-278c512f] {
    --width-wide: 107.1rem;
}
.footer__logos-wrap[data-v-278c512f] {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.footer__logo a[data-v-278c512f], .footer__govt-logo a[data-v-278c512f] {
    display: block;
}
.footer__logo a[data-v-278c512f] {
    max-width: calc(21.73684rem + 3.50877vw);
    display: block;
}
@media (min-width: 1215px) {
.footer__logo a[data-v-278c512f] {
        max-width: 26rem;
}
}
.footer__govt-logo img[data-v-278c512f] {
    width: 14rem;
}
.footer__legal-wrap[data-v-278c512f] {
    margin-top: calc(2.78937rem - 0.62911vw);
    padding-top: var(--spacing-1);
    border-top: 0.1rem solid #fff;
    margin-right: var(--spacing-13);
}
@media (min-width: 1215px) {
.footer__legal-wrap[data-v-278c512f] {
        margin-top: 2.025rem;
}
}
.footer__legal-item[data-v-278c512f] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    line-height: var(--font-0);
}
.footer__legal-link[data-v-278c512f] {
    display: inline-block;
    font-size: var(--font-neg2);
    line-height: inherit;
    font-weight: 700;
    text-transform: uppercase;
}
.footer__copyright[data-v-278c512f] {
    margin-top: 0.5rem;
}
.footer__copyright-text[data-v-278c512f] {
    font-size: var(--font-neg2);
    line-height: 1.375;
    font-weight: 700;
}
.footer__back-to-top-wrapper[data-v-278c512f] {
    margin-left: calc(-0.18744rem + 4.96512vw);
    margin-right: calc(-0.18744rem + 4.96512vw);
}
@media (min-width: 1215px) {
.footer__back-to-top-wrapper[data-v-278c512f] {
        margin-left: 5.84518rem;
}
}
@media (min-width: 1215px) {
.footer__back-to-top-wrapper[data-v-278c512f] {
        margin-right: 5.84518rem;
}
}
.footer__back-to-top-inner-wrapper[data-v-278c512f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    max-width: var(--width-wide);
    margin: 0 auto;
}
.footer__back-to-top[data-v-278c512f] {
    position: absolute;
    bottom: 0;
}
.footer__print-content[data-v-278c512f] {
    -webkit-columns: 2 auto;
       -moz-columns: 2 auto;
            columns: 2 auto;
    row-gap: var(--spacing-neg3);
    -webkit-column-gap: var(--spacing-10);
       -moz-column-gap: var(--spacing-10);
            column-gap: var(--spacing-10);
}
@media (min-width: 584px) {
.footer__legal-wrap[data-v-278c512f] {
      padding-top: 0.5rem;
      margin-right: 0;
}
.footer__legal-item[data-v-278c512f] {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      padding-right: 0.4rem;
}
}
@media (min-width: 841px) {
.footer__back-to-top[data-v-278c512f] {
      top: 0;
      bottom: auto;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
}
}
@media (min-width: 1120px) {
.footer__legal-wrap[data-v-278c512f] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.footer__copyright[data-v-278c512f] {
      margin-top: 0;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.page-header[data-v-81b10cb2] {
  background: #19C8BF;
}
.page-header__content[data-v-81b10cb2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.page-header__logo-link[data-v-81b10cb2] {
    display: block;
}
.page-header__logo[data-v-81b10cb2] {
    width: calc(4.7rem + 15.55556vw);
}
@media (min-width: 1215px) {
.page-header__logo[data-v-81b10cb2] {
        width: 23.6rem;
}
}
.page-header__government-wrapper[data-v-81b10cb2] {
    padding-left: calc(0.69474rem + 1.40351vw);
    margin-left: calc(0.69474rem + 1.40351vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-left: 1px solid #000;
}
@media (min-width: 1215px) {
.page-header__government-wrapper[data-v-81b10cb2] {
        padding-left: 2.4rem;
}
}
@media (min-width: 1215px) {
.page-header__government-wrapper[data-v-81b10cb2] {
        margin-left: 2.4rem;
}
}
.page-header__government-logo[data-v-81b10cb2] {
    width: calc(7.78947rem + 11.69591vw);
}
@media (min-width: 1215px) {
.page-header__government-logo[data-v-81b10cb2] {
        width: 22rem;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.general-hero[data-v-0d3758af] {
  padding-top: calc(-0.26689rem + 7.06948vw);
  padding-bottom: calc(2.32956rem + 4.93248vw);
}
@media (min-width: 1215px) {
.general-hero[data-v-0d3758af] {
      padding-top: 8.32253rem;
}
}
@media (min-width: 1215px) {
.general-hero[data-v-0d3758af] {
      padding-bottom: 8.32253rem;
}
}
.general-hero__inner[data-v-0d3758af] {
    display: -ms-grid;
    display: grid;
    grid-row-gap: var(--spacing-8);
        grid-template-areas: 'heading' 'image' 'introduction';
}
.general-hero__col1[data-v-0d3758af], .general-hero__col2[data-v-0d3758af] {
    display: inline;
}
@supports (display: contents) {
.general-hero__col1[data-v-0d3758af], .general-hero__col2[data-v-0d3758af] {
        /*! autoprefixer: ignore next */
        display: contents;
}
}
.general-hero__heading[data-v-0d3758af] {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: heading;
}
.general-hero[data-has-disclaimer] .general-hero__inner > .general-hero__heading[data-v-0d3758af] {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.general-hero__image-area[data-v-0d3758af] {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: image;
}
.general-hero[data-has-disclaimer] .general-hero__inner > .general-hero__image-area[data-v-0d3758af] {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.general-hero__image[data-v-0d3758af] {
    width: 100%;
}
.general-hero__disclaimer-text[data-v-0d3758af] {
    font-size: calc(1.12281rem + 0.39275vw);
}
@media (min-width: 1215px) {
.general-hero__disclaimer-text[data-v-0d3758af] {
        font-size: 1.6rem;
}
}
.general-hero__introduction[data-v-0d3758af] {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    --measure: 47ch;
    font-size: calc(1.42105rem + 0.49708vw);
    grid-area: introduction;
}
.general-hero[data-has-disclaimer] .general-hero__inner > .general-hero__introduction[data-v-0d3758af] {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
@media (min-width: 1215px) {
.general-hero__introduction[data-v-0d3758af] {
        font-size: 2.025rem;
}
}
.general-hero[data-context='home'][data-v-0d3758af] {
    padding-top: calc(-0.26689rem + 7.06948vw);
    padding-bottom: calc(1.10519rem + 5.9402vw);
}
@media (min-width: 1215px) {
.general-hero[data-context='home'][data-v-0d3758af] {
        padding-top: 8.32253rem;
}
}
@media (min-width: 1215px) {
.general-hero[data-context='home'][data-v-0d3758af] {
        padding-bottom: 8.32253rem;
}
}
.general-hero[data-context='home'] .general-hero__inner[data-v-0d3758af] {
      grid-row-gap: var(--spacing-3);
}
.general-hero[data-has-disclaimer] .general-hero__inner[data-v-0d3758af] {
        grid-template-areas: 'heading' 'image' 'introduction' 'disclaimer';
}
.general-hero[data-has-disclaimer] .general-hero__disclaimer-area[data-v-0d3758af] {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: disclaimer;
}
@media (min-width: 600px) {
.general-hero__inner[data-v-0d3758af] {
      -ms-grid-columns: 7fr 4% 5fr;
      grid-template-columns: 7fr 5fr;
      grid-column-gap: 4%;
      grid-row-gap: var(--spacing-4);
          grid-template-areas: 'col1 col2';
}
.general-hero__col1[data-v-0d3758af], .general-hero__col2[data-v-0d3758af] {
      display: block;
}
.general-hero__col1[data-v-0d3758af] {
      grid-area: col1;
}
.general-hero__heading[data-v-0d3758af] {
      grid-area: initial;
      margin-bottom: var(--spacing-5);
}
.general-hero__image[data-v-0d3758af] {
      grid-area: initial;
}
.general-hero__col2[data-v-0d3758af] {
      grid-area: col2;
      -ms-grid-row-align: center;
          align-self: center;
}
.general-hero__disclaimer-area[data-v-0d3758af] {
      margin-top: var(--spacing-4);
}
.general-hero__disclaimer-text[data-v-0d3758af] {
      padding-left: var(--spacing-4);
      border-left: 1px solid #979797;
      color: #4D4D4D;
}
.general-hero[data-context='home'] .general-hero__heading[data-v-0d3758af] {
      margin-bottom: var(--spacing-10);
}
.general-hero[data-has-disclaimer] .general-hero__inner[data-v-0d3758af] {
      -ms-grid-columns: 7fr 5fr;
      grid-template-columns: 7fr 5fr;
          grid-template-areas: 'col1 col2';
}
.general-hero[data-has-disclaimer] .general-hero__col2[data-v-0d3758af] {
      -ms-flex-item-align: end;
          -ms-grid-row-align: end;
          align-self: end;
}
.general-hero[data-has-disclaimer] .general-hero__disclaimer-area[data-v-0d3758af] {
      grid-area: initial;
}
}
@media (min-width: 600px){
.general-hero__col1[data-v-0d3758af] {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.general-hero[data-has-disclaimer] .general-hero__inner > .general-hero__col1[data-v-0d3758af] {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.general-hero__col2[data-v-0d3758af] {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.general-hero[data-has-disclaimer] .general-hero__inner > .general-hero__col2[data-v-0d3758af] {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.jumplinks__link[data-v-eb85d3b2] {
  --measure: 100%;
  display: block;
  padding: 0 0.2rem;
  border-bottom: 1px solid #0048DF;
  font-weight: 500;
  color: #000000;
}
.jumplinks__link svg[data-v-eb85d3b2] {
    height: calc(1.42105rem + 0.49708vw);
    width: calc(1.42105rem + 0.49708vw);
    color: #0048DF;
}
@media (min-width: 1215px) {
.jumplinks__link svg[data-v-eb85d3b2] {
        height: 2.025rem;
}
}
@media (min-width: 1215px) {
.jumplinks__link svg[data-v-eb85d3b2] {
        width: 2.025rem;
}
}
.jumplinks__link:hover .jumplinks__label[data-v-eb85d3b2] {
    color: #0048DF;
}
.jumplinks__link[data-v-eb85d3b2]:visited {
    color: #000000;
}
.jumplinks__link:first-child .jumplinks__content[data-v-eb85d3b2] {
    padding-top: 0;
}
.jumplinks__content[data-v-eb85d3b2] {
  padding-top: calc(0.66156rem + 0.93699vw);
  padding-bottom: calc(0.84116rem + 0.12981vw);
  font-size: calc(1.26316rem + 0.44185vw);
  line-height: calc(1.31447rem + 0.79313vw);
}
@media (min-width: 1215px) {
.jumplinks__content[data-v-eb85d3b2] {
      padding-top: 1.8rem;
}
}
@media (min-width: 1215px) {
.jumplinks__content[data-v-eb85d3b2] {
      padding-bottom: 0.99887rem;
}
}
@media (min-width: 1215px) {
.jumplinks__content[data-v-eb85d3b2] {
      font-size: 1.8rem;
}
}
@media (min-width: 1215px) {
.jumplinks__content[data-v-eb85d3b2] {
      line-height: 2.27812rem;
}
}
.jumplinks__icon[data-v-eb85d3b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.5rem;
}
.jumplinks__icon .icon[data-v-eb85d3b2] {
    top: calc(0.34211rem - 0.11696vw);
    position: relative;
}
@media (min-width: 1215px) {
.jumplinks__icon .icon[data-v-eb85d3b2] {
        top: 0.2rem;
}
}
.jumplinks__label[data-v-eb85d3b2] {
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.tile-base[data-v-4fef6aff] {
  --space: calc(1.70526rem + 0.26316vw);
}
@media (min-width: 1215px) {
.tile-base[data-v-4fef6aff] {
      --space: 2.025rem;
}
}
.tile-base img[data-v-4fef6aff] {
    width: 100%;
}
.tile-base__name[data-v-4fef6aff] {
    font-size: calc(1.34389rem + 1.26696vw);
    letter-spacing: calc(-0.01447rem - 0.02924vw);
    line-height: 1;
    font-weight: 500;
    color: #000;
}
@media (min-width: 1215px) {
.tile-base__name[data-v-4fef6aff] {
        font-size: 2.88325rem;
}
}
@media (min-width: 1215px) {
.tile-base__name[data-v-4fef6aff] {
        letter-spacing: -0.05rem;
}
}
.tile-base__name-suffix[data-v-4fef6aff] {
    font-weight: 300;
}
.tile-base__description[data-v-4fef6aff] {
    font-size: calc(1.34737rem + 0.20793vw);
    line-height: 1.375;
    color: #000;
}
@media (min-width: 1215px) {
.tile-base__description[data-v-4fef6aff] {
        font-size: 1.6rem;
}
}
.tile-base:not([data-is-project-stub]) .tile-base__link[data-v-4fef6aff] {
    color: #0048DF;
}
.tile-base:not([data-is-project-stub]) .tile-base__link[data-v-4fef6aff]::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: '';
      border: 2px solid transparent;
      -webkit-transition: border-color 0.2s ease-in-out;
      transition: border-color 0.2s ease-in-out;
}
.tile-base:not([data-is-project-stub]):focus .tile-base__link[data-v-4fef6aff], .tile-base:not([data-is-project-stub]):focus-within .tile-base__link[data-v-4fef6aff], .tile-base:not([data-is-project-stub]):hover .tile-base__link[data-v-4fef6aff] {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.tile-base:not([data-is-project-stub]):focus .tile-base__link[data-v-4fef6aff]::after, .tile-base:not([data-is-project-stub]):focus-within .tile-base__link[data-v-4fef6aff]::after, .tile-base:not([data-is-project-stub]):hover .tile-base__link[data-v-4fef6aff]::after {
      border-color: #0048DF;
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.tile-synonyms hr[data-v-a83e5cf4] {
  margin-bottom: calc(0.88716rem + 0.31032vw);
  border-top: 1px solid rgba(0, 72, 223, 0.2);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
@media (min-width: 1215px) {
.tile-synonyms hr[data-v-a83e5cf4] {
      margin-bottom: 1.2642rem;
}
}
.tile-synonyms[data-is-project-stub][data-context='search'] hr[data-v-a83e5cf4] {
  border-top-color: #CDCDCD;
}
.tile-synonyms__synonyms[data-v-a83e5cf4] {
  font-size: calc(1.34737rem + 0.20793vw);
  margin-top: calc(0.62089rem + 0.21975vw);
  line-height: 1.25;
  font-weight: 500;
  color: #000;
}
@media (min-width: 1215px) {
.tile-synonyms__synonyms[data-v-a83e5cf4] {
      font-size: 1.6rem;
}
}
@media (min-width: 1215px) {
.tile-synonyms__synonyms[data-v-a83e5cf4] {
      margin-top: 0.88789rem;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.tile-disambiguation-hide-show__header[data-v-b9c6c940] {
  --measure: 100%;
  font-size: calc(1.26316rem + 0.44185vw);
  padding-top: calc(0.78858rem + 0.27584vw);
  padding-bottom: calc(0.31579rem + 0.23392vw);
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  line-height: 1.5;
  font-weight: 500;
  color: #0048DF;
  text-align: left;
}
@media (min-width: 1215px) {
.tile-disambiguation-hide-show__header[data-v-b9c6c940] {
      font-size: 1.8rem;
}
}
@media (min-width: 1215px) {
.tile-disambiguation-hide-show__header[data-v-b9c6c940] {
      padding-top: 1.12373rem;
}
}
@media (min-width: 1215px) {
.tile-disambiguation-hide-show__header[data-v-b9c6c940] {
      padding-bottom: 0.6rem;
}
}
.tile-disambiguation-hide-show__link:hover .tile-disambiguation-hide-show__name[data-v-b9c6c940] {
  border-bottom-color: #0048DF;
}
.tile-disambiguation-hide-show__name[data-v-b9c6c940] {
  display: inline-block;
  border-bottom: 1px solid transparent;
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
}
.tile-disambiguation-hide-show__button[data-v-b9c6c940] {
  padding-right: var(--spacing-neg5);
  padding-left: var(--spacing-0);
  margin-right: calc(var(--spacing-neg5)*-1);
}
.tile-disambiguation-hide-show__button .icon[data-v-b9c6c940] {
    width: calc(1.70526rem + 0.26316vw);
    height: calc(1.70526rem + 0.26316vw);
    min-height: calc(1.91842rem + 0.29605vw);
}
@media (min-width: 1215px) {
.tile-disambiguation-hide-show__button .icon[data-v-b9c6c940] {
        width: 2.025rem;
}
}
@media (min-width: 1215px) {
.tile-disambiguation-hide-show__button .icon[data-v-b9c6c940] {
        height: 2.025rem;
}
}
@media (min-width: 1215px) {
.tile-disambiguation-hide-show__button .icon[data-v-b9c6c940] {
        min-height: 2.27812rem;
}
}
.tile-disambiguation-hide-show__button[aria-expanded='true'] .tile-disambiguation-hide-show__collapsed[data-v-b9c6c940] {
    display: none;
}
.tile-disambiguation-hide-show__button[aria-expanded='true'] .tile-disambiguation-hide-show__expanded[data-v-b9c6c940] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tile-disambiguation-hide-show__button[aria-expanded='false'] .tile-disambiguation-hide-show__collapsed[data-v-b9c6c940] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tile-disambiguation-hide-show__button[aria-expanded='false'] .tile-disambiguation-hide-show__expanded[data-v-b9c6c940] {
    display: none;
}
.tile-disambiguation-hide-show__content[data-v-b9c6c940] {
  font-size: var(--font-neg1);
  line-height: 1.375;
  font-weight: 300;
}
.tile-disambiguation-hide-show__inner-content[data-v-b9c6c940] {
  padding-top: calc(-0.08421rem + 0.23392vw);
  padding-bottom: calc(1.42105rem + 0.49708vw);
}
@media (min-width: 1215px) {
.tile-disambiguation-hide-show__inner-content[data-v-b9c6c940] {
      padding-top: 0.2rem;
}
}
@media (min-width: 1215px) {
.tile-disambiguation-hide-show__inner-content[data-v-b9c6c940] {
      padding-bottom: 2.025rem;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.tile-disambiguations[data-v-cf5fce62] {
  background-color: #F2F7FF;
}
.tile-disambiguations__list[data-v-cf5fce62] {
    padding-top: var(--spacing-neg5);
}
.tile-disambiguations__item[data-v-cf5fce62]:first-child .tile-disambiguation-hide-show__header {
    padding-top: 0;
}
.tile-disambiguations__item[data-v-cf5fce62]:last-child .tile-disambiguation-hide-show__header {
    padding-bottom: 0;
}
.tile-disambiguations__item[data-v-cf5fce62]:last-child .tile-disambiguation-hide-show__inner-content {
    padding-top: calc(0.31579rem + 0.23392vw);
    padding-bottom: 0;
}
@media (min-width: 1215px) {
.tile-disambiguations__item[data-v-cf5fce62]:last-child .tile-disambiguation-hide-show__inner-content {
        padding-top: 0.6rem;
}
}
.tile-disambiguations__item + .tile-disambiguations__item[data-v-cf5fce62] {
    border-top: 1px solid #0048DF;
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.tile-exemption[data-v-3a47e4ea] {
  border-bottom: 2px solid #19C8BF;
  background-color: #DDF7F6;
}
.tile-exemption stack-l[data-v-3a47e4ea] {
    --space: calc(0.46244rem + 0.65988vw);
}
@media (min-width: 1215px) {
.tile-exemption stack-l[data-v-3a47e4ea] {
        --space: 1.2642rem;
}
}
.tile-exemption__title[data-v-3a47e4ea] {
    line-height: 1.25;
    color: #4D4D4D;
}
.tile-exemption__link[data-v-3a47e4ea] {
    font-size: calc(1.34737rem + 0.20793vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    line-height: 1.25;
    font-weight: 500;
    color: #000;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
@media (min-width: 1215px) {
.tile-exemption__link[data-v-3a47e4ea] {
        font-size: 1.6rem;
}
}
.tile-exemption__link[data-v-3a47e4ea]:hover {
      color: #0048DF;
}
.tile-exemption__link .icon[data-v-3a47e4ea] {
      margin-left: calc(1.59868rem + 0.55921vw);
      width: calc(1.70526rem + 0.26316vw);
      display: block;
      -ms-flex-item-align: end;
          align-self: flex-end;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      color: #717171;
}
@media (min-width: 1215px) {
.tile-exemption__link .icon[data-v-3a47e4ea] {
          margin-left: 2.27812rem;
}
}
@media (min-width: 1215px) {
.tile-exemption__link .icon[data-v-3a47e4ea] {
          width: 2.025rem;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.tile-redirect[data-v-6a5de38a] {
  background-color: #E6F0FF;
}
.tile-redirect stack-l[data-v-6a5de38a] {
    --space: calc(0.37948rem + 0.61255vw);
}
@media (min-width: 1215px) {
.tile-redirect stack-l[data-v-6a5de38a] {
        --space: 1.12373rem;
}
}
.tile-redirect__link-text[data-v-6a5de38a] {
    border-bottom: 1px solid transparent;
    font-weight: 500;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}
.tile-redirect__link[data-v-6a5de38a] {
    display: inline-block;
    color: #0048DF;
}
.tile-redirect__link:hover .tile-redirect__link-text[data-v-6a5de38a] {
      border-bottom-color: #0048DF;
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.tile-wrapper[data-v-25ebf3d5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  background-color: #fff;
}
.tile-wrapper__section-wrapper-top[data-v-25ebf3d5] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
}
.tile-wrapper__section[data-v-25ebf3d5] {
    padding-top: calc(1.42105rem + 0.49708vw);
    padding-left: calc(0.94194rem + 1.33412vw);
    padding-right: calc(0.94194rem + 1.33412vw);
    padding-bottom: var(--spacing-2);
}
@media (min-width: 1215px) {
.tile-wrapper__section[data-v-25ebf3d5] {
        padding-top: 2.025rem;
}
}
@media (min-width: 1215px) {
.tile-wrapper__section[data-v-25ebf3d5] {
        padding-left: 2.56289rem;
}
}
@media (min-width: 1215px) {
.tile-wrapper__section[data-v-25ebf3d5] {
        padding-right: 2.56289rem;
}
}
.tile-wrapper__section[data-section='base'][data-v-25ebf3d5] {
      padding-top: calc(1.31447rem + 0.79313vw);
}
@media (min-width: 1215px) {
.tile-wrapper__section[data-section='base'][data-v-25ebf3d5] {
          padding-top: 2.27812rem;
}
}
.tile-wrapper__section[data-section='synonyms'][data-v-25ebf3d5] {
      padding-top: 0;
}
.tile-wrapper[data-is-project-stub][data-context='search'][data-v-25ebf3d5] {
    background-color: #FFEC99;
}
.tile-wrapper[data-is-project-stub][data-context='browse'][data-v-25ebf3d5] {
    background-color: #F1F1F1;
}
.tile-wrapper[data-is-mobile='true'] .tile-wrapper__section[data-section='base'][data-v-25ebf3d5] {
    padding-top: 0;
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.tile-accordion[data-v-07f1023e] {
  position: relative;
}
.tile-accordion[data-v-07f1023e]::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    border: 2px solid transparent;
    -webkit-transition: border-color 100ms linear;
    transition: border-color 100ms linear;
    pointer-events: none;
}
.tile-accordion__toggle-area[data-v-07f1023e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: var(--spacing-neg5) 0 var(--spacing-neg5) var(--spacing-neg1);
    border-bottom: 1px solid #E5E5E5;
    background-color: #fff;
    -webkit-transition: border-color 100ms linear;
    transition: border-color 100ms linear;
}
.tile-accordion__toggle-area-left[data-v-07f1023e] {
    width: 100%;
}
.tile-accordion__button[data-v-07f1023e] {
    --measure: 100%;
    padding: 0.4rem var(--spacing-neg5);
}
.tile-accordion__button .icon[data-v-07f1023e] {
      display: block;
      width: var(--spacing-5);
      height: var(--spacing-5);
      color: #4D4D4D;
}
.tile-accordion__button[aria-expanded='true'] .tile-accordion__icon-expand[data-v-07f1023e] {
      display: none;
}
.tile-accordion__button[aria-expanded='true'] .tile-accordion__icon-collapse[data-v-07f1023e] {
      display: block;
}
.tile-accordion__button[aria-expanded='false'] .tile-accordion__icon-expand[data-v-07f1023e] {
      display: block;
}
.tile-accordion__button[aria-expanded='false'] .tile-accordion__icon-collapse[data-v-07f1023e] {
      display: none;
}
.tile-accordion__name-wrapper[data-v-07f1023e] {
    display: block;
    padding: 0.4rem 0;
    margin-right: var(--spacing-4);
    line-height: 1;
}
.tile-accordion__name[data-v-07f1023e] {
    font-size: var(--font-1);
    font-weight: 500;
}
.tile-accordion__name-suffix[data-v-07f1023e] {
    font-size: var(--font-0);
    font-weight: 300;
}
.tile-accordion[data-expanded='true'][data-v-07f1023e]::before {
    border-color: #0048DF;
}
.tile-accordion[data-expanded='true'] .tile-accordion__toggle-area[data-v-07f1023e] {
    border-color: transparent;
}
.tile-accordion[data-is-project-stub][data-context='search'] .tile-accordion__toggle-area[data-v-07f1023e] {
    background-color: #FFEC99;
}
.tile-accordion[data-is-project-stub][data-context='browse'] .tile-accordion__toggle-area[data-v-07f1023e] {
    background-color: #F1F1F1;
}
.tile-accordion:not([data-is-project-stub]) .tile-accordion__name[data-v-07f1023e] {
    color: #0048DF;
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.tile-list__expanded-grid[data-v-06c0664c] {
  grid-column-gap: calc(0.20545rem + 2.20395vw);
  grid-row-gap: calc(0.20545rem + 2.20395vw);
}
@media (min-width: 1215px) {
.tile-list__expanded-grid[data-v-06c0664c] {
      grid-column-gap: 2.88325rem;
}
}
@media (min-width: 1215px) {
.tile-list__expanded-grid[data-v-06c0664c] {
      grid-row-gap: 2.88325rem;
}
}
.tile-list__expanded-grid > *[data-v-06c0664c]:not(:first-child) {
    margin-top: var(--spacing-5);
}
@supports (display: grid) {
.tile-list__expanded-grid > *[data-v-06c0664c]:not(:first-child) {
        margin-top: 0;
}
}
.tile-list[data-display-mobile-accordion='true'] .tile-list__collapsed-wrapper[data-v-06c0664c] {
  display: block;
}
.tile-list[data-display-mobile-accordion='true'] .tile-list__expanded-wrapper[data-v-06c0664c] {
  display: none;
}
@media (min-width: 701px) {
.tile-list[data-display-mobile-accordion='true'] .tile-list__collapsed-wrapper[data-v-06c0664c] {
    display: none;
}
.tile-list[data-display-mobile-accordion='true'] .tile-list__expanded-wrapper[data-v-06c0664c] {
    display: block;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.browse-list-header[data-v-49e0cbe1] {
  margin-bottom: calc(1.86842rem + 1.75439vw);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto var(--spacing-2) auto;
  grid-template-columns: auto auto;
  -ms-grid-rows: auto 0.6rem auto;
  grid-template-rows: auto auto;
      grid-template-areas: 'heading image ' 'content content';
  grid-gap: 0.6rem var(--spacing-2);
}
@media (min-width: 1215px) {
.browse-list-header[data-v-49e0cbe1] {
      margin-bottom: 4rem;
}
}
.browse-list-header__heading[data-v-49e0cbe1] {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    font-size: calc(1.87158rem + 1.12928vw);
    line-height: calc(2.27625rem + 0.79622vw);
    letter-spacing: calc(-0.01447rem - 0.02924vw);
    -ms-grid-row-align: center;
        align-self: center;
    font-weight: 700;
    grid-area: heading;
}
@media (min-width: 1215px) {
.browse-list-header__heading[data-v-49e0cbe1] {
        font-size: 3.24366rem;
}
}
@media (min-width: 1215px) {
.browse-list-header__heading[data-v-49e0cbe1] {
        line-height: 3.24366rem;
}
}
@media (min-width: 1215px) {
.browse-list-header__heading[data-v-49e0cbe1] {
        letter-spacing: -0.05rem;
}
}
.browse-list-header__content-area[data-v-49e0cbe1] {
    /*! autoprefixer: ignore next */
    display: contents;
}
.browse-list-header__help-text[data-v-49e0cbe1] {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    align-self: baseline;
    grid-area: content;
}
.browse-list-header__image-area[data-v-49e0cbe1] {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-row-align: center;
        align-self: center;
    grid-area: image;
    -ms-grid-column-align: end;
        justify-self: end;
}
.browse-list-header__image[data-v-49e0cbe1] {
    height: calc(3.02105rem + 3.27485vw);
}
@media (min-width: 1215px) {
.browse-list-header__image[data-v-49e0cbe1] {
        height: 7rem;
}
}
@media (min-width: 701px) {
.browse-list-header[data-v-49e0cbe1] {
      -ms-grid-columns: auto var(--spacing-5) 1fr !important;
      -ms-grid-columns: auto var(--spacing-5) auto;
      grid-template-columns: auto auto;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
          grid-template-areas: 'content image';
      grid-gap: var(--spacing-5);
}
.browse-list-header__heading[data-v-49e0cbe1] {
        -ms-flex-item-align: baseline;
            align-self: baseline;
        -ms-grid-column-align: end;
}
.browse-list-header__content-area[data-v-49e0cbe1] {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        display: -ms-grid;
        display: grid;
        -ms-grid-row-align: center;
            align-self: center;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 1;
        grid-area: content;
        -ms-grid-columns: 1fr 1fr;
        -ms-grid-columns: auto var(--spacing-5) auto;
        grid-template-columns: auto auto;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
            grid-template-areas: 'heading content';
        grid-gap: var(--spacing-5);
}
@media (min-width: 701px){
.browse-list-header__content-area[data-v-49e0cbe1] {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
}
.browse-list-header__content-area > .browse-list-header__content-area[data-v-49e0cbe1] {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
}
}
.browse-list-header__help-text[data-v-49e0cbe1] {
        -ms-flex-item-align: baseline;
            align-self: baseline;
        -ms-grid-column-align: end;
}
.browse-list-header__image-area[data-v-49e0cbe1] {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
}
.browse-list-header__content-area > .browse-list-header__heading[data-v-49e0cbe1] {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.browse-list-header__help-text[data-v-49e0cbe1] {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
}
.browse-list-header__content-area > .browse-list-header__help-text[data-v-49e0cbe1] {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
}
.browse-list-header__image-area[data-v-49e0cbe1] {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.browse-list[data-v-0bd4e0da] {
  background-color: #E5E5E5;
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
@media (prefers-reduced-motion: no-preference) {
.browse-list-expander[data-show-hide__panel] {
    -webkit-transition-duration: 0.9s;
            transition-duration: 0.9s;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.search-field[data-v-39757722] {
  max-width: 100%;
}
.search-field input[data-v-39757722]::-webkit-search-decoration,
  .search-field input[data-v-39757722]::-webkit-search-cancel-button,
  .search-field input[data-v-39757722]::-webkit-search-results-button,
  .search-field input[data-v-39757722]::-webkit-search-results-decoration {
    -webkit-appearance: none;
            appearance: none;
}
.search-field input[data-v-39757722]::-ms-clear {
    display: none;
}
.search-field__input-wrapper[data-v-39757722] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: 1px solid transparent;
    background-color: #fff;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}
.search-field__input-wrapper[data-v-39757722]:focus-within {
      border-color: #0048DF;
}
.search-field__input[data-v-39757722] {
    font-size: calc(1.34389rem + 1.26696vw);
    padding-top: calc(1.31447rem + 0.79313vw);
    padding-bottom: calc(1.31447rem + 0.79313vw);
    padding-right: calc(0.94194rem + 1.33412vw);
    padding-left: calc(0.94194rem + 1.33412vw);
    width: 100%;
    border: none;
    font-family: Gustan, Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #0048DF;
}
@media (min-width: 1215px) {
.search-field__input[data-v-39757722] {
        font-size: 2.88325rem;
}
}
@media (min-width: 1215px) {
.search-field__input[data-v-39757722] {
        padding-top: 2.27812rem;
}
}
@media (min-width: 1215px) {
.search-field__input[data-v-39757722] {
        padding-bottom: 2.27812rem;
}
}
@media (min-width: 1215px) {
.search-field__input[data-v-39757722] {
        padding-right: 2.56289rem;
}
}
@media (min-width: 1215px) {
.search-field__input[data-v-39757722] {
        padding-left: 2.56289rem;
}
}
.search-field__input[data-v-39757722]::-webkit-input-placeholder {
      color: #929292;
}
.search-field__input[data-v-39757722]::-moz-placeholder {
      color: #929292;
}
.search-field__input[data-v-39757722]:-ms-input-placeholder {
      color: #929292;
}
.search-field__input[data-v-39757722]::-ms-input-placeholder {
      color: #929292;
}
.search-field__input[data-v-39757722]::placeholder {
      color: #929292;
}
.search-field__button-wrapper[data-v-39757722] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.search-field__button-wrapper:focus-within .search-field__clear[data-v-39757722]::after {
      background-color: transparent;
}
.search-field__clear-icon-hover[data-v-39757722] {
    display: none;
    color: #0048DF;
}
.search-field__clear-icon[data-v-39757722] {
    margin-top: 3px;
}
.search-field__clear[data-v-39757722] {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.search-field__clear[data-v-39757722]::after {
      margin-top: calc(0.74425rem + 1.05412vw);
      margin-bottom: calc(0.74425rem + 1.05412vw);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      content: '';
      width: 1px;
      background-color: #E5E5E5;
}
@media (min-width: 1215px) {
.search-field__clear[data-v-39757722]::after {
          margin-top: 2.025rem;
}
}
@media (min-width: 1215px) {
.search-field__clear[data-v-39757722]::after {
          margin-bottom: 2.025rem;
}
}
.search-field__clear:hover .search-field__clear-icon[data-v-39757722] {
      display: none;
}
.search-field__clear:hover .search-field__clear-icon-hover[data-v-39757722] {
      display: block;
}
.search-field__submit[data-v-39757722] {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.search-field__submit[data-v-39757722]:hover {
      color: #0048DF;
}
.search-field__submit .icon[data-v-39757722] {
      margin-top: 0.4rem;
}
.search-field button[data-v-39757722] {
    padding-right: calc(1.42105rem + 0.49708vw);
    padding-left: calc(1.42105rem + 0.49708vw);
}
@media (min-width: 1215px) {
.search-field button[data-v-39757722] {
        padding-right: 2.025rem;
}
}
@media (min-width: 1215px) {
.search-field button[data-v-39757722] {
        padding-left: 2.025rem;
}
}
.search-field button .icon[data-v-39757722] {
      width: calc(2.08947rem + 0.5848vw);
      height: calc(2.08947rem + 0.5848vw);
}
@media (min-width: 1215px) {
.search-field button .icon[data-v-39757722] {
          width: 2.8rem;
}
}
@media (min-width: 1215px) {
.search-field button .icon[data-v-39757722] {
          height: 2.8rem;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.search-list[data-v-567771d7] {
  position: relative;
  max-width: 100%;
  background-color: #FFD100;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
  -webkit-transition: -webkit-box-shadow 900ms ease;
  transition: -webkit-box-shadow 900ms ease;
  transition: box-shadow 900ms ease;
  transition: box-shadow 900ms ease, -webkit-box-shadow 900ms ease;
}
.search-list__heading[data-v-567771d7] {
    font-size: calc(1.90958rem + 2.70463vw);
    line-height: calc(2.42174rem + 2.28311vw);
    letter-spacing: calc(-0.02895rem - 0.05848vw);
    font-weight: 300;
}
@media (min-width: 1215px) {
.search-list__heading[data-v-567771d7] {
        font-size: 5.19571rem;
}
}
@media (min-width: 1215px) {
.search-list__heading[data-v-567771d7] {
        line-height: 5.19571rem;
}
}
@media (min-width: 1215px) {
.search-list__heading[data-v-567771d7] {
        letter-spacing: -0.1rem;
}
}
.search-list__left-header[data-v-567771d7] {
    position: relative;
}
.search-list__bud[data-v-567771d7] {
    position: absolute;
    top: -12.5rem;
    right: -13rem;
    display: none;
    width: 12rem;
}
.search-list__search-wrapper[data-v-567771d7] {
    margin-bottom: calc(0.74425rem + 1.05412vw);
}
@media (min-width: 1215px) {
.search-list__search-wrapper[data-v-567771d7] {
        margin-bottom: 2.025rem;
}
}
.search-list__search-result-wrapper[data-v-567771d7] {
    margin-bottom: calc(2.99792rem + 1.80889vw);
}
@media (min-width: 1215px) {
.search-list__search-result-wrapper[data-v-567771d7] {
        margin-bottom: 5.19571rem;
}
}
.search-list__tile-list-wrapper[data-v-567771d7] {
    padding-bottom: calc(0.90793rem + 1.92241vw);
    margin-bottom: calc(0.90793rem + 1.92241vw);
    border-bottom: 1px solid #000;
}
@media (min-width: 1215px) {
.search-list__tile-list-wrapper[data-v-567771d7] {
        padding-bottom: 3.24366rem;
}
}
@media (min-width: 1215px) {
.search-list__tile-list-wrapper[data-v-567771d7] {
        margin-bottom: 3.24366rem;
}
}
.search-list__search-result[data-v-567771d7] {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.search-list__expand-browse[data-v-567771d7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}
.search-list__expand-browse .icon[data-v-567771d7] {
      margin-top: calc(0.6629rem + 0.62495vw);
      display: block;
      width: var(--spacing-3);
      height: var(--spacing-3);
}
@media (min-width: 1215px) {
.search-list__expand-browse .icon[data-v-567771d7] {
          margin-top: 1.42222rem;
}
}
.search-list__expand-browse[data-v-567771d7]:hover {
      color: #0048DF;
}
.search-list__expand-browse:hover span[data-v-567771d7] {
        border-color: #0048DF;
}
.search-list__expand-browse-text[data-v-567771d7] {
    font-size: calc(1.26316rem + 0.44185vw);
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #000;
    font-weight: 300;
}
@media (min-width: 1215px) {
.search-list__expand-browse-text[data-v-567771d7] {
        font-size: 1.8rem;
}
}
.search-list[data-v-567771d7] .container__inner {
    padding-top: calc(-0.62659rem + 7.36553vw);
    padding-bottom: calc(0.48458rem + 2.60455vw);
}
@media (min-width: 1215px) {
.search-list[data-v-567771d7] .container__inner {
        padding-top: 8.32253rem;
}
}
@media (min-width: 1215px) {
.search-list[data-v-567771d7] .container__inner {
        padding-bottom: 3.64912rem;
}
}
.search-list[data-browse-expanded='true'][data-v-567771d7] {
    -webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.25);
            box-shadow: 0 5px 16px rgba(0, 0, 0, 0.25);
}
@media (min-width: 1215px) {
.search-list__bud[data-v-567771d7] {
      display: block;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.positive[data-v-e450eb22] {
  background-color: #d9eed7 !important;
}
.negative[data-v-e450eb22] {
  background-color: #fbdede !important;
}
.decision-tree__content[data-v-e450eb22] {
  position: relative;
}
.decision-tree__outcome-content[data-v-e450eb22] {
  padding: 30px 0;
  border-bottom: 1px solid lightgrey;
}
.decision-tree__outcome-content.js-dt-outcome[data-v-e450eb22] {
    display: none;
}
.decision-tree__left-col-wrapper[data-v-e450eb22] {
  max-width: 28rem;
}
.decision-tree__heading[data-v-e450eb22] {
  font-size: calc(1.47878rem + 0.89227vw);
  line-height: calc(1.97418rem + 0.8443vw);
  margin-bottom: calc(0.88716rem + 0.31032vw);
  letter-spacing: calc(-0.02895rem - 0.05848vw);
  font-weight: 700;
}
@media (min-width: 1215px) {
.decision-tree__heading[data-v-e450eb22] {
      font-size: 2.56289rem;
}
}
@media (min-width: 1215px) {
.decision-tree__heading[data-v-e450eb22] {
      line-height: 3rem;
}
}
@media (min-width: 1215px) {
.decision-tree__heading[data-v-e450eb22] {
      margin-bottom: 1.2642rem;
}
}
@media (min-width: 1215px) {
.decision-tree__heading[data-v-e450eb22] {
      letter-spacing: -0.1rem;
}
}
.decision-tree__jump-link[data-v-e450eb22] {
  --space: var(--spacing-4);
  display: none;
}
.decision-tree__questions[data-v-e450eb22] {
  position: relative;
}
.decision-tree .build-bud[data-v-e450eb22] {
  position: absolute;
  top: -0.5rem;
  left: calc(var(--spacing-2)*-1);
  display: none;
  width: 14rem;
  height: 25rem;
  background-image: url(/_resources/themes/build-it/dist/images/bud.svg);
  background-repeat: no-repeat;
  -webkit-transform: translate(-11rem, -8rem);
          transform: translate(-11rem, -8rem);
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s ease;
}
@media (min-width: 1310px) {
.decision-tree .build-bud[data-v-e450eb22] {
      display: block;
}
}
.decision-tree__question[data-v-e450eb22] {
  padding-top: var(--spacing-neg3);
  border-top: 1px solid rgba(0, 72, 223, 0.2);
}
.decision-tree__questions-stack[data-v-e450eb22] {
  --space: calc(1.50881rem + 2.13699vw);
}
@media (min-width: 1215px) {
.decision-tree__questions-stack[data-v-e450eb22] {
      --space: 4.10526rem;
}
}
@media (min-width: 841px) {
.decision-tree__heading[data-v-e450eb22] {
    margin-bottom: 0;
}
.decision-tree__outcome-content[data-v-e450eb22] {
    padding: 60px 0;
}
.decision-tree__question[data-v-e450eb22] {
    padding-top: var(--spacing-4);
}
.decision-tree__question[data-v-e450eb22]:first-child {
      padding-top: 0;
      border-top: 0;
}
.decision-tree__jump-link[data-v-e450eb22] {
    display: block;
}
.decision-tree__jump-link[data-v-e450eb22] a {
      --measure: 23ch;
}
}
@media print {
.decision-tree[data-v-e450eb22] {
    border-bottom: 3px solid black;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.button {
  font-size: calc(1.26316rem + 0.44185vw);
  padding-top: calc(1.34737rem + 0.20793vw);
  padding-bottom: calc(1.34737rem + 0.20793vw);
  padding-left: calc(0.51777rem + 1.68323vw);
  padding-right: calc(0.51777rem + 1.68323vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 28.1rem;
  border: 1px solid transparent;
  background-color: #0048DF;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
@media (min-width: 1215px) {
.button {
      font-size: 1.8rem;
}
}
@media (min-width: 1215px) {
.button {
      padding-top: 1.6rem;
}
}
@media (min-width: 1215px) {
.button {
      padding-bottom: 1.6rem;
}
}
@media (min-width: 1215px) {
.button {
      padding-left: 2.56289rem;
}
}
@media (min-width: 1215px) {
.button {
      padding-right: 2.56289rem;
}
}
.button:hover {
    background-color: #002C8A;
}
.button .icon {
    width: 2.4rem;
    height: 2.4rem;
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.back-link[data-v-8fe1f6de] {
  color: #000;
}
.back-link[data-v-8fe1f6de] span {
    font-size: calc(1.19766rem + 0.18482vw);
    border-bottom: 1px solid currentColor;
    font-weight: 500;
}
@media (min-width: 1215px) {
.back-link[data-v-8fe1f6de] span {
        font-size: 1.42222rem;
}
}
.back-link[data-v-8fe1f6de] .icon {
    font-size: calc(2.428rem + 0.37469vw);
}
@media (min-width: 1215px) {
.back-link[data-v-8fe1f6de] .icon {
        font-size: 2.88325rem;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.project-hero__inner[data-v-0211150f] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -ms-grid-rows: auto var(--spacing-3) auto var(--spacing-3) auto var(--spacing-3) auto;
  grid-template-rows: auto auto auto auto;
  grid-row-gap: var(--spacing-3);
      grid-template-areas: 'top' 'content' 'image' 'synonyms';
}
.project-hero img[data-v-0211150f] {
  width: 100%;
}
.project-hero__top[data-v-0211150f] {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: top;
}
.project-hero__content[data-v-0211150f] {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: content;
}
.project-hero__heading[data-v-0211150f] {
  font-size: calc(1.49454rem + 4.85865vw);
  line-height: calc(1.49454rem + 4.85865vw);
  letter-spacing: calc(0.04237rem - 0.18713vw);
  font-weight: 500;
  color: #0048DF;
}
@media (min-width: 1215px) {
.project-hero__heading[data-v-0211150f] {
      font-size: 7.3978rem;
}
}
@media (min-width: 1215px) {
.project-hero__heading[data-v-0211150f] {
      line-height: 7.3978rem;
}
}
@media (min-width: 1215px) {
.project-hero__heading[data-v-0211150f] {
      letter-spacing: -0.185rem;
}
}
.project-hero__description[data-v-0211150f] {
  font-size: calc(1.42105rem + 0.49708vw);
  line-height: calc(1.79852rem + 0.62911vw);
  margin-top: calc(0.23113rem + 2.47945vw);
  margin-bottom: calc(-0.53229rem + 1.47859vw);
  letter-spacing: -.025em;
}
@media (min-width: 1215px) {
.project-hero__description[data-v-0211150f] {
      font-size: 2.025rem;
}
}
@media (min-width: 1215px) {
.project-hero__description[data-v-0211150f] {
      line-height: 2.56289rem;
}
}
@media (min-width: 1215px) {
.project-hero__description[data-v-0211150f] {
      margin-top: 3.24366rem;
}
}
@media (min-width: 1215px) {
.project-hero__description[data-v-0211150f] {
      margin-bottom: 1.2642rem;
}
}
.project-hero__image[data-v-0211150f] {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: image;
}
.project-hero__synonyms[data-v-0211150f] {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  padding-top: calc(0.50384rem + 1.0668vw);
  grid-area: synonyms;
  border-top: 1px solid rgba(0, 72, 223, 0.2);
}
@media (min-width: 1215px) {
.project-hero__synonyms[data-v-0211150f] {
      padding-top: 1.8rem;
}
}
.project-hero__synonyms-title[data-v-0211150f] {
  font-size: calc(1.0386rem + 0.62667vw);
  margin-bottom: calc(-0.08964rem + 0.80455vw);
  color: #4D4D4D;
}
@media (min-width: 1215px) {
.project-hero__synonyms-title[data-v-0211150f] {
      font-size: 1.8rem;
}
}
@media (min-width: 1215px) {
.project-hero__synonyms-title[data-v-0211150f] {
      margin-bottom: 0.88789rem;
}
}
.project-hero__synonyms-terms[data-v-0211150f] {
  font-size: calc(1.16842rem + 0.705vw);
  font-weight: 500;
}
@media (min-width: 1215px) {
.project-hero__synonyms-terms[data-v-0211150f] {
      font-size: 2.025rem;
}
}
@media (min-width: 600px) {
.project-hero__inner[data-v-0211150f] {
    -ms-grid-columns: 6fr 11% 5fr;
    grid-template-columns: 6fr 5fr;
    -ms-grid-rows: auto var(--spacing-5) auto var(--spacing-5) 1fr;
    grid-template-rows: auto auto 1fr;
    grid-column-gap: 11%;
    grid-row-gap: var(--spacing-5);
        grid-template-areas: 'top top' 'content image' 'synonyms image';
}
.project-hero__top[data-v-0211150f] {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
}
.project-hero__content[data-v-0211150f] {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.project-hero__image[data-v-0211150f] {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
}
.project-hero__synonyms[data-v-0211150f] {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.loading-spinner[data-v-11bcaabe] {
  width: calc(1.80958rem + 0.24561vw);
  height: calc(1.80958rem + 0.24561vw);
  width: 100%;
  -webkit-animation: loader-turn-11bcaabe 1.8s linear infinite;
          animation: loader-turn-11bcaabe 1.8s linear infinite;
}
@media (min-width: 1215px) {
.loading-spinner[data-v-11bcaabe] {
      width: 2.108rem;
}
}
@media (min-width: 1215px) {
.loading-spinner[data-v-11bcaabe] {
      height: 2.108rem;
}
}
@-webkit-keyframes loader-turn-11bcaabe {
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
}
}
@keyframes loader-turn-11bcaabe {
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
}
}
.loading-spinner__value[data-v-11bcaabe] {
    -webkit-animation: loader-stroke-11bcaabe 1.8s linear infinite;
            animation: loader-stroke-11bcaabe 1.8s linear infinite;
    fill: none;
    stroke-dasharray: 63;
    stroke-dashoffset: 63;
    stroke-linecap: square;
    stroke-width: 2;
}
.loading-spinner__value[data-v-11bcaabe]:nth-child(1) {
      stroke: #0048DF;
}
@-webkit-keyframes loader-stroke-11bcaabe {
50% {
    stroke-dashoffset: 0;
}
100%,
  100% {
    stroke-dashoffset: 63;
}
}
@keyframes loader-stroke-11bcaabe {
50% {
    stroke-dashoffset: 0;
}
100%,
  100% {
    stroke-dashoffset: 63;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.radio-button__field-wrap[data-v-006ce8cf] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.radio-button label[data-v-006ce8cf] {
  padding-left: calc(0.74577rem + 0.70307vw);
  font-weight: 500;
  cursor: pointer;
}
@media (min-width: 1215px) {
.radio-button label[data-v-006ce8cf] {
      padding-left: 1.6rem;
}
}
.radio-button input[data-v-006ce8cf] {
  height: calc(1.54737rem + 0.70175vw);
  width: calc(1.54737rem + 0.70175vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (min-width: 1215px) {
.radio-button input[data-v-006ce8cf] {
      height: 2.4rem;
}
}
@media (min-width: 1215px) {
.radio-button input[data-v-006ce8cf] {
      width: 2.4rem;
}
}
.radio-button input[data-v-006ce8cf]:checked {
    border: 2px solid #0048DF;
    color: #0048DF;
}
.radio-button input[data-v-006ce8cf]:checked::before {
      height: calc(0.82998rem + 0.46916vw);
      width: calc(0.82998rem + 0.46916vw);
      display: block;
      content: '';
      border-radius: 50%;
      background: #0048DF;
      color: #0048DF;
}
@media (min-width: 1215px) {
.radio-button input[data-v-006ce8cf]:checked::before {
          height: 1.4rem;
}
}
@media (min-width: 1215px) {
.radio-button input[data-v-006ce8cf]:checked::before {
          width: 1.4rem;
}
}
.radio-button input[data-v-006ce8cf]:checked::-ms-check {
      border: 2px solid #0048DF;
      color: #0048DF;
}
@media (min-width: 600px) {
.radio-button label[data-v-006ce8cf] {
    font-weight: 300;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.radio-button-group__inner[data-v-6b34974f] {
  --space: calc(1.26316rem + 0.44185vw);
}
@media (min-width: 1215px) {
.radio-button-group__inner[data-v-6b34974f] {
      --space: 1.8rem;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.button-group[data-v-ff05d662] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button-group__field-wrapper[data-v-ff05d662] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.button-group__field-wrapper[data-v-ff05d662]:first-child {
      margin-right: calc(0.50384rem + 1.0668vw);
}
@media (min-width: 1215px) {
.button-group__field-wrapper[data-v-ff05d662]:first-child {
          margin-right: 1.8rem;
}
}
.button-group__field-wrapper[data-v-ff05d662]:last-child {
      margin-left: calc(0.50384rem + 1.0668vw);
}
@media (min-width: 1215px) {
.button-group__field-wrapper[data-v-ff05d662]:last-child {
          margin-left: 1.8rem;
}
}
.button-group label[data-v-ff05d662] {
    font-size: calc(1.26316rem + 0.44185vw);
    padding-top: calc(1.12281rem + 0.39275vw);
    padding-bottom: calc(1.12281rem + 0.39275vw);
    padding-left: calc(1.12281rem + 0.39275vw);
    padding-right: calc(1.12281rem + 0.39275vw);
    width: 100%;
    border: 1px solid transparent;
    background-color: #fff;
    font-weight: 500;
    color: #0048DF;
    text-align: center;
    cursor: pointer;
}
@media (min-width: 1215px) {
.button-group label[data-v-ff05d662] {
        font-size: 1.8rem;
}
}
@media (min-width: 1215px) {
.button-group label[data-v-ff05d662] {
        padding-top: 1.6rem;
}
}
@media (min-width: 1215px) {
.button-group label[data-v-ff05d662] {
        padding-bottom: 1.6rem;
}
}
@media (min-width: 1215px) {
.button-group label[data-v-ff05d662] {
        padding-left: 1.6rem;
}
}
@media (min-width: 1215px) {
.button-group label[data-v-ff05d662] {
        padding-right: 1.6rem;
}
}
.button-group label[data-v-ff05d662]:hover {
      border-color: #0048DF;
}
.button-group input[data-v-ff05d662] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    border-width: 0 !important;
    margin: -1px !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    cursor: pointer;
}
.button-group input:checked + label[data-v-ff05d662] {
      background-color: #0048DF;
      color: #fff;
}
.js-tabkey-outline .button-group input:focus + label[data-v-ff05d662] {
      outline: 2px solid;
      outline-offset: 2px;
      outline-color: #0048DF;
      -webkit-box-shadow: 0 0 0 4px #fff;
              box-shadow: 0 0 0 4px #fff;
}
.js-arrowkey-outline .button-group input:focus + label[data-v-ff05d662] {
      outline: 2px solid;
      outline-offset: 2px;
      outline-color: #0048DF;
      -webkit-box-shadow: 0 0 0 4px #fff;
              box-shadow: 0 0 0 4px #fff;
}
.js-spacekey-outline .button-group input:focus + label[data-v-ff05d662] {
      outline: 2px solid;
      outline-offset: 2px;
      outline-color: #0048DF;
      -webkit-box-shadow: 0 0 0 4px #fff;
              box-shadow: 0 0 0 4px #fff;
}
@media (min-width: 841px) {
.button-group__field-wrapper[data-v-ff05d662] {
      max-width: calc(9.66842rem + 10.64327vw);
}
}
@media (min-width: 841px) and (min-width: 1215px) {
.button-group__field-wrapper[data-v-ff05d662] {
      max-width: 22.6rem;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.accordion[data-v-03816a3e] {
  --measure: 100%;
  padding: calc(1.26316rem + 0.44185vw);
  background-color: #F2F7FF;
}
@media (min-width: 1215px) {
.accordion[data-v-03816a3e] {
      padding: 1.8rem;
}
}
.accordion .icon[data-v-03816a3e] {
    height: calc(1.70526rem + 0.26316vw);
    width: calc(1.70526rem + 0.26316vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.2rem;
    color: #0048DF;
}
@media (min-width: 1215px) {
.accordion .icon[data-v-03816a3e] {
        height: 2.025rem;
}
}
@media (min-width: 1215px) {
.accordion .icon[data-v-03816a3e] {
        width: 2.025rem;
}
}
.accordion__button[data-v-03816a3e] {
    font-size: calc(1.51579rem + 0.23392vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    font-weight: 500;
    color: #0048DF;
    text-align: left;
    letter-spacing: -0.01em;
}
@media (min-width: 1215px) {
.accordion__button[data-v-03816a3e] {
        font-size: 1.8rem;
}
}
.accordion__button[aria-expanded='false'] .icon-collapsed[data-v-03816a3e] {
      display: none;
}
.accordion__button[aria-expanded='true'] .icon-expanded[data-v-03816a3e] {
      display: none;
}
.accordion__button-text[data-v-03816a3e] {
    text-align: left;
}
.accordion__panel[data-v-03816a3e] {
    font-size: calc(1.12281rem + 0.39275vw);
}
@media (min-width: 1215px) {
.accordion__panel[data-v-03816a3e] {
        font-size: 1.6rem;
}
}
.accordion__panel > stack-l[data-v-03816a3e] {
      padding-top: calc(0.94386rem + 0.88983vw);
}
@media (min-width: 1215px) {
.accordion__panel > stack-l[data-v-03816a3e] {
          padding-top: 2.025rem;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.question-component > stack-l[data-v-18dd034f] {
  --space: calc(1.79852rem + 0.62911vw);
}
@media (min-width: 1215px) {
.question-component > stack-l[data-v-18dd034f] {
      --space: 2.56289rem;
}
}
.question-component__top-wrapper[data-v-18dd034f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0;
}
.question-component__icon-wrapper[data-v-18dd034f] {
  height: calc(1.70526rem + 0.81871vw);
  width: calc(1.70526rem + 0.81871vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1215px) {
.question-component__icon-wrapper[data-v-18dd034f] {
      height: 2.7rem;
}
}
@media (min-width: 1215px) {
.question-component__icon-wrapper[data-v-18dd034f] {
      width: 2.7rem;
}
}
.question-component__validation-icon[data-v-18dd034f], .question-component__loading-icon[data-v-18dd034f] {
  height: calc(1.68947rem + 0.5848vw);
  width: calc(1.68947rem + 0.5848vw);
  margin-top: calc(0.01579rem + 0.23392vw);
  display: block;
}
@media (min-width: 1215px) {
.question-component__validation-icon[data-v-18dd034f], .question-component__loading-icon[data-v-18dd034f] {
      height: 2.4rem;
}
}
@media (min-width: 1215px) {
.question-component__validation-icon[data-v-18dd034f], .question-component__loading-icon[data-v-18dd034f] {
      width: 2.4rem;
}
}
@media (min-width: 1215px) {
.question-component__validation-icon[data-v-18dd034f], .question-component__loading-icon[data-v-18dd034f] {
      margin-top: 0.3rem;
}
}
.question-component__question[data-v-18dd034f], .question-component__answer-title[data-v-18dd034f] {
  font-size: calc(1.0386rem + 0.62667vw);
  margin-right: var(--spacing-neg5);
  line-height: 1.125;
  font-weight: 300;
  color: #4D4D4D;
  letter-spacing: 0;
}
@media (min-width: 1215px) {
.question-component__question[data-v-18dd034f], .question-component__answer-title[data-v-18dd034f] {
      font-size: 1.8rem;
}
}
.question-component__heading-wrap[data-v-18dd034f] {
  --space: 0.6rem;
}
.question-component__heading[data-v-18dd034f], .question-component__answer[data-v-18dd034f] {
  --measure: none;
  font-size: calc(1.19457rem + 1.12619vw);
  line-height: 1.25;
  font-weight: 500;
}
@media (min-width: 1215px) {
.question-component__heading[data-v-18dd034f], .question-component__answer[data-v-18dd034f] {
      font-size: 2.56289rem;
}
}
.question-component__blurb[data-v-18dd034f] {
  --space: calc(0.74425rem + 1.05412vw);
  font-size: calc(1.26316rem + 0.44185vw);
  line-height: calc(1.59868rem + 0.55921vw);
  color: #4D4D4D;
}
@media (min-width: 1215px) {
.question-component__blurb[data-v-18dd034f] {
      --space: 2.025rem;
}
}
@media (min-width: 1215px) {
.question-component__blurb[data-v-18dd034f] {
      font-size: 1.8rem;
}
}
@media (min-width: 1215px) {
.question-component__blurb[data-v-18dd034f] {
      line-height: 2.27812rem;
}
}
.question-component__button-wrapper[data-v-18dd034f] {
  --space: calc(1.02142rem + 2.16271vw);
}
@media (min-width: 1215px) {
.question-component__button-wrapper[data-v-18dd034f] {
      --space: 3.64912rem;
}
}
.question-component[data-validation-state='is-valid'] .question-component__validation-icon[data-v-18dd034f] {
  color: #199F0E;
}
.question-component[data-validation-state='not-valid'] .question-component__validation-icon[data-v-18dd034f] {
  color: #E02020;
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.project-qa-layout__left-col-wrapper[data-v-10542f37] {
  max-width: 28rem;
}
.project-qa-layout__heading[data-v-10542f37] {
  font-size: calc(1.47878rem + 0.89227vw);
  line-height: calc(1.97418rem + 0.8443vw);
  margin-bottom: calc(0.88716rem + 0.31032vw);
  letter-spacing: calc(-0.02895rem - 0.05848vw);
  font-weight: 700;
}
@media (min-width: 1215px) {
.project-qa-layout__heading[data-v-10542f37] {
      font-size: 2.56289rem;
}
}
@media (min-width: 1215px) {
.project-qa-layout__heading[data-v-10542f37] {
      line-height: 3rem;
}
}
@media (min-width: 1215px) {
.project-qa-layout__heading[data-v-10542f37] {
      margin-bottom: 1.2642rem;
}
}
@media (min-width: 1215px) {
.project-qa-layout__heading[data-v-10542f37] {
      letter-spacing: -0.1rem;
}
}
.project-qa-layout__jump-link[data-v-10542f37] {
  --space: var(--spacing-4);
  display: none;
}
.project-qa-layout__questions[data-v-10542f37] {
  position: relative;
}
.project-qa-layout__questions .build-bud[data-v-10542f37] {
    position: absolute;
    top: -0.5rem;
    left: calc(var(--spacing-2)*-1);
    display: none;
    width: 14rem;
    height: 25rem;
    background-image: url(/_resources/themes/build-it/dist/images/bud.svg);
    background-repeat: no-repeat;
    -webkit-transform: translate(-11rem, -8rem);
            transform: translate(-11rem, -8rem);
    -webkit-transition: top 0.3s ease;
    transition: top 0.3s ease;
}
.project-qa-layout__question[data-v-10542f37] {
  padding-top: var(--spacing-neg3);
  border-top: 1px solid rgba(0, 72, 223, 0.2);
}
.project-qa-layout__questions-stack[data-v-10542f37] {
  --space: calc(1.50881rem + 2.13699vw);
}
@media (min-width: 1215px) {
.project-qa-layout__questions-stack[data-v-10542f37] {
      --space: 4.10526rem;
}
}
@media (min-width: 841px) {
.project-qa-layout__heading[data-v-10542f37] {
    --measure: 13ch;
    margin-bottom: 0;
}
.project-qa-layout__question[data-v-10542f37] {
    padding-top: var(--spacing-4);
}
.project-qa-layout__question[data-v-10542f37]:first-child {
      padding-top: 0;
      border-top: 0;
}
.project-qa-layout__jump-link[data-v-10542f37] {
    display: block;
}
.project-qa-layout__jump-link[data-v-10542f37] a {
      --measure: 23ch;
}
}
@media (min-width: 1310px) {
.project-qa-layout__questions .build-bud[data-v-10542f37] {
    display: block;
}
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.result-block[data-v-6e1db96f] {
  padding: calc(1.19457rem + 1.12619vw);
  border: 2px solid;
  background-color: #fff;
}
@media (min-width: 1215px) {
.result-block[data-v-6e1db96f] {
      padding: 2.56289rem;
}
}
.result-block .icon[data-v-6e1db96f] {
    height: calc(2.83409rem + 0.13655vw);
    width: calc(2.83409rem + 0.13655vw);
}
@media (min-width: 1215px) {
.result-block .icon[data-v-6e1db96f] {
        height: 3rem;
}
}
@media (min-width: 1215px) {
.result-block .icon[data-v-6e1db96f] {
        width: 3rem;
}
}
.result-block__heading[data-v-6e1db96f] {
    font-size: calc(1.79852rem + 0.62911vw);
}
@media (min-width: 1215px) {
.result-block__heading[data-v-6e1db96f] {
        font-size: 2.56289rem;
}
}
.result-block__neg-answer[data-v-6e1db96f] {
    padding-top: var(--space);
    padding-bottom: var(--space);
}
.result-block__neg-answer[data-v-6e1db96f]:last-child {
      border-bottom: 1px solid #E02020;
}
.result-block__neg-question[data-v-6e1db96f] {
    font-size: calc(1.12281rem + 0.39275vw);
    color: #4D4D4D;
}
@media (min-width: 1215px) {
.result-block__neg-question[data-v-6e1db96f] {
        font-size: 1.6rem;
}
}
.result-block__neg-title[data-v-6e1db96f] {
    font-size: calc(1.16842rem + 0.705vw);
    font-weight: 500;
}
@media (min-width: 1215px) {
.result-block__neg-title[data-v-6e1db96f] {
        font-size: 2.025rem;
}
}
.result-block[data-status='negative'][data-v-6e1db96f] {
    border-color: #E02020;
}
.result-block[data-status='negative'] .icon[data-v-6e1db96f] {
      color: #E02020;
}
.result-block[data-status='positive'][data-v-6e1db96f] {
    border-color: #199F0E;
}
.result-block[data-status='positive'] .icon[data-v-6e1db96f] {
      color: #199F0E;
}

@charset "UTF-8";
/*
 * Scaling typography variables
 * These variables should only be used for scaling typography and spacing as
 * their values must be unitless to be used within the scale-rem() mixin.
 * The steps on the scale should also align with the CSS custom properties in variable-css.scss file.
 */
/**
 * Scaling typography mixin
 * Creates a property that scales between the provided minimum and maximum values
 * within the defined minimum and maximum viewport sizes. The values passed in
 * should use the scaling typography SASS variables as they need to be passed in
 * as unitless values.
 *
 * @example Font size scaling
 *          @include scale-rem('font-size', $scaling-font-0, $scaling-font-2);
 * @example Spacing scaling
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2);
 * @example With custom max breakpoint
 *          @include scale-rem('--space', $scaling-spacing-0, $scaling-spacing-2, 1400);
 */
/**
 * Used to apply custom focus styles to an element.
 * Uses key-focus.js directive to manage state.
 * You can apply these styles based on multiple key input
 * types — supported types include tab, arrow, and space
 * @example
 *     @include focus-styles('tab');
 */
/**
 * Resets any focus styles applied to the element
 */
.result-section__graphic[data-v-78bc45ef] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.result-section__bud-positive[data-v-78bc45ef], .result-section__bud-negative[data-v-78bc45ef] {
  display: none;
  width: 15.7rem;
}
.result-section__bud-positive[data-v-78bc45ef] {
  margin-right: calc(3.36842rem - 9.35673vw);
  margin-top: calc(0.42105rem - 1.16959vw);
}
@media (min-width: 1215px) {
.result-section__bud-positive[data-v-78bc45ef] {
      margin-right: -8rem;
}
}
@media (min-width: 1215px) {
.result-section__bud-positive[data-v-78bc45ef] {
      margin-top: -1rem;
}
}
.result-section__bud-negative[data-v-78bc45ef] {
  margin-right: calc(2.10526rem - 5.84795vw);
  margin-top: var(--spacing-8);
}
@media (min-width: 1215px) {
.result-section__bud-negative[data-v-78bc45ef] {
      margin-right: -5rem;
}
}
.result-section__help-text[data-v-78bc45ef] {
  font-size: calc(1.26316rem + 0.44185vw);
  line-height: calc(1.47878rem + 0.89227vw);
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (min-width: 1215px) {
.result-section__help-text[data-v-78bc45ef] {
      font-size: 1.8rem;
}
}
@media (min-width: 1215px) {
.result-section__help-text[data-v-78bc45ef] {
      line-height: 2.56289rem;
}
}
@media (min-width: 841px) {
.result-section__graphic img[data-v-78bc45ef] {
    display: block;
}
}