@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
@keyframes hx-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

html {
  box-sizing: border-box;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

[hidden] {
  display: none !important;
}

small {
  font-size: 0.75rem;
}

caption {
  padding: 0;
  text-align: left;
}

a[href] {
  background-color: transparent;
  color: #0051b7;
  text-decoration: none;
}

a[href]:hover, a[href]:active {
  color: #367ed4;
  cursor: pointer;
  text-decoration: none;
}

html {
  font-family: "Open Sans", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
}

body {
  color: #333333;
  font-family: "Open Sans", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  margin: 0 0 0.5rem;
}

h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
  margin-top: 0.5rem;
}

kbd {
  background: none;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  font-weight: 700;
  padding: 0;
}

pre,
code {
  font-family: "Open Sans", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

code {
  background-color: inherit;
  border-radius: 0;
  font-size: 0.75rem;
  font-weight: 300;
  padding: 0;
}

pre {
  background-color: #f5f5f5;
  border-radius: 2px;
  border: 1px solid #e0e0e0;
  box-shadow: inset 0.5rem 0 0 #e0e0e0;
  color: #212121;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0;
  overflow-x: auto;
  padding: 0.5rem 1rem;
  width: 100%;
}

pre code {
  display: block;
  font-weight: inherit;
  text-shadow: none;
  white-space: pre;
}

hx-accordion-panel {
  display: block;
}

hx-accordion-panel:not([open]) > *:not([slot="header"]):not(#hxToggle) {
  display: none;
}

hx-accordion-panel > #hxToggle.hx-accordion-panel,
hx-accordion-panel > [slot="header"] {
  padding: 0.5rem 0;
}

hx-accordion {
  display: block;
}

hx-accordion.hxStepper {
  counter-reset: step;
}

hx-accordion.hxStepper hx-accordion-panel {
  border-top: 1px solid var(--hxAccordian-stepper-panel-border-top, #e0e0e0);
}

hx-accordion.hxStepper hx-accordion-panel:last-child {
  border-bottom: 1px solid var(--hxAccordian-stepper-panel-border-bottom, #e0e0e0);
}

hx-accordion.hxStepper hx-accordion-panel header[slot="header"] {
  display: flex;
  padding: 1rem;
}

hx-accordion.hxStepper hx-accordion-panel header[slot="header"] > * {
  display: flex;
  align-items: center;
}

hx-accordion.hxStepper hx-accordion-panel header[slot="header"]:hover .hxStepCounter {
  background-color: var(--hxAccordian-hover-bgcolor, #367ed4);
  color: var(--hxAccordian-hover-color, #ffffff);
}

hx-accordion.hxStepper hx-accordion-panel[open] .hxStepCounter {
  background-color: var(--hxAccordian-open-bgcolor, #367ed4);
  color: var(--hxAccordian-open-color, #ffffff);
}

hx-accordion.hxStepper hx-accordion-panel[disabled] .hxStepCounter {
  background-color: var(--hxAccordian-disabled-bgcolor, #d8d8d8);
  color: var(--hxAccordian-disabled-color, #757575);
}

hx-accordion.hxStepper hx-accordion-panel[disabled] .hxStepLabel {
  color: var(--hxAccordian-disabled-steplabel-color, #757575);
}

hx-accordion.hxStepper hx-accordion-panel[disabled] header[slot="header"]:hover .hxStepCounter {
  background-color: var(--hxAccordian-header-hover-bgcolor, #d8d8d8);
  color: var(--hxAccordian-header-hover-color, #757575);
}

hx-accordion.hxStepper .hxStepCounter {
  background-color: var(--hxAccordian-stepcounter-bgcolor, #003482);
  border-radius: 3rem;
  color: var(--hxAccordian-stepcounter-color, #ffffff);
  counter-increment: step;
  flex-shrink: 0;
  font-size: 1.5rem;
  height: 2.25rem;
  position: relative;
  width: 2.25rem;
}

hx-accordion.hxStepper .hxStepCounter::before {
  content: counter(step);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

hx-accordion.hxStepper .hxStepLabel {
  color: var(--hxAccordian-steplabel-color, #424242);
  flex-basis: 50%;
  font-size: 1.5rem;
  font-weight: 400;
  margin-left: 1rem;
}

hx-accordion.hxStepper .hxStepValue {
  flex-basis: 50%;
  font-size: 1rem;
  font-weight: 500;
  margin-left: 0.5rem;
}

hx-accordion.hxStepper .hxStepButton .hxBtn + .hxBtn {
  margin-left: 0.5rem;
}

hx-accordion.hxStepper div {
  margin-left: 3rem;
}

hx-alert {
  background-color: #d8d8d8;
  background-color: var(--hxAlert-bgcolor, #d8d8d8);
  color: #000000;
  color: var(--hxAlert-color, #000000);
  display: block;
  font-weight: 300;
  line-height: 1.25rem;
}

hx-alert[type="info"] {
  background-color: #e5f2fb;
  background-color: var(--hxAlert-info-bgcolor, #e5f2fb);
  color: #000000;
  color: var(--hxAlert-info-color, #000000);
}

hx-alert[type="error"] {
  background-color: #d6251f;
  background-color: var(--hxAlert-error-bgcolor, #d6251f);
  color: #ffffff;
  color: var(--hxAlert-error-color, #ffffff);
}

hx-alert[type="success"] {
  background-color: #008b38;
  background-color: var(--hxAlert-success-bgcolor, #008b38);
  color: #ffffff;
  color: var(--hxAlert-success-color, #ffffff);
}

hx-alert[type="warning"] {
  background-color: #ffc749;
  background-color: var(--hxAlert-warning-bgcolor, #ffc749);
  color: #000000;
  color: var(--hxAlert-warning-color, #000000);
}

/* DEPRECATED: Remove in v1.0.0 */
.hxAlert {
  background-color: #e5f2fb;
  background-color: var(--hxAlert-bgcolor, #e5f2fb);
  color: #000000;
  color: var(--hxAlert-color, #000000);
  display: flex;
  font-weight: 300;
  line-height: 1.25em;
}

.hxAlert > * {
  padding-bottom: 0.875em;
  padding-top: 0.875em;
}

.hxAlert--error {
  background-color: #d6251f;
  background-color: var(--hxAlert-error-bgcolor, #d6251f);
  color: #ffffff;
  color: var(--hxAlert-error-color, #ffffff);
}

.hxAlert--warning {
  background-color: #ffc749;
  background-color: var(--hxAlert-warning-bgcolor, #ffc749);
}

.hxAlert--success {
  background-color: #008b38;
  background-color: var(--hxAlert-success-bgcolor, #008b38);
  color: #ffffff;
  color: var(--hxAlert-success-color, #ffffff);
}

.hxAlert__icon {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 1em;
  margin-left: 1em;
}

.hxAlert__text {
  flex-grow: 1;
  margin-left: 1em;
}

.hxAlert__status {
  font-weight: 500;
  text-transform: uppercase;
}

.hxAlert__status:after {
  content: ":";
}

.hxAlert__action {
  margin-left: 1em;
  text-align: right;
}

.hxAlert__action a {
  color: inherit;
  font-weight: 500;
  text-transform: uppercase;
}

.hxAlert__action a:hover {
  color: inherit;
  text-decoration: underline;
}

.hxAlert__dismiss {
  background-color: transparent;
  border: none;
  line-height: 1;
  padding: 1rem;
}

.hxBadge {
  align-items: center;
  background-color: #d6251f;
  background-color: var(--hxBadge-bgcolor, #d6251f);
  border-radius: 1em;
  color: #ffffff;
  color: var(--hxBadge-color, #ffffff);
  display: inline-flex;
  height: 1.25em;
  justify-content: center;
  min-width: 1.25em;
  padding: 0 0.25em;
  text-align: center;
}

hx-icon + .hxBadge {
  font-size: 0.625rem;
  margin-left: -0.75rem;
  padding: 0 3px;
  vertical-align: top;
}

hx-beacon {
  background-color: var(--hxBeacon, #ffffff);
  border-radius: 1rem;
  box-shadow: 0 0 2px 2px var(--hxBeacon, #9e9e9e);
  display: block;
  height: 1rem;
  margin: 0;
  opacity: 0.5;
  padding: 0;
  position: absolute;
  width: 1rem;
  cursor: pointer;
}

.hxBox.hxXs {
  padding: 0.5rem;
}

.hxBox.hxSm {
  padding: 0.75rem;
}

.hxBox.hxMd {
  padding: 1.25rem;
}

.hxBox.hxLg {
  padding: 2rem;
}

.hxBox.hxXl {
  padding: 3rem;
}

.hxBox.hx2x {
  padding: 4.5rem;
}

.hxBox.hxFlush {
  padding: 0;
}

hx-div {
  display: block;
  padding: 0 !important;
}

hx-div[scroll="horizontal"] {
  overflow-x: auto;
  overflow-y: hidden;
}

hx-div[scroll="vertical"] {
  overflow-x: hidden;
  overflow-y: auto;
}

hx-div[scroll="both"] {
  overflow: auto;
}

hx-div[scroll="none"] {
  overflow: visible;
}

hx-div.hxXs > #hxDiv {
  padding: 0.5rem;
}

hx-div.hxSm > #hxDiv {
  padding: 0.75rem;
}

hx-div.hxMd > #hxDiv {
  padding: 1.25rem;
}

hx-div.hxLg > #hxDiv {
  padding: 2rem;
}

hx-div.hxXl > #hxDiv {
  padding: 3rem;
}

hx-div.hx2x > #hxDiv {
  padding: 4.5rem;
}

hx-div.hxFlush > #hxDiv {
  padding: 0;
}

@supports (--modern: true) {
  hx-div.hxXs {
    --hxPadding--base: 0.5rem;
  }
  hx-div.hxSm {
    --hxPadding--base: 0.75rem;
  }
  hx-div.hxMd {
    --hxPadding--base: 1.25rem;
  }
  hx-div.hxLg {
    --hxPadding--base: 2rem;
  }
  hx-div.hxXl {
    --hxPadding--base: 3rem;
  }
  hx-div.hx2x {
    --hxPadding--base: 4.5rem;
  }
  hx-div.hxFlush {
    --hxPadding--base: 0;
  }
}

.hxBox-xs {
  padding: 0.5rem;
}

.hxBox-sm {
  padding: 0.75rem;
}

.hxBox-md {
  padding: 1rem;
}

.hxBox-lg {
  padding: 1.25rem;
}

.hxBox-xl {
  padding: 1.5rem;
}

.hxBreadcrumb {
  align-content: center;
  align-items: center;
  color: #367ed4;
  color: var(--hxBreadcrumb-color, #367ed4);
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
}

.hxBreadcrumb > a {
  margin-right: 0.5rem;
  text-transform: capitalize;
}

.hxBreadcrumb > a:last-of-type {
  color: #616161;
  color: var(--hxBreadcrumb-last-type-color, #616161);
  font-weight: 600;
  pointer-events: none;
}

.hxBreadcrumb .delimiter {
  color: #9e9e9e;
  color: var(--hxBreadcrumb-delimiter-color, #9e9e9e);
  font-size: 0.5rem;
  margin-right: 0.5rem;
}

.hxBtn,
a[href].hxBtn {
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  background-color: transparent;
  border: 1px solid #367ed4;
  color: #367ed4;
}

.hxBtn > * + *,
a[href].hxBtn > * + * {
  margin-left: 0.5rem;
}

.hxBtn:focus,
a[href].hxBtn:focus {
  outline: none;
}

.hxBtn[disabled],
a[href].hxBtn[disabled] {
  cursor: not-allowed;
}

.hxBtn[disabled]:focus,
a[href].hxBtn[disabled]:focus {
  box-shadow: none;
}

.hxBtn:hover,
a[href].hxBtn:hover {
  background-color: transparent;
  border: 1px solid #0051b7;
  color: #0051b7;
}

.hxBtn:active,
a[href].hxBtn:active {
  background-color: transparent;
  border-color: #003482;
  border-style: solid;
  border-width: 1px;
  color: #003482;
}

.hxBtn:focus,
a[href].hxBtn:focus {
  background-color: transparent;
  border: 1px solid #0051b7;
  color: #0051b7;
}

.hxBtn[disabled],
a[href].hxBtn[disabled] {
  background-color: transparent;
  border: 1px solid #bdbdbd;
  color: #bdbdbd;
}

.hxBtn.hxSm,
a[href].hxBtn.hxSm {
  padding: 0.125rem 0.5rem;
}

.hxBtn.hxLg,
a[href].hxBtn.hxLg {
  font-size: 1rem;
  padding: 1rem;
}

.hxBtn.hxPrimary,
a[href].hxBtn.hxPrimary {
  background-color: #367ed4;
  border: none;
  color: #ffffff;
}

.hxBtn.hxPrimary:hover,
a[href].hxBtn.hxPrimary:hover {
  background-color: #0051b7;
  border: none;
  color: #ffffff;
}

.hxBtn.hxPrimary:active,
a[href].hxBtn.hxPrimary:active {
  background-color: #003482;
  color: #ffffff;
}

.hxBtn.hxPrimary:focus,
a[href].hxBtn.hxPrimary:focus {
  background-color: #0051b7;
  color: #ffffff;
  outline: none;
}

.hxBtn.hxPrimary[disabled],
a[href].hxBtn.hxPrimary[disabled] {
  background-color: #bdbdbd;
  color: #ffffff;
}

.hxBtn.hxTertiary,
a[href].hxBtn.hxTertiary {
  background-color: transparent;
  border: none;
  color: #367ed4;
  padding: 0;
}

.hxBtn.hxTertiary.hxDeprecated,
a[href].hxBtn.hxTertiary.hxDeprecated {
  padding-left: 0;
  padding-right: 0;
}

.hxBtn.hxTertiary:hover,
a[href].hxBtn.hxTertiary:hover {
  background-color: transparent;
  border-color: transparent;
  color: #0051b7;
}

.hxBtn.hxTertiary:active,
a[href].hxBtn.hxTertiary:active {
  background-color: transparent;
  border-color: transparent;
  color: #003482;
}

.hxBtn.hxTertiary:focus,
a[href].hxBtn.hxTertiary:focus {
  background-color: transparent;
  border-color: transparent;
  color: #0051b7;
  outline: none;
}

.hxBtn.hxTertiary[disabled],
a[href].hxBtn.hxTertiary[disabled] {
  background-color: transparent;
  border-color: transparent;
  color: #bdbdbd;
}

.hxButtonBar {
  display: inline-flex;
}

.hxButtonBar > .hxBtn {
  border-radius: 0;
}

.hxButtonBar > .hxBtn:first-child {
  border-radius: 0;
}

.hxButtonBar > .hxBtn:last-child {
  border-radius: 0;
}

.hxButtonBar > .hxBtn + .hxBtn {
  border-left: 0;
}

.hxButtonBar.hxPrimary > .hxBtn {
  background-color: #367ed4;
  border: none;
  color: #ffffff;
}

.hxButtonBar.hxPrimary > .hxBtn:hover {
  background-color: #0051b7;
  border: none;
  color: #ffffff;
}

.hxButtonBar.hxPrimary > .hxBtn:active {
  background-color: #003482;
  color: #ffffff;
}

.hxButtonBar.hxPrimary > .hxBtn:focus {
  background-color: #0051b7;
  color: #ffffff;
  outline: none;
}

.hxButtonBar.hxPrimary > .hxBtn[disabled] {
  background-color: #bdbdbd;
  color: #ffffff;
}

.hxButtonBar.hxPrimary > .hxBtn + .hxBtn {
  border-left: 1px solid currentColor;
}

.hxButtonBar.hxTertiary > .hxBtn {
  background-color: transparent;
  border: none;
  color: #367ed4;
  padding: 0;
}

.hxButtonBar.hxTertiary > .hxBtn.hxDeprecated {
  padding-left: 0;
  padding-right: 0;
}

.hxButtonBar.hxTertiary > .hxBtn:hover {
  background-color: transparent;
  border-color: transparent;
  color: #0051b7;
}

.hxButtonBar.hxTertiary > .hxBtn:active {
  background-color: transparent;
  border-color: transparent;
  color: #003482;
}

.hxButtonBar.hxTertiary > .hxBtn:focus {
  background-color: transparent;
  border-color: transparent;
  color: #0051b7;
  outline: none;
}

.hxButtonBar.hxTertiary > .hxBtn[disabled] {
  background-color: transparent;
  border-color: transparent;
  color: #bdbdbd;
}

.hxButtonBar.hxTertiary > .hxBtn + .hxBtn {
  margin-left: 1.25rem;
}

.hxButtonBar.hxLg > .hxBtn {
  font-size: 1rem;
  padding: 1rem;
}

.hxButtonBar.hxSm > .hxBtn {
  padding: 0.125rem 0.5rem;
}

.hxButtonSet {
  display: flex;
}

.hxButtonSet > .hxBtn + .hxBtn {
  margin-left: 1rem;
}

.hxButtonSet > .hxBtn + .hxBtn + .hxTertiary {
  padding: 0.56rem 0 0.43rem;
}

.hxBtn.hxCog {
  border: none;
  padding: 0.25rem;
}

.hxBtn.hxCog hx-icon {
  color: #424242;
  height: 1rem;
  width: 1rem;
}

.hxBtn.hxCog:active, .hxBtn.hxCog:hover {
  background-color: transparent;
}

.hxBtn.hxCog:active hx-icon, .hxBtn.hxCog:hover hx-icon {
  color: #757575;
}

.hxBtn.hxCog:focus {
  box-shadow: 0 0 4px 0 rgba(54, 126, 212, 0.5);
  outline: none;
}

.hxBtn.hxCog[disabled] hx-icon {
  color: #bdbdbd;
}

.hxBtnGroup {
  display: inline-flex;
}

.hxBtnGroup > .hxBtn {
  border-radius: 0;
}

.hxBtnGroup > .hxBtn:first-child {
  border-radius: 0;
}

.hxBtnGroup > .hxBtn:last-child {
  border-radius: 0;
}

.hxBtnGroup > .hxBtn + .hxBtn {
  border-left: 0;
}

.hxBtnGroup.hxPrimary > .hxBtn {
  background-color: #367ed4;
  border: none;
  color: #ffffff;
}

.hxBtnGroup.hxPrimary > .hxBtn:hover {
  background-color: #0051b7;
  border: none;
  color: #ffffff;
}

.hxBtnGroup.hxPrimary > .hxBtn:active {
  background-color: #003482;
  color: #ffffff;
}

.hxBtnGroup.hxPrimary > .hxBtn:focus {
  background-color: #0051b7;
  color: #ffffff;
  outline: none;
}

.hxBtnGroup.hxPrimary > .hxBtn[disabled] {
  background-color: #bdbdbd;
  color: #ffffff;
}

.hxBtnGroup.hxPrimary > .hxBtn + .hxBtn {
  border-left: 1px solid currentColor;
}

.hxBtnGroup.hxTertiary > .hxBtn {
  background-color: transparent;
  border: none;
  color: #367ed4;
  padding: 0;
}

.hxBtnGroup.hxTertiary > .hxBtn.hxDeprecated {
  padding-left: 0;
  padding-right: 0;
}

.hxBtnGroup.hxTertiary > .hxBtn:hover {
  background-color: transparent;
  border-color: transparent;
  color: #0051b7;
}

.hxBtnGroup.hxTertiary > .hxBtn:active {
  background-color: transparent;
  border-color: transparent;
  color: #003482;
}

.hxBtnGroup.hxTertiary > .hxBtn:focus {
  background-color: transparent;
  border-color: transparent;
  color: #0051b7;
  outline: none;
}

.hxBtnGroup.hxTertiary > .hxBtn[disabled] {
  background-color: transparent;
  border-color: transparent;
  color: #bdbdbd;
}

.hxBtnGroup.hxTertiary > .hxBtn + .hxBtn {
  margin-left: 1.25rem;
}

.hxBtnGroup.hxLg > .hxBtn {
  font-size: 1rem;
  padding: 1rem;
}

.hxBtnGroup.hxSm > .hxBtn {
  padding: 0.125rem 0.5rem;
}

.hxBtn--primary {
  background-color: #367ed4;
  border: none;
  color: #ffffff;
}

.hxBtn--primary:hover {
  background-color: #0051b7;
  border: none;
  color: #ffffff;
}

.hxBtn--primary:active {
  background-color: #003482;
  color: #ffffff;
}

.hxBtn--primary:focus {
  background-color: #0051b7;
  color: #ffffff;
  outline: none;
}

.hxBtn--primary[disabled] {
  background-color: #bdbdbd;
  color: #ffffff;
}

.hxBtn.hxLink,
.hxBtn--link {
  background-color: transparent;
  border: none;
  color: #367ed4;
  padding: 0;
}

.hxBtn.hxLink.hxDeprecated,
.hxBtn--link.hxDeprecated {
  padding-left: 0;
  padding-right: 0;
}

.hxBtn.hxLink:hover,
.hxBtn--link:hover {
  background-color: transparent;
  border-color: transparent;
  color: #0051b7;
}

.hxBtn.hxLink:active,
.hxBtn--link:active {
  background-color: transparent;
  border-color: transparent;
  color: #003482;
}

.hxBtn.hxLink:focus,
.hxBtn--link:focus {
  background-color: transparent;
  border-color: transparent;
  color: #0051b7;
  outline: none;
}

.hxBtn.hxLink[disabled],
.hxBtn--link[disabled] {
  background-color: transparent;
  border-color: transparent;
  color: #bdbdbd;
}

.hxBtn--sm {
  padding: 0.125rem 0.5rem;
}

.hxBtn--lg {
  font-size: 1rem;
  padding: 1rem;
}

.hxBtnGroup.hxLink > .hxBtn {
  background-color: transparent;
  border: none;
  color: #367ed4;
  padding: 0;
}

.hxBtnGroup.hxLink > .hxBtn.hxDeprecated {
  padding-left: 0;
  padding-right: 0;
}

.hxBtnGroup.hxLink > .hxBtn:hover {
  background-color: transparent;
  border-color: transparent;
  color: #0051b7;
}

.hxBtnGroup.hxLink > .hxBtn:active {
  background-color: transparent;
  border-color: transparent;
  color: #003482;
}

.hxBtnGroup.hxLink > .hxBtn:focus {
  background-color: transparent;
  border-color: transparent;
  color: #0051b7;
  outline: none;
}

.hxBtnGroup.hxLink > .hxBtn[disabled] {
  background-color: transparent;
  border-color: transparent;
  color: #bdbdbd;
}

hx-checkbox {
  display: inline-block;
  height: 1rem;
  width: 1rem;
}

hx-checkbox-control {
  -ms-grid-column-align: start;
  -ms-grid-columns: auto 1fr;
  -ms-grid-rows: auto auto;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "ctrl lbl" ".    help";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  justify-items: start;
}

hx-checkbox-control > * {
  margin: 0;
}

hx-checkbox-control > label {
  font-size: 1rem;
  color: #333333;
  color: var(--hxCheckbox-label-color, #333333);
  font-weight: 400;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: lbl;
  align-items: center;
  -ms-grid-columns: auto 1fr;
  -ms-grid-rows: auto;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "facade .";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-gap: 0.5rem;
  padding: 0;
}

hx-checkbox-control > label > hx-checkbox {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  display: none;
  grid-area: facade;
}

hx-checkbox-control > p {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  grid-area: help;
}

hx-checkbox-control > input[type="checkbox"] {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  display: inline-block;
  grid-area: ctrl;
  height: 1rem;
  margin: 0.25rem 0.5rem 0 0;
  width: 1rem;
}

hx-checkbox-control > input[type="checkbox"]::-ms-check {
  box-sizing: border-box;
  display: block;
}

hx-checkbox {
  background-color: #ffffff;
  background-color: var(--hxCheckbox-bgcolor, #ffffff);
  border-color: #bdbdbd;
  border-color: var(--hxCheckbox-border-color, #bdbdbd);
  border-style: solid;
  border-width: 1px;
}

hx-checkbox-control > p {
  color: #757575;
  font-size: 0.75rem;
}

hx-checkbox-control > input[type="checkbox"] {
  color: #bdbdbd;
  color: var(--hxCheckbox-color, #bdbdbd);
}

hx-checkbox-control > input[type="checkbox"]::-ms-check {
  background-color: #ffffff;
  background-color: var(--hxCheckbox-bgcolor, #ffffff);
  border-color: currentColor;
  border-style: solid;
  border-width: 1px;
  color: inherit;
}

hx-checkbox-control > input[type="checkbox"]:focus {
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-checkbox-control > input[type="checkbox"]:focus::-ms-check {
  border-color: #0051b7;
  border-color: var(--hxCheckbox-focus-bordercolor, #0051b7);
}

hx-checkbox-control > input[type="checkbox"]:focus ~ label > hx-checkbox {
  border-color: #003482;
  border-color: var(--hxCheckbox-bordercolor-focus, #003482);
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-checkbox-control > input[type="checkbox"]:hover {
  color: #0051b7;
  color: var(--hxCheckbox-hover-color, #0051b7);
}

hx-checkbox-control > input[type="checkbox"]:hover::-ms-check {
  background-color: #ffffff;
  background-color: var(--hxCheckbox-pristine-hover-ie-bgcolor, #ffffff);
  border-color: #0051b7;
  border-color: var(--hxCheckbox-pristine-hover-ie-border-color, #0051b7);
  color: #0051b7;
  color: var(--hxCheckbox-pristine-checkbox-hover-ie-color, #0051b7);
}

hx-checkbox-control > input[type="checkbox"] ~ label > hx-checkbox:hover {
  background-color: #ffffff;
  background-color: var(--hxCheckbox-hover-bgcolor, #ffffff);
  border-color: #0051b7;
  border-color: var(--hxCheckbox-hover-bordercolor, #0051b7);
  color: #0051b7;
  color: var(--hxCheckbox-hover-color, #0051b7);
}

hx-checkbox-control > input[type="checkbox"]:checked ~ label > hx-checkbox {
  --hxMinus-display: none;
  --hxTick-display: block;
}

hx-checkbox-control > input[type="checkbox"]:indeterminate ~ label > hx-checkbox {
  --hxMinus-display: block;
  --hxTick-display: none;
}

hx-checkbox-control > input[type="checkbox"]:checked, hx-checkbox-control > input[type="checkbox"]:indeterminate {
  color: #0051b7;
  color: var(--hxCheckbox-indeterminate-color, #0051b7);
}

hx-checkbox-control > input[type="checkbox"]:checked ~ label > hx-checkbox, hx-checkbox-control > input[type="checkbox"]:indeterminate ~ label > hx-checkbox {
  background-color: #0051b7;
  background-color: var(--hxCheckbox-indeter-label-bgcolor, #0051b7);
  border-color: #0051b7;
  border-color: var(--hxCheckbox-indeterminate-label-bordercolor, #0051b7);
  color: #ffffff;
  color: var(--hxCheckbox-indeterminate-label-color, #ffffff);
}

hx-checkbox-control[hx-dirty] > input[type="checkbox"]:invalid,
hx-checkbox-control.hxInvalid > input[type="checkbox"]:enabled {
  color: #d6251f;
  color: var(--hxCheckbox-invalid-color, #d6251f);
  background-color: #fddcdc;
  background-color: var(--hxCheckbox-invalid-bgcolor, #fddcdc);
}

hx-checkbox-control[hx-dirty] > input[type="checkbox"]:invalid::-ms-check,
hx-checkbox-control.hxInvalid > input[type="checkbox"]:enabled::-ms-check {
  border-width: 1px;
  border-color: #d6251f !important;
  border-color: var(--hxCheckbox-invalid-ie-border-color, #d6251f) !important;
  color: #d6251f !important;
  color: var(--hxCheckbox-invalid-ie-color, #d6251f) !important;
}

hx-checkbox-control[hx-dirty] > input[type="checkbox"]:invalid:focus,
hx-checkbox-control.hxInvalid > input[type="checkbox"]:enabled:focus {
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

hx-checkbox-control[hx-dirty] > input[type="checkbox"]:invalid:focus::-ms-check,
hx-checkbox-control.hxInvalid > input[type="checkbox"]:enabled:focus::-ms-check {
  border-color: #d6251f;
  border-color: var(--hxCheckbox-invalid-bordercolor, #d6251f);
}

hx-checkbox-control[hx-dirty] > input[type="checkbox"]:invalid:focus ~ label > hx-checkbox,
hx-checkbox-control.hxInvalid > input[type="checkbox"]:enabled:focus ~ label > hx-checkbox {
  border-color: #d6251f;
  border-color: var(--hxCheckbox-invalid-bordercolor, #d6251f);
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

hx-checkbox-control[hx-dirty] > input[type="checkbox"]:invalid ~ label > hx-checkbox,
hx-checkbox-control.hxInvalid > input[type="checkbox"]:enabled ~ label > hx-checkbox {
  border: 1px solid #d6251f;
  border: 1px solid var(--hxCheckbox-invalid-border, #d6251f);
  color: #d6251f;
  color: var(--hxCheckbox-invalid-color, #d6251f);
}

hx-checkbox-control[hx-dirty] > input[type="checkbox"]:invalid ~ label > hx-checkbox:hover,
hx-checkbox-control.hxInvalid > input[type="checkbox"]:enabled ~ label > hx-checkbox:hover {
  border-color: #d6251f;
  border-color: var(--hxCheckbox-invalid-hover-bordercolor, #d6251f);
  color: #d6251f;
  color: var(--hxCheckbox-invalid-hover-color, #d6251f);
}

hx-checkbox-control[hx-dirty] > input[type="checkbox"]:invalid:checked, hx-checkbox-control[hx-dirty] > input[type="checkbox"]:invalid:indeterminate,
hx-checkbox-control.hxInvalid > input[type="checkbox"]:enabled:checked,
hx-checkbox-control.hxInvalid > input[type="checkbox"]:enabled:indeterminate {
  color: #d6251f;
  color: var(--hxCheckbox-invalid-checked-color, #d6251f);
}

hx-checkbox-control[hx-dirty] > input[type="checkbox"]:invalid:checked ~ label > hx-checkbox, hx-checkbox-control[hx-dirty] > input[type="checkbox"]:invalid:indeterminate ~ label > hx-checkbox,
hx-checkbox-control.hxInvalid > input[type="checkbox"]:enabled:checked ~ label > hx-checkbox,
hx-checkbox-control.hxInvalid > input[type="checkbox"]:enabled:indeterminate ~ label > hx-checkbox {
  background-color: #fddcdc;
  background-color: var(--hxCheckbox-invalid-checked-bgcolor, #fddcdc);
  border-color: #d6251f;
  border-color: var(--hxCheckbox-invalid-checked-label-bordercolor, #d6251f);
}

hx-checkbox-control > input[type="checkbox"]:disabled {
  cursor: not-allowed;
}

hx-checkbox-control > input[type="checkbox"]:disabled::-ms-check {
  background-color: #ffffff !important;
  background-color: var(--hxCheckbox-disabled-ie-bgcolor, #ffffff);
  border-color: #bdbdbd;
  border-color: var(--hxCheckbox-disabled-ie-border-color, #bdbdbd);
  border-width: 1px;
  color: #bdbdbd;
  color: var(--hxCheckbox-disabled-ie-color, #bdbdbd);
}

hx-checkbox-control > input[type="checkbox"]:disabled:focus::-ms-check {
  border-color: #bdbdbd;
  border-color: var(--hxCheckbox-disabled-bordercolor, #bdbdbd);
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-checkbox-control > input[type="checkbox"]:disabled:focus ~ label > hx-checkbox {
  border-color: #bdbdbd;
  border-color: var(--hxCheckbox-disabled-bordercolor, #bdbdbd);
}

hx-checkbox-control > input[type="checkbox"]:disabled:hover::-ms-check {
  background-color: #ffffff;
  background-color: var(--hxCheckbox-disabled-hover-bgcolor, #ffffff);
  border-color: #bdbdbd;
  border-color: var(--hxCheckbox-disabled-hover-border-color, #bdbdbd);
  color: #bdbdbd;
  color: var(--hxCheckbox-disabled-hover-color, #bdbdbd);
}

hx-checkbox-control > input[type="checkbox"]:disabled ~ label {
  color: #9e9e9e;
  color: var(--hxCheckbox-disabled-label-color, #9e9e9e);
}

hx-checkbox-control > input[type="checkbox"]:disabled ~ label > hx-checkbox {
  border-width: 1px;
  cursor: not-allowed;
}

hx-checkbox-control > input[type="checkbox"]:disabled ~ label > hx-checkbox, hx-checkbox-control > input[type="checkbox"]:disabled ~ label > hx-checkbox:hover {
  background-color: #ffffff;
  background-color: var(--hxCheckbox-disabled-hover-bgcolor, #ffffff);
  border-color: #bdbdbd;
  border-color: var(--hxCheckbox-disabled-hover-bordercolor, #bdbdbd);
}

hx-checkbox-control > input[type="checkbox"]:indeterminate:disabled ~ label > hx-checkbox,
hx-checkbox-control > input[type="checkbox"]:checked:disabled ~ label > hx-checkbox {
  background-color: #bdbdbd;
  background-color: var(--hxCheckbox-disabled-label-bgcolor, #bdbdbd);
  border-color: #bdbdbd;
  border-color: var(--hxCheckbox-disabled-checked-label-bordercolor, #bdbdbd);
  color: #ffffff;
  color: var(--hxCheckbox-disabled-checked-label-color, #ffffff);
}

@supports (--modern: true) {
  hx-checkbox-control {
    position: relative;
  }
  hx-checkbox-control > label > hx-checkbox {
    display: inline-block;
  }
  hx-checkbox-control > p {
    margin-left: 1.5rem;
  }
  hx-checkbox-control > input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    box-shadow: none;
    height: 1px;
    margin: -1px;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    z-index: -10;
  }
  hx-checkbox-control > input[type="checkbox"]::-ms-check {
    display: none;
  }
}

hx-tile {
  padding: 1.25rem;
  display: inline-block;
  height: 100%;
  position: relative;
  text-align: center;
  width: 100%;
}

hx-tile > header {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0;
  color: #757575;
  color: var(--hxChoiceTile-header-color, #757575);
  line-height: 1.5rem;
  text-align: center;
}

hx-tile > p {
  font-size: 0.75rem;
  color: #757575;
  color: var(--hxChoiceTile-tile-paragraph-color, #757575);
}

hx-tile.hxSm {
  padding: 0.75rem;
}

hx-tile.hxSm > p {
  display: none;
}

hx-tile.hxSm hx-icon[type="checkmark"] {
  right: 0.75rem;
  top: 0.75rem;
}

hx-tile.hxLg {
  padding: 1.75rem;
}

hx-tile.hxLg hx-icon[type="checkmark"] {
  right: 1.75rem;
  top: 1.75rem;
}

hx-tile.hxSlim {
  height: 4rem;
  width: 13.813rem;
  padding: 0.75rem;
}

hx-tile.hxSlim .hx-tile-icon, hx-tile.hxSlim > p {
  display: none;
}

hx-tile.hxSlim hx-icon[type="checkmark"] {
  right: 0.75rem;
  top: 0.75rem;
}

hx-tile > header + *,
hx-tile .hx-tile-icon + * {
  margin-top: 0.5rem;
}

hx-tile .hx-tile-icon hx-icon {
  font-size: 1.75rem;
}

hx-tile hx-icon[type="checkmark"] {
  display: none;
  font-size: 1rem;
  right: 1.25rem;
  top: 1.25rem;
}

hx-tile.hxSubdued {
  opacity: 0.7;
}

hx-tile.hxSubdued:hover {
  opacity: 1;
}

.hxRow > label.hxChoice {
  flex-grow: 1;
  margin: 0 0 20px;
  min-width: 0;
  padding: 0 10px;
}

label.hxChoice {
  position: relative;
}

label.hxChoice > input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  box-shadow: none;
  height: 1px;
  margin: -1px;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  z-index: -10;
}

label.hxChoice > input::-moz-focus-inner {
  border: 0;
  outline: none;
}

label.hxChoice > input:focus {
  outline: none;
}

label.hxChoice > input:checked + hx-tile hx-icon[type="checkmark"] {
  display: block;
  position: absolute;
}

label.hxChoice > input + hx-tile:hover.hxSubdued,
label.hxChoice > input[disabled] + hx-tile.hxSubdued,
label.hxChoice > input[invalid] + hx-tile.hxSubdued {
  opacity: 1;
}

label.hxChoice > input + hx-tile {
  background-color: #ffffff;
  background-color: var(--hxChoiceTile-input-bgcolor, #ffffff);
  border: solid 1px #d8d8d8;
  border: solid 1px var(--hxChoiceTile-input-hxTile-bordercolor, #d8d8d8);
  color: #424242;
  color: var(--hxChoiceTile-input-color, #424242);
  cursor: pointer;
}

label.hxChoice > input + hx-tile .hx-tile-icon {
  color: #d8d8d8;
  color: var(--hxChoiceTile-hxTile-color, #d8d8d8);
}

label.hxChoice > input + hx-tile:hover {
  background-color: #ffffff;
  background-color: var(--hxChoiceTile-hover-bgcolor, #ffffff);
  border: 1px solid #7d0572;
  border: 1px solid var(--hxChoiceTile-hover-bordercolor, #7d0572);
}

label.hxChoice > input + hx-tile:hover > header {
  color: #7d0572;
  color: var(--hxChoiceTile-hover-header-color, #7d0572);
}

label.hxChoice > input + hx-tile:hover > p {
  color: #333333;
  color: var(--hxChoiceTile-hover-paragraph-color, #333333);
}

label.hxChoice > input + hx-tile:hover .hx-tile-icon {
  color: #7d0572;
  color: var(--hxChoiceTile-hover-hxTileIcon-color, #7d0572);
}

label.hxChoice > input:focus + hx-tile {
  box-shadow: 0 0 4px rgba(125, 5, 114, 0.5);
}

label.hxChoice > input:checked + hx-tile {
  border: 1px solid #ad3da5;
  border: 1px solid var(--hxChoiceTile-inputChecked-bordercolor, #ad3da5);
  color: #ffffff;
  color: var(--hxChoiceTile-inputChecked-color, #ffffff);
}

label.hxChoice > input:checked + hx-tile > hx-icon {
  color: #ad3da5;
  color: var(--hxChoiceTile-inputChecked-hxicon-color, #ad3da5);
}

label.hxChoice > input:checked + hx-tile .hx-tile-icon {
  color: #ad3da5;
  color: var(--hxChoiceTile-checked-hxTile-color, #ad3da5);
}

label.hxChoice > input:checked + hx-tile > header {
  color: #ad3da5;
  color: var(--hxChoiceTile-checked-hxTile-header-color, #ad3da5);
}

label.hxChoice > input:checked + hx-tile > p {
  color: #333333;
  color: var(--hxChoiceTile-checked-paragraph-color, #333333);
}

label.hxChoice > input:checked + hx-tile hx-tile-description {
  color: #424242;
  color: var(--hxChoiceTile-checked-description-color, #424242);
}

label.hxChoice > input[invalid] + hx-tile {
  border-color: #d6251f;
  border-color: var(--hxChoiceTile-invalid-bordercolor, #d6251f);
  border-width: 2px;
  color: #d6251f;
  color: var(--hxChoiceTile-invalid-color, #d6251f);
}

label.hxChoice > input[invalid] + hx-tile .hx-tile-icon {
  color: #d6251f;
  color: var(--hxChoiceTile-invalid-hxTileIcon-color, #d6251f);
}

label.hxChoice > input[invalid] + hx-tile > p {
  color: #424242;
  color: var(--hxChoiceTile-invalid-paragraph-color, #424242);
}

label.hxChoice > input[invalid] + hx-tile hx-tile-description {
  color: #424242;
  color: var(--hxChoiceTile-invalid-description-color, #424242);
}

label.hxChoice > input[invalid] + hx-tile .hx-tile-icon {
  color: inherit;
}

label.hxChoice > input[invalid] + hx-tile > header {
  color: inherit;
}

label.hxChoice > input[invalid] + hx-tile hx-icon[type="checkmark"] {
  color: inherit;
}

label.hxChoice > input[invalid] + hx-tile:hover {
  background-color: #fddcdc;
  background-color: var(--hxChoiceTile-invalid-hover-bgcolor, #fddcdc);
  border-color: #d6251f;
  border-color: var(--hxChoiceTile-invalid-hover-borderColor, #d6251f);
  color: #424242;
  color: var(--hxChoiceTile-invalid-hover-color, #424242);
}

label.hxChoice > input[invalid] + hx-tile:hover > header {
  color: inherit;
}

label.hxChoice > input[invalid] + hx-tile:hover .hx-tile-icon {
  color: #d6251f;
  color: var(--hxChoiceTile-invalid-hxTileIcon-color, #d6251f);
}

label.hxChoice > input[invalid]:focus + hx-tile {
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

label.hxChoice > input[invalid]:focus + hx-tile .hx-tile-icon {
  color: #d6251f;
  color: var(--hxChoiceTile-invalid-hxTileIcon-color, #d6251f);
}

label.hxChoice > input[disabled] + hx-tile,
label.hxChoice > input[disabled] + hx-tile:hover {
  background-color: #ffffff;
  background-color: var(--hxChoiceTile-disabled-bgcolor, #ffffff);
  border-color: #d8d8d8;
  border-color: var(--hxChoiceTile-disabled-bordercolor, #d8d8d8);
  border-width: 1px;
  color: #bdbdbd;
  color: var(--hxChoiceTile-disabled-color, #bdbdbd);
  cursor: not-allowed;
}

label.hxChoice > input[disabled] + hx-tile > header,
label.hxChoice > input[disabled] + hx-tile:hover > header {
  color: inherit;
}

label.hxChoice > input[disabled] + hx-tile > p,
label.hxChoice > input[disabled] + hx-tile:hover > p {
  color: #bdbdbd;
  color: var(--hxChoiceTile-disabled-paragraph-color, #bdbdbd);
}

label.hxChoice > input[disabled] + hx-tile hx-tile-description,
label.hxChoice > input[disabled] + hx-tile:hover hx-tile-description {
  color: #bdbdbd;
  color: var(--hxChoiceTile-disabled-description-color, #bdbdbd);
}

label.hxChoice > input[disabled] + hx-tile > header,
label.hxChoice > input[disabled] + hx-tile:hover > header {
  color: #bdbdbd;
  color: var(--hxChoiceTile-disabled-header-color, #bdbdbd);
}

label.hxChoice > input[disabled] + hx-tile hx-icon,
label.hxChoice > input[disabled] + hx-tile:hover hx-icon {
  color: #d8d8d8;
  color: var(--hxChoiceTile-disabled-hxIcon-color, #d8d8d8);
}

hx-tile-description {
  display: block;
  font-size: 0.75rem;
}

hx-tile-title {
  display: block;
  font-size: 1rem;
  font-weight: 700;
}

hx-tile {
  position: relative;
}

hx-tile hx-tile-title {
  margin-bottom: 0;
}

hx-tile.hxSm hx-tile-description {
  display: none;
}

hx-tile hx-tile-title + * {
  margin-top: 0.5rem;
}

hx-drawer, hx-menu, hx-modal, hx-popover, hx-search-assistance, hx-tooltip {
  color: #424242;
  font-family: "Open Sans", "Roboto", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
}

hx-drawer:not([hx-defined]) {
  display: none;
}

hx-drawer {
  background-color: var(--hxDrawer-bgcolor, #eeeeee);
  display: block;
  height: 0;
  padding: 0;
  position: fixed;
  width: 0;
  z-index: 50;
}

#hxDrawer.hx-drawer > *,
hx-drawer > * {
  flex-shrink: 0;
}

#hxDrawer.hx-drawer > header,
hx-drawer > header {
  font-size: 1.25rem;
  order: 1;
  padding: 0.75rem 2.75rem 0.75rem 0.75rem;
}

#hxDrawer.hx-drawer > header > *,
hx-drawer > header > * {
  font-size: inherit;
}

#hxDrawer.hx-drawer > hx-alert,
hx-drawer > hx-alert {
  order: 2;
}

#hxDrawer.hx-drawer > hx-div,
hx-drawer > hx-div {
  background-color: var(--hxDrawer-hxdiv-bgcolor, #ffffff);
  border-top: 1px solid var(--hxDrawer-hxdiv-border-top, #d8d8d8);
  flex-grow: 1;
  flex-shrink: 1;
  order: 3;
  overflow-y: auto;
}

#hxDrawer.hx-drawer > footer,
hx-drawer > footer {
  background-color: var(--hxDrawer-footer-bgcolor, #ffffff);
  border-top: 1px solid var(--hxDrawer-footer-border-top, #d8d8d8);
  flex-grow: 9999;
  order: 4;
  padding: 0.75rem;
}

hx-select {
  display: block;
  pointer-events: none;
}

hx-select-control > select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
}

hx-select-control > select:-moz-ui-invalid {
  box-shadow: none;
  border: 0;
  outline: 0;
}

hx-select-control > select::-ms-value {
  background-color: transparent;
  color: inherit;
  padding: 0;
}

hx-select-control > select::-ms-expand {
  background-color: transparent;
  border: 0;
  color: inherit;
  margin: 0;
}

hx-select-control {
  -ms-grid-columns: 1fr;
  -ms-grid-rows: auto 2rem;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "label" "control";
  grid-template-columns: 1fr;
  grid-template-rows: auto 2rem;
}

hx-select-control > * {
  display: none;
}

hx-select-control > label {
  -ms-grid-column-align: start;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  display: block;
  grid-area: label;
  justify-self: start;
}

hx-select-control > select,
hx-select-control > hx-select {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  border-radius: 2px;
  display: block;
  grid-area: control;
  margin: 0;
}

hx-select-control > select {
  border: none;
  padding-left: 0.75rem;
  width: 100%;
}

hx-select-control > select::-ms-expand {
  padding: 0 0.75rem;
}

hx-select-control > select {
  background-color: var(--hxDropdown-hxSelect-unfocused-backgroundColor, #ffffff);
  color: var(--hxDropdown-hxSelect-unfocused-color, #424242);
}

hx-select-control > select ~ label {
  color: #333333;
  font-size: 1rem;
  font-weight: 600;
}

hx-select-control > select ~ hx-select {
  border: 1px solid var(--hxDropdown-hxSelect-unfocused-borderColor, #bdbdbd);
  color: var(--hxDropdown-hxSelect-color, #424242);
}

hx-select-control > select:focus {
  outline: none;
}

hx-select-control > select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #424242;
}

hx-select-control > select:focus ~ hx-select {
  border: 1px solid var(--hxDropdown-hxSelect-focused-borderColor, #0051b7);
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-select-control > select:disabled {
  background-color: var(--hxDropdown-hxSelect-unfocused-disabled-backgroundColor, #eeeeee);
  color: var(--hxDropdown-hxSelect-unfocused-disabled-color, #757575);
  opacity: 1;
}

hx-select-control > select:disabled ~ label {
  color: #757575;
}

hx-select-control > select:disabled ~ hx-select {
  --hxTrigger-backgroundColor: #eeeeee;
  border: 1px solid var(--hxDropdown-hxSelect-disabled-unfocused-borderColor, #bdbdbd);
  color: var(--hxDropdown-hxSelect-disabled-color, #757575);
}

hx-select-control > select:disabled:focus {
  outline: none;
}

hx-select-control > select:disabled:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #424242;
}

hx-select-control > select:disabled:focus ~ hx-select {
  border: 1px solid var(--hxDropdown-hxSelect-disabled-focused-borderColor, #bdbdbd);
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-select-control[hx-dirty] > select:enabled:invalid,
hx-select-control.hxInvalid > select:enabled {
  background-color: var(--hxDropdown-hxSelect-unfocused-invalid-backgroundColor, #ffffff);
  color: var(--hxDropdown-hxSelect-unfocused-invalid-color, #424242);
}

hx-select-control[hx-dirty] > select:enabled:invalid ~ hx-select,
hx-select-control.hxInvalid > select:enabled ~ hx-select {
  border: 2px solid var(--hxDropdown-hxSelect-invalid-unfocused-borderColor, #760300);
  color: var(--hxDropdown-hxSelect-invalid-color, #424242);
}

hx-select-control[hx-dirty] > select:enabled:invalid:focus,
hx-select-control.hxInvalid > select:enabled:focus {
  outline: none;
}

hx-select-control[hx-dirty] > select:enabled:invalid:focus:-moz-focusring,
hx-select-control.hxInvalid > select:enabled:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #424242;
}

hx-select-control[hx-dirty] > select:enabled:invalid:focus ~ hx-select,
hx-select-control.hxInvalid > select:enabled:focus ~ hx-select {
  border: 2px solid var(--hxDropdown-hxSelect-invalid-focused-borderColor, #760300);
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

hx-email-control {
  -ms-grid-columns: auto 1fr auto;
  -ms-grid-rows: auto auto auto auto;
  align-items: center;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "label  label   label" "prefix control suffix" "help   help    help" "error  error   error";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto auto;
}

hx-email-control > * {
  display: none;
}

hx-email-control > label,
hx-email-control > input[type="email"],
hx-email-control > .hxPrefix,
hx-email-control > .hxSuffix,
hx-email-control > p {
  display: block;
}

hx-email-control > label {
  -ms-grid-column-align: start;
  -ms-grid-column-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: label;
  justify-self: start;
}

hx-email-control > input[type="email"] {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  grid-area: control;
  height: 2rem;
  min-width: 8rem;
  padding: 0 0.75rem;
}

hx-email-control > .hxPrefix {
  -ms-grid-column-align: end;
  -ms-grid-column: 1;
  -ms-grid-row-align: center;
  -ms-grid-row: 2;
  grid-area: prefix;
  justify-self: end;
  margin-right: 0.25rem;
}

hx-email-control > .hxSuffix {
  -ms-grid-column-align: start;
  -ms-grid-column: 3;
  -ms-grid-row-align: center;
  -ms-grid-row: 2;
  grid-area: suffix;
  justify-self: start;
  margin-left: 0.25rem;
}

hx-email-control > p,
hx-email-control p.hxHelpText {
  -ms-grid-column-align: start;
  -ms-grid-column-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  grid-area: help;
  justify-self: start;
}

hx-email-control > p.hxErrorText {
  -ms-grid-column-align: start;
  -ms-grid-column-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 4;
  grid-area: error;
  justify-self: start;
}

hx-email-control > label {
  color: #333333;
  font-size: 1rem;
  font-weight: 600;
}

hx-email-control > input[type="email"] {
  background-color: #ffffff;
  border-radius: 1px;
  border: 1px solid #bdbdbd;
  color: #616161;
  font-family: inherit;
  font-size: 1rem;
}

hx-email-control > input[type="email"]::-moz-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-email-control > input[type="email"]::-ms-input-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-email-control > input[type="email"]::-webkit-input-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-email-control > input[type="email"]::placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-email-control > input[type="email"]:focus {
  border-bottom: 1px solid #0051b7;
  outline: 0;
}

hx-email-control > p,
hx-email-control p.hxHelpText {
  color: #757575;
  font-size: 0.75rem;
}

hx-email-control > p.hxErrorText {
  color: var(--hxemailControl-errorText-color, #d6251f);
  font-size: 0.75rem;
  margin-top: 0;
  width: 100%;
}

hx-email-control[hx-dirty] > input[type="email"]:enabled:invalid,
hx-email-control.hxInvalid > input[type="email"]:enabled {
  border-bottom: 1px solid #d6251f;
}

hx-email-control[hx-dirty] > input[type="email"]:enabled:invalid:focus,
hx-email-control.hxInvalid > input[type="email"]:enabled:focus {
  border-bottom: 1px solid #d6251f;
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

hx-email-control > input[type="email"]:disabled {
  border: 1px solid #bdbdbd;
  background-color: #f5f5f5;
  color: #d8d8d8;
}

hx-email-control > input[type="email"]:disabled::-moz-placeholder {
  color: inherit;
}

hx-email-control > input[type="email"]:disabled::-ms-input-placeholder {
  color: inherit;
}

hx-email-control > input[type="email"]:disabled::-webkit-input-placeholder {
  color: inherit;
}

hx-email-control > input[type="email"]:disabled::placeholder {
  color: inherit;
}

hx-email-control > input[type="email"]:disabled ~ label {
  color: #757575;
}

hx-email-control > input[type="email"]:disabled:focus {
  border: 1px solid #bdbdbd;
}

input:-moz-ui-invalid,
select:-moz-ui-invalid,
textarea:-moz-ui-invalid {
  border: 0;
  box-shadow: none;
  outline: 0;
}

.beta-hxForm fieldset {
  border: none;
  padding: 0;
}

.beta-hxForm input {
  font: inherit;
}

.beta-hxForm input::-ms-clear {
  display: none;
}

.beta-hxForm legend {
  border: none;
  color: inherit;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  padding: 0;
  width: 100%;
}

.beta-hxForm select {
  box-shadow: none;
  border: 0;
  outline: 0;
}

.beta-hxForm textarea {
  font: inherit;
}

*:disabled {
  cursor: not-allowed;
}

.hxPrefix,
.hxInfix,
.hxSuffix {
  font-size: 1rem;
  color: #424242;
}

.beta-hxForm > * {
  margin: 1rem 0;
}

.beta-hxForm > *:first-child {
  margin-top: 0;
}

.beta-hxForm > *:last-child {
  margin-bottom: 0;
}

.beta-hxForm fieldset > * {
  margin: 0.25rem 0;
}

.beta-hxForm fieldset > *:first-child {
  margin-top: 0;
}

.beta-hxForm fieldset > *:last-child {
  margin-bottom: 0;
}

.beta-hxForm fieldset > legend {
  color: #616161;
  font-size: 0.875rem;
}

.beta-hxForm fieldset > label {
  display: block;
  font-size: 1rem;
}

.beta-hxForm select,
.beta-hxForm input[type="range"] {
  display: block;
  width: 100%;
}

.beta-hxFieldName {
  color: #333333;
  font-size: 1rem;
  font-weight: 600;
}

.hxForm.beta > * {
  margin: 1rem 0;
}

.hxForm.beta > *:first-child {
  margin-top: 0;
}

.hxForm.beta > *:last-child {
  margin-bottom: 0;
}

.hxForm.beta fieldset > * {
  margin: 0.25rem 0;
}

.hxForm.beta fieldset > *:first-child {
  margin-top: 0;
}

.hxForm.beta fieldset > *:last-child {
  margin-bottom: 0;
}

.hxForm.beta fieldset > legend {
  color: #616161;
  font-size: 0.875rem;
}

.hxForm.beta fieldset > label {
  display: block;
  font-size: 1rem;
}

.hxForm.beta select,
.hxForm.beta input[type="range"] {
  display: block;
  width: 100%;
}

form.hxForm.beta > header {
  background-color: 1px solid #f5f5f5;
  border-color: #eeeeee;
  border-style: solid;
  border-width: 0 0 1px;
  padding: 2rem;
  border-bottom: 1px solid #eeeeee;
}

form.hxForm.beta > section > header {
  border-top: 1px solid;
  border-color: #eeeeee;
}

form.hxForm.beta > footer {
  background: transparent;
  border-top: 1px solid;
  border-color: #eeeeee;
}

.hxRequired {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbD0iI0QzMkYyRiIgZD0iTTUuNjU4IDguOTQxTDAgNy4zM2wxLjA2My0zLjI3NiA1LjYwNCAyLjI2M0w2LjMwNiAwaDMuNTMybC0uMzYxIDYuNDQzIDUuNDYtMi4yMjZMMTYgNy41MjkgMTAuMjM0IDkuMTRsMy43ODQgNC44MTVMMTEuMTUzIDE2bC0zLjI3OS01LjI4NS0zLjI0MyA1LjEwNC0yLjg2NS0xLjk1NXoiLz4KPC9zdmc+Cg==");
  background-position: 0 25%;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  margin-left: -12px;
  padding-left: 12px;
}

.hxOptional::after {
  color: #757575;
  content: " (optional)";
}

.hxTextCtrl {
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #bdbdbd;
  color: #424242;
  display: block;
  font-size: 1rem;
  height: 2rem;
  padding: 0 0.75rem;
  width: 100%;
}

.hxTextCtrl::-moz-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

.hxTextCtrl::-ms-input-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

.hxTextCtrl::-webkit-input-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

.hxTextCtrl::placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

.hxTextCtrl textarea {
  min-height: 5.75rem;
  resize: vertical;
  padding: 0.5rem;
}

.hxTextCtrl:focus {
  border-color: #0051b7;
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
  outline: 0;
}

.hxTextCtrl:focus[invalid] {
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

.hxTextCtrl[invalid] {
  border: 2px solid #d6251f;
}

.hxTextCtrl[disabled] {
  background-color: #f5f5f5;
  border-color: #e0e0e0;
  border-width: 1px;
  color: #d8d8d8;
  cursor: not-allowed;
  resize: none;
}

.hxTextCtrl[disabled]::-moz-placeholder {
  color: inherit;
}

.hxTextCtrl[disabled]::-ms-input-placeholder {
  color: inherit;
}

.hxTextCtrl[disabled]::-webkit-input-placeholder {
  color: inherit;
}

.hxTextCtrl[disabled]::placeholder {
  color: inherit;
}

hx-drop-fence {
  padding: 1.25rem;
  border: 1px dashed #9e9e9e;
  border: 1px dashed var(--hxFile-hxDropFence-border, #9e9e9e);
  display: block;
  font-size: 0.875rem;
  text-align: center;
}

hx-drop-zone {
  display: block;
  min-height: 0;
  padding: 0 !important;
  position: relative;
}

hx-drop-zone::after {
  border: 4px dashed #367ed4;
  border: 4px dashed var(--hxFile-hxDropZone-after-border, #367ed4);
  content: "";
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

hx-drop-zone[drag]::after {
  display: block;
}

hx-drop-zone[drag="over"]::after {
  background-color: rgba(255, 255, 255, 0.6);
  border-style: solid;
}

hx-file-control {
  position: relative;
}

hx-file-control > * {
  margin: 0;
}

hx-file-control > label {
  display: inline-block;
  padding: 0;
}

hx-file-control > input[type="file"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  box-shadow: none;
  height: 1px;
  margin: -1px;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  z-index: -10;
  background: none;
}

hx-file-control > input[type="file"]::-ms-browse, hx-file-control > input[type="file"]::-ms-value {
  opacity: 0.01;
}

hx-file-control > input[type="file"]:focus ~ label > hx-file-input {
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-file-control > input[type="file"]:active ~ label > hx-file-input.hxBtn {
  background-color: transparent;
  border-color: #003482;
  border-style: solid;
  border-width: 1px;
  color: #003482;
}

hx-file-control > input[type="file"]:active ~ label > hx-file-input.hxBtn.hxPrimary {
  background-color: #003482;
  color: #ffffff;
}

hx-file-control > input[type="file"]:active ~ label > hx-file-input.hxBtn.hxTertiary {
  background-color: transparent;
  border-color: transparent;
  color: #003482;
}

hx-file-control > input[type="file"]:disabled ~ label {
  color: #757575;
  color: var(--hxFile-hxFileControl-disabled-label-color, #757575);
}

hx-file-control > input[type="file"]:disabled ~ label > hx-file-input {
  cursor: not-allowed;
}

hx-file-control > input[type="file"]:disabled ~ label > hx-file-input.hxBtn {
  background-color: transparent;
  border: 1px solid #bdbdbd;
  color: #bdbdbd;
}

hx-file-control > input[type="file"]:disabled ~ label > hx-file-input.hxBtn.hxPrimary {
  background-color: #bdbdbd;
  color: #ffffff;
}

hx-file-control > input[type="file"]:disabled ~ label > hx-file-input.hxBtn.hxTertiary {
  background-color: transparent;
  border-color: transparent;
  color: #bdbdbd;
}

hx-file-icon {
  display: inline-block;
}

hx-file-tile {
  background-color: #f5f5f5;
  background-color: var(--hxFile-hxFileTile-bgcolor, #f5f5f5);
  border-radius: 2px;
  border: 2px solid transparent;
  color: #424242;
  color: var(--hxFile-hxFileTile-color, #424242);
  display: block;
  height: 3.75rem;
  width: 25rem;
}

hx-file-tile[progress] {
  color: #9e9e9e;
  color: var(--hxFile-hxFileTile-progress-color, #9e9e9e);
}

hx-file-tile[invalid] {
  border-color: #d6251f;
  border-color: var(--hxFile-hxFileTile-invalid-border-color, #d6251f);
}

@media (min-width: 0em) {
  .hxSpan-1-xs, .hxSpan-1 {
    flex: 0 0 8.3333%;
    max-width: 8.3333%;
  }
  .hxSpan-2-xs, .hxSpan-2 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }
  .hxSpan-3-xs, .hxSpan-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hxSpan-4-xs, .hxSpan-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .hxSpan-5-xs, .hxSpan-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }
  .hxSpan-6-xs, .hxSpan-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hxSpan-7-xs, .hxSpan-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }
  .hxSpan-8-xs, .hxSpan-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }
  .hxSpan-9-xs, .hxSpan-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .hxSpan-10-xs, .hxSpan-10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }
  .hxSpan-11-xs, .hxSpan-11 {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }
  .hxSpan-12-xs, .hxSpan-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hxOffset-1-xs, .hxOffset-1 {
    margin-left: 8.3333% !important;
  }
  .hxOffset-2-xs, .hxOffset-2 {
    margin-left: 16.6667% !important;
  }
  .hxOffset-3-xs, .hxOffset-3 {
    margin-left: 25% !important;
  }
  .hxOffset-4-xs, .hxOffset-4 {
    margin-left: 33.3333% !important;
  }
  .hxOffset-5-xs, .hxOffset-5 {
    margin-left: 41.6667% !important;
  }
  .hxOffset-6-xs, .hxOffset-6 {
    margin-left: 50% !important;
  }
  .hxOffset-7-xs, .hxOffset-7 {
    margin-left: 58.3333% !important;
  }
  .hxOffset-8-xs, .hxOffset-8 {
    margin-left: 66.6667% !important;
  }
  .hxOffset-9-xs, .hxOffset-9 {
    margin-left: 75% !important;
  }
  .hxOffset-10-xs, .hxOffset-10 {
    margin-left: 83.3333% !important;
  }
  .hxOffset-11-xs, .hxOffset-11 {
    margin-left: 91.6667% !important;
  }
  .hxOffset-12-xs, .hxOffset-12 {
    margin-left: 100% !important;
  }
  .hxOrder-1-xs, .hxOrder-1 {
    order: 1;
  }
  .hxOrder-2-xs, .hxOrder-2 {
    order: 2;
  }
  .hxOrder-3-xs, .hxOrder-3 {
    order: 3;
  }
  .hxOrder-4-xs, .hxOrder-4 {
    order: 4;
  }
  .hxOrder-5-xs, .hxOrder-5 {
    order: 5;
  }
  .hxOrder-6-xs, .hxOrder-6 {
    order: 6;
  }
  .hxOrder-7-xs, .hxOrder-7 {
    order: 7;
  }
  .hxOrder-8-xs, .hxOrder-8 {
    order: 8;
  }
  .hxOrder-9-xs, .hxOrder-9 {
    order: 9;
  }
  .hxOrder-10-xs, .hxOrder-10 {
    order: 10;
  }
  .hxOrder-11-xs, .hxOrder-11 {
    order: 11;
  }
  .hxOrder-12-xs, .hxOrder-12 {
    order: 12;
  }
}

@media (min-width: 40em) {
  .hxSpan-1-sm {
    flex: 0 0 8.3333%;
    max-width: 8.3333%;
  }
  .hxSpan-2-sm {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }
  .hxSpan-3-sm {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hxSpan-4-sm {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .hxSpan-5-sm {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }
  .hxSpan-6-sm {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hxSpan-7-sm {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }
  .hxSpan-8-sm {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }
  .hxSpan-9-sm {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .hxSpan-10-sm {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }
  .hxSpan-11-sm {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }
  .hxSpan-12-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hxOffset-1-sm {
    margin-left: 8.3333% !important;
  }
  .hxOffset-2-sm {
    margin-left: 16.6667% !important;
  }
  .hxOffset-3-sm {
    margin-left: 25% !important;
  }
  .hxOffset-4-sm {
    margin-left: 33.3333% !important;
  }
  .hxOffset-5-sm {
    margin-left: 41.6667% !important;
  }
  .hxOffset-6-sm {
    margin-left: 50% !important;
  }
  .hxOffset-7-sm {
    margin-left: 58.3333% !important;
  }
  .hxOffset-8-sm {
    margin-left: 66.6667% !important;
  }
  .hxOffset-9-sm {
    margin-left: 75% !important;
  }
  .hxOffset-10-sm {
    margin-left: 83.3333% !important;
  }
  .hxOffset-11-sm {
    margin-left: 91.6667% !important;
  }
  .hxOffset-12-sm {
    margin-left: 100% !important;
  }
  .hxOrder-1-sm {
    order: 1;
  }
  .hxOrder-2-sm {
    order: 2;
  }
  .hxOrder-3-sm {
    order: 3;
  }
  .hxOrder-4-sm {
    order: 4;
  }
  .hxOrder-5-sm {
    order: 5;
  }
  .hxOrder-6-sm {
    order: 6;
  }
  .hxOrder-7-sm {
    order: 7;
  }
  .hxOrder-8-sm {
    order: 8;
  }
  .hxOrder-9-sm {
    order: 9;
  }
  .hxOrder-10-sm {
    order: 10;
  }
  .hxOrder-11-sm {
    order: 11;
  }
  .hxOrder-12-sm {
    order: 12;
  }
}

@media (min-width: 64em) {
  .hxSpan-1-md {
    flex: 0 0 8.3333%;
    max-width: 8.3333%;
  }
  .hxSpan-2-md {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }
  .hxSpan-3-md {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hxSpan-4-md {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .hxSpan-5-md {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }
  .hxSpan-6-md {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hxSpan-7-md {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }
  .hxSpan-8-md {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }
  .hxSpan-9-md {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .hxSpan-10-md {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }
  .hxSpan-11-md {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }
  .hxSpan-12-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hxOffset-1-md {
    margin-left: 8.3333% !important;
  }
  .hxOffset-2-md {
    margin-left: 16.6667% !important;
  }
  .hxOffset-3-md {
    margin-left: 25% !important;
  }
  .hxOffset-4-md {
    margin-left: 33.3333% !important;
  }
  .hxOffset-5-md {
    margin-left: 41.6667% !important;
  }
  .hxOffset-6-md {
    margin-left: 50% !important;
  }
  .hxOffset-7-md {
    margin-left: 58.3333% !important;
  }
  .hxOffset-8-md {
    margin-left: 66.6667% !important;
  }
  .hxOffset-9-md {
    margin-left: 75% !important;
  }
  .hxOffset-10-md {
    margin-left: 83.3333% !important;
  }
  .hxOffset-11-md {
    margin-left: 91.6667% !important;
  }
  .hxOffset-12-md {
    margin-left: 100% !important;
  }
  .hxOrder-1-md {
    order: 1;
  }
  .hxOrder-2-md {
    order: 2;
  }
  .hxOrder-3-md {
    order: 3;
  }
  .hxOrder-4-md {
    order: 4;
  }
  .hxOrder-5-md {
    order: 5;
  }
  .hxOrder-6-md {
    order: 6;
  }
  .hxOrder-7-md {
    order: 7;
  }
  .hxOrder-8-md {
    order: 8;
  }
  .hxOrder-9-md {
    order: 9;
  }
  .hxOrder-10-md {
    order: 10;
  }
  .hxOrder-11-md {
    order: 11;
  }
  .hxOrder-12-md {
    order: 12;
  }
}

@media (min-width: 75em) {
  .hxSpan-1-lg {
    flex: 0 0 8.3333%;
    max-width: 8.3333%;
  }
  .hxSpan-2-lg {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }
  .hxSpan-3-lg {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hxSpan-4-lg {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .hxSpan-5-lg {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }
  .hxSpan-6-lg {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hxSpan-7-lg {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }
  .hxSpan-8-lg {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }
  .hxSpan-9-lg {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .hxSpan-10-lg {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }
  .hxSpan-11-lg {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }
  .hxSpan-12-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hxOffset-1-lg {
    margin-left: 8.3333% !important;
  }
  .hxOffset-2-lg {
    margin-left: 16.6667% !important;
  }
  .hxOffset-3-lg {
    margin-left: 25% !important;
  }
  .hxOffset-4-lg {
    margin-left: 33.3333% !important;
  }
  .hxOffset-5-lg {
    margin-left: 41.6667% !important;
  }
  .hxOffset-6-lg {
    margin-left: 50% !important;
  }
  .hxOffset-7-lg {
    margin-left: 58.3333% !important;
  }
  .hxOffset-8-lg {
    margin-left: 66.6667% !important;
  }
  .hxOffset-9-lg {
    margin-left: 75% !important;
  }
  .hxOffset-10-lg {
    margin-left: 83.3333% !important;
  }
  .hxOffset-11-lg {
    margin-left: 91.6667% !important;
  }
  .hxOffset-12-lg {
    margin-left: 100% !important;
  }
  .hxOrder-1-lg {
    order: 1;
  }
  .hxOrder-2-lg {
    order: 2;
  }
  .hxOrder-3-lg {
    order: 3;
  }
  .hxOrder-4-lg {
    order: 4;
  }
  .hxOrder-5-lg {
    order: 5;
  }
  .hxOrder-6-lg {
    order: 6;
  }
  .hxOrder-7-lg {
    order: 7;
  }
  .hxOrder-8-lg {
    order: 8;
  }
  .hxOrder-9-lg {
    order: 9;
  }
  .hxOrder-10-lg {
    order: 10;
  }
  .hxOrder-11-lg {
    order: 11;
  }
  .hxOrder-12-lg {
    order: 12;
  }
}

@media (min-width: 90em) {
  .hxSpan-1-xl {
    flex: 0 0 8.3333%;
    max-width: 8.3333%;
  }
  .hxSpan-2-xl {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }
  .hxSpan-3-xl {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hxSpan-4-xl {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .hxSpan-5-xl {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }
  .hxSpan-6-xl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hxSpan-7-xl {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }
  .hxSpan-8-xl {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }
  .hxSpan-9-xl {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .hxSpan-10-xl {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }
  .hxSpan-11-xl {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }
  .hxSpan-12-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hxOffset-1-xl {
    margin-left: 8.3333% !important;
  }
  .hxOffset-2-xl {
    margin-left: 16.6667% !important;
  }
  .hxOffset-3-xl {
    margin-left: 25% !important;
  }
  .hxOffset-4-xl {
    margin-left: 33.3333% !important;
  }
  .hxOffset-5-xl {
    margin-left: 41.6667% !important;
  }
  .hxOffset-6-xl {
    margin-left: 50% !important;
  }
  .hxOffset-7-xl {
    margin-left: 58.3333% !important;
  }
  .hxOffset-8-xl {
    margin-left: 66.6667% !important;
  }
  .hxOffset-9-xl {
    margin-left: 75% !important;
  }
  .hxOffset-10-xl {
    margin-left: 83.3333% !important;
  }
  .hxOffset-11-xl {
    margin-left: 91.6667% !important;
  }
  .hxOffset-12-xl {
    margin-left: 100% !important;
  }
  .hxOrder-1-xl {
    order: 1;
  }
  .hxOrder-2-xl {
    order: 2;
  }
  .hxOrder-3-xl {
    order: 3;
  }
  .hxOrder-4-xl {
    order: 4;
  }
  .hxOrder-5-xl {
    order: 5;
  }
  .hxOrder-6-xl {
    order: 6;
  }
  .hxOrder-7-xl {
    order: 7;
  }
  .hxOrder-8-xl {
    order: 8;
  }
  .hxOrder-9-xl {
    order: 9;
  }
  .hxOrder-10-xl {
    order: 10;
  }
  .hxOrder-11-xl {
    order: 11;
  }
  .hxOrder-12-xl {
    order: 12;
  }
}

.hxRow {
  border: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px -20px;
  padding: 0;
}

.hxRow + .hxRow {
  margin-top: 20px;
}

.hxRow > .hxCol {
  flex-grow: 1;
  margin: 0 0 20px;
  min-width: 0;
  padding: 0 10px;
}

.hxRow.hxGutterless {
  margin: 0;
}

.hxRow.hxGutterless > .hxRow + .hxRow {
  margin-top: 0;
}

.hxRow.hxGutterless > .hxCol {
  margin: 0;
  padding: 0;
}

hx-icon {
  display: inline-block;
  height: 1em;
  width: 1em;
}

html {
  height: 100%;
}

body {
  background-color: #fafafa;
  height: 100%;
  margin: 0;
}

a[href="#content"] {
  left: 0;
  position: absolute;
  top: -100px;
}

a[href="#content"]:focus {
  background-color: #ffe9cc;
  border: 1px solid #dd6105;
  color: #000000;
  left: 50%;
  padding: 0.5rem;
  top: 0.5rem;
  transform: translateX(-50%);
}

#head {
  background-color: #000000;
  flex-shrink: 0;
  height: 3.5rem;
}

#app {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
}

#stage {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
}

#nav {
  flex-shrink: 0;
  width: 15rem;
}

#content {
  flex-grow: 1;
  min-width: 0;
  overflow: auto;
}

.hxSiderail {
  background-color: #eeeeee;
  flex-shrink: 0;
  width: 25%;
}

#foot {
  align-items: center;
  background-color: #333333;
  color: #e0e0e0;
  display: flex;
  flex-shrink: 0;
  height: 2.5rem;
  padding: 0 20px;
}

#foot nav {
  display: inline-block;
}

#foot nav a[href] {
  margin-left: 32px;
}

#foot a[href] {
  color: #367ed4;
}

body.hxVertical {
  display: flex;
  flex-direction: column;
}

body.hxHorizontal {
  -ms-grid-columns: 1fr;
  -ms-grid-rows: 3.5rem 1fr 2.5rem;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "header" "app" "footer";
  grid-template-columns: 1fr;
  grid-template-rows: 3.5rem 1fr 2.5rem;
}

body.hxHorizontal #head {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: header;
}

body.hxHorizontal #app {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: app;
  overflow: hidden;
}

body.hxHorizontal #stage {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

body.hxHorizontal #nav {
  overflow-y: auto;
}

body.hxHorizontal #content {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}

body.hxHorizontal #content > hx-panel + hx-panel,
body.hxHorizontal #content > .hxPanel + .hxPanel {
  border-left: 1px solid #e0e0e0;
}

body.hxHorizontal #foot {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  grid-area: footer;
}

dl.hxList {
  margin: 1em 0;
  display: block;
}

dl.hxList > div {
  display: flex;
}

dl.hxList > div + div {
  margin-top: 20px;
}

dl.hxList dd {
  flex: 0 0 83.3333%;
  max-width: 83.3333%;
  display: block;
  flex-shrink: 1;
  margin-left: 20px;
  order: 2;
}

dl.hxList dt {
  flex: 0 0 16.6667%;
  max-width: 16.6667%;
  color: var(--hxList-dt-color, #6b6b6b);
  display: block;
  flex-shrink: 1;
  order: 1;
  text-align: right;
}

dl.hxList.hxVertical > div {
  flex-direction: column;
}

dl.hxList.hxVertical dt,
dl.hxList.hxVertical dd {
  flex: 0 0 auto;
  max-width: none;
}

dl.hxList.hxVertical dt {
  font-weight: 700;
  text-align: left;
}

dl.hxList.hxVertical dd {
  margin: 0;
}

ol.hxList,
ul.hxList {
  margin-left: 1.25rem;
  padding-left: 1.25rem;
}

ol.hxList ol, ol.hxList ul,
ul.hxList ol,
ul.hxList ul {
  margin-left: 0;
  padding-left: 1.25rem;
}

ol.hxList {
  list-style-type: decimal;
}

ol.hxList ol {
  list-style-type: upper-alpha;
}

ol.hxList ol ol {
  list-style-type: upper-roman;
}

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

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

ul.hxList {
  list-style-type: square;
}

ul.hxList ul {
  list-style-type: square;
}

hx-def + hx-def {
  margin-top: 20px;
}

hx-dl.hxVertical hx-def {
  flex-direction: column;
}

hx-dl.hxVertical hx-dt,
hx-dl.hxVertical hx-dd {
  flex: 0 0 auto;
  max-width: none;
}

hx-dl.hxVertical hx-dt {
  font-weight: 700;
  text-align: left;
}

hx-dl.hxVertical hx-dd {
  margin: 0;
}

hx-dl,
hx-dd,
hx-dt {
  display: block;
}

hx-def {
  display: flex;
}

hx-busy {
  animation: hx-spin 0.8s linear infinite;
  border-color: transparent currentColor currentColor;
  border-radius: 1em;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  display: inline-block;
  height: 1em;
  transform-box: border-box;
  transform-origin: 0.5em 0.5em 0.5em;
  vertical-align: middle;
  width: 1em;
}

hx-busy[paused] {
  animation-play-state: paused;
}

hx-progress {
  background-color: #d8d8d8;
  background-color: var(--hxLoader-hxProgress-bgcolor, #d8d8d8);
  border-radius: 1em;
  color: #367ed4;
  color: var(--hxLoader-hxProgress-color, #367ed4);
  display: block;
  height: 0.5rem;
  overflow: hidden;
}

hx-drawer, hx-menu, hx-modal, hx-popover, hx-search-assistance, hx-tooltip {
  color: #424242;
  font-family: "Open Sans", "Roboto", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
}

hx-menu {
  display: none;
  left: 0;
  position: fixed;
  top: 0;
  background-color: var(--hxMenu-bgcolor, #ffffff);
  border: 1px solid var(--hxMenu-border, #e0e0e0);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  max-width: 20rem;
  min-width: 10rem;
  z-index: 100;
}

hx-menu[open] {
  margin: 0;
}

hx-menu[open] {
  padding: 0.75rem;
  display: block;
}

hx-menu > section {
  display: block;
}

hx-menu > section header {
  color: var(--hxMenu-section-header-color, #9e9e9e);
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
}

hx-menu > section + section {
  margin-top: 0.5rem;
}

hx-menuitem {
  background-color: transparent;
  border-radius: 2px;
  border: none;
  color: var(--hxMenu-hxMenuitem-color, #003482);
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  padding: 0.25rem 0;
}

hx-menuitem:hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--hxMenu-hxMenuitem-hover-color, #367ed4);
}

hx-menuitem:active {
  background-color: transparent;
  border-color: transparent;
  color: var(--hxMenu-hxMenuitem-active-color, #0051b7);
}

hx-menuitem:focus {
  box-shadow: none;
}

hx-menuitem[disabled] {
  background-color: transparent;
  border-color: transparent;
  color: var(--hxMenu-hxMenuitem-disabled-color, #d8d8d8);
}

hx-menuitem.hxBtn--link {
  padding: 0.25rem 0;
}

hx-menuitem-group {
  display: block;
}

hx-menuitem-group header {
  color: var(--hxMenu-hxMenuitemGroup-header-color, #9e9e9e);
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
}

hx-menuitem-group + hx-menuitem-group {
  margin-top: 0.5rem;
}

hx-drawer, hx-menu, hx-modal, hx-popover, hx-search-assistance, hx-tooltip {
  color: #424242;
  font-family: "Open Sans", "Roboto", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
}

hx-modal {
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1200;
}

hx-modal[open] {
  display: block;
}

#hxContent.hx-modal > header,
hx-modal > header {
  flex-shrink: 0;
  line-height: 1;
  order: 1;
  padding: 1.25rem;
}

#hxContent.hx-modal > header h1:only-child, #hxContent.hx-modal > header h2:only-child, #hxContent.hx-modal > header h3:only-child, #hxContent.hx-modal > header h4:only-child, #hxContent.hx-modal > header h5:only-child, #hxContent.hx-modal > header h6:only-child,
hx-modal > header h1:only-child,
hx-modal > header h2:only-child,
hx-modal > header h3:only-child,
hx-modal > header h4:only-child,
hx-modal > header h5:only-child,
hx-modal > header h6:only-child {
  line-height: 1;
}

#hxContent.hx-modal > hx-div,
hx-modal > hx-div {
  --hxPaddingLeft: 1.25rem;
  --hxPaddingRight: 1.25rem;
  flex-grow: 1;
  order: 2;
}

#hxContent.hx-modal > hx-div > #hxDiv,
hx-modal > hx-div > #hxDiv {
  padding: 0 1.25rem;
}

#hxContent.hx-modal > hx-div:first-child,
hx-modal > hx-div:first-child {
  margin-top: 4rem;
}

#hxContent.hx-modal > hx-div:last-child,
hx-modal > hx-div:last-child {
  --hxPaddingBottom: 1.25rem;
}

#hxContent.hx-modal > hx-div:last-child > #hxDiv,
hx-modal > hx-div:last-child > #hxDiv {
  padding-bottom: 1.25rem;
}

#hxContent.hx-modal > footer,
hx-modal > footer {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  order: 3;
  padding: 1.25rem;
}

#hxContent.hx-modal > footer .hxBtn + .hxBtn,
hx-modal > footer .hxBtn + .hxBtn {
  margin-left: 1.25rem;
}

hx-modalbody {
  display: block;
  flex-grow: 1;
  order: 2;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 1.25rem;
}

hx-modalbody:first-child {
  padding-top: 4rem;
}

hx-modalbody:last-child {
  padding-bottom: 1.25rem;
}

hx-modalfoot {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  order: 3;
  padding: 1.25rem;
}

hx-modalfoot .hxBtn + .hxBtn {
  margin-left: 1.25rem;
}

hx-modalhead {
  display: block;
  flex-shrink: 0;
  line-height: 1;
  order: 1;
  padding: 1.25rem;
}

hx-modalhead h1:only-child, hx-modalhead h2:only-child, hx-modalhead h3:only-child, hx-modalhead h4:only-child, hx-modalhead h5:only-child, hx-modalhead h6:only-child {
  line-height: 1;
}

.hxNav {
  background-color: #212121;
  color: #d8d8d8;
  font-size: 0.875rem;
  /* ~14px */
  letter-spacing: 0.75px;
  padding-top: 2rem;
}

.hxNav hx-disclosure {
  color: inherit;
  cursor: pointer;
  display: block;
  padding: 0.5rem 0.75rem 0.5rem 1.25rem;
  position: relative;
}

.hxNav hx-disclosure:hover {
  background-color: #616161;
  color: #ffffff;
}

.hxNav hx-disclosure .toggle-icon {
  font-size: 0.75em;
  pointer-events: none;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}

.hxNav hx-disclosure[aria-expanded="true"] .toggle-icon {
  transform: translateY(-50%) scaleY(-1);
}

.hxNav > hx-disclosure {
  text-transform: uppercase;
}

.hxNav a[href] {
  color: inherit;
  display: block;
  font-weight: 300;
  padding: 0.5rem 0.75rem 0.5rem 1.25rem;
  text-decoration: none;
}

.hxNav a[href].current {
  background-color: #424242;
  color: #ffffff;
}

.hxNav a[href]:hover {
  background-color: #616161;
  color: #ffffff;
}

.hxNav hx-reveal a[href],
.hxNav hx-reveal hx-disclosure {
  padding-left: 2.5rem;
}

.hxNav hx-reveal hx-reveal a[href],
.hxNav hx-reveal hx-reveal hx-disclosure {
  padding-left: 3.75rem;
}

.hxNav hx-reveal hx-reveal hx-disclosure {
  text-transform: capitalize;
}

.hxNav hx-reveal hx-reveal hx-reveal a[href],
.hxNav hx-reveal hx-reveal hx-reveal hx-disclosure {
  padding-left: 5rem;
}

.hxPagination {
  background-color: #ffffff;
  background-color: var(--hxPagination-bgcolor, #ffffff);
  border: 1px solid #e0e0e0;
  border: 1px solid var(--hxPagination-border, #e0e0e0);
}

.hxPagination .hxBtn {
  border: none;
  min-width: 2.5rem;
}

.hxPagination .hxBtn[aria-current="true"] {
  background-color: #003482;
  background-color: var(--hxPagination-hxBtn-aria-current-bgcolor, #003482);
  color: #ffffff;
  color: var(--hxPagination-hxBtn-aria-current-color, #ffffff);
}

.hxPanel {
  height: 100%;
  overflow: hidden;
}

.hxPanel > * {
  overflow-x: hidden;
  overflow-y: auto;
}

.hxPanel > header,
.hxPanel > footer {
  overflow: visible;
}

.hxPanel {
  display: flex;
  flex-direction: column;
}

.hxPanel > * {
  flex-shrink: 1;
  flex-grow: 1;
  order: 2;
}

.hxPanel > header {
  flex-grow: 0;
  flex-shrink: 0;
  order: 1;
}

.hxPanel > footer {
  flex-grow: 0;
  flex-shrink: 0;
  order: 3;
}

@supports (display: grid) {
  .hxPanel {
    display: grid;
    grid-template-areas: "head" "body" "foot";
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
  }
  .hxPanel > * {
    grid-area: body;
  }
  .hxPanel > header {
    grid-area: head;
  }
  .hxPanel > footer {
    grid-area: foot;
  }
}

.hxPanel.hxTabbed {
  background-color: var(--hxPanel-hxTabbed-head-bgcolor, #eeeeee);
}

.hxPanel.hxTabbed > hx-tabset > hx-tablist > hx-tab[current] {
  background-color: var(--hxPanel-hxTabbed-body-bgcolor, #ffffff);
}

.hxPanel.hxTabbed > hx-tabset > hx-tabcontent {
  background-color: var(--hxPanel-hxTabbed-body-bgcolor, #ffffff);
  min-height: auto;
}

.hxPanel.hxTabbed > footer {
  background-color: var(--hxPanel-hxTabbed-foot-bgcolor, #ffffff);
}

hx-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

hx-panel > hx-panelhead {
  flex-shrink: 0;
  order: 1;
}

hx-panel > hx-panelbody {
  flex-grow: 1;
  order: 2;
  overflow-x: hidden;
  overflow-y: auto;
}

hx-panel > hx-panelfoot {
  flex-shrink: 0;
  order: 3;
}

hx-panel-body,
hx-panel-foot,
hx-panel-head,
hx-panelbody,
hx-panelfoot,
hx-panelhead {
  display: block;
}

hx-password-control {
  -ms-grid-columns: auto 1fr auto;
  -ms-grid-rows: auto auto auto auto;
  align-items: center;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "label  label   label" "prefix control suffix" "help   help    help" "error  error   error";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto auto;
}

hx-password-control > * {
  display: none;
}

hx-password-control > label,
hx-password-control > input[type="password"],
hx-password-control > .hxPrefix,
hx-password-control > .hxSuffix,
hx-password-control > p {
  display: block;
}

hx-password-control > label {
  -ms-grid-column-align: start;
  -ms-grid-column-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: label;
  justify-self: start;
}

hx-password-control > input[type="password"] {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  grid-area: control;
  height: 2rem;
  min-width: 8rem;
  padding: 0 0.75rem;
}

hx-password-control > .hxPrefix {
  -ms-grid-column-align: end;
  -ms-grid-column: 1;
  -ms-grid-row-align: center;
  -ms-grid-row: 2;
  grid-area: prefix;
  justify-self: end;
  margin-right: 0.25rem;
}

hx-password-control > .hxSuffix {
  -ms-grid-column-align: start;
  -ms-grid-column: 3;
  -ms-grid-row-align: center;
  -ms-grid-row: 2;
  grid-area: suffix;
  justify-self: start;
  margin-left: 0.25rem;
}

hx-password-control > p,
hx-password-control p.hxHelpText {
  -ms-grid-column-align: start;
  -ms-grid-column-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  -ms-grid-row-align: center;
  grid-area: help;
  justify-self: start;
}

hx-password-control > p.hxErrorText {
  -ms-grid-column-align: start;
  -ms-grid-column-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 4;
  -ms-grid-row-align: center;
  grid-area: error;
  justify-self: start;
}

hx-password-control > label {
  color: #333333;
  font-size: 1rem;
  font-weight: 600;
}

hx-password-control > input[type="password"] {
  background-color: #ffffff;
  border-radius: 1px;
  border: 1px solid #bdbdbd;
  color: #616161;
  font-family: inherit;
  font-size: 1rem;
}

hx-password-control > input[type="password"]::-moz-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-password-control > input[type="password"]::-ms-input-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-password-control > input[type="password"]::-webkit-input-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-password-control > input[type="password"]::placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-password-control > input[type="password"]:focus {
  border-bottom: 1px solid #0051b7;
  outline: 0;
}

hx-password-control > p,
hx-password-control p.hxHelpText {
  color: #757575;
  font-size: 0.75rem;
}

hx-password-control > p.hxErrorText {
  color: #d6251f;
  color: var(--hxPassword-hxErrorText-color, #d6251f);
  font-size: 0.75rem;
  margin-top: 0;
  width: 100%;
}

hx-password-control[hx-dirty] > input[type="password"]:enabled:invalid,
hx-password-control.hxInvalid > input[type="password"]:enabled {
  border-bottom: 1px solid #d6251f;
}

hx-password-control[hx-dirty] > input[type="password"]:enabled:invalid:focus,
hx-password-control.hxInvalid > input[type="password"]:enabled:focus {
  border-bottom: 1px solid #d6251f;
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

hx-password-control > input[type="password"]:disabled {
  border: 1px solid #bdbdbd;
  background-color: #f5f5f5;
  color: #d8d8d8;
}

hx-password-control > input[type="password"]:disabled::-moz-placeholder {
  color: inherit;
}

hx-password-control > input[type="password"]:disabled::-ms-input-placeholder {
  color: inherit;
}

hx-password-control > input[type="password"]:disabled::-webkit-input-placeholder {
  color: inherit;
}

hx-password-control > input[type="password"]:disabled::placeholder {
  color: inherit;
}

hx-password-control > input[type="password"]:disabled ~ label {
  color: #757575;
}

hx-password-control > input[type="password"]:disabled:focus {
  border: 1px solid #bdbdbd;
}

hx-pill {
  background-color: #d8d8d8;
  background-color: var(--hxPill-bgcolor, #d8d8d8);
  border-radius: 1em;
  color: #424242;
  color: var(--hxPill-color, #424242);
  display: inline-block;
  line-height: 1.5;
}

hx-status {
  background-color: transparent;
  border: 1px solid #6b6b6b;
  border: 1px solid var(--hxStatus-border, #6b6b6b);
  border-radius: 1em;
  color: #6b6b6b;
  color: var(--hxStatus-color, #6b6b6b);
  display: inline-block;
  font-size: 0.625rem;
  height: 1rem;
  line-height: 0.5rem;
  max-width: 100%;
  overflow: hidden;
  padding: 0.3em 0.8em 0.2em;
  text-align: center;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}

hx-status.hxEmphasisGray {
  border-color: #424242;
  border-color: var(--hxStatus-hxEmphasisGray-border-color, #424242);
  color: #424242;
  color: var(--hxStatus-hxEmphasisGray-color, #424242);
}

hx-status.hxEmphasisPurple {
  border-color: #95098a;
  border-color: var(--hxStatus-hxEmphasisPurple-border-color, #95098a);
  color: #95098a;
  color: var(--hxStatus-hxEmphasisPurple-color, #95098a);
}

hx-status.hxSubdued {
  border-color: #9e9e9e;
  border-color: var(--hxStatus-hxSubdued-border-color, #9e9e9e);
  color: #9e9e9e;
  color: var(--hxStatus-hxSubdued-color, #9e9e9e);
  font-size: 0.625rem;
  line-height: 0.5rem;
}

hx-status.hxFill {
  background-color: #6b6b6b;
  background-color: var(--hxStatus-hxFill-bgcolor, #6b6b6b);
  border-color: #6b6b6b;
  border-color: var(--hxStatus-hxFill-border-color, #6b6b6b);
  color: #ffffff;
  color: var(--hxStatus-hxFill-color, #ffffff);
}

hx-status.hxFill.hxEmphasisGray {
  background-color: #424242;
  background-color: var(--hxStatus-hxFill-hxEmphasisGray-bgcolor, #424242);
  border-color: #424242;
  border-color: var(--hxStatus-hxFill-hxEmphasisGray-border-color, #424242);
  color: #ffffff;
  color: var(--hxStatus-hxFill-hxEmphasisGray-color, #ffffff);
}

hx-status.hxFill.hxEmphasisPurple {
  background-color: #95098a;
  background-color: var(--hxStatus-hxFill-hxEmphasisPurple-bgcolor, #95098a);
  border-color: #95098a;
  border-color: var(--hxStatus-hxFill-hxEmphasisPurple-border-color, #95098a);
  color: #ffffff;
  color: var(--hxStatus-hxFill-hxEmphasisPurple-color, #ffffff);
}

hx-status.hxFill.hxSubdued {
  background-color: #9e9e9e;
  background-color: var(--hxStatus-hxFill-hxSubdued-bgcolor, #9e9e9e);
  border-color: #9e9e9e;
  border-color: var(--hxStatus-hxFill-hxSubdued-border-color, #9e9e9e);
  color: #ffffff;
  color: var(--hxStatus-hxFill-hxSubdued-color, #ffffff);
}

hx-drawer, hx-menu, hx-modal, hx-popover, hx-search-assistance, hx-tooltip {
  color: #424242;
  font-family: "Open Sans", "Roboto", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
}

hx-popover {
  display: none;
  left: 0;
  position: fixed;
  top: 0;
  max-width: 32rem;
  min-width: 20rem;
  z-index: 1000;
}

hx-popover[open] {
  margin: 0;
}

hx-popover > hx-popover-head,
hx-popover > header {
  order: 1;
}

hx-popover > hx-popover-body,
hx-popover > hx-div {
  order: 2;
}

hx-popover > hx-popover-foot,
hx-popover > footer {
  order: 3;
}

#hxPopover.hx-popover,
hx-popover {
  flex-direction: column;
}

#hxPopover.hx-popover[open],
hx-popover[open] {
  display: flex;
}

#hxPopover.hx-popover > header,
hx-popover > header {
  color: #333333;
  color: var(--hxPopover-header-color, #424242);
  flex-shrink: 0;
  line-height: 2rem;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 1.25rem;
  padding-bottom: 0.5rem;
  text-transform: none;
}

#hxPopover.hx-popover > hx-div:not([scroll]),
hx-popover > hx-div:not([scroll]) {
  overflow: hidden;
}

#hxPopover.hx-popover > hx-div,
hx-popover > hx-div {
  --hxPaddingLeft: 1.25rem;
  --hxPaddingRight: 1.25rem;
  flex-grow: 1;
  max-height: 20rem;
}

#hxPopover.hx-popover > hx-div > #hxDiv,
hx-popover > hx-div > #hxDiv {
  padding: 0 1.25rem;
}

#hxPopover.hx-popover > hx-div:first-child,
hx-popover > hx-div:first-child {
  --hxPaddingTop: 1.25rem;
}

#hxPopover.hx-popover > hx-div:first-child > #hxDiv,
hx-popover > hx-div:first-child > #hxDiv {
  padding-top: 1.25rem;
}

#hxPopover.hx-popover > hx-div:last-child,
hx-popover > hx-div:last-child {
  --hxPaddingBottom: 1.25rem;
}

#hxPopover.hx-popover > hx-div:last-child > #hxDiv,
hx-popover > hx-div:last-child > #hxDiv {
  padding-bottom: 1.25rem;
}

#hxPopover.hx-popover > footer,
hx-popover > footer {
  flex-shrink: 0;
  padding: 1.25rem;
}

#hxPopover.hx-popover > footer .hxBtn + .hxBtn,
hx-popover > footer .hxBtn + .hxBtn {
  margin-left: 1.25rem;
}

hx-popover-body {
  display: block;
  flex-grow: 1;
  max-height: 20rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 1.25rem;
}

hx-popover-body:first-child {
  padding-top: 1.25rem;
}

hx-popover-body:last-child {
  padding-bottom: 1.25rem;
}

hx-popover-foot {
  display: block;
  flex-shrink: 0;
  padding: 1.25rem;
}

hx-popover-foot .hxBtn + .hxBtn {
  margin-left: 1.25rem;
}

hx-popover-head {
  color: #424242;
  color: var(--hxPopover-head-color, #424242);
  display: block;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 500;
  padding: 1.25rem;
  text-transform: none;
}

hx-radio {
  border-radius: 1rem;
  display: inline-block;
  height: 1rem;
  vertical-align: baseline;
  width: 1rem;
}

hx-radio-set {
  display: block;
}

hx-radio-set > * {
  margin: 0.25rem 0;
}

hx-radio-set > *:first-child {
  margin-top: 0;
}

hx-radio-set > *:last-child {
  margin-bottom: 0;
}

hx-radio-control {
  -ms-grid-column-align: start;
  -ms-grid-columns: auto 1fr;
  -ms-grid-rows: auto auto;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "ctrl lbl" ".    help";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  justify-items: start;
}

hx-radio-control > * {
  margin: 0;
}

hx-radio-control > label {
  font-size: 1rem;
  color: #424242;
  color: var(--hxRadio-radioControl-layout-label-color, #424242);
  font-weight: 400;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: lbl;
  align-items: center;
  -ms-grid-columns: auto 1fr;
  -ms-grid-rows: auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 0.5rem;
  grid-template-areas: "facade txt";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  padding: 0;
}

hx-radio-control > label > hx-radio {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  display: none;
  grid-area: facade;
}

hx-radio-control > p {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  grid-area: help;
}

hx-radio-control > input[type="radio"] {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  border-radius: 1rem;
  grid-area: ctrl;
  height: 1rem;
  margin: 0.25rem 0.5rem 0 0;
  width: 1rem;
}

hx-radio-control > input[type="radio"]::-ms-check {
  box-sizing: border-box;
}

hx-radio-control > label > hx-radio {
  background-color: #ffffff;
  background-color: var(--hxRadio-pristine-radio-bgcolor, #ffffff);
  border: 1px solid currentColor;
  color: #bdbdbd;
  color: var(--hxRadio-pristine-radio-color, #bdbdbd);
}

hx-radio-control > p {
  color: #757575;
  font-size: 0.75rem;
}

hx-radio-control > input[type="radio"] {
  color: #bdbdbd;
  color: var(--hxRadio-pristine-radio-color, #bdbdbd);
}

hx-radio-control > input[type="radio"]::-ms-check {
  background-color: #ffffff;
  background-color: var(--hxRadio-pristine-radio-ie-bgcolor, #ffffff);
  border: 1px solid currentColor;
  color: inherit;
}

hx-radio-control > input[type="radio"]:focus {
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-radio-control > input[type="radio"]:focus ~ label > hx-radio {
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-radio-control > input[type="radio"]:hover {
  color: #0051b7;
  color: var(--hxRadio-pristine-radio-hover-color, #0051b7);
}

hx-radio-control > input[type="radio"]:hover::-ms-check {
  background-color: #ffffff;
  background-color: var(--hxRadio-pristine-radio-hover-ie-bgcolor, #ffffff);
  color: #0051b7;
  color: var(--hxRadio-pristine-radio-hover-ie-color, #0051b7);
}

hx-radio-control > input[type="radio"]:checked {
  color: #0051b7;
  color: var(--hxRadio-pristine-radio-checked-color, #0051b7);
}

hx-radio-control > input[type="radio"]:checked ~ label > hx-radio {
  border: 1px solid currentColor;
  color: #0051b7;
  color: var(--hxRadio-pristine-radio-checked-label-color, #0051b7);
  position: relative;
}

hx-radio-control > input[type="radio"]:checked ~ label > hx-radio::after {
  background-color: currentColor;
  border-radius: 1rem;
  content: "";
  height: 0.5rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
}

hx-radio-control > input[type="radio"]:valid ~ label > hx-radio:hover {
  background-color: #ffffff;
  background-color: var(--hxRadio-pristine-radio-facade-bgcolor, #ffffff);
  border: 1px solid currentColor;
  color: #0051b7;
  color: var(--hxRadio-pristine-radio-facade-color, #0051b7);
}

hx-radio-set[hx-dirty] input[type="radio"]:enabled:invalid,
hx-radio-set.hxInvalid input[type="radio"]:enabled {
  color: #d6251f;
  color: var(--hxRadio-invalid-radio-color, #d6251f);
}

hx-radio-set[hx-dirty] input[type="radio"]:enabled:invalid::-ms-check,
hx-radio-set.hxInvalid input[type="radio"]:enabled::-ms-check {
  border-width: 1px;
}

hx-radio-set[hx-dirty] input[type="radio"]:enabled:invalid ~ label > hx-radio,
hx-radio-set.hxInvalid input[type="radio"]:enabled ~ label > hx-radio {
  border: 1px solid currentColor;
  color: #d6251f;
  color: var(--hxRadio-invalid-radio-facade-color, #d6251f);
}

hx-radio-set[hx-dirty] input[type="radio"]:enabled:invalid:focus,
hx-radio-set.hxInvalid input[type="radio"]:enabled:focus {
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

hx-radio-set[hx-dirty] input[type="radio"]:enabled:invalid:focus ~ label > hx-radio,
hx-radio-set.hxInvalid input[type="radio"]:enabled:focus ~ label > hx-radio {
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

hx-radio-set[hx-dirty] input[type="radio"]:enabled:invalid:hover::-ms-check,
hx-radio-set.hxInvalid input[type="radio"]:enabled:hover::-ms-check {
  background-color: #fddcdc;
  background-color: var(--hxRadio-invalid-radio-hover-ie-bgcolor, #fddcdc);
  border: 1px solid currentColor;
  color: #d6251f;
  color: var(--hxRadio-invalid-radio-hover-ie-color, #d6251f);
}

hx-radio-set[hx-dirty] input[type="radio"]:enabled:invalid ~ label > hx-radio:hover,
hx-radio-set.hxInvalid input[type="radio"]:enabled ~ label > hx-radio:hover {
  background-color: #fddcdc;
  background-color: var(--hxRadio-invalid-radio-facade-hover-bgcolor, #fddcdc);
  border: 1px solid currentColor;
  color: #d6251f;
  color: var(--hxRadio-invalid-radio-facade-hover-color, #d6251f);
}

hx-radio-control > input[type="radio"]:disabled {
  color: #bdbdbd;
  color: var(--hxRadio-disabled-radio-color, #bdbdbd);
  cursor: not-allowed;
}

hx-radio-control > input[type="radio"]:disabled::-ms-check {
  background-color: #eeeeee;
  background-color: var(--hxRadio-disabled-radio-ie-bgcolor, #eeeeee);
  border: 1px solid currentColor;
  color: #bdbdbd;
  color: var(--hxRadio-disabled-radio-ie-color, #bdbdbd);
}

hx-radio-control > input[type="radio"]:disabled:focus {
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-radio-control > input[type="radio"]:disabled:hover::-ms-check {
  background-color: #eeeeee;
  background-color: var(--hxRadio-disabled-radio-hover-ie-bgcolor, #eeeeee);
  border: 1px solid currentColor;
  color: #bdbdbd;
  color: var(--hxRadio-disabled-radio-hover-ie-color, #bdbdbd);
}

hx-radio-control > input[type="radio"]:disabled ~ label {
  color: #9e9e9e;
  color: var(--hxRadio-disable-radio-label-color, #9e9e9e);
}

hx-radio-control > input[type="radio"]:disabled ~ label > hx-radio {
  border: 1px solid currentColor;
  color: #bdbdbd;
  color: var(--hxRadio-disabled-radio-facade-color, #bdbdbd);
  cursor: not-allowed;
}

hx-radio-control > input[type="radio"]:disabled ~ label > hx-radio, hx-radio-control > input[type="radio"]:disabled ~ label > hx-radio:hover {
  border: 1px solid currentColor;
  color: #bdbdbd;
  color: var(--hxRadio-disabled-radio-facade-color, #bdbdbd);
  cursor: not-allowed;
}

@supports (--modern: true) {
  hx-radio-control {
    position: relative;
  }
  hx-radio-control > input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    box-shadow: none;
    height: 1px;
    margin: -1px;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    z-index: -10;
  }
  hx-radio-control > input[type="radio"]::-ms-check {
    display: none;
  }
  hx-radio-control > label > hx-radio {
    display: inline-block;
  }
  hx-radio-control > p {
    margin-left: 1.5rem;
  }
}

hx-disclosure {
  cursor: pointer;
  display: inline-block;
}

hx-disclosure > hx-icon.hxPrimary {
  height: 1em;
}

hx-disclosure[aria-expanded="true"] .menu-icon,
hx-disclosure[aria-expanded="true"] > hx-icon.hxPrimary {
  transform: scaleY(-1);
}

hx-reveal {
  display: none;
}

hx-reveal[open] {
  display: block;
}

hx-drawer, hx-menu, hx-modal, hx-popover, hx-search-assistance, hx-tooltip {
  color: #424242;
  font-family: "Open Sans", "Roboto", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
}

hx-search-control {
  -ms-grid-column-align: start;
  -ms-grid-columns: 2rem 1fr auto;
  -ms-grid-rows: auto auto auto;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "lbl   lbl   lbl" ".     input btn" "extra extra extra";
  grid-template-columns: 2rem 1fr auto;
  grid-template-rows: auto auto auto;
}

hx-search-control > input[type="search"] {
  appearance: textfield;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  background: none;
  border: none;
  font-size: 1rem;
  grid-area: input;
  height: 2rem;
  min-width: 8rem;
  z-index: 1;
}

hx-search-control > input[type="search"]::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}

hx-search-control > input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

hx-search-control > input[type="search"]:focus {
  outline: 0;
}

hx-search-control > input[type="search"]:focus ~ hx-search,
hx-search-control > button.hxClear:focus ~ hx-search {
  border-color: #0051b7;
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-search-control button {
  -ms-grid-column: 3;
  -ms-grid-row: 2;
  background-color: transparent;
  border: none;
  color: #757575;
  cursor: pointer;
  font-size: 1rem;
  grid-area: btn;
  height: 100%;
  line-height: 1;
  outline: 0;
  padding: 0.5rem;
  z-index: 1;
}

hx-search-control button:focus {
  outline: 1px dotted #757575;
  outline-offset: -6px;
}

hx-search-control button::-moz-focus-inner {
  border: 0;
  outline: 0;
}

hx-search-control hx-search {
  -ms-grid-column-span: 3;
  -ms-grid-row: 2;
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #bdbdbd;
  grid-column: 1 / span 3;
  grid-row: 2;
  z-index: 0;
}

hx-search-control > label {
  -ms-grid-column-align: start;
  -ms-grid-column-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  color: #333333;
  font-weight: 600;
  display: inline-block;
  font-size: 1rem;
  grid-area: lbl;
  justify-self: start;
}

hx-search-assistance {
  display: none;
  left: 0;
  position: fixed;
  top: 0;
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  max-height: 20rem;
  max-width: 32rem;
  min-width: 25rem;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 100;
}

hx-search-assistance[open] {
  margin: 0;
}

hx-search-assistance > header {
  align-items: center;
  color: #9e9e9e;
  display: flex;
  height: 2.5rem;
  padding: 0 0.75rem;
}

hx-search-assistance > section {
  border-top: 1px solid #d8d8d8;
  padding: 1rem 0;
}

hx-search-assistance > section > * {
  padding: 0 0.75rem;
}

hx-search-assistance > section > header {
  color: #9e9e9e;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
}

hx-search-assistance > section > header + * {
  margin-top: 0.5rem;
}

hx-search-assistance[open] {
  display: block;
}

hx-search {
  display: block;
  height: 2rem;
}

hx-search-control > input[type="search"]:focus ~ hx-search {
  border: 1px solid #0051b7;
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-search-control[hx-dirty] > input[type="search"]:enabled:invalid ~ hx-search,
hx-search-control.hxInvalid > input[type="search"]:enabled ~ hx-search {
  border: 2px solid #d6251f;
}

hx-search-control[hx-dirty] > input[type="search"]:enabled:invalid:focus ~ hx-search,
hx-search-control.hxInvalid > input[type="search"]:enabled:focus ~ hx-search {
  border: 2px solid #d6251f;
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

input[type="search"]:-moz-ui-invalid {
  border: 0;
  box-shadow: none;
  outline: 0;
}

hx-search-control > input[type="search"]:disabled ~ hx-search {
  background-color: #f5f5f5;
  border: 1px solid #bdbdbd;
  color: #d8d8d8;
  cursor: not-allowed;
}

hx-search-control > input[type="search"]:disabled ~ hx-search:focus {
  border: 1px solid #bdbdbd;
}

hx-search-control > input[type="search"]:disabled ~ .hxClear {
  display: none;
}

hx-search-control:not([hx-defined]) > button {
  display: none;
}

.hxSearchSuggestion {
  background-color: transparent;
  border: none;
  color: #424242;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-align: left;
  width: 100%;
}

.hxSearchSuggestion:hover {
  background-color: #e5f2fb;
}

#hxSecNav {
  display: flex;
  background-color: #ffffff;
  background-color: var(--hxSecNav-bgcolor, #ffffff);
  border-bottom: 0.125rem solid #e0e0e0;
  border-bottom: 0.125rem solid var(--hxSecNav-borderbottom, #e0e0e0);
  height: 3.8rem;
  overflow: hidden;
  width: 100vw;
}

#hxSecNav .hxNavLink,
#hxSecNav > hx-disclosure {
  color: #333333;
  color: var(--hxSecNav-hxNavLink-color, #333333);
  font-size: 1rem;
  height: 3.75rem;
  padding: 1.25rem;
  text-align: center;
  width: auto;
  outline: none;
}

#hxSecNav .hxNavLink:hover,
#hxSecNav > hx-disclosure:hover {
  color: #95098a !important;
  color: var(--hxSecNav-hxDisclosure-hover-color, #95098a) !important;
}

#hxSecNav .hxNavLink:hover > hx-icon,
#hxSecNav .hxNavLink:hover > span,
#hxSecNav > hx-disclosure:hover > hx-icon,
#hxSecNav > hx-disclosure:hover > span {
  color: #95098a !important;
  color: var(--hxSecNav-hxDisclosure-hover-color, #95098a) !important;
}

#hxSecNav .hxNavLink:active,
#hxSecNav > hx-disclosure:active {
  color: #ffffff;
  color: var(--hxSecNav-hxNavLink-active-color, #ffffff);
}

#hxSecNav .hxNavLink .hxPrimary,
#hxSecNav > hx-disclosure .hxPrimary {
  font-size: 0.75em;
  pointer-events: none;
  transform: translateY(-50%);
}

#hxSecNav .hxNavLink[aria-expanded="true"] .hxPrimary,
#hxSecNav > hx-disclosure[aria-expanded="true"] .hxPrimary {
  font-size: 0.75em;
  transform: translateY(-50%) scaleY(-1);
}

#hxSecNav .hxNavLink {
  margin-right: -0.25rem;
}

#hxSecNav > hx-disclosure {
  margin-right: -0.25rem;
  display: flex;
}

#hxSecNav > hx-disclosure > hx-icon {
  color: #9e9e9e;
  color: var(--hxSecNav-hxDisclosure-hxIcon-color, #9e9e9e);
  font-size: 1rem;
  margin-left: 0.5rem;
  margin-top: 0.813rem;
  width: 0.75rem;
}

#hxSecNav > hx-disclosure[disabled] {
  cursor: not-allowed;
  color: #9e9e9e !important;
  outline: none;
}

#hxSecNav > hx-disclosure[disabled] hx-icon, #hxSecNav > hx-disclosure[disabled] p, #hxSecNav > hx-disclosure[disabled] hx-menuitem {
  color: #9e9e9e;
  color: var(--hxSecNav-hxSecNavControl-disabled-para-color, #9e9e9e);
}

#hxSecNav > hx-disclosure > span {
  color: #333333;
  color: var(---hxSecNav-hxDisclosure-span-color, #333333);
  font-size: 1rem;
  outline: none;
}

#hxSecNav > hx-disclosure[aria-expanded="true"] > hx-icon > span {
  color: #95098a;
  color: var(--hxSecNav-hxDisclosure-aria-expanded-color, #95098a);
  transform: translateY(50%) scaleY(-1);
}

#hxSecNav > hx-menu {
  background-color: #ffffff;
  background-color: var(--hxSecNav-hxMenu-bgcolor, #ffffff);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  padding: 0;
  top: 14.5rem;
}

#hxSecNav > hx-menu hx-menuitem {
  color: #333333;
  color: var(--hxSecNav-hxMenu-hxMenuitem-color, #333333);
  font-size: 1rem;
  padding: 0.5rem 1.25rem;
}

#hxSecNav > hx-menu hx-menuitem:first-child {
  padding-top: 1.25rem;
}

#hxSecNav > hx-menu hx-menuitem:last-child {
  padding-bottom: 1.25rem;
}

#hxSecNav > hx-menu hx-menuitem:hover {
  color: #95098a !important;
  color: var(--hxSecNav-hxMenu-hxMenuitem-hover-color, #95098a) !important;
}

#hxSecNav > hx-menu hx-menuitem:active {
  color: #ffffff;
  color: var(--hxSecNav-hxMenu-hxMenuitem-active-color, #ffffff);
}

#hxSecNav > hx-menu hx-menuitem[disabled] {
  cursor: not-allowed;
  color: #9e9e9e !important;
  outline: none;
}

#hxSecNav > hx-menu hx-menuitem[disabled] hx-icon, #hxSecNav > hx-menu hx-menuitem[disabled] p, #hxSecNav > hx-menu hx-menuitem[disabled] hx-menuitem {
  color: #9e9e9e;
  color: var(--hxSecNav-hxSecNavControl-disabled-para-color, #9e9e9e);
}

#hxSecNav > hx-menu .hxDivider {
  margin: 0 1.25rem;
}

#hxSecNav > hx-menu > section > header {
  color: #757575;
  color: var(--hxSecNav-hxMenu-section-header-color, #757575);
  font-size: 0.75rem;
  padding: 1.25rem 1.25rem 0.5rem;
  text-transform: none;
}

#hxSecNav > hx-menu > section {
  padding: 0;
}

#hxSecNav > hx-menu.hxSecNavTwoColMenu .hxLeftColMenu {
  float: left;
}

#hxSecNav > hx-menu.hxSecNavTwoColMenu .hxRightColMenu {
  float: left;
  border-left-color: #e0e0e0;
  border-left-color: var(--hxSecNav-hxMenu-hxTwoColumnMenu-hxRightColMenu-border-left-color, #e0e0e0);
  border-left-style: solid;
  border-left-width: 1px;
  margin: 1.25rem 0;
}

#hxSecNav > hx-menu.hxSecNavTwoColMenu .hxRightColMenu > header {
  padding-top: 0;
}

#hxSecNav > hx-menu.hxSecNavTwoColMenu .hxRightColMenu > hx-menuitem:last-child {
  padding-bottom: 0.5rem;
}

.hxSelector {
  border-radius: 2px;
  color: #003482;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 500;
  height: 2rem;
  padding: 1px;
  position: relative;
  white-space: nowrap;
  z-index: 0;
}

.hxSelector::before, .hxSelector::after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.hxSelector::before {
  background-color: #ffffff;
}

.hxSelector::after {
  border: 1px solid #bdbdbd;
}

.hxSelector label {
  flex-grow: 1;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  z-index: 0;
}

.hxSelector label span {
  align-items: center;
  display: flex;
  height: 100%;
  line-height: 1;
  padding: 0 0.75rem;
  text-transform: uppercase;
}

.hxSelector label input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  box-shadow: none;
  height: 1px;
  margin: -1px;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  z-index: -10;
}

.hxSelector label input::-moz-focus-inner {
  border: 0;
  outline: none;
}

.hxSelector label input:focus {
  outline: none;
}

.hxSelector label input:focus + span {
  background-color: #6ca3e1;
  color: #003482;
}

.hxSelector label input:checked + span {
  background-color: #003482;
  color: #ffffff;
}

.hxSelector label input:checked:focus + span {
  box-shadow: 0 0 4px 0 #003482;
}

.hxSelector label input:active + span {
  background-color: #0051b7;
  color: #ffffff;
}

.hxSelector label input[invalid] + span {
  background-color: #ffffff;
  border: 2px solid #d6251f;
  color: #d6251f;
}

.hxSelector label input[invalid]:checked + span {
  background-color: #fddcdc;
}

.hxSelector label input[invalid]:focus + span {
  box-shadow: 0 0 4px 0 #d6251f;
}

.hxSelector label input[disabled] + span {
  background-color: transparent;
  color: #d8d8d8;
  cursor: not-allowed;
}

.hxSelector.hxRadio {
  border-radius: 3rem;
  overflow-y: hidden;
  padding: 0;
}

.hxSelector.hxRadio::after {
  border-radius: 3rem;
}

.hxSelector.hxRadio input + span {
  border-radius: 3rem;
}

hx-switch-control {
  display: inline-block;
  height: 2.125rem;
  margin-top: 0.25rem;
  position: relative;
  width: 4.25rem;
}

hx-switch-control > input {
  opacity: 0;
  width: 0;
  height: 0;
}

hx-switch-control > label > hx-switch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 2.125rem;
}

hx-switch-control > label > hx-switch::before {
  position: absolute;
  content: "";
  height: 2rem;
  width: 2rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

hx-switch-control > input[type="checkbox"] ~ label > hx-switch {
  background-color: #ffffff;
  border: 0.125rem solid #003482;
}

hx-switch-control > input[type="checkbox"] ~ label > hx-switch:hover {
  background-color: #ffffff;
  border: 0.125rem solid #367ed4;
}

hx-switch-control > input[type="checkbox"] ~ label > hx-switch:hover::before {
  background-color: #ffffff;
  border: 0.125rem solid #367ed4;
  left: -0.12rem;
}

hx-switch-control > input[type="checkbox"] ~ label > hx-switch:hover::after {
  color: #367ed4;
}

hx-switch-control > input[type="checkbox"] ~ label > hx-switch[offlabel]::after {
  content: attr(offlabel);
  text-transform: uppercase;
  margin-left: 2rem;
  color: #003482;
  line-height: 2rem;
  max-width: 1.813rem;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 500;
}

hx-switch-control > input[type="checkbox"] ~ label > hx-switch::before {
  background-color: #ffffff;
  border: 0.125rem solid #003482;
  left: -0.125rem;
  top: -0.062rem;
}

hx-switch-control > input[type="checkbox"]:checked ~ label > hx-switch {
  background-color: #003482;
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-switch-control > input[type="checkbox"]:checked ~ label > hx-switch::-ms-check {
  border-color: #0051b7;
}

hx-switch-control > input[type="checkbox"]:checked ~ label > hx-switch:hover {
  background-color: #367ed4;
}

hx-switch-control > input[type="checkbox"]:checked ~ label > hx-switch:hover::before {
  background-color: #ffffff;
  left: 0.1rem;
}

hx-switch-control > input[type="checkbox"]:checked ~ label > hx-switch:hover::after {
  color: #ffffff;
}

hx-switch-control > input[type="checkbox"]:checked ~ label > hx-switch[onlabel]::after {
  content: attr(onlabel);
  text-transform: uppercase;
  margin-left: 0.5rem;
  color: #ffffff;
  max-width: 2.125rem;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 500;
}

hx-switch-control > input[type="checkbox"]:checked ~ label > hx-switch::before {
  margin-left: 2rem;
  height: 2rem;
  left: 0.125rem;
}

hx-switch-control > input[type="checkbox"]:disabled:checked ~ label > hx-switch {
  cursor: not-allowed;
  background-color: #bdbdbd;
  cursor: not-allowed;
  box-shadow: 0 0 4px rgba(189, 189, 189, 0.5);
}

hx-switch-control > input[type="checkbox"]:disabled:checked ~ label > hx-switch::before {
  background-color: #e7e7e7;
}

hx-switch-control > input[type="checkbox"]:disabled:checked ~ label > hx-switch::after {
  color: #e7e7e7;
}

hx-switch-control > input[type="checkbox"]:disabled:checked ~ label > hx-switch::-ms-check {
  border-color: #bdbdbd;
  box-shadow: 0 0 4px rgba(189, 189, 189, 0.5);
}

hx-switch-control > input[type="checkbox"]:disabled ~ label > hx-switch {
  cursor: not-allowed;
  background-color: #e7e7e7;
  border: 0.125rem solid #bdbdbd;
}

hx-switch-control > input[type="checkbox"]:disabled ~ label > hx-switch:before {
  background-color: #e7e7e7;
  border: 0.125rem solid #bdbdbd;
}

hx-switch-control > input[type="checkbox"]:disabled ~ label > hx-switch::after {
  color: #bdbdbd;
}

hx-switch-control > input[invalid]:checked ~ label > hx-switch {
  background-color: #d6251f !important;
  border: 0.125rem solid #d6251f;
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

hx-switch-control > input[invalid]:checked ~ label > hx-switch:after {
  color: #ffffff !important;
}

hx-switch-control > input[invalid]:checked ~ label > hx-switch:before {
  background-color: #ffffff;
  border: 0.125rem solid #d6251f;
}

hx-switch-control > input[invalid]:checked ~ label > hx-switch::-ms-check {
  border-color: #d6251f;
}

hx-switch-control > input[invalid] ~ label > hx-switch {
  background-color: #ffffff;
  border: 0.125rem solid #d6251f !important;
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

hx-switch-control > input[invalid] ~ label > hx-switch::after {
  color: #d6251f !important;
}

hx-switch-control > input[invalid] ~ label > hx-switch::before {
  background-color: #ffffff;
  border: 0.125rem solid #d6251f !important;
  content: "\0021";
  color: #d6251f;
  font-size: 1.063rem;
  text-align: center;
  line-height: 1.813rem;
}

hx-switch-control > input[invalid] ~ label > hx-switch::-ms-check {
  border-color: #d6251f;
}

.hxTable {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  font-size: 1rem;
  margin: 1.5rem 0;
  padding: 0;
  width: 100%;
}

.hxTable thead,
.hxTable tbody,
.hxTable tfoot {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

.hxTable thead tr,
.hxTable tbody tr,
.hxTable tfoot tr {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

.hxTable thead tr th,
.hxTable thead tr td,
.hxTable tbody tr th,
.hxTable tbody tr td,
.hxTable tfoot tr th,
.hxTable tfoot tr td {
  background-color: transparent;
  border: none;
  font-size: 1rem;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: left;
}

.hxTable:first-child {
  margin-top: 0;
}

.hxTable:last-child {
  margin-bottom: 0;
}

.hxTable {
  margin: 1.5rem 0;
}

.hxTable caption {
  color: #000000;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.375rem;
}

.hxTable thead {
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0;
}

.hxTable thead tr th,
.hxTable thead tr td {
  font-weight: 500;
  padding: 1.5rem 1rem 1rem;
}

.hxTable thead tr:first-child {
  text-transform: uppercase;
}

.hxTable tbody {
  border-color: #e0e0e0 transparent;
  border-style: solid;
  border-width: 1px;
}

.hxTable tbody tr + tr {
  border-top: 1px solid #e0e0e0;
}

.hxTable tbody tr th,
.hxTable tbody tr td {
  padding: 1.25rem 1rem;
}

.hxTable tbody tr.selected td,
.hxTable tbody tr.selected th, .hxTable tbody tr.hxSelected td,
.hxTable tbody tr.hxSelected th {
  background-color: #e5f2fb;
}

.hxTable tfoot {
  border-color: transparent;
  border-style: solid;
  border-width: 0 1px 1px;
  font-weight: 300;
}

.hxTable tfoot tr th,
.hxTable tfoot tr td {
  padding: 1.25rem 1rem;
}

.hxTable td.hxControl,
.hxTable th.hxControl {
  color: #757575;
  width: 1rem;
}

.hxTable.hxBound tbody, .hxTable--bordered tbody {
  border-color: #e0e0e0;
}

.hxTable.hxHoverable tbody tr:hover td, .hxTable--hover tbody tr:hover td,
.hxTable.hxHoverable tbody tr:hover th,
.hxTable--hover tbody tr:hover th {
  background-color: #f5f5f5;
}

.hxTable--condensed tbody tr th,
.hxTable--condensed tbody tr td {
  padding: 0.75rem 1rem;
}

/* ===== DEPRECATED: remove in v1.0.0 ===== */
.hxTable__control-col {
  color: #757575;
  width: 1rem;
}

hx-tab {
  border-bottom: 2px solid transparent;
  color: #757575;
  color: var(--hxTabset-hxTab-color, #757575);
  cursor: pointer;
  font-size: 0.875rem;
}

hx-tab:hover {
  color: #333333;
  color: var(--hxTabset-hxTab-hover-color, #333333);
}

hx-tab:focus {
  box-shadow: none;
  outline: none;
  z-index: 1;
}

hx-tab[current] {
  background-color: inherit;
  border-bottom: 2px solid #00bebc;
  border-bottom: 2px solid var(--hxTabset-hxTab-current-border-bottom, #00bebc);
  color: #333333;
  color: var(--hxTabset-hxTab-current-color, #333333);
  font-weight: 600;
  outline: none;
}

hx-tab > * + * {
  margin-left: 0.25rem;
}

hx-tabcontent {
  -ms-grid-columns: 1fr;
  -ms-grid-rows: 1fr;
  background-color: inherit;
  border-color: #e0e0e0 transparent;
  border-color: var(--hxTabset-hxTabcontent-border-color, #e0e0e0) transparent;
  border-style: solid;
  border-width: 2px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  min-height: 14rem;
  overflow-x: hidden;
  overflow-y: auto;
}

hx-tablist {
  background-color: inherit;
  display: flex;
  padding: 0 0.5rem;
}

hx-tablist > hx-tab {
  bottom: -1px;
  display: inline-flex;
  flex-shrink: 0;
  padding: 0.5rem 0.75rem;
  position: relative;
}

hx-tabpanel {
  display: none;
  padding: 1.5rem 1.25rem;
}

hx-tabpanel[open] {
  display: block;
  overflow-y: auto;
}

@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  hx-tabpanel[open] {
    height: 20rem;
  }
}

hx-tabpanel[open]:focus-visible {
  outline: none;
}

hx-tabset {
  -ms-grid-columns: 1fr;
  -ms-grid-rows: auto 1fr;
  background-color: inherit;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "list" "content";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  max-height: 100%;
  overflow: hidden;
  padding-top: 0.25rem;
}

hx-tabset > hx-tablist {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: list;
}

hx-tabset > hx-tabcontent {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: content;
}

hx-tabset:not([hx-defined]) hx-tab:first-of-type {
  background-color: #ffffff;
  background-color: var(--hxTabset-hxTab-first-of-type-bgcolor, #ffffff);
}

hx-tabset:not([hx-defined]) hx-tabpanel:first-of-type {
  display: block;
}

hx-tabset.beta-hxBound hx-tab[current] {
  background-color: #ffffff;
  background-color: var(--hxTabset-hxTab-current-bgcolor, #ffffff);
}

hx-tabset.beta-hxBound hx-tabcontent {
  background-color: #ffffff;
  background-color: var(--hxTabset-hxTabcontent-bgcolor, #ffffff);
  border-color: #e0e0e0;
  border-color: var(--hxTabset-hxTabcontent-border-color, #e0e0e0);
}

hx-textarea-control {
  display: flex;
  flex-direction: column;
}

hx-textarea-control > * {
  display: none;
}

hx-textarea-control > label,
hx-textarea-control > textarea {
  display: block;
}

hx-textarea-control > label {
  align-self: flex-start;
  order: 1;
}

hx-textarea-control > textarea {
  min-height: 6rem;
  order: 2;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.5rem;
  resize: vertical;
}

hx-textarea-control > label {
  color: #333333;
  font-size: 1rem;
  font-weight: 600;
}

hx-textarea-control > textarea {
  background-color: #ffffff;
  border-radius: 1px;
  border: 1px solid #bdbdbd;
  color: #616161;
  font-family: inherit;
  font-size: 1rem;
}

hx-textarea-control > textarea::-moz-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-textarea-control > textarea::-ms-input-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-textarea-control > textarea::-webkit-input-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-textarea-control > textarea::placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-textarea-control > textarea:focus {
  border-bottom: 1px solid #0051b7;
  outline: 0;
}

hx-textarea-control[hx-dirty] > textarea:enabled:invalid,
hx-textarea-control.hxInvalid > textarea:enabled {
  border-bottom: 1px solid #d6251f;
}

hx-textarea-control[hx-dirty] > textarea:enabled:invalid:focus,
hx-textarea-control.hxInvalid > textarea:enabled:focus {
  border-bottom: 1px solid #d6251f;
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

hx-textarea-control > textarea:disabled {
  border: 1px solid #bdbdbd;
  background-color: #f5f5f5;
  color: #d8d8d8;
  resize: none;
}

hx-textarea-control > textarea:disabled::-moz-placeholder {
  color: inherit;
}

hx-textarea-control > textarea:disabled::-ms-input-placeholder {
  color: inherit;
}

hx-textarea-control > textarea:disabled::-webkit-input-placeholder {
  color: inherit;
}

hx-textarea-control > textarea:disabled::placeholder {
  color: inherit;
}

hx-textarea-control > textarea:disabled ~ label {
  color: #757575;
}

hx-textarea-control > textarea:disabled:focus {
  border: 1px solid #bdbdbd;
}

hx-text-control {
  -ms-grid-columns: auto 1fr auto;
  -ms-grid-rows: auto auto auto auto;
  align-items: center;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "label  label   label" "prefix control suffix" "help   help    help" "error  error   error";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto auto;
}

hx-text-control > * {
  display: none;
}

hx-text-control > label,
hx-text-control > input[type="text"],
hx-text-control > .hxPrefix,
hx-text-control > .hxSuffix,
hx-text-control > p {
  display: block;
}

hx-text-control > label {
  -ms-grid-column-align: start;
  -ms-grid-column-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: label;
  justify-self: start;
}

hx-text-control > input[type="text"] {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  grid-area: control;
  height: 2rem;
  min-width: 8rem;
  padding: 0 0.75rem;
}

hx-text-control > .hxPrefix {
  -ms-grid-column-align: end;
  -ms-grid-column: 1;
  -ms-grid-row-align: center;
  -ms-grid-row: 2;
  grid-area: prefix;
  justify-self: end;
  margin-right: 0.25rem;
}

hx-text-control > .hxSuffix {
  -ms-grid-column-align: start;
  -ms-grid-column: 3;
  -ms-grid-row-align: center;
  -ms-grid-row: 2;
  grid-area: suffix;
  justify-self: start;
  margin-left: 0.25rem;
}

hx-text-control > p,
hx-text-control p.hxHelpText {
  -ms-grid-column-align: start;
  -ms-grid-column-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  -ms-grid-row-align: center;
  grid-area: help;
  justify-self: start;
}

hx-text-control > p.hxErrorText {
  -ms-grid-column-align: start;
  -ms-grid-column-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 4;
  -ms-grid-row-align: center;
  grid-area: error;
  justify-self: start;
}

hx-text-control > label {
  color: #333333;
  font-size: 1rem;
  font-weight: 600;
}

hx-text-control > input[type="text"] {
  background-color: #ffffff;
  border-radius: 1px;
  border: 1px solid #bdbdbd;
  color: #616161;
  font-family: inherit;
  font-size: 1rem;
}

hx-text-control > input[type="text"]::-moz-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-text-control > input[type="text"]::-ms-input-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-text-control > input[type="text"]::-webkit-input-placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-text-control > input[type="text"]::placeholder {
  color: #6b6b6b;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

hx-text-control > input[type="text"]:focus {
  border-bottom: 1px solid #0051b7;
  outline: 0;
}

hx-text-control > p,
hx-text-control p.hxHelpText {
  color: #757575;
  font-size: 0.75rem;
}

hx-text-control > p.hxErrorText {
  color: #d6251f;
  color: var(--hxTextControl-hxErrorText, #d6251f);
  font-size: 0.75rem;
  margin-top: 0;
  width: 100%;
}

hx-text-control[hx-dirty] > input[type="text"]:enabled:invalid,
hx-text-control.hxInvalid > input[type="text"]:enabled {
  border-bottom: 1px solid #d6251f;
}

hx-text-control[hx-dirty] > input[type="text"]:enabled:invalid:focus,
hx-text-control.hxInvalid > input[type="text"]:enabled:focus {
  border-bottom: 1px solid #d6251f;
  box-shadow: 0 0 4px rgba(214, 37, 31, 0.5);
}

hx-text-control > input[type="text"]:disabled {
  border: 1px solid #bdbdbd;
  background-color: #f5f5f5;
  color: #d8d8d8;
}

hx-text-control > input[type="text"]:disabled::-moz-placeholder {
  color: inherit;
}

hx-text-control > input[type="text"]:disabled::-ms-input-placeholder {
  color: inherit;
}

hx-text-control > input[type="text"]:disabled::-webkit-input-placeholder {
  color: inherit;
}

hx-text-control > input[type="text"]:disabled::placeholder {
  color: inherit;
}

hx-text-control > input[type="text"]:disabled ~ label {
  color: #757575;
}

hx-text-control > input[type="text"]:disabled:focus {
  border: 1px solid #bdbdbd;
}

hx-toast {
  background-color: #ffffff;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  color: #424242;
  display: block;
  min-height: 3.5rem;
  position: relative;
  width: 22rem;
}

hx-toast::before, hx-toast::after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

hx-toast::before {
  border: 1px solid #e0e0e0;
}

hx-toast::after {
  border-left: 8px solid currentColor;
}

hx-toast[type="info"]::after {
  border-left-color: #95098a;
}

hx-toast[type="error"]::after {
  border-left-color: #d6251f;
}

hx-toast[type="success"]::after {
  border-left-color: #008b38;
}

hx-toggle-control {
  display: inline-block;
  height: 2.125rem;
  margin-top: 0.25rem;
  position: relative;
  width: 4.25rem;
}

hx-toggle-control > input {
  opacity: 0;
  width: 0;
  height: 0;
}

hx-toggle-control > label > hx-toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.125rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  content: "";
}

hx-toggle-control > label > hx-toggle:hover {
  box-shadow: 0 0 4px rgba(0, 81, 183, 0.5);
}

hx-toggle-control > label > hx-toggle:hover::-ms-check {
  border-color: #0051b7;
}

hx-toggle-control > label > hx-toggle::before {
  position: absolute;
  content: "";
  height: 2rem;
  width: 2rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-color: #003482;
}

hx-toggle-control > input[type="checkbox"] ~ label > hx-toggle {
  border-color: #bdbdbd;
  border-radius: 0.125rem;
  border-style: solid;
  border-width: thin;
}

hx-toggle-control > input[type="checkbox"]:checked ~ label > hx-toggle {
  background-color: #003482;
}

hx-toggle-control > input[type="checkbox"]:checked ~ label > hx-toggle::after {
  color: #ffffff;
}

hx-toggle-control > input[type="checkbox"]:checked ~ label > hx-toggle::before {
  background-color: #ffffff;
}

hx-drawer, hx-menu, hx-modal, hx-popover, hx-search-assistance, hx-tooltip {
  color: #424242;
  font-family: "Open Sans", "Roboto", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
}

hx-tooltip {
  display: none;
  left: 0;
  position: fixed;
  top: 0;
  font-size: 0.875rem;
  max-width: 25rem;
  z-index: 1100;
}

hx-tooltip[open] {
  margin: 0;
}

hx-tooltip[open] {
  display: inline-block;
}

#hxTooltip.hx-tooltip > header,
hx-tooltip > header {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

#hxTopNav {
  background-color: #ffffff;
  background-color: var(--hxTopNav-bgcolor, #ffffff);
  border-bottom: 0.125rem solid #e0e0e0;
  border-bottom: 0.125rem solid var(--hxTopNav-borderbottom, #e0e0e0);
  overflow: hidden;
  width: 100vw;
}

#hxTopNav .hxNavGradient {
  width: 100vw;
  height: 4px;
  background: linear-gradient(90deg, #eb0000 0%, #9500ba 49%, #3300fc 100%);
}

#hxTopNav .img-left,
#hxTopNav .hxTopNavLogo {
  float: left;
  height: 3.8rem;
  padding: 1rem 1.25rem;
  width: 9.75rem;
}

#hxTopNav .img-left[disabled],
#hxTopNav .hxTopNavLogo[disabled] {
  cursor: not-allowed;
}

#hxTopNav .img-left[disabled] hx-icon,
#hxTopNav .img-left[disabled] p,
#hxTopNav .hxTopNavLogo[disabled] hx-icon,
#hxTopNav .hxTopNavLogo[disabled] p {
  color: #9e9e9e;
  color: var(--hxTopNav-hxTopNavControl-disabled-para-color, #9e9e9e);
}

#hxTopNav img {
  height: 1.5rem;
  width: 7.438rem;
}

#hxTopNav a:hover {
  color: #333333;
  color: var(--hxTopNav-hover, #333333);
}

#hxTopNav .straightLine,
#hxTopNav .hxSpacer {
  background-color: #e0e0e0;
  background-color: var(--hxTopNav-hxSpacer-bgcolor, #e0e0e0);
  height: 2.75rem;
  margin: 0.5rem 0 0.5rem 0.5rem;
  width: 1px;
}

#hxTopNav .productMenu,
#hxTopNav .hxTopNavOptionMenu {
  display: flex;
  float: left;
}

#hxTopNav .productMenu > hx-disclosure,
#hxTopNav .hxTopNavOptionMenu > hx-disclosure {
  border-bottom: 2px solid #95098a;
  border-bottom: 2px solid var(--hxTopNav-hxTopNavOptionMenu-borderbottom, #95098a);
  font-size: 0;
  height: 3.8rem;
  padding: 0.625rem 1.25rem 0;
  width: auto;
  outline: none;
}

#hxTopNav #right-menu,
#hxTopNav .hxTopNavIconMenu {
  display: flex;
  float: right;
  height: 3.8rem;
}

#hxTopNav #right-menu a,
#hxTopNav .hxTopNavIconMenu a {
  color: #333333;
  color: var(--hxTopNav-hxTopNavIconMenu-color, #333333);
  float: left;
  font-size: 1rem;
  height: 3.8rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  display: flex;
  padding: 0.625rem;
}

#hxTopNav #right-menu hx-icon,
#hxTopNav .hxTopNavIconMenu hx-icon {
  font-size: 0.938rem;
  margin: 0.688rem 0 0.313rem;
  width: 1.25rem;
}

#hxTopNav #right-menu p,
#hxTopNav .hxTopNavIconMenu p {
  line-height: 1.5;
  font-size: 0.875rem;
  padding: 0.625rem;
}

#hxTopNav #right-menu a:hover > hx-icon,
#hxTopNav #right-menu a:hover p,
#hxTopNav .hxTopNavIconMenu a:hover > hx-icon,
#hxTopNav .hxTopNavIconMenu a:hover p {
  color: #95098a;
  color: var(--hxTopNav-hxTopNavIconMenu-para-hover-color, #95098a);
}

#hxTopNav #right-menu a.disabled,
#hxTopNav #right-menu a.hxDisabled,
#hxTopNav .hxTopNavIconMenu a.disabled,
#hxTopNav .hxTopNavIconMenu a.hxDisabled {
  cursor: not-allowed;
}

#hxTopNav #right-menu a.disabled hx-icon,
#hxTopNav #right-menu a.disabled p,
#hxTopNav #right-menu a.hxDisabled hx-icon,
#hxTopNav #right-menu a.hxDisabled p,
#hxTopNav .hxTopNavIconMenu a.disabled hx-icon,
#hxTopNav .hxTopNavIconMenu a.disabled p,
#hxTopNav .hxTopNavIconMenu a.hxDisabled hx-icon,
#hxTopNav .hxTopNavIconMenu a.hxDisabled p {
  color: #9e9e9e;
  color: var(--hxTopNav-hxTopNavControl-disabled-para-color, #9e9e9e);
}

#hxTopNav #right-menu a.selected,
#hxTopNav .hxTopNavIconMenu a.selected {
  border-bottom: 2px solid #95098a;
  border-bottom: 2px solid var(--hxTopNav-hxTopNavIconMenu-selected-borderbottom, #95098a);
}

#hxTopNav #topnav-menu,
#hxTopNav #topnav-productMenu,
#hxTopNav .hxTopNavMenu > hx-disclosure {
  font-size: 0;
  height: 3.8rem;
  outline: none;
  padding: 1.3rem 1.25rem 1.12rem 1rem;
  width: auto;
}

#hxTopNav #topnav-menu > hx-icon,
#hxTopNav #topnav-productMenu > hx-icon,
#hxTopNav .hxTopNavMenu > hx-disclosure > hx-icon {
  color: #9e9e9e;
  color: var(--hxTopNav-hxTopNavMenu-hxIcon-color, #9e9e9e);
  font-size: 0.875rem;
  margin-left: 0.75rem;
  margin-top: 0;
  width: 0.75rem;
}

#hxTopNav #topnav-menu .hxNavUser,
#hxTopNav #topnav-productMenu .hxNavUser,
#hxTopNav .hxTopNavMenu > hx-disclosure .hxNavUser {
  color: #333333;
  color: var(--hxTopNav-hxTopNavMenu-hxNavUser-color, #333333);
  height: 1rem;
  margin-right: 0.44rem;
  margin-top: 0;
  outline: none;
  width: 1rem;
}

#hxTopNav #topnav-menu[disabled],
#hxTopNav #topnav-productMenu[disabled],
#hxTopNav .hxTopNavMenu > hx-disclosure[disabled] {
  cursor: not-allowed;
}

#hxTopNav #topnav-menu[disabled] hx-icon,
#hxTopNav #topnav-menu[disabled] p,
#hxTopNav #topnav-productMenu[disabled] hx-icon,
#hxTopNav #topnav-productMenu[disabled] p,
#hxTopNav .hxTopNavMenu > hx-disclosure[disabled] hx-icon,
#hxTopNav .hxTopNavMenu > hx-disclosure[disabled] p {
  color: #9e9e9e;
  color: var(--hxTopNav-hxTopNavControl-disabled-para-color, #9e9e9e);
}

#hxTopNav #topnav-menu[aria-expanded="true"] > hx-icon,
#hxTopNav #topnav-productMenu[aria-expanded="true"] > hx-icon,
#hxTopNav .hxTopNavMenu > hx-disclosure[aria-expanded="true"] > hx-icon {
  color: #95098a;
}

#hxTopNav #topnav-menu[aria-expanded="true"] > span,
#hxTopNav #topnav-productMenu[aria-expanded="true"] > span,
#hxTopNav .hxTopNavMenu > hx-disclosure[aria-expanded="true"] > span {
  color: #95098a;
}

#hxTopNav #topnav-menu > span,
#hxTopNav #topnav-productMenu > span,
#hxTopNav .hxTopNavMenu > hx-disclosure > span {
  color: #333333;
  color: var(--hxTopNav-hxTopNavMenu-span-color, #333333);
  font-size: 1rem;
  outline: none;
}

#hxTopNav #topnavMenuId,
#hxTopNav #topnavProductDropdown,
#hxTopNav .hxTopNavMenu > hx-menu {
  background-color: #ffffff;
  background-color: var(--hxTopNav-hxTopNavMenu-hxMenu-bgcolor, #ffffff);
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.5);
  color: #000000;
  color: var(--hxTopNav-hxTopNavMenu-hxMenu-color, #000000);
  min-width: 10.5rem;
  padding: 0;
  top: 14.5rem;
}

#hxTopNav #topnavMenuId hx-menuitem,
#hxTopNav #topnavProductDropdown hx-menuitem,
#hxTopNav .hxTopNavMenu > hx-menu hx-menuitem {
  color: #333333;
  color: var(--hxTopNav-hxTopNavMenu-hxMenu-hxMenuItem-color, #333333);
  padding: 1rem 1.25rem;
}

#hxTopNav #topnavMenuId hx-menuitem[disabled],
#hxTopNav #topnavProductDropdown hx-menuitem[disabled],
#hxTopNav .hxTopNavMenu > hx-menu hx-menuitem[disabled] {
  cursor: not-allowed;
  color: #9e9e9e;
  color: var(--hxTopNav-hxTopNavMenu-hxMenu-hxMenuItem-disabled-color, #9e9e9e);
}

#hxTopNav #topnavMenuId hx-menuitem[disabled] hx-icon,
#hxTopNav #topnavMenuId hx-menuitem[disabled] p,
#hxTopNav #topnavProductDropdown hx-menuitem[disabled] hx-icon,
#hxTopNav #topnavProductDropdown hx-menuitem[disabled] p,
#hxTopNav .hxTopNavMenu > hx-menu hx-menuitem[disabled] hx-icon,
#hxTopNav .hxTopNavMenu > hx-menu hx-menuitem[disabled] p {
  color: #9e9e9e;
  color: var(--hxTopNav-hxTopNavControl-disabled-para-color, #9e9e9e);
}

#hxTopNav #topnavMenuId hx-menuitem:not(.hxMenuKey):hover,
#hxTopNav #topnavProductDropdown hx-menuitem:not(.hxMenuKey):hover,
#hxTopNav .hxTopNavMenu > hx-menu hx-menuitem:not(.hxMenuKey):hover {
  color: #95098a;
  color: var(--hxTopNav-hxTopNavMenu-hxMenu-hxMenuItem-hover-color, #95098a);
}

#hxTopNav #topnavMenuId .menuKey,
#hxTopNav #topnavMenuId .hxMenuKey,
#hxTopNav #topnavProductDropdown .menuKey,
#hxTopNav #topnavProductDropdown .hxMenuKey,
#hxTopNav .hxTopNavMenu > hx-menu .menuKey,
#hxTopNav .hxTopNavMenu > hx-menu .hxMenuKey {
  color: #757575;
  color: var(--hxTopNav-hxTopNavMenu-hxMenu-hxMenuItem-hxMenuKey-color, #757575);
  font-size: 0.75rem;
  line-height: 1;
  padding: 1.25rem 1.25rem 0;
  text-transform: none;
}

#hxTopNav #topnavMenuId .menuKey:hover,
#hxTopNav #topnavMenuId .hxMenuKey:hover,
#hxTopNav #topnavProductDropdown .menuKey:hover,
#hxTopNav #topnavProductDropdown .hxMenuKey:hover,
#hxTopNav .hxTopNavMenu > hx-menu .menuKey:hover,
#hxTopNav .hxTopNavMenu > hx-menu .hxMenuKey:hover {
  cursor: default;
}

#hxTopNav #topnavMenuId .menuValue,
#hxTopNav #topnavMenuId .hxMenuValue,
#hxTopNav #topnavProductDropdown .menuValue,
#hxTopNav #topnavProductDropdown .hxMenuValue,
#hxTopNav .hxTopNavMenu > hx-menu .menuValue,
#hxTopNav .hxTopNavMenu > hx-menu .hxMenuValue {
  color: #333333;
  color: var(--hxTopNav-hxTopNavMenu-hxMenu-hxMenuItem-hxMenuValue-color, #333333);
  font-size: 1rem;
  line-height: 1;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-transform: none;
}

#hxTopNav #topnavMenuId .divider,
#hxTopNav #topnavMenuId .hxDivider,
#hxTopNav #topnavProductDropdown .divider,
#hxTopNav #topnavProductDropdown .hxDivider,
#hxTopNav .hxTopNavMenu > hx-menu .divider,
#hxTopNav .hxTopNavMenu > hx-menu .hxDivider {
  border-color: #e0e0e0;
  border-color: var(--hxTopNav-hxTopNavMenu-hxMenu-hxDivider-border-color, #e0e0e0);
  height: 1px;
  margin: 0.5rem auto;
}

#hxTopNav #topnavMenuId .sectionHeader,
#hxTopNav #topnavMenuId > section > header,
#hxTopNav #topnavProductDropdown .sectionHeader,
#hxTopNav #topnavProductDropdown > section > header,
#hxTopNav .hxTopNavMenu > hx-menu .sectionHeader,
#hxTopNav .hxTopNavMenu > hx-menu > section > header {
  padding-bottom: 0.5rem;
}

#hxTopNav #topnavMenuId .sectionFooter,
#hxTopNav #topnavMenuId > section > footer,
#hxTopNav #topnavProductDropdown .sectionFooter,
#hxTopNav #topnavProductDropdown > section > footer,
#hxTopNav .hxTopNavMenu > hx-menu .sectionFooter,
#hxTopNav .hxTopNavMenu > hx-menu > section > footer {
  padding: 0.5rem 1.25rem 1.25rem;
}

#hxTopNav #topnavMenuId .sectionFooter .hxBtn,
#hxTopNav #topnavMenuId > section > footer .hxBtn,
#hxTopNav #topnavProductDropdown .sectionFooter .hxBtn,
#hxTopNav #topnavProductDropdown > section > footer .hxBtn,
#hxTopNav .hxTopNavMenu > hx-menu .sectionFooter .hxBtn,
#hxTopNav .hxTopNavMenu > hx-menu > section > footer .hxBtn {
  background-color: #367ed4;
  background-color: var(--hxTopNav-hxTopNavMenu-hxMenu-hxBtn-bgcolor, #367ed4);
  border: 1px solid #367ed4;
  border: 1px solid var(--hxTopNav-hxTopNavMenu-hxMenu-hxBtn-border-color, #367ed4);
  color: #ffffff;
  color: var(--hxTopNav-hxTopNavMenu-hxMenu-hxBtn-color, #ffffff);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#hxTopNav #topnavMenuId .sectionFooter .hxBtn:hover,
#hxTopNav #topnavMenuId > section > footer .hxBtn:hover,
#hxTopNav #topnavProductDropdown .sectionFooter .hxBtn:hover,
#hxTopNav #topnavProductDropdown > section > footer .hxBtn:hover,
#hxTopNav .hxTopNavMenu > hx-menu .sectionFooter .hxBtn:hover,
#hxTopNav .hxTopNavMenu > hx-menu > section > footer .hxBtn:hover {
  background-color: #0051b7;
  background-color: var(--hxTopNav-hxTopNavMenu-hxMenu-hxBtn-hover-bgcolor, #0051b7);
  color: #ffffff;
  color: var(--hxTopNav-hxTopNavMenu-hxMenu-hxBtn-hover-color, #ffffff);
}

#hxTopNav #topnavMenuId .sectionFooter .hxBtn:active,
#hxTopNav #topnavMenuId > section > footer .hxBtn:active,
#hxTopNav #topnavProductDropdown .sectionFooter .hxBtn:active,
#hxTopNav #topnavProductDropdown > section > footer .hxBtn:active,
#hxTopNav .hxTopNavMenu > hx-menu .sectionFooter .hxBtn:active,
#hxTopNav .hxTopNavMenu > hx-menu > section > footer .hxBtn:active {
  background-color: #003482;
  background-color: var(--hxTopNav-hxTopNavMenu-hxMenu-hxBtn-active-bgcolor, #003482);
  color: #ffffff;
  color: var(--hxTopNav-hxTopNavMenu-hxMenu-hxBtn-active-color, #ffffff);
}

h1,
.hxHeading-1,
.hxPageTitle {
  color: #333333;
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 3.125rem;
  text-transform: none;
}

h2,
.hxHeading-2,
.hxSectionTitle {
  color: #333333;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.5rem;
  text-transform: none;
}

h3,
.hxHeading-3,
.hxSubSectionTitle {
  color: #333333;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  text-transform: none;
}

h4,
.hxHeading-4,
.hxContainerTitle {
  color: #333333;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.875rem;
  text-transform: none;
}

h5,
.hxHeading-5 {
  color: #333333;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  text-transform: none;
}

h6 {
  color: #000000;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.625rem;
  text-transform: none;
}

hx-error {
  color: #d6251f;
}

.hxSubdued {
  color: #757575;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.hxFigure figcaption,
.hxCaption {
  color: #757575;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.375rem;
}

.hxSubBody {
  color: #757575;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.375rem;
}

label,
.hxLabel {
  color: #000000;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375;
}

.hljs-type {
  font-style: italic;
}

.hljs-literal {
  color: #367ed4;
}

.hljs-number {
  color: #367ed4;
}

.hljs-regexp {
  color: #dd6105;
}

.hljs-string {
  color: #003482;
}

.hljs-subst {
  font-weight: 700;
}

.hljs-symbol {
  font-weight: 100;
}

.hljs-class {
  font-weight: 700;
}

.hljs-title {
  color: #000000;
}

.hljs-params {
  font-style: italic;
}

.hljs-comment {
  font-style: italic;
  font-weight: 300;
}

.hljs-doctag {
  font-style: italic;
  font-weight: 300;
}

.hljs-meta {
  color: #7d0572;
  font-weight: 700;
}

.hljs-section {
  font-weight: 700;
}

.hljs-code {
  font-weight: 300;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: 700;
}

.hljs-link {
  text-decoration: underline;
}

.hljs-selector-tag, .hljs-selector-id, .hljs-selector-class {
  color: #000000;
}

.hljs-selector-pseudo {
  font-weight: 300;
  font-style: italic;
}

.hljs-template-tag {
  font-weight: 300;
}

.hljs-template-variable {
  color: #367ed4;
}

.hljs-addition {
  background-color: #008b38;
}

.hljs-deletion {
  background-color: #f9e4f8;
}

.hxLeft, .text-left {
  text-align: left !important;
}

.hxCenter, .text-center {
  text-align: center !important;
}

.hxRight, .text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify;
}

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

.hxNoWrap, .text-nowrap {
  white-space: nowrap;
}

.hxTruncate {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hxFigure {
  margin: 1em 0;
}

p {
  margin: 0;
}

p + * {
  margin-top: 0.5rem;
}

hr.hxDivider {
  border-color: rgba(0, 0, 0, 0.1) transparent rgba(255, 255, 255, 0.2);
  border-style: solid;
  border-width: 1px 0;
  margin: 0.75rem 0;
}

hx-drop-fence p hx-file-control hx-file-input.hxBtn.hxTertiary {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* END: SCSS-generated Styles */
.hxComponent {
  color: #424242;
  font-family: "Open Sans", "Roboto", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
}