*,
*::before,
*::after {
  box-sizing: inherit;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
     ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  box-sizing: border-box;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

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

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* Grouping content
     ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
  --container-xxl: 1320px;
  --container--xxl: var(--container-xxl);
  --container-xl: 1140px;
  --container--xl: var(--container-xl);
  --container-lg: 960px;
  --container--lg: var(--container-lg);
  --container-md: 720px;
  --container--md: var(--container-md);
  --container-sm: 520px;
  --container--sm: var(--container-sm);
}

.container-xxl,
.container--xxl {
  max-width: 1320px;
}

.container-xl,
.container--xl {
  max-width: 1140px;
}

.container-lg,
.container--lg {
  max-width: 960px;
}

.container-md,
.container--md {
  max-width: 720px;
}

.container-sm,
.container--sm {
  max-width: 520px;
}

:root {
  --layout-content-size: var(--container-md);
  --layout-wide-size: var(--container-xxl);
  --layout--content-size: var(--container-md);
  --layout--wide-size: var(--container-xxl);
}

:root {
  --ornl-grid-column-gap: 2.5rem;
  --ornl--grid-column-gap: var(--ornl-grid-column-gap);
}

:root {
  --color-primary-weak: #dcfbcc;
  --color--primary--weak: var(--color-primary-weak);
  --color-primary-soft: #b3fa99;
  --color--primary--soft: var(--color-primary-soft);
  --color-primary-subtle: #82eb68;
  --color--primary--subtle: var(--color-primary-subtle);
  --color-primary-gentle: #44c430;
  --color--primary--gentle: var(--color-primary-gentle);
  --color-primary-emphasis: #27ab1e;
  --color--primary--emphasis: var(--color-primary-emphasis);
  --color-primary-strong: #0f8723;
  --color--primary--strong: var(--color-primary-strong);
  --color-primary-rich: #04682a;
  --color--primary--rich: var(--color-primary-rich);
  --color-primary-legible: #005520;
  --color--primary--legible: var(--color-primary-legible);
  --color-primary-distinct: #003414;
  --color--primary--distinct: var(--color-primary-distinct);
  --color-primary-intense: #00240e;
  --color--primary--intense: var(--color-primary-intense);
  --color-primary-high: #001709;
  --color--primary--high: var(--color-primary-high);
  --color-secondary-weak: #e3f4ff;
  --color--secondary--weak: var(--color-secondary-weak);
  --color-secondary-soft: #c9eaff;
  --color--secondary--soft: var(--color-secondary-soft);
  --color-secondary-subtle: #9edaff;
  --color--secondary--subtle: var(--color-secondary-subtle);
  --color-secondary-gentle: #39b3ff;
  --color--secondary--gentle: var(--color-secondary-gentle);
  --color-secondary-emphasis: #119bf1;
  --color--secondary--emphasis: var(--color-secondary-emphasis);
  --color-secondary-strong: #007ac6;
  --color--secondary--strong: var(--color-secondary-strong);
  --color-secondary-rich: #005d96;
  --color--secondary--rich: var(--color-secondary-rich);
  --color-secondary-legible: #004c7b;
  --color--secondary--legible: var(--color-secondary-legible);
  --color-secondary-distinct: #002f4c;
  --color--secondary--distinct: var(--color-secondary-distinct);
  --color-secondary-intense: #002033;
  --color--secondary--intense: var(--color-secondary-intense);
  --color-secondary-high: #001420;
  --color--secondary--high: var(--color-secondary-high);
  --color-accent-weak: #cefbf2;
  --color--accent--weak: var(--color-accent-weak);
  --color-accent-soft: #90f8e2;
  --color--accent--soft: var(--color-accent-soft);
  --color-accent-subtle: #5de9cc;
  --color--accent--subtle: var(--color-accent-subtle);
  --color-accent-gentle: #1fc09e;
  --color--accent--gentle: var(--color-accent-gentle);
  --color-accent-emphasis: #14a889;
  --color--accent--emphasis: var(--color-accent-emphasis);
  --color-accent-strong: #0c856c;
  --color--accent--strong: var(--color-accent-strong);
  --color-accent-rich: #006651;
  --color--accent--rich: var(--color-accent-rich);
  --color-accent-legible: #005342;
  --color--accent--legible: var(--color-accent-legible);
  --color-accent-distinct: #003329;
  --color--accent--distinct: var(--color-accent-distinct);
  --color-accent-intense: #00231c;
  --color--accent--intense: var(--color-accent-intense);
  --color-accent-high: #001612;
  --color--accent--high: var(--color-accent-high);
  --color-success-weak: #dcfbcc;
  --color--success--weak: var(--color-success-weak);
  --color-success-soft: #b3fa99;
  --color--success--soft: var(--color-success-soft);
  --color-success-subtle: #82eb68;
  --color--success--subtle: var(--color-success-subtle);
  --color-success-gentle: #44c430;
  --color--success--gentle: var(--color-success-gentle);
  --color-success-emphasis: #27ab1e;
  --color--success--emphasis: var(--color-success-emphasis);
  --color-success-strong: #0f8723;
  --color--success--strong: var(--color-success-strong);
  --color-success-rich: #04682a;
  --color--success--rich: var(--color-success-rich);
  --color-success-legible: #005520;
  --color--success--legible: var(--color-success-legible);
  --color-success-distinct: #003414;
  --color--success--distinct: var(--color-success-distinct);
  --color-success-intense: #00240e;
  --color--success--intense: var(--color-success-intense);
  --color-success-high: #001709;
  --color--success--high: var(--color-success-high);
  --color-danger-weak: #ffedf2;
  --color--danger--weak: var(--color-danger-weak);
  --color-danger-soft: #ffdde6;
  --color--danger--soft: var(--color-danger-soft);
  --color-danger-subtle: #ffc3d2;
  --color--danger--subtle: var(--color-danger-subtle);
  --color-danger-gentle: #ff85a2;
  --color--danger--gentle: var(--color-danger-gentle);
  --color-danger-emphasis: #ff5980;
  --color--danger--emphasis: var(--color-danger-emphasis);
  --color-danger-strong: #e80f42;
  --color--danger--strong: var(--color-danger-strong);
  --color-danger-rich: #b6002b;
  --color--danger--rich: var(--color-danger-rich);
  --color-danger-legible: #950024;
  --color--danger--legible: var(--color-danger-legible);
  --color-danger-distinct: #600017;
  --color--danger--distinct: var(--color-danger-distinct);
  --color-danger-intense: #440010;
  --color--danger--intense: var(--color-danger-intense);
  --color-danger-high: #2f000b;
  --color--danger--high: var(--color-danger-high);
  --color-warning-weak: #ffefdc;
  --color--warning--weak: var(--color-warning-weak);
  --color-warning-soft: #ffe1bd;
  --color--warning--soft: var(--color-warning-soft);
  --color-warning-subtle: #ffc989;
  --color--warning--subtle: var(--color-warning-subtle);
  --color-warning-gentle: #ff8e09;
  --color--warning--gentle: var(--color-warning-gentle);
  --color-warning-emphasis: #e97400;
  --color--warning--emphasis: var(--color-warning-emphasis);
  --color-warning-strong: #c05600;
  --color--warning--strong: var(--color-warning-strong);
  --color-warning-rich: #983d00;
  --color--warning--rich: var(--color-warning-rich);
  --color-warning-legible: #7c2e00;
  --color--warning--legible: var(--color-warning-legible);
  --color-warning-distinct: #4f1d00;
  --color--warning--distinct: var(--color-warning-distinct);
  --color-warning-intense: #361400;
  --color--warning--intense: var(--color-warning-intense);
  --color-warning-high: #230d00;
  --color--warning--high: var(--color-warning-high);
  --color-info-weak: #d1f9ff;
  --color--info--weak: var(--color-info-weak);
  --color-info-soft: #9ef3ff;
  --color--info--soft: var(--color-info-soft);
  --color-info-subtle: #5ee4f7;
  --color--info--subtle: var(--color-info-subtle);
  --color-info-gentle: #0cbbd3;
  --color--info--gentle: var(--color-info-gentle);
  --color-info-emphasis: #01a3b9;
  --color--info--emphasis: var(--color-info-emphasis);
  --color-info-strong: #008192;
  --color--info--strong: var(--color-info-strong);
  --color-info-rich: #006370;
  --color--info--rich: var(--color-info-rich);
  --color-info-legible: #00515b;
  --color--info--legible: var(--color-info-legible);
  --color-info-distinct: #003239;
  --color--info--distinct: var(--color-info-distinct);
  --color-info-intense: #002226;
  --color--info--intense: var(--color-info-intense);
  --color-info-high: #001518;
  --color--info--high: var(--color-info-high);
  --color-neutral-weak: #f1f1f1;
  --color--neutral--weak: var(--color-neutral-weak);
  --color-neutral-soft: #e5e5e5;
  --color--neutral--soft: var(--color-neutral-soft);
  --color-neutral-subtle: #d2d2d2;
  --color--neutral--subtle: var(--color-neutral-subtle);
  --color-neutral-gentle: #aaaaaa;
  --color--neutral--gentle: var(--color-neutral-gentle);
  --color-neutral-emphasis: #949494;
  --color--neutral--emphasis: var(--color-neutral-emphasis);
  --color-neutral-strong: #757575;
  --color--neutral--strong: var(--color-neutral-strong);
  --color-neutral-rich: #5a5a5a;
  --color--neutral--rich: var(--color-neutral-rich);
  --color-neutral-legible: #4a4a4a;
  --color--neutral--legible: var(--color-neutral-legible);
  --color-neutral-distinct: #2c2c2c;
  --color--neutral--distinct: var(--color-neutral-distinct);
  --color-neutral-intense: #1e1e1e;
  --color--neutral--intense: var(--color-neutral-intense);
  --color-neutral-high: #121212;
  --color--neutral--high: var(--color-neutral-high);
  --color-text-base: #2c2c2c;
  --color--text--base: var(--color-text-base);
  --color-text-inverted: #ffffff;
  --color--text--inverted: var(--color-text-inverted);
  --color-text-white: #ffffff;
  --color--text--white: var(--color-text-white);
  --color-text-low: #757575;
  --color--text--low: var(--color-text-low);
  --color-text-light: #5a5a5a;
  --color--text--light: var(--color-text-light);
  --color-text-medium: #4a4a4a;
  --color--text--medium: var(--color-text-medium);
  --color-text-dark: #1e1e1e;
  --color--text--dark: var(--color-text-dark);
  --color-text-black: #000000;
  --color--text--black: var(--color-text-black);
  --color-surface-base: #ffffff;
  --color--surface--base: var(--color-surface-base);
  --color-surface-weak: #f1f1f1;
  --color--surface--weak: var(--color-surface-weak);
  --color-surface-soft: #e5e5e5;
  --color--surface--soft: var(--color-surface-soft);
  --color-surface-distinct: #2c2c2c;
  --color--surface--distinct: var(--color-surface-distinct);
  --link--bg--hover: rgba(4, 104, 42, var(--opacity--4));
}

:root[data-theme=dark] {
  --color-primary-weak: #04160d;
  --color--primary--weak: var(--color-primary-weak);
  --color-primary-soft: #062314;
  --color--primary--soft: var(--color-primary-soft);
  --color-primary-subtle: #0b331c;
  --color--primary--subtle: var(--color-primary-subtle);
  --color-primary-gentle: #11532e;
  --color--primary--gentle: var(--color-primary-gentle);
  --color-primary-emphasis: #00682d;
  --color--primary--emphasis: var(--color-primary-emphasis);
  --color-primary-strong: #11873f;
  --color--primary--strong: var(--color-primary-strong);
  --color-primary-rich: #33a95b;
  --color--primary--rich: var(--color-primary-rich);
  --color-primary-legible: #51c06d;
  --color--primary--legible: var(--color-primary-legible);
  --color-primary-distinct: #8be6a0;
  --color--primary--distinct: var(--color-primary-distinct);
  --color-primary-intense: #c0f2c1;
  --color--primary--intense: var(--color-primary-intense);
  --color-primary-high: #def8e0;
  --color--primary--high: var(--color-primary-high);
  --color-secondary-weak: #001420;
  --color--secondary--weak: var(--color-secondary-weak);
  --color-secondary-soft: #002033;
  --color--secondary--soft: var(--color-secondary-soft);
  --color-secondary-subtle: #002f4c;
  --color--secondary--subtle: var(--color-secondary-subtle);
  --color-secondary-gentle: #004c7b;
  --color--secondary--gentle: var(--color-secondary-gentle);
  --color-secondary-emphasis: #005d96;
  --color--secondary--emphasis: var(--color-secondary-emphasis);
  --color-secondary-strong: #007ac6;
  --color--secondary--strong: var(--color-secondary-strong);
  --color-secondary-rich: #119bf1;
  --color--secondary--rich: var(--color-secondary-rich);
  --color-secondary-legible: #39b3ff;
  --color--secondary--legible: var(--color-secondary-legible);
  --color-secondary-distinct: #9edaff;
  --color--secondary--distinct: var(--color-secondary-distinct);
  --color-secondary-intense: #c9eaff;
  --color--secondary--intense: var(--color-secondary-intense);
  --color-secondary-high: #e3f4ff;
  --color--secondary--high: var(--color-secondary-high);
  --color-accent-weak: #001612;
  --color--accent--weak: var(--color-accent-weak);
  --color-accent-soft: #00231c;
  --color--accent--soft: var(--color-accent-soft);
  --color-accent-subtle: #003329;
  --color--accent--subtle: var(--color-accent-subtle);
  --color-accent-gentle: #005342;
  --color--accent--gentle: var(--color-accent-gentle);
  --color-accent-emphasis: #006651;
  --color--accent--emphasis: var(--color-accent-emphasis);
  --color-accent-strong: #0c856c;
  --color--accent--strong: var(--color-accent-strong);
  --color-accent-rich: #14a889;
  --color--accent--rich: var(--color-accent-rich);
  --color-accent-legible: #1fc09e;
  --color--accent--legible: var(--color-accent-legible);
  --color-accent-distinct: #5de9cc;
  --color--accent--distinct: var(--color-accent-distinct);
  --color-accent-intense: #90f8e2;
  --color--accent--intense: var(--color-accent-intense);
  --color-accent-high: #cefbf2;
  --color--accent--high: var(--color-accent-high);
  --color-success-weak: #001709;
  --color--success--weak: var(--color-success-weak);
  --color-success-soft: #00240e;
  --color--success--soft: var(--color-success-soft);
  --color-success-subtle: #003414;
  --color--success--subtle: var(--color-success-subtle);
  --color-success-gentle: #005520;
  --color--success--gentle: var(--color-success-gentle);
  --color-success-emphasis: #04682a;
  --color--success--emphasis: var(--color-success-emphasis);
  --color-success-strong: #0f8723;
  --color--success--strong: var(--color-success-strong);
  --color-success-rich: #27ab1e;
  --color--success--rich: var(--color-success-rich);
  --color-success-legible: #44c430;
  --color--success--legible: var(--color-success-legible);
  --color-success-distinct: #82eb68;
  --color--success--distinct: var(--color-success-distinct);
  --color-success-intense: #b3fa99;
  --color--success--intense: var(--color-success-intense);
  --color-success-high: #dcfbcc;
  --color--success--high: var(--color-success-high);
  --color-danger-weak: #2f000b;
  --color--danger--weak: var(--color-danger-weak);
  --color-danger-soft: #440010;
  --color--danger--soft: var(--color-danger-soft);
  --color-danger-subtle: #600017;
  --color--danger--subtle: var(--color-danger-subtle);
  --color-danger-gentle: #950024;
  --color--danger--gentle: var(--color-danger-gentle);
  --color-danger-emphasis: #b6002b;
  --color--danger--emphasis: var(--color-danger-emphasis);
  --color-danger-strong: #e80f42;
  --color--danger--strong: var(--color-danger-strong);
  --color-danger-rich: #ff5980;
  --color--danger--rich: var(--color-danger-rich);
  --color-danger-legible: #ff85a2;
  --color--danger--legible: var(--color-danger-legible);
  --color-danger-distinct: #ffc3d2;
  --color--danger--distinct: var(--color-danger-distinct);
  --color-danger-intense: #ffdde6;
  --color--danger--intense: var(--color-danger-intense);
  --color-danger-high: #ffedf2;
  --color--danger--high: var(--color-danger-high);
  --color-warning-weak: #230d00;
  --color--warning--weak: var(--color-warning-weak);
  --color-warning-soft: #361400;
  --color--warning--soft: var(--color-warning-soft);
  --color-warning-subtle: #4f1d00;
  --color--warning--subtle: var(--color-warning-subtle);
  --color-warning-gentle: #7c2e00;
  --color--warning--gentle: var(--color-warning-gentle);
  --color-warning-emphasis: #983d00;
  --color--warning--emphasis: var(--color-warning-emphasis);
  --color-warning-strong: #c05600;
  --color--warning--strong: var(--color-warning-strong);
  --color-warning-rich: #e97400;
  --color--warning--rich: var(--color-warning-rich);
  --color-warning-legible: #ff8e09;
  --color--warning--legible: var(--color-warning-legible);
  --color-warning-distinct: #ffc989;
  --color--warning--distinct: var(--color-warning-distinct);
  --color-warning-intense: #ffe1bd;
  --color--warning--intense: var(--color-warning-intense);
  --color-warning-high: #ffefdc;
  --color--warning--high: var(--color-warning-high);
  --color-info-weak: #001518;
  --color--info--weak: var(--color-info-weak);
  --color-info-soft: #002226;
  --color--info--soft: var(--color-info-soft);
  --color-info-subtle: #003239;
  --color--info--subtle: var(--color-info-subtle);
  --color-info-gentle: #00515b;
  --color--info--gentle: var(--color-info-gentle);
  --color-info-emphasis: #006370;
  --color--info--emphasis: var(--color-info-emphasis);
  --color-info-strong: #008192;
  --color--info--strong: var(--color-info-strong);
  --color-info-rich: #01a3b9;
  --color--info--rich: var(--color-info-rich);
  --color-info-legible: #0cbbd3;
  --color--info--legible: var(--color-info-legible);
  --color-info-distinct: #5ee4f7;
  --color--info--distinct: var(--color-info-distinct);
  --color-info-intense: #9ef3ff;
  --color--info--intense: var(--color-info-intense);
  --color-info-high: #d1f9ff;
  --color--info--high: var(--color-info-high);
  --color-neutral-weak: #121212;
  --color--neutral--weak: var(--color-neutral-weak);
  --color-neutral-soft: #1e1e1e;
  --color--neutral--soft: var(--color-neutral-soft);
  --color-neutral-subtle: #2c2c2c;
  --color--neutral--subtle: var(--color-neutral-subtle);
  --color-neutral-gentle: #4a4a4a;
  --color--neutral--gentle: var(--color-neutral-gentle);
  --color-neutral-emphasis: #5a5a5a;
  --color--neutral--emphasis: var(--color-neutral-emphasis);
  --color-neutral-strong: #757575;
  --color--neutral--strong: var(--color-neutral-strong);
  --color-neutral-rich: #949494;
  --color--neutral--rich: var(--color-neutral-rich);
  --color-neutral-legible: #aaaaaa;
  --color--neutral--legible: var(--color-neutral-legible);
  --color-neutral-distinct: #d2d2d2;
  --color--neutral--distinct: var(--color-neutral-distinct);
  --color-neutral-intense: #e5e5e5;
  --color--neutral--intense: var(--color-neutral-intense);
  --color-neutral-high: #f1f1f1;
  --color--neutral--high: var(--color-neutral-high);
  --color-text-base: #d2d2d2;
  --color--text--base: var(--color-text-base);
  --color-text-inverted: #121212;
  --color--text--inverted: var(--color-text-inverted);
  --color-text-white: #ffffff;
  --color--text--white: var(--color-text-white);
  --color-text-low: #757575;
  --color--text--low: var(--color-text-low);
  --color-text-light: #949494;
  --color--text--light: var(--color-text-light);
  --color-text-medium: #aaaaaa;
  --color--text--medium: var(--color-text-medium);
  --color-text-dark: #e5e5e5;
  --color--text--dark: var(--color-text-dark);
  --color-text-black: #000000;
  --color--text--black: var(--color-text-black);
  --color-surface-base: #121212;
  --color--surface--base: var(--color-surface-base);
  --color-surface-weak: #1e1e1e;
  --color--surface--weak: var(--color-surface-weak);
  --color-surface-soft: #2c2c2c;
  --color--surface--soft: var(--color-surface-soft);
  --color-surface-distinct: #d2d2d2;
  --color--surface--distinct: var(--color-surface-distinct);
  --link--bg--hover: rgba(51, 169, 91, var(--opacity--4));
}

:root {
  --color-primary: var(--color--primary--rich);
  --color-secondary: var(--color--secondary--rich);
  --color-accent: var(--color--accent--soft);
  --color-tertiary: var(--color--accent);
  --color-neutral: var(--color--neutral--gentle);
  --color-plain: transparent;
  --color-danger: var(--color--danger--rich);
  --color-warning: var(--color--warning--gentle);
  --color-success: var(--color--success--emphasis);
  --color-info: var(--color--info--subtle);
  --color--primary: var(--color-primary);
  --color--secondary: var(--color-secondary);
  --color--accent: var(--color-accent);
  --color--tertiary: var(--color-tertiary);
  --color--neutral: var(--color-neutral);
  --color--plain: var(--color-plain);
  --color--danger: var(--color-danger);
  --color--warning: var(--color-warning);
  --color--success: var(--color-success);
  --color--info: var(--color-info);
  --color-brand-primary: #00662c;
  --color--brand--primary: var(--color-brand-primary);
  --color-brand-secondary: #00454d;
  --color--brand--secondary: var(--color-brand-secondary);
  --color-brand-neutral: #d2d2d2;
  --color--brand--neutral: var(--color-brand-neutral);
  --color-brand-dark: #363a36;
  --color--brand--dark: var(--color-brand-dark);
  --color-brand-light: #ffffff;
  --color--brand--light: var(--color-brand-light);
  --color-brand-accent-1: #7cba00;
  --color--brand--accent-1: var(--color-brand-accent-1);
  --color-brand-accent-2: #8bfebf;
  --color--brand--accent-2: var(--color-brand-accent-2);
  --color-brand-accent-3: #00b38f;
  --color--brand--accent-3: var(--color-brand-accent-3);
  --color-brand-accent-4: #00bdb5;
  --color--brand--accent-4: var(--color-brand-accent-4);
  --color-brand-accent-5: #006ba6;
  --color--brand--accent-5: var(--color-brand-accent-5);
  --color-brand-accent-6: #005776;
  --color--brand--accent-6: var(--color-brand-accent-6);
  --color-brand-accent-7: #ff8e09;
  --color--brand--accent-7: var(--color-brand-accent-7);
  --color-brand-accent-8: #fe5000;
  --color--brand--accent-8: var(--color-brand-accent-8);
  --color-brand-accent-9: #b50094;
  --color--brand--accent-9: var(--color-brand-accent-9);
  --color-brand-accent-10: #4e008e;
  --color--brand--accent-10: var(--color-brand-accent-10);
}

.color--primary-weak {
  color: var(--color-primary-weak);
}

.color--primary-soft {
  color: var(--color-primary-soft);
}

.color--primary-subtle {
  color: var(--color-primary-subtle);
}

.color--primary-gentle {
  color: var(--color-primary-gentle);
}

.color--primary-emphasis {
  color: var(--color-primary-emphasis);
}

.color--primary-strong {
  color: var(--color-primary-strong);
}

.color--primary-rich {
  color: var(--color-primary-rich);
}

.color--primary-legible {
  color: var(--color-primary-legible);
}

.color--primary-distinct {
  color: var(--color-primary-distinct);
}

.color--primary-intense {
  color: var(--color-primary-intense);
}

.color--primary-high {
  color: var(--color-primary-high);
}

.color--secondary-weak {
  color: var(--color-secondary-weak);
}

.color--secondary-soft {
  color: var(--color-secondary-soft);
}

.color--secondary-subtle {
  color: var(--color-secondary-subtle);
}

.color--secondary-gentle {
  color: var(--color-secondary-gentle);
}

.color--secondary-emphasis {
  color: var(--color-secondary-emphasis);
}

.color--secondary-strong {
  color: var(--color-secondary-strong);
}

.color--secondary-rich {
  color: var(--color-secondary-rich);
}

.color--secondary-legible {
  color: var(--color-secondary-legible);
}

.color--secondary-distinct {
  color: var(--color-secondary-distinct);
}

.color--secondary-intense {
  color: var(--color-secondary-intense);
}

.color--secondary-high {
  color: var(--color-secondary-high);
}

.color--accent-weak {
  color: var(--color-accent-weak);
}

.color--accent-soft {
  color: var(--color-accent-soft);
}

.color--accent-subtle {
  color: var(--color-accent-subtle);
}

.color--accent-gentle {
  color: var(--color-accent-gentle);
}

.color--accent-emphasis {
  color: var(--color-accent-emphasis);
}

.color--accent-strong {
  color: var(--color-accent-strong);
}

.color--accent-rich {
  color: var(--color-accent-rich);
}

.color--accent-legible {
  color: var(--color-accent-legible);
}

.color--accent-distinct {
  color: var(--color-accent-distinct);
}

.color--accent-intense {
  color: var(--color-accent-intense);
}

.color--accent-high {
  color: var(--color-accent-high);
}

.color--success-weak {
  color: var(--color-success-weak);
}

.color--success-soft {
  color: var(--color-success-soft);
}

.color--success-subtle {
  color: var(--color-success-subtle);
}

.color--success-gentle {
  color: var(--color-success-gentle);
}

.color--success-emphasis {
  color: var(--color-success-emphasis);
}

.color--success-strong {
  color: var(--color-success-strong);
}

.color--success-rich {
  color: var(--color-success-rich);
}

.color--success-legible {
  color: var(--color-success-legible);
}

.color--success-distinct {
  color: var(--color-success-distinct);
}

.color--success-intense {
  color: var(--color-success-intense);
}

.color--success-high {
  color: var(--color-success-high);
}

.color--danger-weak {
  color: var(--color-danger-weak);
}

.color--danger-soft {
  color: var(--color-danger-soft);
}

.color--danger-subtle {
  color: var(--color-danger-subtle);
}

.color--danger-gentle {
  color: var(--color-danger-gentle);
}

.color--danger-emphasis {
  color: var(--color-danger-emphasis);
}

.color--danger-strong {
  color: var(--color-danger-strong);
}

.color--danger-rich {
  color: var(--color-danger-rich);
}

.color--danger-legible {
  color: var(--color-danger-legible);
}

.color--danger-distinct {
  color: var(--color-danger-distinct);
}

.color--danger-intense {
  color: var(--color-danger-intense);
}

.color--danger-high {
  color: var(--color-danger-high);
}

.color--warning-weak {
  color: var(--color-warning-weak);
}

.color--warning-soft {
  color: var(--color-warning-soft);
}

.color--warning-subtle {
  color: var(--color-warning-subtle);
}

.color--warning-gentle {
  color: var(--color-warning-gentle);
}

.color--warning-emphasis {
  color: var(--color-warning-emphasis);
}

.color--warning-strong {
  color: var(--color-warning-strong);
}

.color--warning-rich {
  color: var(--color-warning-rich);
}

.color--warning-legible {
  color: var(--color-warning-legible);
}

.color--warning-distinct {
  color: var(--color-warning-distinct);
}

.color--warning-intense {
  color: var(--color-warning-intense);
}

.color--warning-high {
  color: var(--color-warning-high);
}

.color--info-weak {
  color: var(--color-info-weak);
}

.color--info-soft {
  color: var(--color-info-soft);
}

.color--info-subtle {
  color: var(--color-info-subtle);
}

.color--info-gentle {
  color: var(--color-info-gentle);
}

.color--info-emphasis {
  color: var(--color-info-emphasis);
}

.color--info-strong {
  color: var(--color-info-strong);
}

.color--info-rich {
  color: var(--color-info-rich);
}

.color--info-legible {
  color: var(--color-info-legible);
}

.color--info-distinct {
  color: var(--color-info-distinct);
}

.color--info-intense {
  color: var(--color-info-intense);
}

.color--info-high {
  color: var(--color-info-high);
}

.color--neutral-weak {
  color: var(--color-neutral-weak);
}

.color--neutral-soft {
  color: var(--color-neutral-soft);
}

.color--neutral-subtle {
  color: var(--color-neutral-subtle);
}

.color--neutral-gentle {
  color: var(--color-neutral-gentle);
}

.color--neutral-emphasis {
  color: var(--color-neutral-emphasis);
}

.color--neutral-strong {
  color: var(--color-neutral-strong);
}

.color--neutral-rich {
  color: var(--color-neutral-rich);
}

.color--neutral-legible {
  color: var(--color-neutral-legible);
}

.color--neutral-distinct {
  color: var(--color-neutral-distinct);
}

.color--neutral-intense {
  color: var(--color-neutral-intense);
}

.color--neutral-high {
  color: var(--color-neutral-high);
}

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

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

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

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

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

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

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

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

.color-surface-base {
  background-color: var(--color-surface-base);
}

.color-surface-weak {
  background-color: var(--color-surface-weak);
}

.color-surface-soft {
  background-color: var(--color-surface-soft);
}

.color-surface-distinct {
  background-color: var(--color-surface-distinct);
}

:root {
  --opacity-1: 0.05;
  --opacity--1: var(--opacity-1);
  --opacity-2: 0.1;
  --opacity--2: var(--opacity-2);
  --opacity-3: 0.15;
  --opacity--3: var(--opacity-3);
  --opacity-4: 0.2;
  --opacity--4: var(--opacity-4);
  --opacity-5: 0.25;
  --opacity--5: var(--opacity-5);
  --opacity-6: 0.3;
  --opacity--6: var(--opacity-6);
  --opacity-7: 0.35;
  --opacity--7: var(--opacity-7);
  --opacity-8: 0.4;
  --opacity--8: var(--opacity-8);
  --opacity-9: 0.45;
  --opacity--9: var(--opacity-9);
  --opacity-10: 0.5;
  --opacity--10: var(--opacity-10);
  --opacity-11: 0.55;
  --opacity--11: var(--opacity-11);
  --opacity-12: 0.6;
  --opacity--12: var(--opacity-12);
  --opacity-13: 0.65;
  --opacity--13: var(--opacity-13);
  --opacity-14: 0.7;
  --opacity--14: var(--opacity-14);
  --opacity-15: 0.75;
  --opacity--15: var(--opacity-15);
  --opacity-16: 0.8;
  --opacity--16: var(--opacity-16);
  --opacity-17: 0.85;
  --opacity--17: var(--opacity-17);
  --opacity-18: 0.9;
  --opacity--18: var(--opacity-18);
  --opacity-19: 0.95;
  --opacity--19: var(--opacity-19);
  --opacity-20: 1;
  --opacity--20: var(--opacity-20);
}

.opacity-1,
.opacity--1 {
  opacity: 0.05;
}

.opacity-2,
.opacity--2 {
  opacity: 0.1;
}

.opacity-3,
.opacity--3 {
  opacity: 0.15;
}

.opacity-4,
.opacity--4 {
  opacity: 0.2;
}

.opacity-5,
.opacity--5 {
  opacity: 0.25;
}

.opacity-6,
.opacity--6 {
  opacity: 0.3;
}

.opacity-7,
.opacity--7 {
  opacity: 0.35;
}

.opacity-8,
.opacity--8 {
  opacity: 0.4;
}

.opacity-9,
.opacity--9 {
  opacity: 0.45;
}

.opacity-10,
.opacity--10 {
  opacity: 0.5;
}

.opacity-11,
.opacity--11 {
  opacity: 0.55;
}

.opacity-12,
.opacity--12 {
  opacity: 0.6;
}

.opacity-13,
.opacity--13 {
  opacity: 0.65;
}

.opacity-14,
.opacity--14 {
  opacity: 0.7;
}

.opacity-15,
.opacity--15 {
  opacity: 0.75;
}

.opacity-16,
.opacity--16 {
  opacity: 0.8;
}

.opacity-17,
.opacity--17 {
  opacity: 0.85;
}

.opacity-18,
.opacity--18 {
  opacity: 0.9;
}

.opacity-19,
.opacity--19 {
  opacity: 0.95;
}

.opacity-20,
.opacity--20 {
  opacity: 1;
}

:root {
  --spacing-0: 0;
  --spacing-pos-p0: 0;
  --spacing--pos--p0: var(--spacing-pos-p0);
  --spacing-pos-p1: 0.125rem;
  --spacing--pos--p1: var(--spacing-pos-p1);
  --spacing-pos-p2: 0.25rem;
  --spacing--pos--p2: var(--spacing-pos-p2);
  --spacing-pos-p3: 0.375rem;
  --spacing--pos--p3: var(--spacing-pos-p3);
  --spacing-pos-p4: 0.5rem;
  --spacing--pos--p4: var(--spacing-pos-p4);
  --spacing-pos-p5: 0.625rem;
  --spacing--pos--p5: var(--spacing-pos-p5);
  --spacing-pos-p6: 0.75rem;
  --spacing--pos--p6: var(--spacing-pos-p6);
  --spacing-pos-p7: 0.875rem;
  --spacing--pos--p7: var(--spacing-pos-p7);
  --spacing-pos-p8: 1rem;
  --spacing--pos--p8: var(--spacing-pos-p8);
  --spacing-pos-p9: 1.125rem;
  --spacing--pos--p9: var(--spacing-pos-p9);
  --spacing-pos-p10: 1.25rem;
  --spacing--pos--p10: var(--spacing-pos-p10);
  --spacing-pos-p11: 1.375rem;
  --spacing--pos--p11: var(--spacing-pos-p11);
  --spacing-pos-p12: 1.5rem;
  --spacing--pos--p12: var(--spacing-pos-p12);
  --spacing-pos-p13: 1.625rem;
  --spacing--pos--p13: var(--spacing-pos-p13);
  --spacing-pos-p14: 1.75rem;
  --spacing--pos--p14: var(--spacing-pos-p14);
  --spacing-pos-p15: 1.875rem;
  --spacing--pos--p15: var(--spacing-pos-p15);
  --spacing-pos-p16: 2rem;
  --spacing--pos--p16: var(--spacing-pos-p16);
  --spacing-pos-p17: 2.25rem;
  --spacing--pos--p17: var(--spacing-pos-p17);
  --spacing-pos-p18: 2.5rem;
  --spacing--pos--p18: var(--spacing-pos-p18);
  --spacing-pos-p19: 2.75rem;
  --spacing--pos--p19: var(--spacing-pos-p19);
  --spacing-pos-p20: 3rem;
  --spacing--pos--p20: var(--spacing-pos-p20);
  --spacing-pos-p21: 3.25rem;
  --spacing--pos--p21: var(--spacing-pos-p21);
  --spacing-pos-p22: 3.5rem;
  --spacing--pos--p22: var(--spacing-pos-p22);
  --spacing-pos-p23: 3.75rem;
  --spacing--pos--p23: var(--spacing-pos-p23);
  --spacing-pos-p24: 4rem;
  --spacing--pos--p24: var(--spacing-pos-p24);
  --spacing-neg-n0: 0;
  --spacing--neg--n0: var(--spacing-neg-n0);
  --spacing-neg-n1: -0.125rem;
  --spacing--neg--n1: var(--spacing-neg-n1);
  --spacing-neg-n2: -0.25rem;
  --spacing--neg--n2: var(--spacing-neg-n2);
  --spacing-neg-n3: -0.375rem;
  --spacing--neg--n3: var(--spacing-neg-n3);
  --spacing-neg-n4: -0.5rem;
  --spacing--neg--n4: var(--spacing-neg-n4);
  --spacing-neg-n5: -0.625rem;
  --spacing--neg--n5: var(--spacing-neg-n5);
  --spacing-neg-n6: -0.75rem;
  --spacing--neg--n6: var(--spacing-neg-n6);
  --spacing-neg-n7: -0.875rem;
  --spacing--neg--n7: var(--spacing-neg-n7);
  --spacing-neg-n8: -1rem;
  --spacing--neg--n8: var(--spacing-neg-n8);
  --spacing-neg-n9: -1.125rem;
  --spacing--neg--n9: var(--spacing-neg-n9);
  --spacing-neg-n10: -1.25rem;
  --spacing--neg--n10: var(--spacing-neg-n10);
  --spacing-neg-n11: -1.375rem;
  --spacing--neg--n11: var(--spacing-neg-n11);
  --spacing-neg-n12: -1.5rem;
  --spacing--neg--n12: var(--spacing-neg-n12);
  --spacing-neg-n13: -1.625rem;
  --spacing--neg--n13: var(--spacing-neg-n13);
  --spacing-neg-n14: -1.75rem;
  --spacing--neg--n14: var(--spacing-neg-n14);
  --spacing-neg-n15: -1.875rem;
  --spacing--neg--n15: var(--spacing-neg-n15);
  --spacing-neg-n16: -2rem;
  --spacing--neg--n16: var(--spacing-neg-n16);
  --spacing-neg-n17: -2.25rem;
  --spacing--neg--n17: var(--spacing-neg-n17);
  --spacing-neg-n18: -2.5rem;
  --spacing--neg--n18: var(--spacing-neg-n18);
  --spacing-neg-n19: -2.75rem;
  --spacing--neg--n19: var(--spacing-neg-n19);
  --spacing-neg-n20: -3rem;
  --spacing--neg--n20: var(--spacing-neg-n20);
  --spacing-neg-n21: -3.25rem;
  --spacing--neg--n21: var(--spacing-neg-n21);
  --spacing-neg-n22: -3.5rem;
  --spacing--neg--n22: var(--spacing-neg-n22);
  --spacing-neg-n23: -3.75rem;
  --spacing--neg--n23: var(--spacing-neg-n23);
  --spacing-neg-n24: -4rem;
  --spacing--neg--n24: var(--spacing-neg-n24);
}

.margin-0 {
  margin: 0;
}

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

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

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

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

.padding-0 {
  padding: 0;
}

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

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

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

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

.margin-positive-p0 {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
}

.padding-positive-p0 {
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
}

.margin-positive-p1 {
  margin-bottom: 0.125rem !important;
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important;
  margin-top: 0.125rem !important;
}

.padding-positive-p1 {
  padding-bottom: 0.125rem !important;
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
  padding-top: 0.125rem !important;
}

.margin-positive-p2 {
  margin-bottom: 0.25rem !important;
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
  margin-top: 0.25rem !important;
}

.padding-positive-p2 {
  padding-bottom: 0.25rem !important;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  padding-top: 0.25rem !important;
}

.margin-positive-p3 {
  margin-bottom: 0.375rem !important;
  margin-left: 0.375rem !important;
  margin-right: 0.375rem !important;
  margin-top: 0.375rem !important;
}

.padding-positive-p3 {
  padding-bottom: 0.375rem !important;
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
  padding-top: 0.375rem !important;
}

.margin-positive-p4 {
  margin-bottom: 0.5rem !important;
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
  margin-top: 0.5rem !important;
}

.padding-positive-p4 {
  padding-bottom: 0.5rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-top: 0.5rem !important;
}

.margin-positive-p5 {
  margin-bottom: 0.625rem !important;
  margin-left: 0.625rem !important;
  margin-right: 0.625rem !important;
  margin-top: 0.625rem !important;
}

.padding-positive-p5 {
  padding-bottom: 0.625rem !important;
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
  padding-top: 0.625rem !important;
}

.margin-positive-p6 {
  margin-bottom: 0.75rem !important;
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
  margin-top: 0.75rem !important;
}

.padding-positive-p6 {
  padding-bottom: 0.75rem !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  padding-top: 0.75rem !important;
}

.margin-positive-p7 {
  margin-bottom: 0.875rem !important;
  margin-left: 0.875rem !important;
  margin-right: 0.875rem !important;
  margin-top: 0.875rem !important;
}

.padding-positive-p7 {
  padding-bottom: 0.875rem !important;
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
  padding-top: 0.875rem !important;
}

.margin-positive-p8 {
  margin-bottom: 1rem !important;
  margin-left: 1rem !important;
  margin-right: 1rem !important;
  margin-top: 1rem !important;
}

.padding-positive-p8 {
  padding-bottom: 1rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 1rem !important;
}

.margin-positive-p9 {
  margin-bottom: 1.125rem !important;
  margin-left: 1.125rem !important;
  margin-right: 1.125rem !important;
  margin-top: 1.125rem !important;
}

.padding-positive-p9 {
  padding-bottom: 1.125rem !important;
  padding-left: 1.125rem !important;
  padding-right: 1.125rem !important;
  padding-top: 1.125rem !important;
}

.margin-positive-p10 {
  margin-bottom: 1.25rem !important;
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
  margin-top: 1.25rem !important;
}

.padding-positive-p10 {
  padding-bottom: 1.25rem !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  padding-top: 1.25rem !important;
}

.margin-positive-p11 {
  margin-bottom: 1.375rem !important;
  margin-left: 1.375rem !important;
  margin-right: 1.375rem !important;
  margin-top: 1.375rem !important;
}

.padding-positive-p11 {
  padding-bottom: 1.375rem !important;
  padding-left: 1.375rem !important;
  padding-right: 1.375rem !important;
  padding-top: 1.375rem !important;
}

.margin-positive-p12 {
  margin-bottom: 1.5rem !important;
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
  margin-top: 1.5rem !important;
}

.padding-positive-p12 {
  padding-bottom: 1.5rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-top: 1.5rem !important;
}

.margin-positive-p13 {
  margin-bottom: 1.625rem !important;
  margin-left: 1.625rem !important;
  margin-right: 1.625rem !important;
  margin-top: 1.625rem !important;
}

.padding-positive-p13 {
  padding-bottom: 1.625rem !important;
  padding-left: 1.625rem !important;
  padding-right: 1.625rem !important;
  padding-top: 1.625rem !important;
}

.margin-positive-p14 {
  margin-bottom: 1.75rem !important;
  margin-left: 1.75rem !important;
  margin-right: 1.75rem !important;
  margin-top: 1.75rem !important;
}

.padding-positive-p14 {
  padding-bottom: 1.75rem !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  padding-top: 1.75rem !important;
}

.margin-positive-p15 {
  margin-bottom: 1.875rem !important;
  margin-left: 1.875rem !important;
  margin-right: 1.875rem !important;
  margin-top: 1.875rem !important;
}

.padding-positive-p15 {
  padding-bottom: 1.875rem !important;
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
  padding-top: 1.875rem !important;
}

.margin-positive-p16 {
  margin-bottom: 2rem !important;
  margin-left: 2rem !important;
  margin-right: 2rem !important;
  margin-top: 2rem !important;
}

.padding-positive-p16 {
  padding-bottom: 2rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  padding-top: 2rem !important;
}

.margin-positive-p17 {
  margin-bottom: 2.25rem !important;
  margin-left: 2.25rem !important;
  margin-right: 2.25rem !important;
  margin-top: 2.25rem !important;
}

.padding-positive-p17 {
  padding-bottom: 2.25rem !important;
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
  padding-top: 2.25rem !important;
}

.margin-positive-p18 {
  margin-bottom: 2.5rem !important;
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
  margin-top: 2.5rem !important;
}

.padding-positive-p18 {
  padding-bottom: 2.5rem !important;
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
  padding-top: 2.5rem !important;
}

.margin-positive-p19 {
  margin-bottom: 2.75rem !important;
  margin-left: 2.75rem !important;
  margin-right: 2.75rem !important;
  margin-top: 2.75rem !important;
}

.padding-positive-p19 {
  padding-bottom: 2.75rem !important;
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
  padding-top: 2.75rem !important;
}

.margin-positive-p20 {
  margin-bottom: 3rem !important;
  margin-left: 3rem !important;
  margin-right: 3rem !important;
  margin-top: 3rem !important;
}

.padding-positive-p20 {
  padding-bottom: 3rem !important;
  padding-left: 3rem !important;
  padding-right: 3rem !important;
  padding-top: 3rem !important;
}

.margin-positive-p21 {
  margin-bottom: 3.25rem !important;
  margin-left: 3.25rem !important;
  margin-right: 3.25rem !important;
  margin-top: 3.25rem !important;
}

.padding-positive-p21 {
  padding-bottom: 3.25rem !important;
  padding-left: 3.25rem !important;
  padding-right: 3.25rem !important;
  padding-top: 3.25rem !important;
}

.margin-positive-p22 {
  margin-bottom: 3.5rem !important;
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
  margin-top: 3.5rem !important;
}

.padding-positive-p22 {
  padding-bottom: 3.5rem !important;
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
  padding-top: 3.5rem !important;
}

.margin-positive-p23 {
  margin-bottom: 3.75rem !important;
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
  margin-top: 3.75rem !important;
}

.padding-positive-p23 {
  padding-bottom: 3.75rem !important;
  padding-left: 3.75rem !important;
  padding-right: 3.75rem !important;
  padding-top: 3.75rem !important;
}

.margin-positive-p24 {
  margin-bottom: 4rem !important;
  margin-left: 4rem !important;
  margin-right: 4rem !important;
  margin-top: 4rem !important;
}

.padding-positive-p24 {
  padding-bottom: 4rem !important;
  padding-left: 4rem !important;
  padding-right: 4rem !important;
  padding-top: 4rem !important;
}

.margin-top-positive-p0,
.margin--top--positive--p0 {
  margin-top: 0 !important;
}

.margin-right-positive-p0,
.margin--right--positive--p0 {
  margin-right: 0 !important;
}

.margin-bottom-positive-p0,
.margin--bottom--positive--p0 {
  margin-bottom: 0 !important;
}

.margin-left-positive-p0,
.margin--left--positive--p0 {
  margin-left: 0 !important;
}

.padding-top-positive-p0,
.padding--top--positive--p0 {
  padding-top: 0 !important;
}

.padding-right-positive-p0,
.padding--right--positive--p0 {
  padding-right: 0 !important;
}

.padding-bottom-positive-p0,
.padding--bottom--positive--p0 {
  padding-bottom: 0 !important;
}

.padding-left-positive-p0,
.padding--left--positive--p0 {
  padding-left: 0 !important;
}

.margin-top-positive-p1,
.margin--top--positive--p1 {
  margin-top: 0.125rem !important;
}

.margin-right-positive-p1,
.margin--right--positive--p1 {
  margin-right: 0.125rem !important;
}

.margin-bottom-positive-p1,
.margin--bottom--positive--p1 {
  margin-bottom: 0.125rem !important;
}

.margin-left-positive-p1,
.margin--left--positive--p1 {
  margin-left: 0.125rem !important;
}

.padding-top-positive-p1,
.padding--top--positive--p1 {
  padding-top: 0.125rem !important;
}

.padding-right-positive-p1,
.padding--right--positive--p1 {
  padding-right: 0.125rem !important;
}

.padding-bottom-positive-p1,
.padding--bottom--positive--p1 {
  padding-bottom: 0.125rem !important;
}

.padding-left-positive-p1,
.padding--left--positive--p1 {
  padding-left: 0.125rem !important;
}

.margin-top-positive-p2,
.margin--top--positive--p2 {
  margin-top: 0.25rem !important;
}

.margin-right-positive-p2,
.margin--right--positive--p2 {
  margin-right: 0.25rem !important;
}

.margin-bottom-positive-p2,
.margin--bottom--positive--p2 {
  margin-bottom: 0.25rem !important;
}

.margin-left-positive-p2,
.margin--left--positive--p2 {
  margin-left: 0.25rem !important;
}

.padding-top-positive-p2,
.padding--top--positive--p2 {
  padding-top: 0.25rem !important;
}

.padding-right-positive-p2,
.padding--right--positive--p2 {
  padding-right: 0.25rem !important;
}

.padding-bottom-positive-p2,
.padding--bottom--positive--p2 {
  padding-bottom: 0.25rem !important;
}

.padding-left-positive-p2,
.padding--left--positive--p2 {
  padding-left: 0.25rem !important;
}

.margin-top-positive-p3,
.margin--top--positive--p3 {
  margin-top: 0.375rem !important;
}

.margin-right-positive-p3,
.margin--right--positive--p3 {
  margin-right: 0.375rem !important;
}

.margin-bottom-positive-p3,
.margin--bottom--positive--p3 {
  margin-bottom: 0.375rem !important;
}

.margin-left-positive-p3,
.margin--left--positive--p3 {
  margin-left: 0.375rem !important;
}

.padding-top-positive-p3,
.padding--top--positive--p3 {
  padding-top: 0.375rem !important;
}

.padding-right-positive-p3,
.padding--right--positive--p3 {
  padding-right: 0.375rem !important;
}

.padding-bottom-positive-p3,
.padding--bottom--positive--p3 {
  padding-bottom: 0.375rem !important;
}

.padding-left-positive-p3,
.padding--left--positive--p3 {
  padding-left: 0.375rem !important;
}

.margin-top-positive-p4,
.margin--top--positive--p4 {
  margin-top: 0.5rem !important;
}

.margin-right-positive-p4,
.margin--right--positive--p4 {
  margin-right: 0.5rem !important;
}

.margin-bottom-positive-p4,
.margin--bottom--positive--p4 {
  margin-bottom: 0.5rem !important;
}

.margin-left-positive-p4,
.margin--left--positive--p4 {
  margin-left: 0.5rem !important;
}

.padding-top-positive-p4,
.padding--top--positive--p4 {
  padding-top: 0.5rem !important;
}

.padding-right-positive-p4,
.padding--right--positive--p4 {
  padding-right: 0.5rem !important;
}

.padding-bottom-positive-p4,
.padding--bottom--positive--p4 {
  padding-bottom: 0.5rem !important;
}

.padding-left-positive-p4,
.padding--left--positive--p4 {
  padding-left: 0.5rem !important;
}

.margin-top-positive-p5,
.margin--top--positive--p5 {
  margin-top: 0.625rem !important;
}

.margin-right-positive-p5,
.margin--right--positive--p5 {
  margin-right: 0.625rem !important;
}

.margin-bottom-positive-p5,
.margin--bottom--positive--p5 {
  margin-bottom: 0.625rem !important;
}

.margin-left-positive-p5,
.margin--left--positive--p5 {
  margin-left: 0.625rem !important;
}

.padding-top-positive-p5,
.padding--top--positive--p5 {
  padding-top: 0.625rem !important;
}

.padding-right-positive-p5,
.padding--right--positive--p5 {
  padding-right: 0.625rem !important;
}

.padding-bottom-positive-p5,
.padding--bottom--positive--p5 {
  padding-bottom: 0.625rem !important;
}

.padding-left-positive-p5,
.padding--left--positive--p5 {
  padding-left: 0.625rem !important;
}

.margin-top-positive-p6,
.margin--top--positive--p6 {
  margin-top: 0.75rem !important;
}

.margin-right-positive-p6,
.margin--right--positive--p6 {
  margin-right: 0.75rem !important;
}

.margin-bottom-positive-p6,
.margin--bottom--positive--p6 {
  margin-bottom: 0.75rem !important;
}

.margin-left-positive-p6,
.margin--left--positive--p6 {
  margin-left: 0.75rem !important;
}

.padding-top-positive-p6,
.padding--top--positive--p6 {
  padding-top: 0.75rem !important;
}

.padding-right-positive-p6,
.padding--right--positive--p6 {
  padding-right: 0.75rem !important;
}

.padding-bottom-positive-p6,
.padding--bottom--positive--p6 {
  padding-bottom: 0.75rem !important;
}

.padding-left-positive-p6,
.padding--left--positive--p6 {
  padding-left: 0.75rem !important;
}

.margin-top-positive-p7,
.margin--top--positive--p7 {
  margin-top: 0.875rem !important;
}

.margin-right-positive-p7,
.margin--right--positive--p7 {
  margin-right: 0.875rem !important;
}

.margin-bottom-positive-p7,
.margin--bottom--positive--p7 {
  margin-bottom: 0.875rem !important;
}

.margin-left-positive-p7,
.margin--left--positive--p7 {
  margin-left: 0.875rem !important;
}

.padding-top-positive-p7,
.padding--top--positive--p7 {
  padding-top: 0.875rem !important;
}

.padding-right-positive-p7,
.padding--right--positive--p7 {
  padding-right: 0.875rem !important;
}

.padding-bottom-positive-p7,
.padding--bottom--positive--p7 {
  padding-bottom: 0.875rem !important;
}

.padding-left-positive-p7,
.padding--left--positive--p7 {
  padding-left: 0.875rem !important;
}

.margin-top-positive-p8,
.margin--top--positive--p8 {
  margin-top: 1rem !important;
}

.margin-right-positive-p8,
.margin--right--positive--p8 {
  margin-right: 1rem !important;
}

.margin-bottom-positive-p8,
.margin--bottom--positive--p8 {
  margin-bottom: 1rem !important;
}

.margin-left-positive-p8,
.margin--left--positive--p8 {
  margin-left: 1rem !important;
}

.padding-top-positive-p8,
.padding--top--positive--p8 {
  padding-top: 1rem !important;
}

.padding-right-positive-p8,
.padding--right--positive--p8 {
  padding-right: 1rem !important;
}

.padding-bottom-positive-p8,
.padding--bottom--positive--p8 {
  padding-bottom: 1rem !important;
}

.padding-left-positive-p8,
.padding--left--positive--p8 {
  padding-left: 1rem !important;
}

.margin-top-positive-p9,
.margin--top--positive--p9 {
  margin-top: 1.125rem !important;
}

.margin-right-positive-p9,
.margin--right--positive--p9 {
  margin-right: 1.125rem !important;
}

.margin-bottom-positive-p9,
.margin--bottom--positive--p9 {
  margin-bottom: 1.125rem !important;
}

.margin-left-positive-p9,
.margin--left--positive--p9 {
  margin-left: 1.125rem !important;
}

.padding-top-positive-p9,
.padding--top--positive--p9 {
  padding-top: 1.125rem !important;
}

.padding-right-positive-p9,
.padding--right--positive--p9 {
  padding-right: 1.125rem !important;
}

.padding-bottom-positive-p9,
.padding--bottom--positive--p9 {
  padding-bottom: 1.125rem !important;
}

.padding-left-positive-p9,
.padding--left--positive--p9 {
  padding-left: 1.125rem !important;
}

.margin-top-positive-p10,
.margin--top--positive--p10 {
  margin-top: 1.25rem !important;
}

.margin-right-positive-p10,
.margin--right--positive--p10 {
  margin-right: 1.25rem !important;
}

.margin-bottom-positive-p10,
.margin--bottom--positive--p10 {
  margin-bottom: 1.25rem !important;
}

.margin-left-positive-p10,
.margin--left--positive--p10 {
  margin-left: 1.25rem !important;
}

.padding-top-positive-p10,
.padding--top--positive--p10 {
  padding-top: 1.25rem !important;
}

.padding-right-positive-p10,
.padding--right--positive--p10 {
  padding-right: 1.25rem !important;
}

.padding-bottom-positive-p10,
.padding--bottom--positive--p10 {
  padding-bottom: 1.25rem !important;
}

.padding-left-positive-p10,
.padding--left--positive--p10 {
  padding-left: 1.25rem !important;
}

.margin-top-positive-p11,
.margin--top--positive--p11 {
  margin-top: 1.375rem !important;
}

.margin-right-positive-p11,
.margin--right--positive--p11 {
  margin-right: 1.375rem !important;
}

.margin-bottom-positive-p11,
.margin--bottom--positive--p11 {
  margin-bottom: 1.375rem !important;
}

.margin-left-positive-p11,
.margin--left--positive--p11 {
  margin-left: 1.375rem !important;
}

.padding-top-positive-p11,
.padding--top--positive--p11 {
  padding-top: 1.375rem !important;
}

.padding-right-positive-p11,
.padding--right--positive--p11 {
  padding-right: 1.375rem !important;
}

.padding-bottom-positive-p11,
.padding--bottom--positive--p11 {
  padding-bottom: 1.375rem !important;
}

.padding-left-positive-p11,
.padding--left--positive--p11 {
  padding-left: 1.375rem !important;
}

.margin-top-positive-p12,
.margin--top--positive--p12 {
  margin-top: 1.5rem !important;
}

.margin-right-positive-p12,
.margin--right--positive--p12 {
  margin-right: 1.5rem !important;
}

.margin-bottom-positive-p12,
.margin--bottom--positive--p12 {
  margin-bottom: 1.5rem !important;
}

.margin-left-positive-p12,
.margin--left--positive--p12 {
  margin-left: 1.5rem !important;
}

.padding-top-positive-p12,
.padding--top--positive--p12 {
  padding-top: 1.5rem !important;
}

.padding-right-positive-p12,
.padding--right--positive--p12 {
  padding-right: 1.5rem !important;
}

.padding-bottom-positive-p12,
.padding--bottom--positive--p12 {
  padding-bottom: 1.5rem !important;
}

.padding-left-positive-p12,
.padding--left--positive--p12 {
  padding-left: 1.5rem !important;
}

.margin-top-positive-p13,
.margin--top--positive--p13 {
  margin-top: 1.625rem !important;
}

.margin-right-positive-p13,
.margin--right--positive--p13 {
  margin-right: 1.625rem !important;
}

.margin-bottom-positive-p13,
.margin--bottom--positive--p13 {
  margin-bottom: 1.625rem !important;
}

.margin-left-positive-p13,
.margin--left--positive--p13 {
  margin-left: 1.625rem !important;
}

.padding-top-positive-p13,
.padding--top--positive--p13 {
  padding-top: 1.625rem !important;
}

.padding-right-positive-p13,
.padding--right--positive--p13 {
  padding-right: 1.625rem !important;
}

.padding-bottom-positive-p13,
.padding--bottom--positive--p13 {
  padding-bottom: 1.625rem !important;
}

.padding-left-positive-p13,
.padding--left--positive--p13 {
  padding-left: 1.625rem !important;
}

.margin-top-positive-p14,
.margin--top--positive--p14 {
  margin-top: 1.75rem !important;
}

.margin-right-positive-p14,
.margin--right--positive--p14 {
  margin-right: 1.75rem !important;
}

.margin-bottom-positive-p14,
.margin--bottom--positive--p14 {
  margin-bottom: 1.75rem !important;
}

.margin-left-positive-p14,
.margin--left--positive--p14 {
  margin-left: 1.75rem !important;
}

.padding-top-positive-p14,
.padding--top--positive--p14 {
  padding-top: 1.75rem !important;
}

.padding-right-positive-p14,
.padding--right--positive--p14 {
  padding-right: 1.75rem !important;
}

.padding-bottom-positive-p14,
.padding--bottom--positive--p14 {
  padding-bottom: 1.75rem !important;
}

.padding-left-positive-p14,
.padding--left--positive--p14 {
  padding-left: 1.75rem !important;
}

.margin-top-positive-p15,
.margin--top--positive--p15 {
  margin-top: 1.875rem !important;
}

.margin-right-positive-p15,
.margin--right--positive--p15 {
  margin-right: 1.875rem !important;
}

.margin-bottom-positive-p15,
.margin--bottom--positive--p15 {
  margin-bottom: 1.875rem !important;
}

.margin-left-positive-p15,
.margin--left--positive--p15 {
  margin-left: 1.875rem !important;
}

.padding-top-positive-p15,
.padding--top--positive--p15 {
  padding-top: 1.875rem !important;
}

.padding-right-positive-p15,
.padding--right--positive--p15 {
  padding-right: 1.875rem !important;
}

.padding-bottom-positive-p15,
.padding--bottom--positive--p15 {
  padding-bottom: 1.875rem !important;
}

.padding-left-positive-p15,
.padding--left--positive--p15 {
  padding-left: 1.875rem !important;
}

.margin-top-positive-p16,
.margin--top--positive--p16 {
  margin-top: 2rem !important;
}

.margin-right-positive-p16,
.margin--right--positive--p16 {
  margin-right: 2rem !important;
}

.margin-bottom-positive-p16,
.margin--bottom--positive--p16 {
  margin-bottom: 2rem !important;
}

.margin-left-positive-p16,
.margin--left--positive--p16 {
  margin-left: 2rem !important;
}

.padding-top-positive-p16,
.padding--top--positive--p16 {
  padding-top: 2rem !important;
}

.padding-right-positive-p16,
.padding--right--positive--p16 {
  padding-right: 2rem !important;
}

.padding-bottom-positive-p16,
.padding--bottom--positive--p16 {
  padding-bottom: 2rem !important;
}

.padding-left-positive-p16,
.padding--left--positive--p16 {
  padding-left: 2rem !important;
}

.margin-top-positive-p17,
.margin--top--positive--p17 {
  margin-top: 2.25rem !important;
}

.margin-right-positive-p17,
.margin--right--positive--p17 {
  margin-right: 2.25rem !important;
}

.margin-bottom-positive-p17,
.margin--bottom--positive--p17 {
  margin-bottom: 2.25rem !important;
}

.margin-left-positive-p17,
.margin--left--positive--p17 {
  margin-left: 2.25rem !important;
}

.padding-top-positive-p17,
.padding--top--positive--p17 {
  padding-top: 2.25rem !important;
}

.padding-right-positive-p17,
.padding--right--positive--p17 {
  padding-right: 2.25rem !important;
}

.padding-bottom-positive-p17,
.padding--bottom--positive--p17 {
  padding-bottom: 2.25rem !important;
}

.padding-left-positive-p17,
.padding--left--positive--p17 {
  padding-left: 2.25rem !important;
}

.margin-top-positive-p18,
.margin--top--positive--p18 {
  margin-top: 2.5rem !important;
}

.margin-right-positive-p18,
.margin--right--positive--p18 {
  margin-right: 2.5rem !important;
}

.margin-bottom-positive-p18,
.margin--bottom--positive--p18 {
  margin-bottom: 2.5rem !important;
}

.margin-left-positive-p18,
.margin--left--positive--p18 {
  margin-left: 2.5rem !important;
}

.padding-top-positive-p18,
.padding--top--positive--p18 {
  padding-top: 2.5rem !important;
}

.padding-right-positive-p18,
.padding--right--positive--p18 {
  padding-right: 2.5rem !important;
}

.padding-bottom-positive-p18,
.padding--bottom--positive--p18 {
  padding-bottom: 2.5rem !important;
}

.padding-left-positive-p18,
.padding--left--positive--p18 {
  padding-left: 2.5rem !important;
}

.margin-top-positive-p19,
.margin--top--positive--p19 {
  margin-top: 2.75rem !important;
}

.margin-right-positive-p19,
.margin--right--positive--p19 {
  margin-right: 2.75rem !important;
}

.margin-bottom-positive-p19,
.margin--bottom--positive--p19 {
  margin-bottom: 2.75rem !important;
}

.margin-left-positive-p19,
.margin--left--positive--p19 {
  margin-left: 2.75rem !important;
}

.padding-top-positive-p19,
.padding--top--positive--p19 {
  padding-top: 2.75rem !important;
}

.padding-right-positive-p19,
.padding--right--positive--p19 {
  padding-right: 2.75rem !important;
}

.padding-bottom-positive-p19,
.padding--bottom--positive--p19 {
  padding-bottom: 2.75rem !important;
}

.padding-left-positive-p19,
.padding--left--positive--p19 {
  padding-left: 2.75rem !important;
}

.margin-top-positive-p20,
.margin--top--positive--p20 {
  margin-top: 3rem !important;
}

.margin-right-positive-p20,
.margin--right--positive--p20 {
  margin-right: 3rem !important;
}

.margin-bottom-positive-p20,
.margin--bottom--positive--p20 {
  margin-bottom: 3rem !important;
}

.margin-left-positive-p20,
.margin--left--positive--p20 {
  margin-left: 3rem !important;
}

.padding-top-positive-p20,
.padding--top--positive--p20 {
  padding-top: 3rem !important;
}

.padding-right-positive-p20,
.padding--right--positive--p20 {
  padding-right: 3rem !important;
}

.padding-bottom-positive-p20,
.padding--bottom--positive--p20 {
  padding-bottom: 3rem !important;
}

.padding-left-positive-p20,
.padding--left--positive--p20 {
  padding-left: 3rem !important;
}

.margin-top-positive-p21,
.margin--top--positive--p21 {
  margin-top: 3.25rem !important;
}

.margin-right-positive-p21,
.margin--right--positive--p21 {
  margin-right: 3.25rem !important;
}

.margin-bottom-positive-p21,
.margin--bottom--positive--p21 {
  margin-bottom: 3.25rem !important;
}

.margin-left-positive-p21,
.margin--left--positive--p21 {
  margin-left: 3.25rem !important;
}

.padding-top-positive-p21,
.padding--top--positive--p21 {
  padding-top: 3.25rem !important;
}

.padding-right-positive-p21,
.padding--right--positive--p21 {
  padding-right: 3.25rem !important;
}

.padding-bottom-positive-p21,
.padding--bottom--positive--p21 {
  padding-bottom: 3.25rem !important;
}

.padding-left-positive-p21,
.padding--left--positive--p21 {
  padding-left: 3.25rem !important;
}

.margin-top-positive-p22,
.margin--top--positive--p22 {
  margin-top: 3.5rem !important;
}

.margin-right-positive-p22,
.margin--right--positive--p22 {
  margin-right: 3.5rem !important;
}

.margin-bottom-positive-p22,
.margin--bottom--positive--p22 {
  margin-bottom: 3.5rem !important;
}

.margin-left-positive-p22,
.margin--left--positive--p22 {
  margin-left: 3.5rem !important;
}

.padding-top-positive-p22,
.padding--top--positive--p22 {
  padding-top: 3.5rem !important;
}

.padding-right-positive-p22,
.padding--right--positive--p22 {
  padding-right: 3.5rem !important;
}

.padding-bottom-positive-p22,
.padding--bottom--positive--p22 {
  padding-bottom: 3.5rem !important;
}

.padding-left-positive-p22,
.padding--left--positive--p22 {
  padding-left: 3.5rem !important;
}

.margin-top-positive-p23,
.margin--top--positive--p23 {
  margin-top: 3.75rem !important;
}

.margin-right-positive-p23,
.margin--right--positive--p23 {
  margin-right: 3.75rem !important;
}

.margin-bottom-positive-p23,
.margin--bottom--positive--p23 {
  margin-bottom: 3.75rem !important;
}

.margin-left-positive-p23,
.margin--left--positive--p23 {
  margin-left: 3.75rem !important;
}

.padding-top-positive-p23,
.padding--top--positive--p23 {
  padding-top: 3.75rem !important;
}

.padding-right-positive-p23,
.padding--right--positive--p23 {
  padding-right: 3.75rem !important;
}

.padding-bottom-positive-p23,
.padding--bottom--positive--p23 {
  padding-bottom: 3.75rem !important;
}

.padding-left-positive-p23,
.padding--left--positive--p23 {
  padding-left: 3.75rem !important;
}

.margin-top-positive-p24,
.margin--top--positive--p24 {
  margin-top: 4rem !important;
}

.margin-right-positive-p24,
.margin--right--positive--p24 {
  margin-right: 4rem !important;
}

.margin-bottom-positive-p24,
.margin--bottom--positive--p24 {
  margin-bottom: 4rem !important;
}

.margin-left-positive-p24,
.margin--left--positive--p24 {
  margin-left: 4rem !important;
}

.padding-top-positive-p24,
.padding--top--positive--p24 {
  padding-top: 4rem !important;
}

.padding-right-positive-p24,
.padding--right--positive--p24 {
  padding-right: 4rem !important;
}

.padding-bottom-positive-p24,
.padding--bottom--positive--p24 {
  padding-bottom: 4rem !important;
}

.padding-left-positive-p24,
.padding--left--positive--p24 {
  padding-left: 4rem !important;
}

.margin-top-negative-n0,
.margin--top--negative--n0 {
  margin-top: var(--spacing-neg-n0) !important;
}

.margin-right-negative-n0,
.margin--right--negative--n0 {
  margin-right: var(--spacing-neg-n0) !important;
}

.margin-bottom-negative-n0,
.margin--bottom--negative--n0 {
  margin-bottom: var(--spacing-neg-n0) !important;
}

.margin-left-negative-n0,
.margin--left--negative--n0 {
  margin-left: var(--spacing-neg-n0) !important;
}

.margin-top-negative-n1,
.margin--top--negative--n1 {
  margin-top: var(--spacing-neg-n1) !important;
}

.margin-right-negative-n1,
.margin--right--negative--n1 {
  margin-right: var(--spacing-neg-n1) !important;
}

.margin-bottom-negative-n1,
.margin--bottom--negative--n1 {
  margin-bottom: var(--spacing-neg-n1) !important;
}

.margin-left-negative-n1,
.margin--left--negative--n1 {
  margin-left: var(--spacing-neg-n1) !important;
}

.margin-top-negative-n2,
.margin--top--negative--n2 {
  margin-top: var(--spacing-neg-n2) !important;
}

.margin-right-negative-n2,
.margin--right--negative--n2 {
  margin-right: var(--spacing-neg-n2) !important;
}

.margin-bottom-negative-n2,
.margin--bottom--negative--n2 {
  margin-bottom: var(--spacing-neg-n2) !important;
}

.margin-left-negative-n2,
.margin--left--negative--n2 {
  margin-left: var(--spacing-neg-n2) !important;
}

.margin-top-negative-n3,
.margin--top--negative--n3 {
  margin-top: var(--spacing-neg-n3) !important;
}

.margin-right-negative-n3,
.margin--right--negative--n3 {
  margin-right: var(--spacing-neg-n3) !important;
}

.margin-bottom-negative-n3,
.margin--bottom--negative--n3 {
  margin-bottom: var(--spacing-neg-n3) !important;
}

.margin-left-negative-n3,
.margin--left--negative--n3 {
  margin-left: var(--spacing-neg-n3) !important;
}

.margin-top-negative-n4,
.margin--top--negative--n4 {
  margin-top: var(--spacing-neg-n4) !important;
}

.margin-right-negative-n4,
.margin--right--negative--n4 {
  margin-right: var(--spacing-neg-n4) !important;
}

.margin-bottom-negative-n4,
.margin--bottom--negative--n4 {
  margin-bottom: var(--spacing-neg-n4) !important;
}

.margin-left-negative-n4,
.margin--left--negative--n4 {
  margin-left: var(--spacing-neg-n4) !important;
}

.margin-top-negative-n5,
.margin--top--negative--n5 {
  margin-top: var(--spacing-neg-n5) !important;
}

.margin-right-negative-n5,
.margin--right--negative--n5 {
  margin-right: var(--spacing-neg-n5) !important;
}

.margin-bottom-negative-n5,
.margin--bottom--negative--n5 {
  margin-bottom: var(--spacing-neg-n5) !important;
}

.margin-left-negative-n5,
.margin--left--negative--n5 {
  margin-left: var(--spacing-neg-n5) !important;
}

.margin-top-negative-n6,
.margin--top--negative--n6 {
  margin-top: var(--spacing-neg-n6) !important;
}

.margin-right-negative-n6,
.margin--right--negative--n6 {
  margin-right: var(--spacing-neg-n6) !important;
}

.margin-bottom-negative-n6,
.margin--bottom--negative--n6 {
  margin-bottom: var(--spacing-neg-n6) !important;
}

.margin-left-negative-n6,
.margin--left--negative--n6 {
  margin-left: var(--spacing-neg-n6) !important;
}

.margin-top-negative-n7,
.margin--top--negative--n7 {
  margin-top: var(--spacing-neg-n7) !important;
}

.margin-right-negative-n7,
.margin--right--negative--n7 {
  margin-right: var(--spacing-neg-n7) !important;
}

.margin-bottom-negative-n7,
.margin--bottom--negative--n7 {
  margin-bottom: var(--spacing-neg-n7) !important;
}

.margin-left-negative-n7,
.margin--left--negative--n7 {
  margin-left: var(--spacing-neg-n7) !important;
}

.margin-top-negative-n8,
.margin--top--negative--n8 {
  margin-top: var(--spacing-neg-n8) !important;
}

.margin-right-negative-n8,
.margin--right--negative--n8 {
  margin-right: var(--spacing-neg-n8) !important;
}

.margin-bottom-negative-n8,
.margin--bottom--negative--n8 {
  margin-bottom: var(--spacing-neg-n8) !important;
}

.margin-left-negative-n8,
.margin--left--negative--n8 {
  margin-left: var(--spacing-neg-n8) !important;
}

.margin-top-negative-n9,
.margin--top--negative--n9 {
  margin-top: var(--spacing-neg-n9) !important;
}

.margin-right-negative-n9,
.margin--right--negative--n9 {
  margin-right: var(--spacing-neg-n9) !important;
}

.margin-bottom-negative-n9,
.margin--bottom--negative--n9 {
  margin-bottom: var(--spacing-neg-n9) !important;
}

.margin-left-negative-n9,
.margin--left--negative--n9 {
  margin-left: var(--spacing-neg-n9) !important;
}

.margin-top-negative-n10,
.margin--top--negative--n10 {
  margin-top: var(--spacing-neg-n10) !important;
}

.margin-right-negative-n10,
.margin--right--negative--n10 {
  margin-right: var(--spacing-neg-n10) !important;
}

.margin-bottom-negative-n10,
.margin--bottom--negative--n10 {
  margin-bottom: var(--spacing-neg-n10) !important;
}

.margin-left-negative-n10,
.margin--left--negative--n10 {
  margin-left: var(--spacing-neg-n10) !important;
}

.margin-top-negative-n11,
.margin--top--negative--n11 {
  margin-top: var(--spacing-neg-n11) !important;
}

.margin-right-negative-n11,
.margin--right--negative--n11 {
  margin-right: var(--spacing-neg-n11) !important;
}

.margin-bottom-negative-n11,
.margin--bottom--negative--n11 {
  margin-bottom: var(--spacing-neg-n11) !important;
}

.margin-left-negative-n11,
.margin--left--negative--n11 {
  margin-left: var(--spacing-neg-n11) !important;
}

.margin-top-negative-n12,
.margin--top--negative--n12 {
  margin-top: var(--spacing-neg-n12) !important;
}

.margin-right-negative-n12,
.margin--right--negative--n12 {
  margin-right: var(--spacing-neg-n12) !important;
}

.margin-bottom-negative-n12,
.margin--bottom--negative--n12 {
  margin-bottom: var(--spacing-neg-n12) !important;
}

.margin-left-negative-n12,
.margin--left--negative--n12 {
  margin-left: var(--spacing-neg-n12) !important;
}

.margin-top-negative-n13,
.margin--top--negative--n13 {
  margin-top: var(--spacing-neg-n13) !important;
}

.margin-right-negative-n13,
.margin--right--negative--n13 {
  margin-right: var(--spacing-neg-n13) !important;
}

.margin-bottom-negative-n13,
.margin--bottom--negative--n13 {
  margin-bottom: var(--spacing-neg-n13) !important;
}

.margin-left-negative-n13,
.margin--left--negative--n13 {
  margin-left: var(--spacing-neg-n13) !important;
}

.margin-top-negative-n14,
.margin--top--negative--n14 {
  margin-top: var(--spacing-neg-n14) !important;
}

.margin-right-negative-n14,
.margin--right--negative--n14 {
  margin-right: var(--spacing-neg-n14) !important;
}

.margin-bottom-negative-n14,
.margin--bottom--negative--n14 {
  margin-bottom: var(--spacing-neg-n14) !important;
}

.margin-left-negative-n14,
.margin--left--negative--n14 {
  margin-left: var(--spacing-neg-n14) !important;
}

.margin-top-negative-n15,
.margin--top--negative--n15 {
  margin-top: var(--spacing-neg-n15) !important;
}

.margin-right-negative-n15,
.margin--right--negative--n15 {
  margin-right: var(--spacing-neg-n15) !important;
}

.margin-bottom-negative-n15,
.margin--bottom--negative--n15 {
  margin-bottom: var(--spacing-neg-n15) !important;
}

.margin-left-negative-n15,
.margin--left--negative--n15 {
  margin-left: var(--spacing-neg-n15) !important;
}

.margin-top-negative-n16,
.margin--top--negative--n16 {
  margin-top: var(--spacing-neg-n16) !important;
}

.margin-right-negative-n16,
.margin--right--negative--n16 {
  margin-right: var(--spacing-neg-n16) !important;
}

.margin-bottom-negative-n16,
.margin--bottom--negative--n16 {
  margin-bottom: var(--spacing-neg-n16) !important;
}

.margin-left-negative-n16,
.margin--left--negative--n16 {
  margin-left: var(--spacing-neg-n16) !important;
}

.margin-top-negative-n17,
.margin--top--negative--n17 {
  margin-top: var(--spacing-neg-n17) !important;
}

.margin-right-negative-n17,
.margin--right--negative--n17 {
  margin-right: var(--spacing-neg-n17) !important;
}

.margin-bottom-negative-n17,
.margin--bottom--negative--n17 {
  margin-bottom: var(--spacing-neg-n17) !important;
}

.margin-left-negative-n17,
.margin--left--negative--n17 {
  margin-left: var(--spacing-neg-n17) !important;
}

.margin-top-negative-n18,
.margin--top--negative--n18 {
  margin-top: var(--spacing-neg-n18) !important;
}

.margin-right-negative-n18,
.margin--right--negative--n18 {
  margin-right: var(--spacing-neg-n18) !important;
}

.margin-bottom-negative-n18,
.margin--bottom--negative--n18 {
  margin-bottom: var(--spacing-neg-n18) !important;
}

.margin-left-negative-n18,
.margin--left--negative--n18 {
  margin-left: var(--spacing-neg-n18) !important;
}

.margin-top-negative-n19,
.margin--top--negative--n19 {
  margin-top: var(--spacing-neg-n19) !important;
}

.margin-right-negative-n19,
.margin--right--negative--n19 {
  margin-right: var(--spacing-neg-n19) !important;
}

.margin-bottom-negative-n19,
.margin--bottom--negative--n19 {
  margin-bottom: var(--spacing-neg-n19) !important;
}

.margin-left-negative-n19,
.margin--left--negative--n19 {
  margin-left: var(--spacing-neg-n19) !important;
}

.margin-top-negative-n20,
.margin--top--negative--n20 {
  margin-top: var(--spacing-neg-n20) !important;
}

.margin-right-negative-n20,
.margin--right--negative--n20 {
  margin-right: var(--spacing-neg-n20) !important;
}

.margin-bottom-negative-n20,
.margin--bottom--negative--n20 {
  margin-bottom: var(--spacing-neg-n20) !important;
}

.margin-left-negative-n20,
.margin--left--negative--n20 {
  margin-left: var(--spacing-neg-n20) !important;
}

.margin-top-negative-n21,
.margin--top--negative--n21 {
  margin-top: var(--spacing-neg-n21) !important;
}

.margin-right-negative-n21,
.margin--right--negative--n21 {
  margin-right: var(--spacing-neg-n21) !important;
}

.margin-bottom-negative-n21,
.margin--bottom--negative--n21 {
  margin-bottom: var(--spacing-neg-n21) !important;
}

.margin-left-negative-n21,
.margin--left--negative--n21 {
  margin-left: var(--spacing-neg-n21) !important;
}

.margin-top-negative-n22,
.margin--top--negative--n22 {
  margin-top: var(--spacing-neg-n22) !important;
}

.margin-right-negative-n22,
.margin--right--negative--n22 {
  margin-right: var(--spacing-neg-n22) !important;
}

.margin-bottom-negative-n22,
.margin--bottom--negative--n22 {
  margin-bottom: var(--spacing-neg-n22) !important;
}

.margin-left-negative-n22,
.margin--left--negative--n22 {
  margin-left: var(--spacing-neg-n22) !important;
}

.margin-top-negative-n23,
.margin--top--negative--n23 {
  margin-top: var(--spacing-neg-n23) !important;
}

.margin-right-negative-n23,
.margin--right--negative--n23 {
  margin-right: var(--spacing-neg-n23) !important;
}

.margin-bottom-negative-n23,
.margin--bottom--negative--n23 {
  margin-bottom: var(--spacing-neg-n23) !important;
}

.margin-left-negative-n23,
.margin--left--negative--n23 {
  margin-left: var(--spacing-neg-n23) !important;
}

.margin-top-negative-n24,
.margin--top--negative--n24 {
  margin-top: var(--spacing-neg-n24) !important;
}

.margin-right-negative-n24,
.margin--right--negative--n24 {
  margin-right: var(--spacing-neg-n24) !important;
}

.margin-bottom-negative-n24,
.margin--bottom--negative--n24 {
  margin-bottom: var(--spacing-neg-n24) !important;
}

.margin-left-negative-n24,
.margin--left--negative--n24 {
  margin-left: var(--spacing-neg-n24) !important;
}

:root {
  --size-s1: 0.125rem;
  --size--s1: var(--size-s1);
  --size-s2: 0.25rem;
  --size--s2: var(--size-s2);
  --size-s3: 0.375rem;
  --size--s3: var(--size-s3);
  --size-s4: 0.5rem;
  --size--s4: var(--size-s4);
  --size-s5: 0.625rem;
  --size--s5: var(--size-s5);
  --size-s6: 0.75rem;
  --size--s6: var(--size-s6);
  --size-s7: 0.875rem;
  --size--s7: var(--size-s7);
  --size-s8: 1rem;
  --size--s8: var(--size-s8);
  --size-s9: 1.125rem;
  --size--s9: var(--size-s9);
  --size-s10: 1.25rem;
  --size--s10: var(--size-s10);
  --size-s11: 1.375rem;
  --size--s11: var(--size-s11);
  --size-s12: 1.5rem;
  --size--s12: var(--size-s12);
  --size-s13: 1.625rem;
  --size--s13: var(--size-s13);
  --size-s14: 1.75rem;
  --size--s14: var(--size-s14);
  --size-s15: 1.875rem;
  --size--s15: var(--size-s15);
  --size-s16: 2rem;
  --size--s16: var(--size-s16);
  --size-s17: 2.25rem;
  --size--s17: var(--size-s17);
  --size-s18: 2.5rem;
  --size--s18: var(--size-s18);
  --size-s19: 2.75rem;
  --size--s19: var(--size-s19);
  --size-s20: 3rem;
  --size--s20: var(--size-s20);
  --size-s21: 3.25rem;
  --size--s21: var(--size-s21);
  --size-s22: 3.5rem;
  --size--s22: var(--size-s22);
  --size-s23: 3.75rem;
  --size--s23: var(--size-s23);
  --size-s24: 4rem;
  --size--s24: var(--size-s24);
}

:root {
  --elevation-sm-blur: 12px;
  --elevation--sm--blur: var(--elevation-sm-blur);
  --elevation-sm-spread: 0;
  --elevation--sm--spread: var(--elevation-sm-spread);
  --elevation-sm-color: rgba(0, 0, 0, 0.1);
  --elevation--sm--color: var(--elevation-sm-color);
  --elevation-sm-type: dropShadow;
  --elevation--sm--type: var(--elevation-sm-type);
  --elevation-sm-offset-x: 0;
  --elevation--sm--offset-x: var(--elevation-sm-offset-x);
  --elevation-sm-offset-y: 2px;
  --elevation--sm--offset-y: var(--elevation-sm-offset-y);
  --elevation-md-blur: 16px;
  --elevation--md--blur: var(--elevation-md-blur);
  --elevation-md-spread: 4px;
  --elevation--md--spread: var(--elevation-md-spread);
  --elevation-md-color: rgba(0, 0, 0, 0.1);
  --elevation--md--color: var(--elevation-md-color);
  --elevation-md-type: dropShadow;
  --elevation--md--type: var(--elevation-md-type);
  --elevation-md-offset-x: 0;
  --elevation--md--offset-x: var(--elevation-md-offset-x);
  --elevation-md-offset-y: 4px;
  --elevation--md--offset-y: var(--elevation-md-offset-y);
  --elevation-lg-blur: 48px;
  --elevation--lg--blur: var(--elevation-lg-blur);
  --elevation-lg-spread: 8px;
  --elevation--lg--spread: var(--elevation-lg-spread);
  --elevation-lg-color: rgba(0, 0, 0, 0.1);
  --elevation--lg--color: var(--elevation-lg-color);
  --elevation-lg-type: dropShadow;
  --elevation--lg--type: var(--elevation-lg-type);
  --elevation-lg-offset-x: 0;
  --elevation--lg--offset-x: var(--elevation-lg-offset-x);
  --elevation-lg-offset-y: 8px;
  --elevation--lg--offset-y: var(--elevation-lg-offset-y);
}

:root {
  --border-radius-sharp: 0rem;
  --border--radius--sharp: var(--border-radius-sharp);
  --border-radius-xs: 0.25rem;
  --border--radius--xs: var(--border-radius-xs);
  --border-radius-sm: 0.5rem;
  --border--radius--sm: var(--border-radius-sm);
  --border-radius-md: 1rem;
  --border--radius--md: var(--border-radius-md);
  --border-radius-lg: 1.5rem;
  --border--radius--lg: var(--border-radius-lg);
  --border-radius-xl: 2.5rem;
  --border--radius--xl: var(--border-radius-xl);
  --border-radius-round: 9999px;
  --border--radius--round: var(--border-radius-round);
}

.border-radius-sharp,
.border--radius--sharp {
  border-radius: 0rem;
}

.border-radius-bottom-left-sharp,
.border--radius--bottom-left--sharp {
  border-bottom-left-radius: 0rem;
}

.border-radius-bottom-right-sharp,
.border--radius--bottom-right--sharp {
  border-bottom-right-radius: 0rem;
}

.border-radius-top-left-sharp,
.border--radius--top-left--sharp {
  border-top-left-radius: 0rem;
}

.border-radius-top-right-sharp,
.border--radius--top-right--sharp {
  border-top-right-radius: 0rem;
}

.border-radius-xs,
.border--radius--xs {
  border-radius: 0.25rem;
}

.border-radius-bottom-left-xs,
.border--radius--bottom-left--xs {
  border-bottom-left-radius: 0.25rem;
}

.border-radius-bottom-right-xs,
.border--radius--bottom-right--xs {
  border-bottom-right-radius: 0.25rem;
}

.border-radius-top-left-xs,
.border--radius--top-left--xs {
  border-top-left-radius: 0.25rem;
}

.border-radius-top-right-xs,
.border--radius--top-right--xs {
  border-top-right-radius: 0.25rem;
}

.border-radius-sm,
.border--radius--sm {
  border-radius: 0.5rem;
}

.border-radius-bottom-left-sm,
.border--radius--bottom-left--sm {
  border-bottom-left-radius: 0.5rem;
}

.border-radius-bottom-right-sm,
.border--radius--bottom-right--sm {
  border-bottom-right-radius: 0.5rem;
}

.border-radius-top-left-sm,
.border--radius--top-left--sm {
  border-top-left-radius: 0.5rem;
}

.border-radius-top-right-sm,
.border--radius--top-right--sm {
  border-top-right-radius: 0.5rem;
}

.border-radius-md,
.border--radius--md {
  border-radius: 1rem;
}

.border-radius-bottom-left-md,
.border--radius--bottom-left--md {
  border-bottom-left-radius: 1rem;
}

.border-radius-bottom-right-md,
.border--radius--bottom-right--md {
  border-bottom-right-radius: 1rem;
}

.border-radius-top-left-md,
.border--radius--top-left--md {
  border-top-left-radius: 1rem;
}

.border-radius-top-right-md,
.border--radius--top-right--md {
  border-top-right-radius: 1rem;
}

.border-radius-lg,
.border--radius--lg {
  border-radius: 1.5rem;
}

.border-radius-bottom-left-lg,
.border--radius--bottom-left--lg {
  border-bottom-left-radius: 1.5rem;
}

.border-radius-bottom-right-lg,
.border--radius--bottom-right--lg {
  border-bottom-right-radius: 1.5rem;
}

.border-radius-top-left-lg,
.border--radius--top-left--lg {
  border-top-left-radius: 1.5rem;
}

.border-radius-top-right-lg,
.border--radius--top-right--lg {
  border-top-right-radius: 1.5rem;
}

.border-radius-xl,
.border--radius--xl {
  border-radius: 2.5rem;
}

.border-radius-bottom-left-xl,
.border--radius--bottom-left--xl {
  border-bottom-left-radius: 2.5rem;
}

.border-radius-bottom-right-xl,
.border--radius--bottom-right--xl {
  border-bottom-right-radius: 2.5rem;
}

.border-radius-top-left-xl,
.border--radius--top-left--xl {
  border-top-left-radius: 2.5rem;
}

.border-radius-top-right-xl,
.border--radius--top-right--xl {
  border-top-right-radius: 2.5rem;
}

.border-radius-round,
.border--radius--round {
  border-radius: 9999px;
}

.border-radius-bottom-left-round,
.border--radius--bottom-left--round {
  border-bottom-left-radius: 9999px;
}

.border-radius-bottom-right-round,
.border--radius--bottom-right--round {
  border-bottom-right-radius: 9999px;
}

.border-radius-top-left-round,
.border--radius--top-left--round {
  border-top-left-radius: 9999px;
}

.border-radius-top-right-round,
.border--radius--top-right--round {
  border-top-right-radius: 9999px;
}

:root {
  --border-width-thin: 1px;
  --border--width--thin: var(--border-width-thin);
  --border-width-medium: 1.5px;
  --border--width--medium: var(--border-width-medium);
  --border-width-thick: 2px;
  --border--width--thick: var(--border-width-thick);
  --border-width-bold: 4px;
  --border--width--bold: var(--border-width-bold);
}

.border-width-thin,
.border--width--thin {
  border-width: 1px;
}

.border-width-top-thin,
.border--width--top--thin {
  border-top-width: 1px;
}

.border-width-right-thin,
.border--width--right--thin {
  border-right-width: 1px;
}

.border-width-bottom-thin,
.border--width--bottom--thin {
  border-bottom-width: 1px;
}

.border-width-left-thin,
.border--width--left--thin {
  border-left-width: 1px;
}

.border-width-medium,
.border--width--medium {
  border-width: 1.5px;
}

.border-width-top-medium,
.border--width--top--medium {
  border-top-width: 1.5px;
}

.border-width-right-medium,
.border--width--right--medium {
  border-right-width: 1.5px;
}

.border-width-bottom-medium,
.border--width--bottom--medium {
  border-bottom-width: 1.5px;
}

.border-width-left-medium,
.border--width--left--medium {
  border-left-width: 1.5px;
}

.border-width-thick,
.border--width--thick {
  border-width: 2px;
}

.border-width-top-thick,
.border--width--top--thick {
  border-top-width: 2px;
}

.border-width-right-thick,
.border--width--right--thick {
  border-right-width: 2px;
}

.border-width-bottom-thick,
.border--width--bottom--thick {
  border-bottom-width: 2px;
}

.border-width-left-thick,
.border--width--left--thick {
  border-left-width: 2px;
}

.border-width-bold,
.border--width--bold {
  border-width: 4px;
}

.border-width-top-bold,
.border--width--top--bold {
  border-top-width: 4px;
}

.border-width-right-bold,
.border--width--right--bold {
  border-right-width: 4px;
}

.border-width-bottom-bold,
.border--width--bottom--bold {
  border-bottom-width: 4px;
}

.border-width-left-bold,
.border--width--left--bold {
  border-left-width: 4px;
}

.alignleft {
  margin-left: -1em;
}
@media screen and (min-width: 992px) {
  .alignleft {
    margin-left: -10%;
  }
}

.alignright {
  margin-right: -1em;
}
@media screen and (min-width: 992px) {
  .alignright {
    margin-right: -10%;
  }
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.alignwide {
  max-width: var(--layout--wide-size) !important;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1200px) {
  .alignwide {
    padding-right: var(--wp--style--root--padding-left);
  }
}

.aligncontent {
  max-width: var(--layout--content-size) !important;
  margin-left: auto;
  margin-right: auto;
}

.container-wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--layout--wide-size);
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1200px) {
  .container-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
.container-wrap {
  max-width: var(--layout--wide-size) !important;
}

body {
  overflow-x: hidden;
}

.site {
  max-width: 100vw;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 992px) {
  .site {
    margin: 0 auto;
    overflow: visible;
  }
}

.entry-header {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--layout--wide-size);
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1200px) {
  .entry-header {
    padding-left: 0;
    padding-right: 0;
  }
}
.entry-header {
  max-width: 100%;
}

.entry-title {
  margin-bottom: 2rem;
}

.entry-header > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--layout--wide-size);
  margin-left: auto;
  margin-right: auto;
}

.page-template-page__hide_page_title-php .entry-header {
  margin-bottom: 0;
}

.entry-header.hero {
  position: relative;
  background-position: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1em;
  box-sizing: border-box;
  margin-left: -1rem;
  margin-right: -1rem;
  max-width: 100vw;
}
@media screen and (min-width: 992px) {
  .entry-header.hero {
    margin-left: auto;
    margin-right: auto;
  }
}
.entry-header.hero .entry-title, .entry-header.hero .archive-description {
  color: var(--color--surface--base);
  z-index: 2;
}
.entry-header.hero .entry-title {
  margin-top: 0;
}
.entry-header.hero .hero--overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.entry-header.hero .hero--image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  -o-object-fit: cover;
     object-fit: cover;
  outline: none;
  border: none;
  box-shadow: none;
}

.site-main {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 100%;
  min-height: 100vh;
}

.site-main--wrapper {
  width: inherit;
}
.site-main--wrapper.archive > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--layout--content-size);
  margin-left: auto;
  margin-right: auto;
}

.entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--layout--wide-size);
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1200px) {
  .entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    padding-left: 0;
    padding-right: 0;
  }
}
.entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--layout--content-size);
}

.entry-footer {
  max-width: var(--layout--content-size);
  margin: 2rem auto;
}

div[class*=wp-container-] > * {
  margin-left: 0;
  margin-right: 0;
}
div[class*=wp-container-] > p {
  margin-left: 0;
  margin-right: 0;
}

.posts-container {
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--layout--wide-size);
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1200px) {
  .posts-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.posts-container {
  max-width: var(--layout--wide-size) !important;
}

.ornl-brand-header {
  border-bottom: 1px solid var(--color--neutral--subtle);
  background-color: var(--color--brand--primary);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.ornl-brand-header .ornl-brand-header--inner {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--layout--wide-size);
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1200px) {
  .ornl-brand-header .ornl-brand-header--inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.ornl-brand-header .ornl-logo {
  display: block;
  grid-area: ornl_logo;
  height: auto;
  min-width: 90px;
  min-height: 32px;
  width: 140px;
}
.ornl-brand-header .ornl-logo svg {
  fill: var(--color--text--white);
  height: inherit;
  width: inherit;
  max-height: inherit;
  display: block;
}
.ornl-brand-header .ornl-logo:hover, .ornl-brand-header .ornl-logo:focus, .ornl-brand-header .ornl-logo:active, .ornl-brand-header .ornl-logo:visited {
  color: var(--color--brand--primary);
}

.ornl-header {
  background-color: var(--color--surface--base);
  font-family: var(--font-family--heading-base);
}

.ornl-identity-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--layout--wide-size);
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1200px) {
  .ornl-identity-header {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .ornl-identity-header {
    padding-right: 0;
  }
}

.site-identity {
  display: flex;
  align-items: center;
  font-size: var(--font-size--base);
  color: var(--color--text--base);
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  margin-left: 0;
  margin-right: 0;
}
.site-identity .site-title {
  color: inherit;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}
.site-identity .site-title:hover, .site-identity .site-title:focus, .site-identity .site-title:active, .site-identity .site-title:visited {
  color: var(--color--text--base);
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  .site-identity .site-title {
    font-size: 2.625rem;
  }
}

#searchDialog {
  border: none;
  display: flex;
  font-size: 1.25rem;
  margin: 0;
  max-width: 100%;
  height: 0;
  top: 0;
  width: 100%;
  visibility: hidden;
  transition: height ease-in-out 0.3s;
}
#searchDialog[open] {
  align-items: center;
  height: 30vh;
  flex-direction: column;
  justify-content: center;
  visibility: visible;
}
#searchDialog::backdrop {
  background-color: var(--color--neutral--intense);
  opacity: var(--opacity--10);
}
#searchDialog .dialog-container {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: 80vw;
}

#closeSearchDialog {
  align-self: end;
}

#ornl-search-trigger {
  align-self: center;
  color: var(--color--text--base) !important;
  height: -moz-max-content;
  height: max-content;
  width: auto;
}

.nav-search-container {
  display: grid;
  grid-template-areas: "search nav";
}
@media screen and (min-width: 992px) {
  .nav-search-container {
    grid-template-areas: "nav search";
  }
  .nav-search-container .usa-menu-btn:hover {
    color: inherit;
    position: relative;
  }
  .nav-search-container button.menu-toggle {
    position: relative;
  }
}
.nav-search-container .main-navigation {
  grid-area: nav;
}
.nav-search-container .main-navigation .menu-toggle {
  position: relative;
}
.nav-search-container #ornl-search-trigger {
  grid-area: search;
}

#searchForm {
  display: flex;
  flex-direction: row;
  font-size: inherit;
  gap: 0.5rem;
  justify-content: center;
}
#searchForm input {
  font-size: inherit;
}
#searchForm .search-input-wrapper {
  border: none;
  border-bottom: 2px solid var(--color--primary);
  border-radius: 0;
  height: -moz-max-content;
  height: max-content;
  padding-bottom: 0.25rem;
}
@media screen and (max-width: 991px) {
  #searchForm .search-input-wrapper {
    width: 70vw;
  }
}
#searchForm .search-input {
  border: none;
  width: 70vw;
}
@media screen and (max-width: 991px) {
  #searchForm .search-input {
    width: 58vw;
  }
}
#searchForm .search-input:not(:valid) ~ [type=reset] {
  display: none;
}
#searchForm [type=reset] {
  background-color: var(--color--neutral);
  border: 1px solid transparent;
  border-radius: 9999px;
  color: var(--color--text--base);
  font-size: 0.75rem;
  transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s;
  padding: 0.75rem;
}
#searchForm [type=reset] > svg {
  height: 1rem;
  fill: currentColor;
  width: 1rem;
}
#searchForm [type=submit] {
  background-color: var(--color--primary);
  border: 1px solid transparent;
  border-radius: 9999px;
  color: var(--color--text--inverted);
  font-size: 0.75rem;
  padding: 0.75rem;
  transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s;
}

.icon-button {
  background-color: transparent;
  border: none;
  height: 44px;
  width: 44px;
  color: var(--color--primary);
  cursor: pointer;
  margin: 0;
  padding: 0;
  transition: none;
  transition: outline ease-in-out 0.3s, background-color ease-in-out 0.3s;
}
.icon-button:hover {
  background-color: transparent;
  color: var(--color--accent--weak);
}
.icon-button:focus {
  background-color: transparent;
  outline-color: var(--color--accent--weak);
  outline-offset: 0.25rem;
  outline-style: dotted;
  outline-width: 0.25rem;
}
.icon-button > svg {
  fill: currentColor;
}

.ornl-nav {
  --nav--bg--color: var(--color--accent--distinct);
  --nav--bg--color--sub-menu: var(--color--accent--distinct);
  --nav--text--color--top-level: var(--color--text--inverted);
  --nav--text--color--sub-menu: var(--color--text--inverted);
  --nav--text--size--top-level: 1.25rem;
  --nav--text--size--sub-menu: 1.25rem;
  background-color: var(--nav--bg--color);
  width: 100%;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  border-right: 0;
  display: none;
  flex-direction: column;
  padding: 1rem;
  z-index: 500;
}
@media screen and (min-width: 992px) {
  .ornl-nav {
    --nav--bg--color: var(--color--surface--base);
    --nav--bg--color--sub-menu: var(--color--accent--distinct);
    --nav--text--color--top-level: var(--color--text--base);
    --nav--text--color--sub-menu: var(--color--text--inverted);
    --nav--text--size--top-level: 0.875rem;
    --nav--text--size--sub-menu: 0.875rem;
  }
}
@media screen and (min-width: 992px) {
  .ornl-nav {
    background-color: var(--color--surface--base);
    border: 1px solid var(--color--neutral--soft);
    border-left: none;
    border-right: none;
    display: block;
    padding: 0;
    position: relative;
    width: 100%;
  }
}
.ornl-nav.is-visible {
  animation: slidein-left 0.3s ease-in-out;
  display: flex;
}
.ornl-nav .ornl-nav--inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--layout--wide-size);
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1200px) {
  .ornl-nav .ornl-nav--inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .ornl-nav .ornl-nav--inner {
    margin-top: 4rem;
    margin-left: 0;
    margin-right: 0;
  }
}
.ornl-nav .ornl-nav__primary {
  display: block;
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
@media screen and (min-width: 992px) {
  .ornl-nav .ornl-nav__primary {
    align-items: center;
    display: flex;
    flex-direction: row;
  }
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item {
  border-top: 0;
  line-height: 0.9;
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item a {
  color: var(--nav--text--color--top-level);
  display: block;
  font-size: var(--nav--text--size--top-level);
  font-weight: 700;
  padding: 0.5rem 1rem;
  position: relative;
  text-decoration: none;
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item a:hover, .ornl-nav .ornl-nav__primary .ornl-nav__primary-item a:focus {
  color: var(--nav--text--color--top-level);
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item a:focus {
  outline-color: var(--color--primary);
  outline-width: 4px;
  outline-offset: -0.25rem;
}
@media screen and (min-width: 992px) {
  .ornl-nav .ornl-nav__primary .ornl-nav__primary-item a {
    padding: 1rem 1rem;
  }
}
@media screen and (max-width: 991px) {
  .ornl-nav .ornl-nav__primary .ornl-nav__primary-item a:first-of-type {
    padding-left: 1rem;
  }
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item .ornl-current {
  color: var(--nav--text--color--top-level);
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item .ornl-current::after {
  border-left: 4px solid var(--color--primary);
  bottom: 0.25rem;
  content: "";
  left: 0;
  position: absolute;
  top: 0.25rem;
}
@media screen and (min-width: 992px) {
  .ornl-nav .ornl-nav__primary .ornl-nav__primary-item .ornl-current::after {
    border-left: none;
    border-bottom: 4px solid var(--color--primary);
    left: 0;
    right: 0;
    top: 0;
    bottom: -2px;
  }
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button {
  border-radius: 0rem;
  color: var(--nav--text--color--top-level);
  display: block;
  font-size: var(--nav--text--size--top-level);
  font-weight: 700;
  margin: 0;
  padding: 0.5rem 1rem;
  position: relative;
  transition: none;
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button:hover, .ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button:focus {
  color: var(--nav--text--color--top-level);
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button:focus {
  outline-color: var(--color--primary);
  outline-width: 4px;
  outline-offset: -0.25rem;
}
@media screen and (min-width: 992px) {
  .ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button {
    padding: 1rem 1rem;
    padding-right: 1.5rem;
  }
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button[aria-expanded=true] {
  background-color: var(--nav--bg--color--sub-menu);
  color: var(--color--text--inverted);
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button[aria-expanded=true]:hover, .ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button[aria-expanded=true]:focus {
  background-color: var(--nav--bg--color--sub-menu);
  color: var(--color--text--inverted);
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button[aria-expanded=true] ~ .ornl-nav__submenu {
  display: block;
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button[aria-expanded=true] span::before {
  top: 7px;
  transform: rotate(-45deg);
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button span {
  position: relative;
}
.ornl-nav .ornl-nav__primary .ornl-nav__primary-item > button span::before {
  content: "";
  display: block;
  border-top: 2px solid;
  border-right: 2px solid;
  border-color: currentColor;
  display: inherit;
  height: 0.375rem;
  width: 0.375rem;
  position: absolute;
  top: 5px;
  right: -11px;
  transform: rotate(134deg);
}
.ornl-nav .ornl-nav__submenu {
  background-color: var(--nav--bg--color--sub-menu);
  display: none;
  font-size: var(--nav--text--size--sub-menu);
  list-style-type: none;
  margin-left: 0;
}
@media screen and (min-width: 992px) {
  .ornl-nav .ornl-nav__submenu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position: absolute;
    top: 3rem;
    width: 15rem;
  }
}
.ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item {
  border-top: none;
}
.ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item > a {
  color: var(--nav--text--color--sub-menu);
  font-weight: 300;
  text-decoration: none;
}
.ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item > a:hover, .ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item > a:focus {
  color: var(--nav--text--color--sub-menu);
  text-decoration: underline;
}
.ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item > a:focus {
  outline-color: var(--color--primary);
  outline-width: 4px;
  outline-offset: -0.25rem;
}
.ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item .ornl-current {
  background-color: var(--color--primary);
  color: var(--nav--text--color--sub-menu);
  font-weight: 700;
}
.ornl-nav .ornl-nav__submenu .ornl-nav__submenu-item .ornl-current::after {
  border: none;
}
.ornl-nav .ornl-nav__submenu-list {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.ornl-nav .ornl-col__heading,
.ornl-nav .ornl-col__heading > span {
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--nav--text--color--sub-menu);
  padding-left: 0 !important;
}
.ornl-nav .ornl-nav__submenu-list {
  margin-left: 0;
}
.ornl-nav .ornl-nav__submenu-list .ornl-nav__submenu-item {
  border-top: none;
}
.ornl-nav .ornl-megamenu.ornl-nav__submenu .grid-row {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media screen and (min-width: 992px) {
  .ornl-nav .ornl-megamenu.ornl-nav__submenu .grid-row {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  .ornl-nav .ornl-megamenu.ornl-nav__submenu {
    left: 0;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    right: 0;
    width: auto;
  }
  .ornl-nav .ornl-megamenu.ornl-nav__submenu::after, .ornl-nav .ornl-megamenu.ornl-nav__submenu::before {
    content: "";
    bottom: 0;
    top: 0;
    background-color: var(--nav--bg--color--sub-menu);
    display: block;
    position: absolute;
    width: calc(50vw - 480px);
  }
  .ornl-nav .ornl-megamenu.ornl-nav__submenu::after {
    left: 100%;
  }
  .ornl-nav .ornl-megamenu.ornl-nav__submenu::before {
    right: 100%;
  }
}

button.primary-menu-toggle {
  border-color: transparent !important;
  border-radius: 0;
  background-color: transparent !important;
  color: inherit;
  display: block;
  margin: 0;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  cursor: pointer;
  position: relative;
  right: 2px;
  top: 2px;
  transition: none;
  z-index: 101;
}
@media screen and (min-width: 992px) {
  button.primary-menu-toggle {
    display: none;
  }
}

.site-navigation-open button.primary-menu-toggle {
  color: var(--color--text--inverted);
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 501;
}
.site-navigation-open button.primary-menu-toggle #hamburger {
  fill: var(--color--text--inverted);
  display: block;
}
.site-navigation-open button.primary-menu-toggle #hamburger #top {
  transform: rotate(45deg);
}
.site-navigation-open button.primary-menu-toggle #hamburger #middle {
  opacity: 0;
}
.site-navigation-open button.primary-menu-toggle #hamburger #bottom {
  transform: rotate(-45deg);
}

:root {
  --font-family-primary: "Mulish", sans-serif;
  --font-family-secondary: "Roboto", sans-serif;
  --font-family-heading-base: "Mulish", sans-serif;
  --font-family-body-base: "Mulish", sans-serif;
  --font-family-display-base: var(--font-family--heading-base);
  --font-family--primary: var(--font-family-primary);
  --font-family--secondary: var(--font-family-secondary);
  --font-family--heading-base: var(--font-family-heading-base);
  --font-family--body-base: var(--font-family-body-base);
  --font-family--display-base: var(--font-family-display-base);
}

:root {
  --letter-spacing-xxs: -0.04em;
  --letter-spacing--xxs: var(--letter-spacing-xxs);
  --letter-spacing-xs: -0.025em;
  --letter-spacing--xs: var(--letter-spacing-xs);
  --letter-spacing-sm: -0.02em;
  --letter-spacing--sm: var(--letter-spacing-sm);
  --letter-spacing-base: 0em;
  --letter-spacing--base: var(--letter-spacing-base);
  --letter-spacing-md: 0.02em;
  --letter-spacing--md: var(--letter-spacing-md);
  --letter-spacing-lg: 0.03em;
  --letter-spacing--lg: var(--letter-spacing-lg);
  --letter-spacing-xl: 0.04em;
  --letter-spacing--xl: var(--letter-spacing-xl);
  --letter-spacing-xxl: 0.08em;
  --letter-spacing--xxl: var(--letter-spacing-xxl);
}

:root {
  --line-height-base: 1;
  --line-height--base: var(--line-height-base);
  --line-height-sm: 1.2;
  --line-height--sm: var(--line-height-sm);
  --line-height-md: 1.5;
  --line-height--md: var(--line-height-md);
  --line-height-lg: 1.75;
  --line-height--lg: var(--line-height-lg);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  margin-top: 1.875rem;
  margin-bottom: 0.5rem;
}

h1 {
  letter-spacing: -0.02em;
  line-height: 1.2;
  font-size: 4rem;
  font-weight: 900;
}

h2 {
  letter-spacing: -0.02em;
  line-height: 1.2;
  font-size: 3rem;
  font-weight: 900;
}

h3 {
  letter-spacing: -0.02em;
  line-height: 1.2;
  font-size: 2.25rem;
  font-weight: 800;
}

h4 {
  letter-spacing: 0em;
  line-height: 1.2;
  font-size: 1.625rem;
  font-weight: 800;
}

h5 {
  letter-spacing: 0em;
  line-height: 1.2;
  font-size: 1.25rem;
  font-weight: 800;
}

h6 {
  letter-spacing: 0em;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 800;
}

:root {
  --body-xl-font-family: Mulish;
  --body--xl--font-family: var(--body-xl-font-family);
  --body-xl-font-weight: 400;
  --body--xl--font-weight: var(--body-xl-font-weight);
  --body-xl-font-size: 1.5rem;
  --body--xl--font-size: var(--body-xl-font-size);
  --body-xl-line-height: 1.5;
  --body--xl--line-height: var(--body-xl-line-height);
  --body-xl-letter-spacing: 0.02em;
  --body--xl--letter-spacing: var(--body-xl-letter-spacing);
  --body-lg-font-family: Mulish;
  --body--lg--font-family: var(--body-lg-font-family);
  --body-lg-font-weight: 400;
  --body--lg--font-weight: var(--body-lg-font-weight);
  --body-lg-font-size: 1.25rem;
  --body--lg--font-size: var(--body-lg-font-size);
  --body-lg-line-height: 1.5;
  --body--lg--line-height: var(--body-lg-line-height);
  --body-lg-letter-spacing: 0.02em;
  --body--lg--letter-spacing: var(--body-lg-letter-spacing);
  --body-md-font-family: Mulish;
  --body--md--font-family: var(--body-md-font-family);
  --body-md-font-weight: 400;
  --body--md--font-weight: var(--body-md-font-weight);
  --body-md-font-size: 1rem;
  --body--md--font-size: var(--body-md-font-size);
  --body-md-line-height: 1.5;
  --body--md--line-height: var(--body-md-line-height);
  --body-md-letter-spacing: 0.02em;
  --body--md--letter-spacing: var(--body-md-letter-spacing);
  --body-sm-font-family: Mulish;
  --body--sm--font-family: var(--body-sm-font-family);
  --body-sm-font-weight: 400;
  --body--sm--font-weight: var(--body-sm-font-weight);
  --body-sm-font-size: 0.875rem;
  --body--sm--font-size: var(--body-sm-font-size);
  --body-sm-line-height: 1.5;
  --body--sm--line-height: var(--body-sm-line-height);
  --body-sm-letter-spacing: 0.02em;
  --body--sm--letter-spacing: var(--body-sm-letter-spacing);
  --body-xs-font-family: Mulish;
  --body--xs--font-family: var(--body-xs-font-family);
  --body-xs-font-weight: 400;
  --body--xs--font-weight: var(--body-xs-font-weight);
  --body-xs-font-size: 0.75rem;
  --body--xs--font-size: var(--body-xs-font-size);
  --body-xs-line-height: 1.5;
  --body--xs--line-height: var(--body-xs-line-height);
  --body-xs-letter-spacing: 0.02em;
  --body--xs--letter-spacing: var(--body-xs-letter-spacing);
  --body-xxs-font-family: Mulish;
  --body--xxs--font-family: var(--body-xxs-font-family);
  --body-xxs-font-weight: 400;
  --body--xxs--font-weight: var(--body-xxs-font-weight);
  --body-xxs-font-size: 0.625rem;
  --body--xxs--font-size: var(--body-xxs-font-size);
  --body-xxs-line-height: 1.5;
  --body--xxs--line-height: var(--body-xxs-line-height);
  --body-xxs-letter-spacing: 0.02em;
  --body--xxs--letter-spacing: var(--body-xxs-letter-spacing);
}

.body--xl,
.has-body-xl-font-size {
  font-family: Mulish;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.body--lg,
.has-body-lg-font-size {
  font-family: Mulish;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.body--md,
.has-body-md-font-size {
  font-family: Mulish;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.body--sm,
.has-body-sm-font-size {
  font-family: Mulish;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.body--xs,
.has-body-xs-font-size {
  font-family: Mulish;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.body--xxs,
.has-body-xxs-font-size {
  font-family: Mulish;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

body {
  font-family: var(--font-family--body-base);
}

p {
  color: var(--color-text-base);
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin-bottom: 1rem;
  margin-top: 0;
}

:root {
  --display-1-font-family: Mulish;
  --display--1--font-family: var(--display-1-font-family);
  --display-1-font-weight: 900;
  --display--1--font-weight: var(--display-1-font-weight);
  --display-1-font-size: 7.5rem;
  --display--1--font-size: var(--display-1-font-size);
  --display-1-line-height: 1;
  --display--1--line-height: var(--display-1-line-height);
  --display-1-letter-spacing: -0.04em;
  --display--1--letter-spacing: var(--display-1-letter-spacing);
  --display-2-font-family: Mulish;
  --display--2--font-family: var(--display-2-font-family);
  --display-2-font-weight: 900;
  --display--2--font-weight: var(--display-2-font-weight);
  --display-2-font-size: 6rem;
  --display--2--font-size: var(--display-2-font-size);
  --display-2-line-height: 1;
  --display--2--line-height: var(--display-2-line-height);
  --display-2-letter-spacing: -0.04em;
  --display--2--letter-spacing: var(--display-2-letter-spacing);
  --display-3-font-family: Mulish;
  --display--3--font-family: var(--display-3-font-family);
  --display-3-font-weight: 900;
  --display--3--font-weight: var(--display-3-font-weight);
  --display-3-font-size: 4.5rem;
  --display--3--font-size: var(--display-3-font-size);
  --display-3-line-height: 1;
  --display--3--line-height: var(--display-3-line-height);
  --display-3-letter-spacing: -0.03em;
  --display--3--letter-spacing: var(--display-3-letter-spacing);
  --display-4-font-family: Mulish;
  --display--4--font-family: var(--display-4-font-family);
  --display-4-font-weight: 900;
  --display--4--font-weight: var(--display-4-font-weight);
  --display-4-font-size: 4rem;
  --display--4--font-size: var(--display-4-font-size);
  --display-4-line-height: 1;
  --display--4--line-height: var(--display-4-line-height);
  --display-4-letter-spacing: -0.03em;
  --display--4--letter-spacing: var(--display-4-letter-spacing);
  --display-5-font-family: Mulish;
  --display--5--font-family: var(--display-5-font-family);
  --display-5-font-weight: 900;
  --display--5--font-weight: var(--display-5-font-weight);
  --display-5-font-size: 3.5rem;
  --display--5--font-size: var(--display-5-font-size);
  --display-5-line-height: 1;
  --display--5--line-height: var(--display-5-line-height);
  --display-5-letter-spacing: -0.03em;
  --display--5--letter-spacing: var(--display-5-letter-spacing);
  --display-6-font-family: Mulish;
  --display--6--font-family: var(--display-6-font-family);
  --display-6-font-weight: 900;
  --display--6--font-weight: var(--display-6-font-weight);
  --display-6-font-size: 3rem;
  --display--6--font-size: var(--display-6-font-size);
  --display-6-line-height: 1;
  --display--6--line-height: var(--display-6-line-height);
  --display-6-letter-spacing: -0.03em;
  --display--6--letter-spacing: var(--display-6-letter-spacing);
}

.display--1,
.has-display-1-font-size {
  color: var(--color-text-base);
  font-family: Mulish;
  font-weight: 900;
  font-size: 7.5rem;
  line-height: 1;
  letter-spacing: -0.04em;
}

.display--2,
.has-display-2-font-size {
  color: var(--color-text-base);
  font-family: Mulish;
  font-weight: 900;
  font-size: 6rem;
  line-height: 1;
  letter-spacing: -0.04em;
}

.display--3,
.has-display-3-font-size {
  color: var(--color-text-base);
  font-family: Mulish;
  font-weight: 900;
  font-size: 4.5rem;
  line-height: 1;
  letter-spacing: -0.03em;
}

.display--4,
.has-display-4-font-size {
  color: var(--color-text-base);
  font-family: Mulish;
  font-weight: 900;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: -0.03em;
}

.display--5,
.has-display-5-font-size {
  color: var(--color-text-base);
  font-family: Mulish;
  font-weight: 900;
  font-size: 3.5rem;
  line-height: 1;
  letter-spacing: -0.03em;
}

.display--6,
.has-display-6-font-size {
  color: var(--color-text-base);
  font-family: Mulish;
  font-weight: 900;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: -0.03em;
}

.site-main a {
  border-radius: 0rem;
  color: var(--color--primary);
  position: relative;
  text-decoration: underline;
}
.site-main a:hover {
  background-color: rgb(from var(--color--primary) r g b/var(--opacity--3));
  box-shadow: 4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--3)), -4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--3));
}
.site-main a:focus {
  outline-color: var(--color--primary);
  outline-width: 4px;
  background-color: rgb(from var(--color--primary) r g b/var(--opacity--5));
  box-shadow: 4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--5));
}
.site-main a:active {
  background-color: rgb(from var(--color--primary) r g b/var(--opacity--5));
  box-shadow: 4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--primary) r g b/var(--opacity--5));
}
.site-main a:visited {
  color: var(--color--secondary);
}
.site-main a:visited:hover {
  background-color: rgb(from var(--color--secondary) r g b/var(--opacity--5));
  box-shadow: 4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5));
}
.site-main a:visited:focus {
  background-color: rgb(from var(--color--secondary) r g b/var(--opacity--5));
  box-shadow: 4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5));
}
.site-main a:visited:active {
  background-color: rgb(from var(--color--secondary) r g b/var(--opacity--5));
  box-shadow: 4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--secondary) r g b/var(--opacity--5));
}

.eyebrow {
  display: block;
  margin-top: 1rem;
}
.eyebrow--xl {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--line-height--md);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.eyebrow--lg {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--line-height--md);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.25rem;
}
.eyebrow--md {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--line-height--md);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1rem;
}
.eyebrow--sm {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--line-height--md);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.eyebrow--xs {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--line-height--md);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 0.75rem;
}
.eyebrow--xxs {
  color: var(--color--text--base);
  font-family: var(--font-family--heading-base);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--line-height--md);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 0.625rem;
}

.entry-content .ornl-list,
.entry-content .usa-list,
.entry-content ul,
.entry-content ol {
  color: var(--color--text--base);
  font-size: 1rem;
  margin-top: 0;
  padding-left: 2rem;
}

.ornl-list li,
.usa-list li {
  margin-bottom: 0.5rem;
}

.ornl-list.is-style--unstyled,
.is-style-usa-list--unstyled {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
}
.ornl-list.is-style--unstyled > li,
.is-style-usa-list--unstyled > li {
  margin-bottom: 0.5rem !important;
}

:root {
  --font-weight-thin: 100;
  --font-weight--thin: 100;
  --font-weight-extra-light: 200;
  --font-weight--extra-light: 200;
  --font-weight-light: 300;
  --font-weight--light: 300;
  --font-weight-regular: 400;
  --font-weight--regular: 400;
  --font-weight-medium: 500;
  --font-weight--medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight--semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight--bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight--extra-bold: 800;
  --font-weight-black: 900;
  --font-weight--black: 900;
  --font-weight-extra-black: 950;
  --font-weight--extra-black: 950;
  --font-weight-normal: 400;
  --font-weight--normal: 400;
  --font-weight-semi: 600;
  --font-weight--semi: 600;
  --font-weight-heavy: 900;
  --font-weight--heavy: 900;
}

.font-weight-thin {
  font-weight: 100;
}

.font-weight-extra-light {
  font-weight: 200;
}

.font-weight-light {
  font-weight: 300;
}

.font-weight-regular {
  font-weight: 400;
}

.font-weight-medium {
  font-weight: 500;
}

.font-weight-semi-bold {
  font-weight: 600;
}

.font-weight-bold {
  font-weight: 700;
}

.font-weight-extra-bold {
  font-weight: 800;
}

.font-weight-black {
  font-weight: 900;
}

.font-weight-extra-black {
  font-weight: 950;
}

.font-weight-normal {
  font-weight: 400;
}

.font-weight-semi {
  font-weight: 600;
}

.font-weight-heavy {
  font-weight: 900;
}

:root {
  --font-size-fs120: 7.5rem;
  --font-size-fs96: 6rem;
  --font-size-fs72: 4.5rem;
  --font-size-fs64: 4rem;
  --font-size-fs56: 3.5rem;
  --font-size-fs48: 3rem;
  --font-size-fs40: 2.5rem;
  --font-size-fs32: 2rem;
  --font-size-fs24: 1.5rem;
  --font-size-fs20: 1.25rem;
  --font-size-fs16: 1rem;
  --font-size-fs14: 0.875rem;
  --font-size-fs12: 0.75rem;
  --font-size-fs10: 0.625rem;
}

.font-size-fs120 {
  font-size: 7.5rem !important;
}

.font-size-fs96 {
  font-size: 6rem !important;
}

.font-size-fs72 {
  font-size: 4.5rem !important;
}

.font-size-fs64 {
  font-size: 4rem !important;
}

.font-size-fs56 {
  font-size: 3.5rem !important;
}

.font-size-fs48 {
  font-size: 3rem !important;
}

.font-size-fs40 {
  font-size: 2.5rem !important;
}

.font-size-fs32 {
  font-size: 2rem !important;
}

.font-size-fs24 {
  font-size: 1.5rem !important;
}

.font-size-fs20 {
  font-size: 1.25rem !important;
}

.font-size-fs16 {
  font-size: 1rem !important;
}

.font-size-fs14 {
  font-size: 0.875rem !important;
}

.font-size-fs12 {
  font-size: 0.75rem !important;
}

.font-size-fs10 {
  font-size: 0.625rem !important;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

.ornl-button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0;
  width: 100%;
}
.ornl-button-group > .ornl-button {
  margin: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  max-width: 100%;
}
.ornl-button-group--justification--left {
  align-items: flex-start;
  justify-content: flex-start;
}
.ornl-button-group--justification--right {
  align-items: flex-end;
  justify-content: flex-end;
}
.ornl-button-group--justification--center {
  align-items: center;
  justify-content: center;
}
.ornl-button-group--justification--space-between {
  justify-content: space-between;
}
.ornl-button-group--justification--space-around {
  justify-content: space-around;
}
.ornl-button-group--justification--space-evenly {
  justify-content: space-evenly;
}
.ornl-button-group--direction--row {
  flex-direction: row;
}
.ornl-button-group--direction--column {
  flex-direction: column;
}

/**
* --- Base styles for all buttons. ----
* base ORNL button = .button
* base WordPress button = .wp-block-button > .wp-block-button__link
*/
.button,
.ornl-button,
a.button,
a.ornl-button,
.wp-block-button > .wp-block-button__link,
.usa-button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  display: inline-block;
  border-radius: 0rem;
  border-width: 1.5px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  margin: 0.5rem 0;
  padding: 0.875rem 2rem;
  width: -moz-max-content;
  width: max-content;
  text-decoration: none;
  transition: all ease-in-out 0.4s;
  cursor: pointer;
}
.button:focus,
.ornl-button:focus,
a.button:focus,
a.ornl-button:focus,
.wp-block-button > .wp-block-button__link:focus,
.usa-button:focus,
button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
  outline-color: var(--wp--custom--button-state--focus);
  outline-offset: 0.25rem;
  outline-style: solid;
}
.button:hover,
.ornl-button:hover,
a.button:hover,
a.ornl-button:hover,
.wp-block-button > .wp-block-button__link:hover,
.usa-button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  box-shadow: none;
}

[contentEditable=true]:focus,
[href]:focus,
[tabindex]:focus,
iframe:focus {
  outline-color: var(--color--primary);
  outline-offset: 0.25rem;
  outline-style: solid;
  outline-width: 2px;
}

.is-style-fill-w-chevron > svg,
.is-style-outline-w-chevron > svg,
.is-style-fill-w-chevron > .wp-block-button__link > svg,
.is-style-outline-w-chevron > .wp-block-button__link > svg {
  height: 1rem;
  fill: currentColor;
  margin-left: 1rem;
}

.button.is-style-fill-w-chevron,
.ornl-button.is-style-fill-w-chevron,
a.button.is-style-fill-w-chevron,
a.ornl-button.is-style-fill-w-chevron,
.button.is-style-outline-w-chevron,
.ornl-button.is-style-outline-w-chevron,
a.button.is-style-outline-w-chevron,
a.ornl-button.is-style-outline-w-chevron,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link {
  align-items: flex-end;
  background-color: transparent;
  display: inline-flex;
  flex-direction: row;
  position: relative;
}

.button.is-style-fill.has-primary-background-color,
.button.is-style-fill-w-chevron.has-primary-background-color,
.button.is-style-plain.has-primary-background-color,
.ornl-button.is-style-fill.has-primary-background-color,
.ornl-button.is-style-fill-w-chevron.has-primary-background-color,
.ornl-button.is-style-plain.has-primary-background-color,
a.button.is-style-fill.has-primary-background-color,
a.button.is-style-fill-w-chevron.has-primary-background-color,
a.button.is-style-plain.has-primary-background-color,
a.ornl-button.is-style-fill.has-primary-background-color,
a.ornl-button.is-style-fill-w-chevron.has-primary-background-color,
a.ornl-button.is-style-plain.has-primary-background-color,
.wp-block-button.is-style-fill > .wp-block-button__link.has-primary-background-color,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-primary-background-color,
.wp-block-button.is-style-plain > .wp-block-button__link.has-primary-background-color {
  background-color: var(--color--primary) !important;
  color: var(--color--text--inverted);
  border-color: var(--color--primary);
}
.button.is-style-fill.has-primary-background-color:visited,
.button.is-style-fill-w-chevron.has-primary-background-color:visited,
.button.is-style-plain.has-primary-background-color:visited,
.ornl-button.is-style-fill.has-primary-background-color:visited,
.ornl-button.is-style-fill-w-chevron.has-primary-background-color:visited,
.ornl-button.is-style-plain.has-primary-background-color:visited,
a.button.is-style-fill.has-primary-background-color:visited,
a.button.is-style-fill-w-chevron.has-primary-background-color:visited,
a.button.is-style-plain.has-primary-background-color:visited,
a.ornl-button.is-style-fill.has-primary-background-color:visited,
a.ornl-button.is-style-fill-w-chevron.has-primary-background-color:visited,
a.ornl-button.is-style-plain.has-primary-background-color:visited,
.wp-block-button.is-style-fill > .wp-block-button__link.has-primary-background-color:visited,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-primary-background-color:visited,
.wp-block-button.is-style-plain > .wp-block-button__link.has-primary-background-color:visited {
  background-color: var(--color--primary) !important;
  color: var(--color--text--inverted);
  border-color: var(--color--primary);
}
.button.is-style-fill.has-primary-background-color:hover,
.button.is-style-fill-w-chevron.has-primary-background-color:hover,
.button.is-style-plain.has-primary-background-color:hover,
.ornl-button.is-style-fill.has-primary-background-color:hover,
.ornl-button.is-style-fill-w-chevron.has-primary-background-color:hover,
.ornl-button.is-style-plain.has-primary-background-color:hover,
a.button.is-style-fill.has-primary-background-color:hover,
a.button.is-style-fill-w-chevron.has-primary-background-color:hover,
a.button.is-style-plain.has-primary-background-color:hover,
a.ornl-button.is-style-fill.has-primary-background-color:hover,
a.ornl-button.is-style-fill-w-chevron.has-primary-background-color:hover,
a.ornl-button.is-style-plain.has-primary-background-color:hover,
.wp-block-button.is-style-fill > .wp-block-button__link.has-primary-background-color:hover,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-primary-background-color:hover,
.wp-block-button.is-style-plain > .wp-block-button__link.has-primary-background-color:hover {
  background-color: hsl(from var(--color--primary) h s calc(l - 8)/1) !important;
  color: var(--color--text--inverted);
  border-color: hsl(from var(--color--primary) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-primary-background-color:focus,
.button.is-style-fill-w-chevron.has-primary-background-color:focus,
.button.is-style-plain.has-primary-background-color:focus,
.ornl-button.is-style-fill.has-primary-background-color:focus,
.ornl-button.is-style-fill-w-chevron.has-primary-background-color:focus,
.ornl-button.is-style-plain.has-primary-background-color:focus,
a.button.is-style-fill.has-primary-background-color:focus,
a.button.is-style-fill-w-chevron.has-primary-background-color:focus,
a.button.is-style-plain.has-primary-background-color:focus,
a.ornl-button.is-style-fill.has-primary-background-color:focus,
a.ornl-button.is-style-fill-w-chevron.has-primary-background-color:focus,
a.ornl-button.is-style-plain.has-primary-background-color:focus,
.wp-block-button.is-style-fill > .wp-block-button__link.has-primary-background-color:focus,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-primary-background-color:focus,
.wp-block-button.is-style-plain > .wp-block-button__link.has-primary-background-color:focus {
  background-color: hsl(from var(--color--primary) h s calc(l - 8)/1) !important;
  color: var(--color--text--inverted);
  border-color: hsl(from var(--color--primary) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-primary-background-color:active,
.button.is-style-fill-w-chevron.has-primary-background-color:active,
.button.is-style-plain.has-primary-background-color:active,
.ornl-button.is-style-fill.has-primary-background-color:active,
.ornl-button.is-style-fill-w-chevron.has-primary-background-color:active,
.ornl-button.is-style-plain.has-primary-background-color:active,
a.button.is-style-fill.has-primary-background-color:active,
a.button.is-style-fill-w-chevron.has-primary-background-color:active,
a.button.is-style-plain.has-primary-background-color:active,
a.ornl-button.is-style-fill.has-primary-background-color:active,
a.ornl-button.is-style-fill-w-chevron.has-primary-background-color:active,
a.ornl-button.is-style-plain.has-primary-background-color:active,
.wp-block-button.is-style-fill > .wp-block-button__link.has-primary-background-color:active,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-primary-background-color:active,
.wp-block-button.is-style-plain > .wp-block-button__link.has-primary-background-color:active {
  background-color: hsl(from var(--color--primary) h s calc(l - 13)/1) !important;
  color: var(--color--text--inverted);
  border-color: hsl(from var(--color--primary) h s calc(l - 13)/1) !important;
}
.button.is-style-fill.has-secondary-background-color,
.button.is-style-fill-w-chevron.has-secondary-background-color,
.button.is-style-plain.has-secondary-background-color,
.ornl-button.is-style-fill.has-secondary-background-color,
.ornl-button.is-style-fill-w-chevron.has-secondary-background-color,
.ornl-button.is-style-plain.has-secondary-background-color,
a.button.is-style-fill.has-secondary-background-color,
a.button.is-style-fill-w-chevron.has-secondary-background-color,
a.button.is-style-plain.has-secondary-background-color,
a.ornl-button.is-style-fill.has-secondary-background-color,
a.ornl-button.is-style-fill-w-chevron.has-secondary-background-color,
a.ornl-button.is-style-plain.has-secondary-background-color,
.wp-block-button.is-style-fill > .wp-block-button__link.has-secondary-background-color,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-secondary-background-color,
.wp-block-button.is-style-plain > .wp-block-button__link.has-secondary-background-color {
  background-color: var(--color--secondary) !important;
  color: var(--color--text--inverted);
  border-color: var(--color--secondary);
}
.button.is-style-fill.has-secondary-background-color:visited,
.button.is-style-fill-w-chevron.has-secondary-background-color:visited,
.button.is-style-plain.has-secondary-background-color:visited,
.ornl-button.is-style-fill.has-secondary-background-color:visited,
.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:visited,
.ornl-button.is-style-plain.has-secondary-background-color:visited,
a.button.is-style-fill.has-secondary-background-color:visited,
a.button.is-style-fill-w-chevron.has-secondary-background-color:visited,
a.button.is-style-plain.has-secondary-background-color:visited,
a.ornl-button.is-style-fill.has-secondary-background-color:visited,
a.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:visited,
a.ornl-button.is-style-plain.has-secondary-background-color:visited,
.wp-block-button.is-style-fill > .wp-block-button__link.has-secondary-background-color:visited,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-secondary-background-color:visited,
.wp-block-button.is-style-plain > .wp-block-button__link.has-secondary-background-color:visited {
  background-color: var(--color--secondary) !important;
  color: var(--color--text--inverted);
  border-color: var(--color--secondary);
}
.button.is-style-fill.has-secondary-background-color:hover,
.button.is-style-fill-w-chevron.has-secondary-background-color:hover,
.button.is-style-plain.has-secondary-background-color:hover,
.ornl-button.is-style-fill.has-secondary-background-color:hover,
.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:hover,
.ornl-button.is-style-plain.has-secondary-background-color:hover,
a.button.is-style-fill.has-secondary-background-color:hover,
a.button.is-style-fill-w-chevron.has-secondary-background-color:hover,
a.button.is-style-plain.has-secondary-background-color:hover,
a.ornl-button.is-style-fill.has-secondary-background-color:hover,
a.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:hover,
a.ornl-button.is-style-plain.has-secondary-background-color:hover,
.wp-block-button.is-style-fill > .wp-block-button__link.has-secondary-background-color:hover,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-secondary-background-color:hover,
.wp-block-button.is-style-plain > .wp-block-button__link.has-secondary-background-color:hover {
  background-color: hsl(from var(--color--secondary) h s calc(l - 8)/1) !important;
  color: var(--color--text--inverted);
  border-color: hsl(from var(--color--secondary) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-secondary-background-color:focus,
.button.is-style-fill-w-chevron.has-secondary-background-color:focus,
.button.is-style-plain.has-secondary-background-color:focus,
.ornl-button.is-style-fill.has-secondary-background-color:focus,
.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:focus,
.ornl-button.is-style-plain.has-secondary-background-color:focus,
a.button.is-style-fill.has-secondary-background-color:focus,
a.button.is-style-fill-w-chevron.has-secondary-background-color:focus,
a.button.is-style-plain.has-secondary-background-color:focus,
a.ornl-button.is-style-fill.has-secondary-background-color:focus,
a.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:focus,
a.ornl-button.is-style-plain.has-secondary-background-color:focus,
.wp-block-button.is-style-fill > .wp-block-button__link.has-secondary-background-color:focus,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-secondary-background-color:focus,
.wp-block-button.is-style-plain > .wp-block-button__link.has-secondary-background-color:focus {
  background-color: hsl(from var(--color--secondary) h s calc(l - 8)/1) !important;
  color: var(--color--text--inverted);
  border-color: hsl(from var(--color--secondary) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-secondary-background-color:active,
.button.is-style-fill-w-chevron.has-secondary-background-color:active,
.button.is-style-plain.has-secondary-background-color:active,
.ornl-button.is-style-fill.has-secondary-background-color:active,
.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:active,
.ornl-button.is-style-plain.has-secondary-background-color:active,
a.button.is-style-fill.has-secondary-background-color:active,
a.button.is-style-fill-w-chevron.has-secondary-background-color:active,
a.button.is-style-plain.has-secondary-background-color:active,
a.ornl-button.is-style-fill.has-secondary-background-color:active,
a.ornl-button.is-style-fill-w-chevron.has-secondary-background-color:active,
a.ornl-button.is-style-plain.has-secondary-background-color:active,
.wp-block-button.is-style-fill > .wp-block-button__link.has-secondary-background-color:active,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-secondary-background-color:active,
.wp-block-button.is-style-plain > .wp-block-button__link.has-secondary-background-color:active {
  background-color: hsl(from var(--color--secondary) h s calc(l - 13)/1) !important;
  color: var(--color--text--inverted);
  border-color: hsl(from var(--color--secondary) h s calc(l - 13)/1) !important;
}
.button.is-style-fill.has-tertiary-background-color,
.button.is-style-fill-w-chevron.has-tertiary-background-color,
.button.is-style-plain.has-tertiary-background-color,
.ornl-button.is-style-fill.has-tertiary-background-color,
.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color,
.ornl-button.is-style-plain.has-tertiary-background-color,
a.button.is-style-fill.has-tertiary-background-color,
a.button.is-style-fill-w-chevron.has-tertiary-background-color,
a.button.is-style-plain.has-tertiary-background-color,
a.ornl-button.is-style-fill.has-tertiary-background-color,
a.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color,
a.ornl-button.is-style-plain.has-tertiary-background-color,
.wp-block-button.is-style-fill > .wp-block-button__link.has-tertiary-background-color,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-tertiary-background-color,
.wp-block-button.is-style-plain > .wp-block-button__link.has-tertiary-background-color {
  background-color: var(--color--tertiary) !important;
  color: var(--color--text--base);
  border-color: var(--color--tertiary);
}
.button.is-style-fill.has-tertiary-background-color:visited,
.button.is-style-fill-w-chevron.has-tertiary-background-color:visited,
.button.is-style-plain.has-tertiary-background-color:visited,
.ornl-button.is-style-fill.has-tertiary-background-color:visited,
.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:visited,
.ornl-button.is-style-plain.has-tertiary-background-color:visited,
a.button.is-style-fill.has-tertiary-background-color:visited,
a.button.is-style-fill-w-chevron.has-tertiary-background-color:visited,
a.button.is-style-plain.has-tertiary-background-color:visited,
a.ornl-button.is-style-fill.has-tertiary-background-color:visited,
a.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:visited,
a.ornl-button.is-style-plain.has-tertiary-background-color:visited,
.wp-block-button.is-style-fill > .wp-block-button__link.has-tertiary-background-color:visited,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-tertiary-background-color:visited,
.wp-block-button.is-style-plain > .wp-block-button__link.has-tertiary-background-color:visited {
  background-color: var(--color--tertiary) !important;
  color: var(--color--text--base);
  border-color: var(--color--tertiary);
}
.button.is-style-fill.has-tertiary-background-color:hover,
.button.is-style-fill-w-chevron.has-tertiary-background-color:hover,
.button.is-style-plain.has-tertiary-background-color:hover,
.ornl-button.is-style-fill.has-tertiary-background-color:hover,
.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:hover,
.ornl-button.is-style-plain.has-tertiary-background-color:hover,
a.button.is-style-fill.has-tertiary-background-color:hover,
a.button.is-style-fill-w-chevron.has-tertiary-background-color:hover,
a.button.is-style-plain.has-tertiary-background-color:hover,
a.ornl-button.is-style-fill.has-tertiary-background-color:hover,
a.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:hover,
a.ornl-button.is-style-plain.has-tertiary-background-color:hover,
.wp-block-button.is-style-fill > .wp-block-button__link.has-tertiary-background-color:hover,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-tertiary-background-color:hover,
.wp-block-button.is-style-plain > .wp-block-button__link.has-tertiary-background-color:hover {
  background-color: hsl(from var(--color--tertiary) h s calc(l - 8)/1) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--tertiary) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-tertiary-background-color:focus,
.button.is-style-fill-w-chevron.has-tertiary-background-color:focus,
.button.is-style-plain.has-tertiary-background-color:focus,
.ornl-button.is-style-fill.has-tertiary-background-color:focus,
.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:focus,
.ornl-button.is-style-plain.has-tertiary-background-color:focus,
a.button.is-style-fill.has-tertiary-background-color:focus,
a.button.is-style-fill-w-chevron.has-tertiary-background-color:focus,
a.button.is-style-plain.has-tertiary-background-color:focus,
a.ornl-button.is-style-fill.has-tertiary-background-color:focus,
a.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:focus,
a.ornl-button.is-style-plain.has-tertiary-background-color:focus,
.wp-block-button.is-style-fill > .wp-block-button__link.has-tertiary-background-color:focus,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-tertiary-background-color:focus,
.wp-block-button.is-style-plain > .wp-block-button__link.has-tertiary-background-color:focus {
  background-color: hsl(from var(--color--tertiary) h s calc(l - 8)/1) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--tertiary) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-tertiary-background-color:active,
.button.is-style-fill-w-chevron.has-tertiary-background-color:active,
.button.is-style-plain.has-tertiary-background-color:active,
.ornl-button.is-style-fill.has-tertiary-background-color:active,
.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:active,
.ornl-button.is-style-plain.has-tertiary-background-color:active,
a.button.is-style-fill.has-tertiary-background-color:active,
a.button.is-style-fill-w-chevron.has-tertiary-background-color:active,
a.button.is-style-plain.has-tertiary-background-color:active,
a.ornl-button.is-style-fill.has-tertiary-background-color:active,
a.ornl-button.is-style-fill-w-chevron.has-tertiary-background-color:active,
a.ornl-button.is-style-plain.has-tertiary-background-color:active,
.wp-block-button.is-style-fill > .wp-block-button__link.has-tertiary-background-color:active,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-tertiary-background-color:active,
.wp-block-button.is-style-plain > .wp-block-button__link.has-tertiary-background-color:active {
  background-color: hsl(from var(--color--tertiary) h s calc(l - 13)/1) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--tertiary) h s calc(l - 13)/1) !important;
}
.button.is-style-fill.has-neutral-background-color,
.button.is-style-fill-w-chevron.has-neutral-background-color,
.button.is-style-plain.has-neutral-background-color,
.ornl-button.is-style-fill.has-neutral-background-color,
.ornl-button.is-style-fill-w-chevron.has-neutral-background-color,
.ornl-button.is-style-plain.has-neutral-background-color,
a.button.is-style-fill.has-neutral-background-color,
a.button.is-style-fill-w-chevron.has-neutral-background-color,
a.button.is-style-plain.has-neutral-background-color,
a.ornl-button.is-style-fill.has-neutral-background-color,
a.ornl-button.is-style-fill-w-chevron.has-neutral-background-color,
a.ornl-button.is-style-plain.has-neutral-background-color,
.wp-block-button.is-style-fill > .wp-block-button__link.has-neutral-background-color,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-neutral-background-color,
.wp-block-button.is-style-plain > .wp-block-button__link.has-neutral-background-color {
  background-color: var(--color--neutral) !important;
  color: var(--color--text--base);
  border-color: var(--color--neutral);
}
.button.is-style-fill.has-neutral-background-color:visited,
.button.is-style-fill-w-chevron.has-neutral-background-color:visited,
.button.is-style-plain.has-neutral-background-color:visited,
.ornl-button.is-style-fill.has-neutral-background-color:visited,
.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:visited,
.ornl-button.is-style-plain.has-neutral-background-color:visited,
a.button.is-style-fill.has-neutral-background-color:visited,
a.button.is-style-fill-w-chevron.has-neutral-background-color:visited,
a.button.is-style-plain.has-neutral-background-color:visited,
a.ornl-button.is-style-fill.has-neutral-background-color:visited,
a.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:visited,
a.ornl-button.is-style-plain.has-neutral-background-color:visited,
.wp-block-button.is-style-fill > .wp-block-button__link.has-neutral-background-color:visited,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-neutral-background-color:visited,
.wp-block-button.is-style-plain > .wp-block-button__link.has-neutral-background-color:visited {
  background-color: var(--color--neutral) !important;
  color: var(--color--text--base);
  border-color: var(--color--neutral);
}
.button.is-style-fill.has-neutral-background-color:hover,
.button.is-style-fill-w-chevron.has-neutral-background-color:hover,
.button.is-style-plain.has-neutral-background-color:hover,
.ornl-button.is-style-fill.has-neutral-background-color:hover,
.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:hover,
.ornl-button.is-style-plain.has-neutral-background-color:hover,
a.button.is-style-fill.has-neutral-background-color:hover,
a.button.is-style-fill-w-chevron.has-neutral-background-color:hover,
a.button.is-style-plain.has-neutral-background-color:hover,
a.ornl-button.is-style-fill.has-neutral-background-color:hover,
a.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:hover,
a.ornl-button.is-style-plain.has-neutral-background-color:hover,
.wp-block-button.is-style-fill > .wp-block-button__link.has-neutral-background-color:hover,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-neutral-background-color:hover,
.wp-block-button.is-style-plain > .wp-block-button__link.has-neutral-background-color:hover {
  background-color: hsl(from var(--color--neutral) h s calc(l - 8)/1) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--neutral) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-neutral-background-color:focus,
.button.is-style-fill-w-chevron.has-neutral-background-color:focus,
.button.is-style-plain.has-neutral-background-color:focus,
.ornl-button.is-style-fill.has-neutral-background-color:focus,
.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:focus,
.ornl-button.is-style-plain.has-neutral-background-color:focus,
a.button.is-style-fill.has-neutral-background-color:focus,
a.button.is-style-fill-w-chevron.has-neutral-background-color:focus,
a.button.is-style-plain.has-neutral-background-color:focus,
a.ornl-button.is-style-fill.has-neutral-background-color:focus,
a.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:focus,
a.ornl-button.is-style-plain.has-neutral-background-color:focus,
.wp-block-button.is-style-fill > .wp-block-button__link.has-neutral-background-color:focus,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-neutral-background-color:focus,
.wp-block-button.is-style-plain > .wp-block-button__link.has-neutral-background-color:focus {
  background-color: hsl(from var(--color--neutral) h s calc(l - 8)/1) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--neutral) h s calc(l - 8)/1) !important;
}
.button.is-style-fill.has-neutral-background-color:active,
.button.is-style-fill-w-chevron.has-neutral-background-color:active,
.button.is-style-plain.has-neutral-background-color:active,
.ornl-button.is-style-fill.has-neutral-background-color:active,
.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:active,
.ornl-button.is-style-plain.has-neutral-background-color:active,
a.button.is-style-fill.has-neutral-background-color:active,
a.button.is-style-fill-w-chevron.has-neutral-background-color:active,
a.button.is-style-plain.has-neutral-background-color:active,
a.ornl-button.is-style-fill.has-neutral-background-color:active,
a.ornl-button.is-style-fill-w-chevron.has-neutral-background-color:active,
a.ornl-button.is-style-plain.has-neutral-background-color:active,
.wp-block-button.is-style-fill > .wp-block-button__link.has-neutral-background-color:active,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-neutral-background-color:active,
.wp-block-button.is-style-plain > .wp-block-button__link.has-neutral-background-color:active {
  background-color: hsl(from var(--color--neutral) h s calc(l - 13)/1) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--neutral) h s calc(l - 13)/1) !important;
}
.button.is-style-fill.has-plain-background-color,
.button.is-style-fill-w-chevron.has-plain-background-color,
.button.is-style-plain.has-plain-background-color,
.ornl-button.is-style-fill.has-plain-background-color,
.ornl-button.is-style-fill-w-chevron.has-plain-background-color,
.ornl-button.is-style-plain.has-plain-background-color,
a.button.is-style-fill.has-plain-background-color,
a.button.is-style-fill-w-chevron.has-plain-background-color,
a.button.is-style-plain.has-plain-background-color,
a.ornl-button.is-style-fill.has-plain-background-color,
a.ornl-button.is-style-fill-w-chevron.has-plain-background-color,
a.ornl-button.is-style-plain.has-plain-background-color,
.wp-block-button.is-style-fill > .wp-block-button__link.has-plain-background-color,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-plain-background-color,
.wp-block-button.is-style-plain > .wp-block-button__link.has-plain-background-color {
  background-color: var(--color--plain) !important;
  color: var(--color--text--base);
  border-color: var(--color--plain);
}
.button.is-style-fill.has-plain-background-color:visited,
.button.is-style-fill-w-chevron.has-plain-background-color:visited,
.button.is-style-plain.has-plain-background-color:visited,
.ornl-button.is-style-fill.has-plain-background-color:visited,
.ornl-button.is-style-fill-w-chevron.has-plain-background-color:visited,
.ornl-button.is-style-plain.has-plain-background-color:visited,
a.button.is-style-fill.has-plain-background-color:visited,
a.button.is-style-fill-w-chevron.has-plain-background-color:visited,
a.button.is-style-plain.has-plain-background-color:visited,
a.ornl-button.is-style-fill.has-plain-background-color:visited,
a.ornl-button.is-style-fill-w-chevron.has-plain-background-color:visited,
a.ornl-button.is-style-plain.has-plain-background-color:visited,
.wp-block-button.is-style-fill > .wp-block-button__link.has-plain-background-color:visited,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-plain-background-color:visited,
.wp-block-button.is-style-plain > .wp-block-button__link.has-plain-background-color:visited {
  background-color: var(--color--plain) !important;
  color: var(--color--text--base);
  border-color: var(--color--plain);
}
.button.is-style-fill.has-plain-background-color:hover,
.button.is-style-fill-w-chevron.has-plain-background-color:hover,
.button.is-style-plain.has-plain-background-color:hover,
.ornl-button.is-style-fill.has-plain-background-color:hover,
.ornl-button.is-style-fill-w-chevron.has-plain-background-color:hover,
.ornl-button.is-style-plain.has-plain-background-color:hover,
a.button.is-style-fill.has-plain-background-color:hover,
a.button.is-style-fill-w-chevron.has-plain-background-color:hover,
a.button.is-style-plain.has-plain-background-color:hover,
a.ornl-button.is-style-fill.has-plain-background-color:hover,
a.ornl-button.is-style-fill-w-chevron.has-plain-background-color:hover,
a.ornl-button.is-style-plain.has-plain-background-color:hover,
.wp-block-button.is-style-fill > .wp-block-button__link.has-plain-background-color:hover,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-plain-background-color:hover,
.wp-block-button.is-style-plain > .wp-block-button__link.has-plain-background-color:hover {
  background-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
}
.button.is-style-fill.has-plain-background-color:focus,
.button.is-style-fill-w-chevron.has-plain-background-color:focus,
.button.is-style-plain.has-plain-background-color:focus,
.ornl-button.is-style-fill.has-plain-background-color:focus,
.ornl-button.is-style-fill-w-chevron.has-plain-background-color:focus,
.ornl-button.is-style-plain.has-plain-background-color:focus,
a.button.is-style-fill.has-plain-background-color:focus,
a.button.is-style-fill-w-chevron.has-plain-background-color:focus,
a.button.is-style-plain.has-plain-background-color:focus,
a.ornl-button.is-style-fill.has-plain-background-color:focus,
a.ornl-button.is-style-fill-w-chevron.has-plain-background-color:focus,
a.ornl-button.is-style-plain.has-plain-background-color:focus,
.wp-block-button.is-style-fill > .wp-block-button__link.has-plain-background-color:focus,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-plain-background-color:focus,
.wp-block-button.is-style-plain > .wp-block-button__link.has-plain-background-color:focus {
  background-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
}
.button.is-style-fill.has-plain-background-color:active,
.button.is-style-fill-w-chevron.has-plain-background-color:active,
.button.is-style-plain.has-plain-background-color:active,
.ornl-button.is-style-fill.has-plain-background-color:active,
.ornl-button.is-style-fill-w-chevron.has-plain-background-color:active,
.ornl-button.is-style-plain.has-plain-background-color:active,
a.button.is-style-fill.has-plain-background-color:active,
a.button.is-style-fill-w-chevron.has-plain-background-color:active,
a.button.is-style-plain.has-plain-background-color:active,
a.ornl-button.is-style-fill.has-plain-background-color:active,
a.ornl-button.is-style-fill-w-chevron.has-plain-background-color:active,
a.ornl-button.is-style-plain.has-plain-background-color:active,
.wp-block-button.is-style-fill > .wp-block-button__link.has-plain-background-color:active,
.wp-block-button.is-style-fill-w-chevron > .wp-block-button__link.has-plain-background-color:active,
.wp-block-button.is-style-plain > .wp-block-button__link.has-plain-background-color:active {
  background-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
}

.button.is-style-outline,
.button.is-style-outline-w-chevron,
.ornl-button.is-style-outline,
.ornl-button.is-style-outline-w-chevron,
a.button.is-style-outline,
a.button.is-style-outline-w-chevron,
a.ornl-button.is-style-outline,
a.ornl-button.is-style-outline-w-chevron,
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link {
  background-color: transparent !important;
}
.button.is-style-outline.has-primary-background-color,
.button.is-style-outline-w-chevron.has-primary-background-color,
.ornl-button.is-style-outline.has-primary-background-color,
.ornl-button.is-style-outline-w-chevron.has-primary-background-color,
a.button.is-style-outline.has-primary-background-color,
a.button.is-style-outline-w-chevron.has-primary-background-color,
a.ornl-button.is-style-outline.has-primary-background-color,
a.ornl-button.is-style-outline-w-chevron.has-primary-background-color,
.wp-block-button.is-style-outline > .wp-block-button__link.has-primary-background-color,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-primary-background-color {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--primary);
}
.button.is-style-outline.has-primary-background-color:visited,
.button.is-style-outline-w-chevron.has-primary-background-color:visited,
.ornl-button.is-style-outline.has-primary-background-color:visited,
.ornl-button.is-style-outline-w-chevron.has-primary-background-color:visited,
a.button.is-style-outline.has-primary-background-color:visited,
a.button.is-style-outline-w-chevron.has-primary-background-color:visited,
a.ornl-button.is-style-outline.has-primary-background-color:visited,
a.ornl-button.is-style-outline-w-chevron.has-primary-background-color:visited,
.wp-block-button.is-style-outline > .wp-block-button__link.has-primary-background-color:visited,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-primary-background-color:visited {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--primary);
}
.button.is-style-outline.has-primary-background-color:hover,
.button.is-style-outline-w-chevron.has-primary-background-color:hover,
.ornl-button.is-style-outline.has-primary-background-color:hover,
.ornl-button.is-style-outline-w-chevron.has-primary-background-color:hover,
a.button.is-style-outline.has-primary-background-color:hover,
a.button.is-style-outline-w-chevron.has-primary-background-color:hover,
a.ornl-button.is-style-outline.has-primary-background-color:hover,
a.ornl-button.is-style-outline-w-chevron.has-primary-background-color:hover,
.wp-block-button.is-style-outline > .wp-block-button__link.has-primary-background-color:hover,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-primary-background-color:hover {
  background-color: hsl(from var(--color--primary) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s calc(l - 0)/var(--opacity--6));
}
.button.is-style-outline.has-primary-background-color:focus,
.button.is-style-outline-w-chevron.has-primary-background-color:focus,
.ornl-button.is-style-outline.has-primary-background-color:focus,
.ornl-button.is-style-outline-w-chevron.has-primary-background-color:focus,
a.button.is-style-outline.has-primary-background-color:focus,
a.button.is-style-outline-w-chevron.has-primary-background-color:focus,
a.ornl-button.is-style-outline.has-primary-background-color:focus,
a.ornl-button.is-style-outline-w-chevron.has-primary-background-color:focus,
.wp-block-button.is-style-outline > .wp-block-button__link.has-primary-background-color:focus,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-primary-background-color:focus {
  background-color: hsl(from var(--color--primary) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s calc(l - 0)/var(--opacity--6)) !important;
}
.button.is-style-outline.has-primary-background-color:active,
.button.is-style-outline-w-chevron.has-primary-background-color:active,
.ornl-button.is-style-outline.has-primary-background-color:active,
.ornl-button.is-style-outline-w-chevron.has-primary-background-color:active,
a.button.is-style-outline.has-primary-background-color:active,
a.button.is-style-outline-w-chevron.has-primary-background-color:active,
a.ornl-button.is-style-outline.has-primary-background-color:active,
a.ornl-button.is-style-outline-w-chevron.has-primary-background-color:active,
.wp-block-button.is-style-outline > .wp-block-button__link.has-primary-background-color:active,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-primary-background-color:active {
  background-color: hsl(from var(--color--primary) h s calc(l - 0)/var(--opacity--8)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s calc(l - 0)/var(--opacity--8)) !important;
}
.button.is-style-outline.has-secondary-background-color,
.button.is-style-outline-w-chevron.has-secondary-background-color,
.ornl-button.is-style-outline.has-secondary-background-color,
.ornl-button.is-style-outline-w-chevron.has-secondary-background-color,
a.button.is-style-outline.has-secondary-background-color,
a.button.is-style-outline-w-chevron.has-secondary-background-color,
a.ornl-button.is-style-outline.has-secondary-background-color,
a.ornl-button.is-style-outline-w-chevron.has-secondary-background-color,
.wp-block-button.is-style-outline > .wp-block-button__link.has-secondary-background-color,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-secondary-background-color {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--secondary);
}
.button.is-style-outline.has-secondary-background-color:visited,
.button.is-style-outline-w-chevron.has-secondary-background-color:visited,
.ornl-button.is-style-outline.has-secondary-background-color:visited,
.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:visited,
a.button.is-style-outline.has-secondary-background-color:visited,
a.button.is-style-outline-w-chevron.has-secondary-background-color:visited,
a.ornl-button.is-style-outline.has-secondary-background-color:visited,
a.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:visited,
.wp-block-button.is-style-outline > .wp-block-button__link.has-secondary-background-color:visited,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-secondary-background-color:visited {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--secondary);
}
.button.is-style-outline.has-secondary-background-color:hover,
.button.is-style-outline-w-chevron.has-secondary-background-color:hover,
.ornl-button.is-style-outline.has-secondary-background-color:hover,
.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:hover,
a.button.is-style-outline.has-secondary-background-color:hover,
a.button.is-style-outline-w-chevron.has-secondary-background-color:hover,
a.ornl-button.is-style-outline.has-secondary-background-color:hover,
a.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:hover,
.wp-block-button.is-style-outline > .wp-block-button__link.has-secondary-background-color:hover,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-secondary-background-color:hover {
  background-color: hsl(from var(--color--secondary) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--secondary) h s calc(l - 0)/var(--opacity--6));
}
.button.is-style-outline.has-secondary-background-color:focus,
.button.is-style-outline-w-chevron.has-secondary-background-color:focus,
.ornl-button.is-style-outline.has-secondary-background-color:focus,
.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:focus,
a.button.is-style-outline.has-secondary-background-color:focus,
a.button.is-style-outline-w-chevron.has-secondary-background-color:focus,
a.ornl-button.is-style-outline.has-secondary-background-color:focus,
a.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:focus,
.wp-block-button.is-style-outline > .wp-block-button__link.has-secondary-background-color:focus,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-secondary-background-color:focus {
  background-color: hsl(from var(--color--secondary) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--secondary) h s calc(l - 0)/var(--opacity--6)) !important;
}
.button.is-style-outline.has-secondary-background-color:active,
.button.is-style-outline-w-chevron.has-secondary-background-color:active,
.ornl-button.is-style-outline.has-secondary-background-color:active,
.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:active,
a.button.is-style-outline.has-secondary-background-color:active,
a.button.is-style-outline-w-chevron.has-secondary-background-color:active,
a.ornl-button.is-style-outline.has-secondary-background-color:active,
a.ornl-button.is-style-outline-w-chevron.has-secondary-background-color:active,
.wp-block-button.is-style-outline > .wp-block-button__link.has-secondary-background-color:active,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-secondary-background-color:active {
  background-color: hsl(from var(--color--secondary) h s calc(l - 0)/var(--opacity--8)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--secondary) h s calc(l - 0)/var(--opacity--8)) !important;
}
.button.is-style-outline.has-tertiary-background-color,
.button.is-style-outline-w-chevron.has-tertiary-background-color,
.ornl-button.is-style-outline.has-tertiary-background-color,
.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color,
a.button.is-style-outline.has-tertiary-background-color,
a.button.is-style-outline-w-chevron.has-tertiary-background-color,
a.ornl-button.is-style-outline.has-tertiary-background-color,
a.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color,
.wp-block-button.is-style-outline > .wp-block-button__link.has-tertiary-background-color,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-tertiary-background-color {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--tertiary);
}
.button.is-style-outline.has-tertiary-background-color:visited,
.button.is-style-outline-w-chevron.has-tertiary-background-color:visited,
.ornl-button.is-style-outline.has-tertiary-background-color:visited,
.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:visited,
a.button.is-style-outline.has-tertiary-background-color:visited,
a.button.is-style-outline-w-chevron.has-tertiary-background-color:visited,
a.ornl-button.is-style-outline.has-tertiary-background-color:visited,
a.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:visited,
.wp-block-button.is-style-outline > .wp-block-button__link.has-tertiary-background-color:visited,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-tertiary-background-color:visited {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--tertiary);
}
.button.is-style-outline.has-tertiary-background-color:hover,
.button.is-style-outline-w-chevron.has-tertiary-background-color:hover,
.ornl-button.is-style-outline.has-tertiary-background-color:hover,
.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:hover,
a.button.is-style-outline.has-tertiary-background-color:hover,
a.button.is-style-outline-w-chevron.has-tertiary-background-color:hover,
a.ornl-button.is-style-outline.has-tertiary-background-color:hover,
a.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:hover,
.wp-block-button.is-style-outline > .wp-block-button__link.has-tertiary-background-color:hover,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-tertiary-background-color:hover {
  background-color: hsl(from var(--color--tertiary) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--tertiary) h s calc(l - 0)/var(--opacity--6));
}
.button.is-style-outline.has-tertiary-background-color:focus,
.button.is-style-outline-w-chevron.has-tertiary-background-color:focus,
.ornl-button.is-style-outline.has-tertiary-background-color:focus,
.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:focus,
a.button.is-style-outline.has-tertiary-background-color:focus,
a.button.is-style-outline-w-chevron.has-tertiary-background-color:focus,
a.ornl-button.is-style-outline.has-tertiary-background-color:focus,
a.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:focus,
.wp-block-button.is-style-outline > .wp-block-button__link.has-tertiary-background-color:focus,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-tertiary-background-color:focus {
  background-color: hsl(from var(--color--tertiary) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--tertiary) h s calc(l - 0)/var(--opacity--6)) !important;
}
.button.is-style-outline.has-tertiary-background-color:active,
.button.is-style-outline-w-chevron.has-tertiary-background-color:active,
.ornl-button.is-style-outline.has-tertiary-background-color:active,
.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:active,
a.button.is-style-outline.has-tertiary-background-color:active,
a.button.is-style-outline-w-chevron.has-tertiary-background-color:active,
a.ornl-button.is-style-outline.has-tertiary-background-color:active,
a.ornl-button.is-style-outline-w-chevron.has-tertiary-background-color:active,
.wp-block-button.is-style-outline > .wp-block-button__link.has-tertiary-background-color:active,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-tertiary-background-color:active {
  background-color: hsl(from var(--color--tertiary) h s calc(l - 0)/var(--opacity--8)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--tertiary) h s calc(l - 0)/var(--opacity--8)) !important;
}
.button.is-style-outline.has-neutral-background-color,
.button.is-style-outline-w-chevron.has-neutral-background-color,
.ornl-button.is-style-outline.has-neutral-background-color,
.ornl-button.is-style-outline-w-chevron.has-neutral-background-color,
a.button.is-style-outline.has-neutral-background-color,
a.button.is-style-outline-w-chevron.has-neutral-background-color,
a.ornl-button.is-style-outline.has-neutral-background-color,
a.ornl-button.is-style-outline-w-chevron.has-neutral-background-color,
.wp-block-button.is-style-outline > .wp-block-button__link.has-neutral-background-color,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-neutral-background-color {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--neutral);
}
.button.is-style-outline.has-neutral-background-color:visited,
.button.is-style-outline-w-chevron.has-neutral-background-color:visited,
.ornl-button.is-style-outline.has-neutral-background-color:visited,
.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:visited,
a.button.is-style-outline.has-neutral-background-color:visited,
a.button.is-style-outline-w-chevron.has-neutral-background-color:visited,
a.ornl-button.is-style-outline.has-neutral-background-color:visited,
a.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:visited,
.wp-block-button.is-style-outline > .wp-block-button__link.has-neutral-background-color:visited,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-neutral-background-color:visited {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--neutral);
}
.button.is-style-outline.has-neutral-background-color:hover,
.button.is-style-outline-w-chevron.has-neutral-background-color:hover,
.ornl-button.is-style-outline.has-neutral-background-color:hover,
.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:hover,
a.button.is-style-outline.has-neutral-background-color:hover,
a.button.is-style-outline-w-chevron.has-neutral-background-color:hover,
a.ornl-button.is-style-outline.has-neutral-background-color:hover,
a.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:hover,
.wp-block-button.is-style-outline > .wp-block-button__link.has-neutral-background-color:hover,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-neutral-background-color:hover {
  background-color: hsl(from var(--color--neutral) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--neutral) h s calc(l - 0)/var(--opacity--6));
}
.button.is-style-outline.has-neutral-background-color:focus,
.button.is-style-outline-w-chevron.has-neutral-background-color:focus,
.ornl-button.is-style-outline.has-neutral-background-color:focus,
.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:focus,
a.button.is-style-outline.has-neutral-background-color:focus,
a.button.is-style-outline-w-chevron.has-neutral-background-color:focus,
a.ornl-button.is-style-outline.has-neutral-background-color:focus,
a.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:focus,
.wp-block-button.is-style-outline > .wp-block-button__link.has-neutral-background-color:focus,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-neutral-background-color:focus {
  background-color: hsl(from var(--color--neutral) h s calc(l - 0)/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--neutral) h s calc(l - 0)/var(--opacity--6)) !important;
}
.button.is-style-outline.has-neutral-background-color:active,
.button.is-style-outline-w-chevron.has-neutral-background-color:active,
.ornl-button.is-style-outline.has-neutral-background-color:active,
.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:active,
a.button.is-style-outline.has-neutral-background-color:active,
a.button.is-style-outline-w-chevron.has-neutral-background-color:active,
a.ornl-button.is-style-outline.has-neutral-background-color:active,
a.ornl-button.is-style-outline-w-chevron.has-neutral-background-color:active,
.wp-block-button.is-style-outline > .wp-block-button__link.has-neutral-background-color:active,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-neutral-background-color:active {
  background-color: hsl(from var(--color--neutral) h s calc(l - 0)/var(--opacity--8)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--neutral) h s calc(l - 0)/var(--opacity--8)) !important;
}
.button.is-style-outline.has-plain-background-color,
.button.is-style-outline-w-chevron.has-plain-background-color,
.ornl-button.is-style-outline.has-plain-background-color,
.ornl-button.is-style-outline-w-chevron.has-plain-background-color,
a.button.is-style-outline.has-plain-background-color,
a.button.is-style-outline-w-chevron.has-plain-background-color,
a.ornl-button.is-style-outline.has-plain-background-color,
a.ornl-button.is-style-outline-w-chevron.has-plain-background-color,
.wp-block-button.is-style-outline > .wp-block-button__link.has-plain-background-color,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-plain-background-color {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--plain);
}
.button.is-style-outline.has-plain-background-color:visited,
.button.is-style-outline-w-chevron.has-plain-background-color:visited,
.ornl-button.is-style-outline.has-plain-background-color:visited,
.ornl-button.is-style-outline-w-chevron.has-plain-background-color:visited,
a.button.is-style-outline.has-plain-background-color:visited,
a.button.is-style-outline-w-chevron.has-plain-background-color:visited,
a.ornl-button.is-style-outline.has-plain-background-color:visited,
a.ornl-button.is-style-outline-w-chevron.has-plain-background-color:visited,
.wp-block-button.is-style-outline > .wp-block-button__link.has-plain-background-color:visited,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-plain-background-color:visited {
  background-color: transparent !important;
  color: var(--color--text--base);
  border-color: var(--color--plain);
}
.button.is-style-outline.has-plain-background-color:hover,
.button.is-style-outline-w-chevron.has-plain-background-color:hover,
.ornl-button.is-style-outline.has-plain-background-color:hover,
.ornl-button.is-style-outline-w-chevron.has-plain-background-color:hover,
a.button.is-style-outline.has-plain-background-color:hover,
a.button.is-style-outline-w-chevron.has-plain-background-color:hover,
a.ornl-button.is-style-outline.has-plain-background-color:hover,
a.ornl-button.is-style-outline-w-chevron.has-plain-background-color:hover,
.wp-block-button.is-style-outline > .wp-block-button__link.has-plain-background-color:hover,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-plain-background-color:hover {
  background-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s l/var(--opacity--6));
}
.button.is-style-outline.has-plain-background-color:focus,
.button.is-style-outline-w-chevron.has-plain-background-color:focus,
.ornl-button.is-style-outline.has-plain-background-color:focus,
.ornl-button.is-style-outline-w-chevron.has-plain-background-color:focus,
a.button.is-style-outline.has-plain-background-color:focus,
a.button.is-style-outline-w-chevron.has-plain-background-color:focus,
a.ornl-button.is-style-outline.has-plain-background-color:focus,
a.ornl-button.is-style-outline-w-chevron.has-plain-background-color:focus,
.wp-block-button.is-style-outline > .wp-block-button__link.has-plain-background-color:focus,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-plain-background-color:focus {
  background-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
}
.button.is-style-outline.has-plain-background-color:active,
.button.is-style-outline-w-chevron.has-plain-background-color:active,
.ornl-button.is-style-outline.has-plain-background-color:active,
.ornl-button.is-style-outline-w-chevron.has-plain-background-color:active,
a.button.is-style-outline.has-plain-background-color:active,
a.button.is-style-outline-w-chevron.has-plain-background-color:active,
a.ornl-button.is-style-outline.has-plain-background-color:active,
a.ornl-button.is-style-outline-w-chevron.has-plain-background-color:active,
.wp-block-button.is-style-outline > .wp-block-button__link.has-plain-background-color:active,
.wp-block-button.is-style-outline-w-chevron > .wp-block-button__link.has-plain-background-color:active {
  background-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
  color: var(--color--text--base);
  border-color: hsl(from var(--color--primary) h s l/var(--opacity--6)) !important;
}

.button,
.ornl-button,
a.button,
a.ornl-button,
.wp-block-button > .wp-block-button__link {
  background-color: var(--color--danger);
  border-color: var(--color--danger);
  color: var(--color--text--inverted);
}

.pill {
  background-color: var(--color--neutral);
  border: 0;
  border-radius: 9999px;
  color: var(--wp--custom--text--color--dark);
  font-weight: var(--font-style-bold);
  text-decoration: none;
  transition: background-color ease-in-out 0.3s;
}
.pill:hover, .pill:focus, .pill:active {
  background-color: var(--color--neutral);
}
.pill > a {
  color: inherit;
  text-decoration: none;
}

/* Kadence Accordion Overrides */
button.kt-blocks-accordion-header {
  margin-bottom: 0;
  margin-top: 0;
}

:root {
  --card-bg: var(--color-surface-base);
  --card-border-color: var(--color-neutral-subtle);
  --card--bg: var(--card-bg);
  --card--border--color: var(--card-border-color);
}

.card-container {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
}

ul.card-grid {
  padding-left: 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.card-grid {
  display: grid;
  gap: var(--ornl--grid-column-gap);
  grid-template-columns: 1fr;
  align-items: stretch;
}
@media screen and (min-width: 1200px) {
  .card-grid {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .card-grid {
    grid-template-columns: repeat(2, minmax(auto, calc((1320px - 3rem) / 2)));
  }
}
@media screen and (min-width: 992px) {
  .card-grid-1 {
    grid-template-columns: minmax(auto, 378px);
    justify-content: center;
  }
}
@media screen and (min-width: 992px) {
  .card-grid-2 {
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .card-grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .card-grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .card-grid-adaptable {
    display: flex;
    flex-wrap: wrap;
  }
  .card-grid-adaptable > * {
    flex: 0 1 calc((100% - 2 * var(--ornl--grid-column-gap)) / 3);
    min-width: 300px;
  }
  .card-grid-adaptable:has(> :nth-child(3n+2):last-child) > :nth-last-child(-n+2) {
    flex-basis: calc((100% - var(--ornl--grid-column-gap)) / 2);
  }
}

.card-list {
  display: block;
}
.card-list .ornl-card {
  height: auto;
}

.ornl-card {
  background-color: var(--color--surface--base);
  border: none;
  border-radius: 0rem;
  height: 100%;
  margin-bottom: 2.5rem;
  padding-bottom: 1.125rem;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ornl-card > * {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.ornl-card > *:last-child *:last-child {
  margin-bottom: 0;
}
.ornl-card--image {
  order: -1;
  margin: 0;
  padding: 0;
}
.ornl-card--image > img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  padding: inherit;
  max-width: 100%;
  max-height: 400px;
}
.ornl-card--image.has-landscape-orientation > img {
  aspect-ratio: 17/9;
  max-width: 100%;
  max-height: 218px;
}
.ornl-card--image.has-portrait-orientation > img {
  aspect-ratio: 24/25;
  max-width: 100%;
  max-height: 300px;
}
.ornl-card--image.has-square-orientation > img {
  aspect-ratio: 1/1;
  max-height: 300px;
  margin: 0 auto;
}
.ornl-card--title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.875rem;
}
.ornl-card--title > a {
  padding: 0;
  text-decoration: none;
}
.ornl-card--excerpt {
  font-size: 1rem;
  margin-bottom: 0.875rem;
}
.ornl-card--subtitle {
  font-size: 1rem;
  color: var(--color--text--low);
}
.ornl-card p {
  font-size: 1rem;
  margin-bottom: 0.875rem;
}
.ornl-card .ornl-button-group {
  margin-top: auto;
  margin-bottom: 0.875rem;
}
.ornl-card .ornl-card--content {
  justify-content: end;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.ornl-card--appearance--base {
  border: none;
}

.ornl-card--appearance--light {
  background-color: var(--color--surface--base);
  border: 0;
}

.ornl-card--appearance--dark {
  background-color: var(--color--surface--weak);
  border: 0;
}

.ornl-card--horizontal {
  display: grid;
  grid-column: 1/-1;
  padding: 1.125rem;
}
@media screen and (max-width: 767px) {
  .ornl-card--horizontal {
    display: flex;
    flex-direction: column;
  }
}
.ornl-card--horizontal.has-image {
  grid-template-columns: 300px 2fr;
  padding: 0;
}
.ornl-card--horizontal.has-image .ornl-card--image {
  margin: 0;
  padding: 0;
}
.ornl-card--horizontal.has-image .ornl-card--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  max-width: 100%;
  max-height: 400px;
}
.ornl-card--horizontal.has-image .ornl-card--image.has-landscape-orientation > img {
  aspect-ratio: 17/9;
  max-width: 100%;
  max-height: 218px;
}
.ornl-card--horizontal.has-image .ornl-card--image.has-portrait-orientation > img {
  aspect-ratio: 24/25;
  max-width: 100%;
  max-height: 300px;
}
.ornl-card--horizontal.has-image .ornl-card--image.has-square-orientation > img {
  aspect-ratio: 1/1;
  max-height: 300px;
  margin: 0 auto;
}
.ornl-card--horizontal .ornl-card--image:empty {
  display: none;
}
.ornl-card--horizontal .ornl-card--content {
  display: block;
}
@media screen and (max-width: 991px) {
  .ornl-card--horizontal .ornl-card--content {
    padding: 1.125rem;
  }
}
.ornl-card--horizontal .ornl-card--title {
  font-size: 1.5rem;
}
.ornl-card--horizontal .ornl-card--excerpt {
  font-size: 1rem;
}
.ornl-card--horizontal a {
  align-self: start;
  font-weight: 600;
}

/**
 * Filter button and search results list
*/
.site-main .entry-header .filter-btn-group {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 70rem) {
  .site-main .entry-header .filter-btn-group {
    flex-wrap: wrap;
  }
}

.site .entry-header .slide-nav-btn {
  font-size: 1.125rem;
  font-weight: 700;
  border-radius: var(--wp--custom--border--radius);
  flex-basis: 17%;
}
@media screen and (max-width: 70rem) {
  .site .entry-header .slide-nav-btn {
    flex-basis: auto;
  }
}
@media screen and (max-width: 80rem) {
  .site .entry-header .slide-nav-btn {
    flex-basis: 20%;
  }
}

.site .entry-header .slide-nav-btn svg {
  position: relative;
  left: 5px;
  height: 0.9em;
}

.site-main .entry-header .filter-btn-group ul.filter-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0;
  list-style: none;
  text-transform: capitalize;
  gap: 0.625rem;
}
@media screen and (max-width: 70rem) {
  .site-main .entry-header .filter-btn-group ul.filter-list {
    padding-left: 0;
    padding-top: 0.5em;
  }
}

.site-main .entry-header .filter-btn-group ul.filter-list li {
  border-radius: 3.125rem;
  border: none;
  padding: 0.3125rem 1rem;
  background-color: var(--color--neutral);
}

/**
 * End Filter button and search results list
*/
/**
 * Filter Sidebar for Archive page
 */
dialog:modal {
  max-height: 100vh;
}
@media screen and (max-width: 60rem) {
  dialog:modal {
    max-width: 100vw;
  }
}

.site dialog {
  background: var(--color--surface--base);
  font-family: inherit;
  list-style-type: none;
  margin: 0;
  left: 70vw;
  transition: left ease-in-out 100ms;
  width: 30vw;
  height: 100%;
  z-index: 150;
  position: fixed;
}
@media screen and (max-width: 60rem) {
  .site dialog {
    width: 100vw;
    left: 0;
  }
}
.site dialog[open] {
  -webkit-animation: show 0.75s ease-in-out normal;
}

dialog:not([open]) {
  pointer-events: none;
  opacity: 0;
}

dialog::backdrop {
  background: #000;
  opacity: 0.5;
}

body:has(dialog[open]) {
  overflow: hidden;
}

#sidebarMenu .container {
  overflow: hidden;
  display: block;
  height: 90vh;
  top: 1.75rem;
  position: relative;
}
#sidebarMenu .sidebar-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid black;
  padding: 1rem 2rem 1.25rem 2rem;
}
#sidebarMenu .close-filter-sidebar {
  cursor: pointer;
}
#sidebarMenu .ornl-uswds-accordion .ornl-accordion-section .form__item--checkbox {
  padding-bottom: 1rem;
}
#sidebarMenu .ornl-uswds-accordion .ornl-accordion-section .form__item--checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  border: 1px solid;
  accent-color: var(--color--primary);
}
#sidebarMenu .ornl-uswds-accordion .ornl-accordion-section .form__item--checkbox input[type=checkbox]:checked ~ label:before {
  background: var(--color--primary);
}
#sidebarMenu .ornl-uswds-accordion .ornl-accordion-section .form__item--checkbox input[type=checkbox] ~ label:before {
  content: "";
  cursor: pointer;
  margin: 1px 0.75rem 0 0;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  border: 1px solid;
  transition: 0.3s;
  display: flex;
  align-items: normal;
  overflow: hidden;
}
#sidebarMenu .ornl-uswds-accordion .ornl-accordion-section .form__item--checkbox input[type=checkbox] ~ label {
  font-size: var(--wp--preset--font-size--xsmall);
  display: flex;
  align-items: normal;
}
#sidebarMenu .wp-block-buttons.button-group {
  justify-content: center;
  position: fixed;
  background-color: var(--wp--preset--color--white);
  bottom: 3vh;
  transition: all 500ms ease-in-out;
  width: 28vw;
}
@media screen and (max-width: 60rem) {
  #sidebarMenu .wp-block-buttons.button-group {
    width: 100vw;
  }
}

hr.wp-block-separator {
  border: none;
  border-top: 1px solid var(--color--neutral--subtle) !important;
}

.has-cover-1-background-color {
  background-color: var(--wp--preset--color--cover-1) !important;
}

.has-cover-2-background-color {
  background-color: var(--wp--preset--color--cover-2) !important;
}

.has-cover-3-background-color {
  background-color: var(--wp--preset--color--cover-3) !important;
}

.has-cover-4-background-color {
  background-color: var(--wp--preset--color--cover-4) !important;
}

.has-cover-5-background-color {
  background-color: var(--wp--preset--color--cover-5) !important;
}

.has-cover-6-background-color {
  background-color: var(--wp--preset--color--cover-6) !important;
}

.has-cover-7-background-color {
  background-color: var(--wp--preset--color--cover-7) !important;
}

.wp-block-cover__inner-container {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1200px) {
  .wp-block-cover__inner-container {
    padding-left: 0;
    padding-right: 0;
  }
}

:where(.wp-block-file__button):is(a):active,
:where(.wp-block-file__button):is(a):focus,
:where(.wp-block-file__button):is(a):hover,
:where(.wp-block-file__button):is(a):visited {
  opacity: 1;
}

.entry-header:has(.ornl-components-super-header) {
  padding: 0 !important;
}

.ornl-components-super-header {
  background-color: #000000;
  position: relative;
  width: 100vw;
  overflow: hidden;
  height: 100%;
  min-height: 40rem;
  padding-left: 0 !important;
}
.ornl-components-super-header.alignfull {
  margin: 0 !important;
}

.ornl-components-super-header--background-wrapper {
  height: 35%;
  min-height: 320px;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  max-height: 320px;
}
@media screen and (min-width: 768px) {
  .ornl-components-super-header--background-wrapper {
    left: unset;
    height: 100%;
    overflow: hidden;
    right: 0;
    top: 0;
    z-index: 0;
    max-height: 576px;
  }
}
@media screen and (min-width: 992px) {
  .ornl-components-super-header--background-wrapper {
    left: unset;
    height: 100%;
    overflow: hidden;
    right: 0;
    top: 0;
    z-index: 0;
    max-height: 665px;
  }
}
.ornl-components-super-header--background-wrapper::after {
  content: "";
  display: block;
  z-index: 10;
  background: linear-gradient(180deg, transparent 70%, black 90%);
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.ornl-components-super-header--background-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 768px) {
  .ornl-components-super-header--background-image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-mask-image: radial-gradient(circle at top 30% right 30%, black 35%, transparent 80%);
            mask-image: radial-gradient(circle at top 30% right 30%, black 35%, transparent 80%);
  }
}

.ornl-components-super-header--bottom-gradient-overlay {
  background: linear-gradient(0deg, #000 4.33%, rgba(10, 23, 41, 0) 60.1%);
  height: 100%;
  padding: 320px 0 0;
}
@media screen and (min-width: 768px) {
  .ornl-components-super-header--bottom-gradient-overlay {
    padding: 50px 0;
  }
}
@media screen and (min-width: 992px) {
  .ornl-components-super-header--bottom-gradient-overlay {
    padding: 100px 0;
  }
}

.ornl-components-super-header--bottom-gradient-overlay,
.ornl-components-super-header--content-wrapper {
  position: relative;
  z-index: 100;
  height: 100%;
}

.ornl-components-super-header--content-wrapper {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  min-height: 100%;
  align-items: end;
  padding: 280px 1rem 2rem 1rem;
}
@media screen and (min-width: 768px) {
  .ornl-components-super-header--content-wrapper {
    padding-top: 496px;
  }
}
@media screen and (min-width: 992px) {
  .ornl-components-super-header--content-wrapper {
    padding: 64px 48px;
    align-items: center;
  }
}
@media screen and (min-width: 1440px) {
  .ornl-components-super-header--content-wrapper {
    padding: 64px 0;
  }
}

.ornl-components-super-header--content {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .ornl-components-super-header--content {
    max-width: 800px;
  }
}

.ornl-components-super-header--eyebrow,
.ornl-components-super-header--dates {
  color: var(--color--brand--neutral);
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

.ornl-components-super-header--dates {
  margin-top: 1rem;
  margin-bottom: 0;
}

.ornl-components-super-header--heading {
  color: var(--color--brand--light);
  font-size: 4rem;
  font-weight: 900;
  line-height: 100%;
  margin: 0;
  margin-bottom: 0;
}

.ornl-components-super-header--tagline {
  color: var(--color--brand--light);
  font-size: 2rem;
  font-style: italic;
  margin-top: 2rem;
  margin-bottom: 0;
}

.ornl-components-super-header--authors {
  color: var(--color--brand--light);
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

a.ornl-components-super-header--author {
  text-decoration: underline;
  color: var(--color--brand--light);
}
a.ornl-components-super-header--author:visited {
  color: var(--color--brand--light);
}
a.ornl-components-super-header--author:visited:hover {
  background-color: rgb(from var(--color--brand--light) r g b/var(--opacity--5));
  box-shadow: 4px 0 0 rgb(from var(--color--brand--light) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--brand--light) r g b/var(--opacity--5));
}
a.ornl-components-super-header--author:hover {
  background-color: rgb(from var(--color--brand--light) r g b/var(--opacity--5));
  box-shadow: 4px 0 0 rgb(from var(--color--brand--light) r g b/var(--opacity--5)), -4px 0 0 rgb(from var(--color--brand--light) r g b/var(--opacity--5));
}

body {
  background-color: var(--color--surface--base);
  color: var(--color--text--base);
}

table {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1.5rem;
  margin-left: 0;
  width: 100%;
}

:root {
  --footer-bg: var(--color-neutral-intense);
  --footer-text: var(--color-neutral-emphasis);
  --footer--bg: var(--footer-bg);
  --footer--text: var(--footer-text);
}

.site-footer {
  background-color: var(--footer--bg);
  color: var(--footer--text);
  font-size: 0.875rem;
  padding: 4rem;
  padding-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .site-footer {
    margin: 0 calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
  }
}

.site-footer .standard-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2.5rem;
  margin: 0 auto;
  max-width: var(--layout--wide-size);
}
@media screen and (min-width: 768px) {
  .site-footer .standard-footer {
    flex-direction: row;
  }
}

.site-footer .standard-footer--column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}

.footer-logo {
  align-items: center;
  color: var(--color--text--inverted);
  display: flex;
  flex-direction: column;
  height: 2rem;
  text-decoration: none;
  margin-bottom: 0.5rem;
}
.footer-logo:hover, .footer-logo:active, .footer-logo:focus, .footer-logo:visited {
  color: var(--color--text--inverted);
}
.footer-logo svg {
  fill: currentColor;
  height: inherit;
  max-height: inherit;
  width: inherit;
}

.credit {
  color: inherit;
  font-size: inherit;
}

.menu-utility {
  align-items: flex-start;
  color: var(--footer--text);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: inherit;
  gap: 0.5rem;
  line-height: var(--line-height--md);
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .menu-utility {
    align-items: start;
  }
}
.menu-utility--item {
  margin-right: 0.25em;
}
@media screen and (min-width: 768px) {
  .menu-utility--item {
    margin-right: 1rem;
    margin-bottom: 0.5rem;
  }
}
.menu-utility--link {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
.menu-utility--link:hover, .menu-utility--link:active, .menu-utility--link:focus, .menu-utility--link:visited {
  color: var(--footer--text);
}

.mega-footer {
  background-color: var(--footer--bg);
  color: var(--footer--text);
  padding-bottom: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  padding-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .mega-footer {
    flex-direction: row;
  }
}

.mega-footer-content {
  border-bottom: 1px solid var(--color--neutral--strong);
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin: 0 auto;
  max-width: var(--layout--wide-size);
}
@media screen and (min-width: 992px) {
  .mega-footer-content {
    flex-direction: row;
    gap: 4rem;
  }
}

.mega-footer-info {
  color: var(--footer--text);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1rem;
  padding-right: 1.75rem;
}
.mega-footer-info p {
  color: inherit;
  font-size: inherit;
  line-height: var(--line-height--md);
  margin-bottom: 0;
}

.mega-footer-info-logo {
  align-items: flex-start;
  height: 3rem;
}

.mega-footer-nav,
.mega-footer-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.mega-footer-nav {
  display: flex;
  flex-direction: column;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 992px) {
  .mega-footer-nav {
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
    display: grid;
    flex-grow: 2;
    grid-template-columns: repeat(4, max-content);
  }
}

.mega-footer-nav a {
  color: var(--footer--text);
  font-size: inherit;
  text-decoration: none;
}
.mega-footer-nav a:hover, .mega-footer-nav a:active, .mega-footer-nav a:focus, .mega-footer-nav a:visited {
  color: var(--footer--text);
}

.mega-footer-nav-item.top-level {
  padding-top: 2.75rem;
}
@media screen and (min-width: 992px) {
  .mega-footer-nav-item.top-level {
    padding-left: 4rem;
    padding-top: 0;
  }
}
.mega-footer-nav-item.top-level > a,
.mega-footer-nav-item.top-level > span {
  color: var(--color--text--inverted);
  line-height: var(--line-height--md);
  font-size: 1.25rem;
}
.mega-footer-nav-item.top-level > a:hover, .mega-footer-nav-item.top-level > a:active, .mega-footer-nav-item.top-level > a:focus, .mega-footer-nav-item.top-level > a:visited,
.mega-footer-nav-item.top-level > span:hover,
.mega-footer-nav-item.top-level > span:active,
.mega-footer-nav-item.top-level > span:focus,
.mega-footer-nav-item.top-level > span:visited {
  color: var(--color--text--inverted);
}

ul.mega-footer-nav-sub-level {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
ul.mega-footer-nav-sub-level > a {
  color: var(--footer--text);
  font-size: 1rem;
  line-height: var(--line-height--md);
  text-decoration: none;
}
ul.mega-footer-nav-sub-level > a:hover, ul.mega-footer-nav-sub-level > a:active, ul.mega-footer-nav-sub-level > a:focus, ul.mega-footer-nav-sub-level > a:visited {
  color: var(--footer--text);
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: var(--color--text--base);
  border: 1px solid var(--color--neutral--distinct);
  border-radius: 0.25rem;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: var(--color--text--base);
}

select {
  border: 1px solid var(--color--neutral--distinct);
  border-radius: 0.25rem;
}

textarea {
  width: 100%;
}

.filters-container {
  background-color: var(--color--surface--weak);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem;
}

.input-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

label {
  font-size: 0.75rem;
  font-weight: 700;
}

/**
 * Archive Pagination styles
*/
.post-nav {
  align-items: center;
  color: var(--color--primary);
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.post-nav--inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.post-nav .page-numbers {
  border: 2px solid transparent;
  border-radius: 0.25rem;
  color: var(--wp--preset--color--dark);
  display: block;
  min-width: 40px;
  padding: 0.25rem 0.5rem;
  text-align: center;
  transition: all ease-in-out 0.3s;
  text-decoration: none;
}
.post-nav a.page-numbers:hover {
  background-color: var(--color--primary--emphasis);
  border-color: var(--color--primary--emphasis);
  color: var(--color--text--inverted);
}
.post-nav span.page-numbers.current {
  background-color: var(--color--primary);
  border-color: var(--color--primary);
  color: var(--color--text--inverted);
}

.main-navigation {
  color: inherit;
  display: block;
  justify-self: flex-end;
  font-family: var(--font-family--body-base);
}

#hamburger {
  fill: currentColor;
  height: 32px;
  width: 32px;
}
#hamburger #top {
  transform: rotate(0);
  transition: transform ease-in-out 400ms;
  transform-origin: 3px 32% 0;
}
#hamburger #middle {
  opacity: 1;
  transition: opacity ease-in-out 400ms;
}
#hamburger #bottom {
  transform: rotate(0);
  transition: transform ease-in-out 400ms;
  transform-origin: 2px 65% 0;
}

button.menu-toggle {
  border-color: transparent !important;
  border-radius: 0rem;
  background-color: transparent !important;
  color: inherit;
  display: block;
  padding-top: 0.625rem;
  padding-right: 1rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 101;
}
button.menu-toggle:active {
  outline: none;
  border-color: transparent;
}
button.menu-toggle.sub-menu-toggled {
  z-index: 3;
}
@media screen and (min-width: 992px) {
  button.menu-toggle {
    display: none;
  }
}

.has-ornl-banner button.menu-toggle,
.has-search-bar button.menu-toggle {
  top: 42px;
}

.has-ornl-banner.has-search-bar button.menu-toggle {
  top: 84px;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

.entry-featured-image {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.entry-featured-image > img {
  width: 100%;
  max-width: var(--layout--wide-size);
}
.entry-featured-image figcaption {
  font-size: 0.875rem;
  max-width: var(--layout--wide-size);
  padding: 0 1rem;
}

.wp-element-caption {
  font-size: 0.875rem;
}

.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}

.entry-meta h2, .entry-meta h3, .entry-meta h4 {
  margin-top: 0.25rem;
}

dt {
  font-weight: 700;
}

dd {
  margin-top: 0;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  margin-left: 1.5rem;
}

.term-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style-type: none;
  margin: 0.5rem auto;
  padding: 0;
}

.term-list-item > a {
  display: block;
  font-weight: 700;
}
.term-list-item > a::after {
  content: ",";
}
.term-list-item > a.pill::after {
  content: "";
}
.term-list-item:last-of-type > a::after {
  content: "";
}

hr {
  background-color: var(--color--neutral);
  border: 0;
  height: 1px;
  margin-bottom: 1.5rem;
}

.wp-caption {
  margin-bottom: 1.5rem;
  max-width: 100%;
}
.wp-caption .wp-caption-text {
  margin: 0.875rem 0;
}

.wp-caption-text {
  text-align: center;
}
/*# sourceMappingURL=styles.css.map */