/* prestyling */
/* http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Some Normalizing from normalize.pcss v8.0.1 | github.com/necolas/normalize.pcss */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; /* 2 */
}
/* apply a natural box layout model to all elements, but allowing components to change */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 * Remove Browser Button Styling
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  padding: 0;
  background-color: transparent;
  border: none;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/*! Custom normalize.pcss v8.0.1 | MIT License | github.com/necolas/normalize.pcss

Some values were changed so that reset does not conflict with any of these
*/
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  /* stylelint-disable-next-line font-family-no-duplicate-names -- https://stackoverflow.com/a/38781315 */
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  /* stylelint-disable-next-line font-family-no-duplicate-names -- https://stackoverflow.com/a/38781315 */
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'],
[type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
          appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
.ht2-MainContentWrapper {
  position: relative;
}
.ht2-Shell {
  background: var(--base-colors-canvas);
}
.ht2-u-transparent {
  opacity: 0 !important;
}
/* stylelint-disable-next-line selector-class-pattern -- Has no .ht2 namespace, because there is javascript functionality attached to it. */
.closed {
  display: none;
}
.ht2-u-hidden {
  display: none;
}
.ht2-u-printShow {
  display: none;
}
/* stylelint-disable-next-line selector-class-pattern -- Has no .ht2 namespace, because there is javascript functionality attached to it. */
.renderOffscreen {
  display: block;
  position: absolute;
  left: -10000px;
  top: -10000px;
}
.ht2-u-screenreaderOnly {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
@media print {
  .ht2-u-printShow {
    display: block;
  }

  .ht2-u-printHide {
    display: none;
  }
}
/* Using discrete imports until index.pcss is added to dist in CSM1-57193 */
.ht2-Accordion {
  border-radius: var(--component-Accordion-borderRadius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--component-Accordion-borderColor);
  background: var(--component-Accordion-background);
  padding-top: var(--base-space-4);
  padding-left: var(--base-space-4);
  padding-bottom: var(--base-space-4);
  padding-right: var(--base-space-4);
}
.ht2-AccordionBody {
  border-top-width: var(--component-AccordionBody-borderTopWidth);
  border-top-style: solid;
  border-top-color: var(--component-AccordionBody-borderTopColor);
}
.ht2-AccordionTitle {
  font-family: var(--component-AccordionTitle-fontFamily);
  font-size: var(--component-AccordionTitle-fontSize);
  font-weight: var(--component-AccordionTitle-fontWeight);
  color: var(--component-AccordionTitle-color);
  line-height: 24px;
}
/* FIXME: These should be tokenized. */
/* FIXME: This should be base palette. */
.ht2-Accumulator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: var(--component-Accumulator-height);
  overflow: hidden;
  background-color: var(--component-Accumulator-backgroundColor);
  padding-right: var(--base-space-3);
}
.ht2-AccumulatorOutGraph {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

  line-height: var(--component-Accumulator-height);
  padding-left: var(--base-space-3);
  color: var(--component-AccumulatorOutGraph-color);
}
.ht2-AccumulatorProgressBar {
  display: inline-block;
  width: 0;
  height: 100%;
  line-height: var(--component-Accumulator-height);
  font-size: 12px;
  color: var(--component-ProgressBar-color);
  text-align: left;
  padding-left: var(--base-space-3);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  background-color: var(--component-ProgressBar-backgroundColor);
}
.ht2-AccumulatorProgressBarPrimary {
  display: inline-block;
  width: 0;
  height: 100%;
  line-height: var(--component-Accumulator-height);
  font-size: 12px;
  color: var(--component-ProgressBar-color);
  text-align: left;
  padding-left: var(--base-space-3);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  background-color: var(--component-ProgressBar-backgroundColor);
  background-color: var(--component-ProgressBarPrimary-backgroundColor);
}
.ht2-AccumulatorProgressBarDependents {
  display: inline-block;
  width: 0;
  height: 100%;
  line-height: var(--component-Accumulator-height);
  font-size: 12px;
  color: var(--component-ProgressBar-color);
  text-align: left;
  padding-left: var(--base-space-3);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  background-color: var(--component-ProgressBar-backgroundColor);
  background-color: var(--component-ProgressBarDependents-backgroundColor);
}
.ht2-AccumulatorTotalToRight {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

  margin-left: auto;
  line-height: var(--component-Accumulator-height);
  color: var(--component-AccumulatorTotalToRight-color);
}
.ht2-AccumulatorDisplayInBar {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: var(--component-Accumulator-height);
}
.ht2-AccumulatorTotalInBar {
  margin-left: auto;
  padding-right: var(--base-space-3);
}
.ht2-AccumulatorHeading {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  display: inline-block;
  margin-bottom: var(--base-space-2);
}
.ht2-AccumulatorSectionPrimary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ht2-AccumulatorSectionDependent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ht2-AccumulatorHeadingToggleUp,
.ht2-AccumulatorHeadingToggleDown {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-AccumulatorHeadingToggleUp::after, .ht2-AccumulatorHeadingToggleDown::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    background-color: var(--component-AccumulatorHeadingToggle_after-backgroundColor);
    margin-left: auto;
  }
.ht2-AccumulatorHeadingToggleUp::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
.ht2-TextInputWithLabel {
  margin-top: var(--base-space-1);
}
.ht2-DatePicker {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: var(--component-DatePicker-backgroundImage);
  background-repeat: var(--component-DatePicker-backgroundRepeat);
  background-position: right var(--base-space-1) center;
  background-size: var(--component-DatePicker-backgroundSize);
  padding-right: var(--component-DatePicker-paddingRight);
  text-overflow: var(--component-DatePicker-textOverflow);
  min-width: var(--component-DatePicker-minWidth);
  margin-right: var(--component-DatePicker-marginRight);
}
.ht2-DatePicker::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DatePicker::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DatePicker:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DatePicker::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DatePicker::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DatePicker:disabled {
    cursor: not-allowed;
  }
.ht2-DatePicker ~ .ht2-DatePickerImg {
    vertical-align: middle;
  }
.ht2-DatePicker::-webkit-input-placeholder {
    color: var(--base-colors-grey5);
  }
.ht2-DatePicker::-moz-placeholder {
    color: var(--base-colors-grey5);
  }
.ht2-DatePicker:-ms-input-placeholder {
    color: var(--base-colors-grey5);
  }
.ht2-DatePicker::-ms-input-placeholder {
    color: var(--base-colors-grey5);
  }
.ht2-DatePicker::placeholder {
    color: var(--base-colors-grey5);
  }
.ht2-DatePicker:disabled {
    background: var(--base-colors-grey3);
    color: var(--base-colors-grey5);
    border-color: var(--base-colors-grey5);
    cursor: not-allowed;
  }
.ht2-FieldsetInput {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
}
.ht2-FieldsetInput::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-FieldsetInput::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-FieldsetInput:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-FieldsetInput::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-FieldsetInput::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-FieldsetInput:disabled {
    cursor: not-allowed;
  }
.ht2-TextInput {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  cursor: var(--component-TextInput-cursor);
  -webkit-box-shadow: var(--component-TextInput-boxShadow);
          box-shadow: var(--component-TextInput-boxShadow);
}
.ht2-TextInput::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextInput::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextInput:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextInput::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextInput::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextInput:disabled {
    cursor: not-allowed;
  }
.ht2-TextInput:disabled {
    background-color: var(--component-TextInput_disabled-backgroundColor);
    cursor: var(--component-TextInput_disabled-cursor);
  }
.ht2-TextInput::-webkit-input-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-TextInput::-moz-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-TextInput:-ms-input-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-TextInput::-ms-input-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-TextInput::placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-Textarea {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  box-sizing: border-box;
  min-width: 350px;
  min-height: 200px;
  cursor: var(--component-TextArea-cursor);
  border-radius: var(--component-TextArea-borderRadius);
}
.ht2-Textarea::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Textarea::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Textarea:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Textarea::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Textarea::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Textarea:disabled {
    cursor: not-allowed;
  }
.ht2-TextareaErred {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  box-sizing: border-box;
  min-width: 350px;
  min-height: 200px;
  cursor: var(--component-TextArea-cursor);
  border-radius: var(--component-TextArea-borderRadius);
  border: 2px solid red;
}
.ht2-TextareaErred::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaErred::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaErred:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaErred::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaErred::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaErred:disabled {
    cursor: not-allowed;
  }
.ht2-TextareaFullWidth {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  box-sizing: border-box;
  min-width: 350px;
  min-height: 200px;
  cursor: var(--component-TextArea-cursor);
  border-radius: var(--component-TextArea-borderRadius);
  width: 100%;
}
.ht2-TextareaFullWidth::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaFullWidth::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaFullWidth:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaFullWidth::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaFullWidth::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaFullWidth:disabled {
    cursor: not-allowed;
  }
.ht2-TextareaDisableResize {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  box-sizing: border-box;
  min-width: 350px;
  min-height: 200px;
  cursor: var(--component-TextArea-cursor);
  border-radius: var(--component-TextArea-borderRadius);
  resize: none;
}
.ht2-TextareaDisableResize::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaDisableResize::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaDisableResize:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaDisableResize::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaDisableResize::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-TextareaDisableResize:disabled {
    cursor: not-allowed;
  }
.ht2-CheckboxWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-CheckboxLabel {
  font-family: var(--component-CheckboxLabel-fontFamily);
  display: var(--component-CheckboxLabel-display);
  -webkit-box-align: var(--component-CheckboxLabel-alignItems);
      -ms-flex-align: var(--component-CheckboxLabel-alignItems);
          align-items: var(--component-CheckboxLabel-alignItems);
  grid-gap: var(--component-CheckboxLabel-gap);
  grid-gap: var(--component-CheckboxLabel-gap);
}
.ht2-CheckboxInput {
  width: var(--component-CheckboxInput-width);
  height: var(--component-CheckboxInput-height);
  border-radius: var(--component-CheckboxInput-borderRadius);
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  background: white;
  border-width: var(--component-CheckboxInput-borderWidth);
  border-color: var(--component-CheckboxInput-borderColor);
  border-style: solid;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-right: var(--component-CheckboxInput-marginRight);
}
.ht2-CheckboxInput:checked {
  -webkit-box-shadow: inset 0 0 0 8px
    var(--component-CheckboxInput_checked-boxShadowColor);
          box-shadow: inset 0 0 0 8px
    var(--component-CheckboxInput_checked-boxShadowColor);
}
.ht2-CheckboxInput:disabled {
  cursor: not-allowed;
  border-color: var(--component-CheckboxInput_disabled-borderColor);
}
.ht2-CheckboxInput:checked:disabled {
  -webkit-box-shadow: inset 0 0 0 8px
    var(--component-CheckboxInput_checked_disabled-boxShadowColor);
          box-shadow: inset 0 0 0 8px
    var(--component-CheckboxInput_checked_disabled-boxShadowColor);
}
.ht2-CheckboxInput:checked::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CheckboxIcon-mask);
          mask: var(--component-CheckboxIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--component-CheckboxInput_checked_after-backgroundColor);
  width: var(--component-CheckboxInput_checked_after-width);
  height: var(--component-CheckboxInput_checked_after-height);
}
.ht2-RadioWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-RadioLabel {
  font-family: var(--component-RadioLabel-fontFamily);
  display: var(--component-RadioLabel-display);
  -webkit-box-align: var(--component-RadioLabel-alignItems);
      -ms-flex-align: var(--component-RadioLabel-alignItems);
          align-items: var(--component-RadioLabel-alignItems);
  grid-gap: var(--component-RadioLabel-gap);
  grid-gap: var(--component-RadioLabel-gap);
}
.ht2-RadioInput {
  width: var(--component-RadioInput-width);
  height: var(--component-RadioInput-height);
  border-radius: var(--component-RadioInput-borderRadius);
  -webkit-transition: border-width 0.1s;
  transition: border-width 0.1s;
  background: var(--component-RadioInput-background);
  border-width: var(--component-RadioInput-borderWidth);
  border-color: var(--component-RadioInput-borderColor);
  border-style: var(--component-RadioInput-borderStyle);
  cursor: var(--component-RadioInput-cursor);
  -webkit-appearance: var(--component-RadioInput-appearance);
     -moz-appearance: var(--component-RadioInput-appearance);
          appearance: var(--component-RadioInput-appearance);
  margin-right: var(--component-RadioInput-marginRight);
}
.ht2-RadioInput:checked {
  border-width: var(--component-RadioInput_checked-borderWidth);
}
/* TODO: move mixins to their own file? This is importing the input mixin */
.ht2-Select {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Remove default arrow */
  color: var(--component-Select-color);
  padding: var(--component-Select-padding);
  padding-right: var(--component-Select-paddingRight);
  text-overflow: var(--component-Select-textOverflow);
  -webkit-box-shadow: var(--component-Select-boxShadow);
          box-shadow: var(--component-Select-boxShadow);
  border-radius: var(--component-Select-borderRadius);
  font-weight: var(--component-Select-fontWeight);
  font-family: var(--component-Select-fontFamily);
  background-image: var(--component-Select-backgroundImage);
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: var(--component-Select-backgroundSize);
}
.ht2-Select::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Select::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Select:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Select::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Select::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Select:disabled {
    cursor: not-allowed;
  }
.ht2-SelectWithLabel {
  margin-top: var(--base-space-1);
}
/*
I think we want to try to get rid of this.

ht2-SelectSkin and ht2-SelectInput
are meant to style the following markup structure
<div class="ht2-SelectSkin">
<select class="ht2-SelectInput" />
</div>
*/
.ht2-SelectSkin {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 15px;
  height: 40px;
  background: white;
  color: #585858;
  border: 1px solid #979797;
  border-radius: 3px;
}
.ht2-SelectInput {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding-right: 0;
  height: 40px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #979797;
  border-radius: 3px;
}
.ht2-SelectSkin:hover, .ht2-SelectInput:hover {
    cursor: pointer;
  }
.ht2-SelectArrow {
  position: absolute;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ht2-SelectState {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Remove default arrow */
  color: var(--component-Select-color);
  padding: var(--component-Select-padding);
  padding-right: var(--component-Select-paddingRight);
  text-overflow: var(--component-Select-textOverflow);
  -webkit-box-shadow: var(--component-Select-boxShadow);
          box-shadow: var(--component-Select-boxShadow);
  border-radius: var(--component-Select-borderRadius);
  font-weight: var(--component-Select-fontWeight);
  font-family: var(--component-Select-fontFamily);
}
.ht2-SelectState::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-SelectState::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-SelectState:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-SelectState::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-SelectState::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-SelectState:disabled {
    cursor: not-allowed;
  }
.ht2-Button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
}
.ht2-Button:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-Button:disabled {
        cursor: not-allowed
    }
.ht2-ButtonPrimary {
    background: var(--component-lib__ButtonPrimary-background);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonPrimary-borderTopColor);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonPrimary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonPrimary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonPrimary-borderLeftColor);
    color: var(--component-lib__ButtonPrimary-color);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    border-radius: var(--component-lib__ButtonPrimary-borderRadius);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
}
.ht2-ButtonPrimary:hover {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-ButtonPrimary:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-ButtonPrimary:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-ButtonPrimary:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-ButtonPrimary:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-ButtonSecondary {
    background: var(--component-lib__ButtonSecondary-background);
    border-top-width: var(--component-lib__ButtonSecondary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonSecondary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonSecondary-borderTopColor);
    border-right-width: var(--component-lib__ButtonSecondary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonSecondary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonSecondary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonSecondary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonSecondary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonSecondary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonSecondary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonSecondary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonSecondary-borderLeftColor);
    color: var(--component-lib__ButtonSecondary-color);
    font-weight: var(--component-lib__ButtonSecondary-fontWeight);
    border-radius: var(--component-lib__ButtonSecondary-borderRadius);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
}
.ht2-ButtonSecondary:hover {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ButtonSecondary:active {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ButtonSecondary:disabled {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth);
        cursor: not-allowed
    }
.ht2-ButtonSecondary:disabled:hover {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth)
    }
.ht2-ButtonSecondary:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-MenuButton {
    background: var(--component-lib__ButtonSecondary-background);
    border-top-width: var(--component-lib__ButtonSecondary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonSecondary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonSecondary-borderTopColor);
    border-right-width: var(--component-lib__ButtonSecondary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonSecondary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonSecondary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonSecondary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonSecondary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonSecondary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonSecondary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonSecondary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonSecondary-borderLeftColor);
    color: var(--component-lib__ButtonSecondary-color);
    font-weight: var(--component-lib__ButtonSecondary-fontWeight);
    border-radius: var(--component-lib__ButtonSecondary-borderRadius);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
    padding-right: var(--component-MenuButton-paddingRight);
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}
.ht2-MenuButton:hover {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-MenuButton:active {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-MenuButton:disabled {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth);
        cursor: not-allowed
    }
.ht2-MenuButton:disabled:hover {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth)
    }
.ht2-MenuButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-MenuButton::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
	background-color: var(--component-MenuButton_after-backgroundColor);
	position: var(--component-MenuButton_after-position);
	bottom: var(--component-MenuButton_after-bottom);
	right: var(--component-MenuButton_after-right);
	pointer-events: var(--component-MenuButton_after-pointerEvents);
  }
.ht2-MenuButton:hover::after {
	background-color: var(--component-MenuButton_hover_after-backgroundColor);
    }
.ht2-MenuButton:disabled::after {
	background-color: var(--component-MenuButton_disabled_after-backgroundColor);
    }
.ht2-ButtonGhost {
    background: var(--component-lib__ButtonGhost-background);
    border-top-width: var(--component-lib__ButtonGhost-borderTopWidth);
    border-top-style: var(--component-lib__ButtonGhost-borderTopStyle);
    border-top-color: var(--component-lib__ButtonGhost-borderTopColor);
    border-right-width: var(--component-lib__ButtonGhost-borderRightWidth);
    border-right-style: var(--component-lib__ButtonGhost-borderRightStyle);
    border-right-color: var(--component-lib__ButtonGhost-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonGhost-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonGhost-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonGhost-borderBottomColor);
    border-left-width: var(--component-lib__ButtonGhost-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonGhost-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonGhost-borderLeftColor);
    color: var(--component-lib__ButtonGhost-color);
    font-weight: var(--component-lib__ButtonGhost-fontWeight);
    border-radius: var(--component-lib__ButtonGhost-borderRadius);
    padding-top: var(--component-lib__ButtonGhost-paddingTop);
    padding-right: var(--component-lib__ButtonGhost-paddingRight);
    padding-bottom: var(--component-lib__ButtonGhost-paddingBottom);
    padding-left: var(--component-lib__ButtonGhost-paddingLeft);
    height: var(--component-lib__ButtonGhost-height);
    -webkit-text-decoration: var(--component-lib__ButtonGhost-textDecoration);
            text-decoration: var(--component-lib__ButtonGhost-textDecoration);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
}
.ht2-ButtonGhost:hover {
        color: var(--component-lib__ButtonGhost_hover-color);
        background: var(--component-lib__ButtonGhost_hover-background);
        border-top-color: var(--component-lib__ButtonGhost_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration)
    }
.ht2-ButtonGhost:active {
        color: var(--component-lib__ButtonGhost_hover-color);
        background: var(--component-lib__ButtonGhost_hover-background);
        border-top-color: var(--component-lib__ButtonGhost_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration)
    }
.ht2-ButtonGhost:disabled {
        color: var(--component-lib__ButtonGhost_disabled-color);
        background: var(--component-lib__ButtonGhost_disabled-background);
        border-top-color: var(--component-lib__ButtonGhost_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-ButtonGhost:disabled:hover {
        color: var(--component-lib__ButtonGhost_disabled-color);
        background: var(--component-lib__ButtonGhost_disabled-background);
        border-top-color: var(--component-lib__ButtonGhost_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-ButtonGhost:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-ButtonGhostDisabled {
    background: var(--component-lib__ButtonGhost-background);
    border-top-width: var(--component-lib__ButtonGhost-borderTopWidth);
    border-top-style: var(--component-lib__ButtonGhost-borderTopStyle);
    border-top-color: var(--component-lib__ButtonGhost-borderTopColor);
    border-right-width: var(--component-lib__ButtonGhost-borderRightWidth);
    border-right-style: var(--component-lib__ButtonGhost-borderRightStyle);
    border-right-color: var(--component-lib__ButtonGhost-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonGhost-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonGhost-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonGhost-borderBottomColor);
    border-left-width: var(--component-lib__ButtonGhost-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonGhost-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonGhost-borderLeftColor);
    color: var(--component-lib__ButtonGhost-color);
    font-weight: var(--component-lib__ButtonGhost-fontWeight);
    border-radius: var(--component-lib__ButtonGhost-borderRadius);
    padding-top: var(--component-lib__ButtonGhost-paddingTop);
    padding-right: var(--component-lib__ButtonGhost-paddingRight);
    padding-bottom: var(--component-lib__ButtonGhost-paddingBottom);
    padding-left: var(--component-lib__ButtonGhost-paddingLeft);
    height: var(--component-lib__ButtonGhost-height);
    -webkit-text-decoration: var(--component-lib__ButtonGhost-textDecoration);
            text-decoration: var(--component-lib__ButtonGhost-textDecoration);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
    color: var(--component-lib__ButtonGhost_disabled-color);
    background: var(--component-lib__ButtonGhost_disabled-background);
    border-top-color: var(--component-lib__ButtonGhost_disabled-borderTopColor);
    border-right-color: var(--component-lib__ButtonGhost_disabled-borderRightColor);
    border-bottom-color: var(--component-lib__ButtonGhost_disabled-borderBottomColor);
    border-left-color: var(--component-lib__ButtonGhost_disabled-borderLeftColor);
    cursor: not-allowed;
}
.ht2-ButtonGhostDisabled:hover {
        color: var(--component-lib__ButtonGhost_hover-color);
        background: var(--component-lib__ButtonGhost_hover-background);
        border-top-color: var(--component-lib__ButtonGhost_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration)
    }
.ht2-ButtonGhostDisabled:active {
        color: var(--component-lib__ButtonGhost_hover-color);
        background: var(--component-lib__ButtonGhost_hover-background);
        border-top-color: var(--component-lib__ButtonGhost_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration)
    }
.ht2-ButtonGhostDisabled:disabled {
        color: var(--component-lib__ButtonGhost_disabled-color);
        background: var(--component-lib__ButtonGhost_disabled-background);
        border-top-color: var(--component-lib__ButtonGhost_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-ButtonGhostDisabled:disabled:hover {
        color: var(--component-lib__ButtonGhost_disabled-color);
        background: var(--component-lib__ButtonGhost_disabled-background);
        border-top-color: var(--component-lib__ButtonGhost_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-ButtonGhostDisabled:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-ButtonGhostDisabled:hover {
	color: var(--component-lib__ButtonGhost_disabled-color);
	background: var(--component-lib__ButtonGhost_disabled-background);
	border-top-color: var(--component-lib__ButtonGhost_disabled-borderTopColor);
	border-right-color: var(--component-lib__ButtonGhost_disabled-borderRightColor);
	border-bottom-color: var(--component-lib__ButtonGhost_disabled-borderBottomColor);
	border-left-color: var(--component-lib__ButtonGhost_disabled-borderLeftColor);
  }
.ht2-ButtonCallToAction {
    background: var(--component-lib__ButtonCallToAction-background);
    padding-top: var(--component-lib__ButtonCallToAction-paddingTop);
    padding-bottom: var(--component-lib__ButtonCallToAction-paddingBottom);
    border-radius: var(--component-lib__ButtonCallToAction-borderRadius);
    color: var(--component-lib__ButtonCallToAction-color);
    border-top-color: var(--component-lib__ButtonCallToAction-borderTopColor);
    border-right-color: var(--component-lib__ButtonCallToAction-borderRightColor);
    border-bottom-color: var(--component-lib__ButtonCallToAction-borderBottomColor);
    border-left-color: var(--component-lib__ButtonCallToAction-borderLeftColor);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
}
.ht2-ButtonCallToAction:hover {
        background: var(--component-lib__ButtonCallToAction_hover-background);
        color: var(--component-lib__ButtonCallToAction_hover-color);
        border-top-color: var(--component-lib__ButtonCallToAction_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonCallToAction_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonCallToAction_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonCallToAction_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-ButtonCallToAction:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-ButtonCallToAction:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-ButtonCallToAction:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-ButtonCallToAction:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-AddButton {
    background: var(--component-lib__ButtonCallToAction-background);
    padding-top: var(--component-lib__ButtonCallToAction-paddingTop);
    padding-bottom: var(--component-lib__ButtonCallToAction-paddingBottom);
    border-radius: var(--component-lib__ButtonCallToAction-borderRadius);
    color: var(--component-lib__ButtonCallToAction-color);
    border-top-color: var(--component-lib__ButtonCallToAction-borderTopColor);
    border-right-color: var(--component-lib__ButtonCallToAction-borderRightColor);
    border-bottom-color: var(--component-lib__ButtonCallToAction-borderBottomColor);
    border-left-color: var(--component-lib__ButtonCallToAction-borderLeftColor);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
    padding-top: calc(var(--component-lib__ButtonCallToAction-paddingTop) - 4px);
    padding-bottom: calc(var(--component-lib__ButtonCallToAction-paddingBottom) - 4px);
}
.ht2-AddButton:hover {
        background: var(--component-lib__ButtonCallToAction_hover-background);
        color: var(--component-lib__ButtonCallToAction_hover-color);
        border-top-color: var(--component-lib__ButtonCallToAction_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonCallToAction_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonCallToAction_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonCallToAction_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-AddButton:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-AddButton:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-AddButton:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-AddButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-AddButton::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-AddIcon-mask);
          mask: var(--component-AddIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: var(--base-space-2);
    background: var(--component-AddButtonIcon-background);
    left: -10px;
    top: 8px;
  }
.ht2-AddButton:hover::before {
    background: var(--component-AddButtonIcon_hover-background);
  }
.ht2-AddButton:disabled::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-AddIcon-mask);
          mask: var(--component-AddIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: var(--base-space-2);
    background: var(--base-colors-grey5);
    left: -10px;
    top: 8px;
  }
.ht2-AddButton:disabled:hover::before {
    background: var(--base-colors-grey5);
  }
.ht2-GearButton {
    background: var(--component-lib__ButtonCallToAction-background);
    padding-top: var(--component-lib__ButtonCallToAction-paddingTop);
    padding-bottom: var(--component-lib__ButtonCallToAction-paddingBottom);
    border-radius: var(--component-lib__ButtonCallToAction-borderRadius);
    color: var(--component-lib__ButtonCallToAction-color);
    border-top-color: var(--component-lib__ButtonCallToAction-borderTopColor);
    border-right-color: var(--component-lib__ButtonCallToAction-borderRightColor);
    border-bottom-color: var(--component-lib__ButtonCallToAction-borderBottomColor);
    border-left-color: var(--component-lib__ButtonCallToAction-borderLeftColor);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
    padding-top: calc(var(--component-lib__ButtonCallToAction-paddingTop) - 4px);
    padding-bottom: calc(var(--component-lib__ButtonCallToAction-paddingBottom) - 4px);
}
.ht2-GearButton:hover {
        background: var(--component-lib__ButtonCallToAction_hover-background);
        color: var(--component-lib__ButtonCallToAction_hover-color);
        border-top-color: var(--component-lib__ButtonCallToAction_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonCallToAction_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonCallToAction_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonCallToAction_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-GearButton:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-GearButton:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-GearButton:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-GearButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-GearButton::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-GearIcon-mask);
          mask: var(--component-GearIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: var(--base-space-2);
    background: var(--component-GearButtonIcon-background);
    left: -10px;
    top: 8px;
  }
.ht2-GearButton:hover::before {
    background: var(--component-GearButtonIcon_hover-background);
  }
.ht2-GearButton:disabled {

    padding-top: calc(var(--component-lib__ButtonCallToAction-paddingTop) - 4px);
    padding-bottom: calc(var(--component-lib__ButtonCallToAction-paddingBottom) - 4px);
  }
.ht2-GearButton:disabled::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-GearIcon-mask);
          mask: var(--component-GearIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: var(--base-space-2);
    background: var(--base-colors-grey5);
    left: -10px;
    top: 8px;
  }
.ht2-GearButton:disabled:hover::before {
    background: var(--base-colors-grey5);
  }
.ht2-EditButton {
    background: var(--component-lib__ButtonPrimary-background);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonPrimary-borderTopColor);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonPrimary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonPrimary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonPrimary-borderLeftColor);
    color: var(--component-lib__ButtonPrimary-color);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    border-radius: var(--component-lib__ButtonPrimary-borderRadius);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
}
.ht2-EditButton:hover {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-EditButton:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-EditButton:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-EditButton:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-EditButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-EditButton::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-EditIcon-mask);
          mask: var(--component-EditIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: var(--base-space-2);
    background: var(--component-EditButtonIcon-background);
    left: -10px;
    top: 8px;
  }
.ht2-EditButton:hover::before {
    background: var(--component-EditButtonIcon_hover-background);
  }
.ht2-EditButton::before {
    margin-right: 0;
  }
.ht2-EditButton:disabled::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-EditIcon-mask);
          mask: var(--component-EditIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: var(--base-space-2);
    background: var(--base-colors-grey5);
    left: -10px;
    top: 8px;
  }
.ht2-EditButton:disabled:hover::before {
    background: var(--base-colors-grey5);
  }
.ht2-EditButton:disabled::before {
      margin-right: 0;
    }
.ht2-DownloadButton {
    background: var(--component-lib__ButtonPrimary-background);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonPrimary-borderTopColor);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonPrimary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonPrimary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonPrimary-borderLeftColor);
    color: var(--component-lib__ButtonPrimary-color);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    border-radius: var(--component-lib__ButtonPrimary-borderRadius);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
}
.ht2-DownloadButton:hover {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-DownloadButton:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-DownloadButton:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-DownloadButton:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-DownloadButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-DownloadButton::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-DownloadIcon-mask);
          mask: var(--component-DownloadIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-black);

    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: var(--base-space-2);
    background: var(--component-DownloadButtonIcon-background);
    left: -10px;
    top: 8px;
  }
.ht2-DownloadButton:hover::before {
    background: var(--component-DownloadButtonIcon_hover-background);
  }
.ht2-DownloadButton::before {
    margin-right: 0;
  }
.ht2-DownloadButton:disabled::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-DownloadIcon-mask);
          mask: var(--component-DownloadIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-black);

    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: var(--base-space-2);
    background: var(--base-colors-grey5);
    left: -10px;
    top: 8px;
  }
.ht2-DownloadButton:disabled:hover::before {
    background: var(--base-colors-grey5);
  }
.ht2-DownloadButton:disabled::before {
      margin-right: 0;
    }
.ht2-RemoveButton {
    background: var(--component-lib__ButtonPrimary-background);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonPrimary-borderTopColor);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonPrimary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonPrimary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonPrimary-borderLeftColor);
    color: var(--component-lib__ButtonPrimary-color);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    border-radius: var(--component-lib__ButtonPrimary-borderRadius);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
}
.ht2-RemoveButton:hover {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-RemoveButton:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-RemoveButton:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-RemoveButton:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-RemoveButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-RemoveButton::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CloseIcon-mask);
          mask: var(--component-CloseIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: var(--base-space-2);
    background: var(--component-RemoveButtonIcon-background);
    left: -10px;
    top: 8px;
  }
.ht2-RemoveButton:hover::before {
    background: var(--component-RemoveButtonIcon_hover-background);
  }
.ht2-RemoveButton::before {
    margin-right: 0;
  }
.ht2-RemoveButton:disabled::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CloseIcon-mask);
          mask: var(--component-CloseIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: var(--base-space-2);
    background: var(--base-colors-grey5);
    left: -10px;
    top: 8px;
  }
.ht2-RemoveButton:disabled:hover::before {
    background: var(--base-colors-grey5);
  }
.ht2-RemoveButton:disabled::before {
      margin-right: 0;
    }
.ht2-UndoButton {
    background: var(--component-lib__ButtonPrimary-background);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonPrimary-borderTopColor);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonPrimary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonPrimary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonPrimary-borderLeftColor);
    color: var(--component-lib__ButtonPrimary-color);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    border-radius: var(--component-lib__ButtonPrimary-borderRadius);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
}
.ht2-UndoButton:hover {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-UndoButton:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-UndoButton:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-UndoButton:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-UndoButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-UndoButton::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-RefreshIcon-mask);
          mask: var(--component-RefreshIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: var(--base-space-2);
    background: var(--component-UndoButtonIcon-background);
    left: -10px;
    top: 8px;
  }
.ht2-UndoButton:hover::before {
    background: var(--component-UndoButtonIcon_hover-background);
  }
.ht2-UndoButton::before {
    margin-right: 0;
  }
.ht2-UndoButton:disabled::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-RefreshIcon-mask);
          mask: var(--component-RefreshIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: var(--base-space-2);
    background: var(--base-colors-grey5);
    left: -10px;
    top: 8px;
  }
.ht2-UndoButton:disabled:hover::before {
    background: var(--base-colors-grey5);
  }
.ht2-UndoButton:disabled::before {
      margin-right: 0;
    }
.ht2-Fieldset,
.ht2-ButtonsFieldset {
  padding: 0;
}
.ht2-FieldsetList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ht2-FieldsetList.ht2-FieldsetInputAndLabel:last-of-type {
    margin-bottom: 0;
  }
.ht2-FieldsetInputAndLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);
}
.ht2-FieldsetInputAndLabel.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-FieldsetLabel {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);
    margin-bottom: var(--base-space-1);
}
.ht2-FieldsetHint {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);
    margin-top: var(--base-space-2);
}
.ht2-FieldsetCheckbox {
  margin-right: var(--base-space-2);
}
.ht2-FieldsetCheckboxAndLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-FieldsetLabelWithErrorWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ht2-FieldsetError {
  margin-top: var(--base-space-2);
  display: inline-block;
}
.ht2-ButtonsFieldset {
  --negOne: -1;
    --gutter: var(--base-space-gutterSmall);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));
}
.ht2-ButtonsFieldsetButton {
    --gutter: var(--base-space-gutterSmall);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
}
.ht2-Collapsible {
  border: var(--component-Collapsible-borderWidth) solid
    var(--component-Collapsible-borderColor);
  background-color: var(--component-Collapsible-backgroundColor);
}
.ht2-CollapsibleHeader {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--component-CollapsibleHeader-paddingTop)
    var(--component-CollapsibleHeader-paddingRight)
    var(--component-CollapsibleHeader-paddingBottom)
    var(--component-CollapsibleHeader-paddingLeft);
  color: var(--component-CollapsibleHeader-color);
  -webkit-text-decoration: var(--component-CollapsibleHeader-textDecoration);
          text-decoration: var(--component-CollapsibleHeader-textDecoration);
  text-transform: var(--component-CollapsibleHeader-textTransform);
  font-weight: var(--component-CollapsibleHeader-fontWeight);
}
.ht2-CollapsibleHeader::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

  content: '';
  width: 15px;
  height: 15px;
  position: relative;
  background: var(--base-colors-primary);
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-right: 5px;
}
/* stylelint-disable-next-line selector-max-attribute -- This attr is fine. */
.ht2-Collapsible[open] .ht2-CollapsibleHeader::before {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.ht2-CollapsibleHeader::marker {
  display: none;
  content: ' ';
}
.ht2-CollapsibleBody {
  padding: var(--base-space-3);
}
.ht2-CollapsibleHeaderControls {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: auto;
}
.ht2-Link {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;
}
.ht2-Link:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-Link:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-LinkBold {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;

  font-weight: var(--component-BoldLink-fontWeight);
}
.ht2-LinkBold:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-LinkBold:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-CardTitleLink {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;
  color: var(--component-lib__CardWrapperTitleLink-color);
  font-weight: var(--component-lib__CardWrapperTitleLink-fontWeight);
  font-family: var(--component-lib__CardWrapperTitleLink-fontFamily);
  -webkit-text-decoration: var(--component-lib__CardWrapperTitleLink-textDecoration);
          text-decoration: var(--component-lib__CardWrapperTitleLink-textDecoration);
}
.ht2-CardTitleLink:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-CardTitleLink:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-CardTitleLink:hover {
    color: var(--component-lib__CardWrapperTitleLink_hover-color);
  }
.ht2-CardTitleLink:disabled {
    color: var(--component-lib__CardWrapperTitleLink_disabled-color);
  }
.ht2-LinkReturn {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-LinkReturn:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-LinkReturn:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-LinkReturn::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-LeftArrowIcon-mask);
          mask: var(--component-LeftArrowIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    height: 16px;
    width: 16px;
    margin-right: var(--base-space-1);
    background: var(--component-Link-color);
  }
.ht2-LinkReturn::before:hover::before {
      background: var(--component-Link_hover-color);
    }
/*
$Popover-pointer-length Needs to correspond with the constant OFFSET_POINTER
in DynamicallyPositionedPopover.jsx
*/
.ht2-PopoverContainer {
  position: relative;
  display: inline-block;
  width: 100%;
}
.ht2-Popover {
  position: absolute;
  z-index: 900;
}
/* stylelint-disable-next-line selector-class-pattern -- Has no .ht2 namespace, because there is javascript functionality attached to it. */
.ht2-Popover.is-hidden {
  visibility: hidden;
}
.ht2-PopoverTrigger:focus {
  /* @mixin focus-outline; */
  -webkit-box-shadow: 0 0 4px 1px var(--base-colors-primary);
          box-shadow: 0 0 4px 1px var(--base-colors-primary);
  border-radius: 0;
  outline: 0; /* removed browser default outline with anchor links */
}
.ht2-PopoverInnards {
  background: #fff;
  border-radius: var(--component-PopoverInnards-borderRadius);
  -webkit-box-shadow: var(--component-PopoverInnards-boxShadow);
          box-shadow: var(--component-PopoverInnards-boxShadow);
  padding: var(--component-PopoverInnards-padding);
  border: var(--component-PopoverInnards-border);
}
.ht2-PopoverInnardsTooltip {
  border: none;
  background: rgb(0 0 0 / 80%);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 5px 10px;
}
.ht2-PopoverInnardsNoWrap {
  white-space: nowrap;
}
.ht2-PopoverInnardsPadded {
  padding: 10px;
}
/**
 * The Pointer Triangle!
 */
.ht2-PopoverPointer,
.ht2-PopoverPointer::after {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  z-index: 901;
}
.ht2-PopoverPointer::after {
  content: '';
}
.ht2-PopoverPointerDialog {
  border-color: #bfbfbf;
}
.ht2-PopoverPointerDialog::after {
  border-color: #fff;
}
.ht2-PopoverPointerTooltip {
  border-color: rgb(0 0 0 / 80%);
}
.ht2-PopoverPointerTooltip::after {
  display: none;
}
.ht2-PopoverPointerUpward,
.ht2-PopoverPointerUpward::after,
.ht2-PopoverPointerDownward,
.ht2-PopoverPointerDownward::after {
  left: 50%;
  margin-left: -6px;
  border-width: 7px 6px;
}
.ht2-PopoverPointerUpward,
.ht2-PopoverPointerUpward::after {
  border-top-width: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}
.ht2-PopoverPointerUpward {
  bottom: -7px;
}
.ht2-PopoverPointerUpward::after {
  bottom: -8px;
}
.ht2-PopoverPointerDownward,
.ht2-PopoverPointerDownward::after {
  border-bottom-width: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.ht2-PopoverPointerDownward {
  top: -7px;
}
.ht2-PopoverPointerDownward::after {
  top: -8px;
}
.ht2-PopoverPointerRightward,
.ht2-PopoverPointerRightward::after,
.ht2-PopoverPointerLeftward,
.ht2-PopoverPointerLeftward::after {
  top: 50%;
  margin-top: -6px;
  border-width: 6px 7px;
}
.ht2-PopoverPointerRightward,
.ht2-PopoverPointerRightward::after {
  border-right-width: 0;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.ht2-PopoverPointerRightward {
  left: -7px;
}
.ht2-PopoverPointerRightward::after {
  left: -8px;
}
.ht2-PopoverPointerLeftward,
.ht2-PopoverPointerLeftward::after {
  border-left-width: 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.ht2-PopoverPointerLeftward {
  right: -7px;
}
.ht2-PopoverPointerLeftward::after {
  right: -8px;
}
.ht2-Icon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
}
/*
* General icon modifiers
*/
.ht2-IconSmall {
  width: 10px;
  height: 10px;
}
.ht2-IconLarge {
  width: 28px;
  height: 28px;
}
.ht2-IconFill {
  width: 100%;
  height: 100%;
}
/*
* States
*/
/* stylelint-disable-next-line selector-class-pattern -- Has no .ht2 namespace, because there is javascript functionality attached to it. */
.ht2-Icon.is-disabled {
  fill: #eef3f4 !important;
}
/*
* SVG-specific adjustments
*/
.ht2-IconEnvelopeSvg {
  top: -1px;
}
.ht2-IconCaretUpSvg {
  top: -2px;
}
.ht2-IconCheckCircleSvg,
.ht2-IconExclamationCircleSvg {
  left: 0.15em;
}
/*
* Icons
*/
.ht2-AcceptingNewPatientsIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-AcceptingNewPatientsIcon-mask);
          mask: var(--component-AcceptingNewPatientsIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-AcceptingNewPatientsIcon-backgroundColor);
}
.ht2-AcceptingMedicareIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-MedicareIcon-mask);
          mask: var(--component-MedicareIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-AcceptingMedicaidIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-MedicareIcon-mask);
          mask: var(--component-MedicareIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-AccessibilityIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-AccessibilityIcon-mask);
          mask: var(--component-AccessibilityIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-CalendarIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CalendarIcon-mask);
          mask: var(--component-CalendarIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-CalendarIconLight {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CalendarIcon-mask);
          mask: var(--component-CalendarIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--base-colors-white);
}
.ht2-CalendarTableHeaderCellIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CalendarIcon-mask);
          mask: var(--component-CalendarIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--component-CalendarTableHeaderCellIcon-backgroundColor);
}
.ht2-EnvelopeIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-EnvelopeIcon-mask);
          mask: var(--component-EnvelopeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-EnvelopeIcon-backgroundColor);
}
.ht2-LibEnvelopeIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
    fill: currentcolor;
    position: relative;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
    width: var(--component-lib__Icon-width);
    height: var(--component-lib__Icon-height);
    background: var(--component-lib__Icon-background);
    -webkit-mask: var(--component-lib__IconEmail-mask);
            mask: var(--component-lib__IconEmail-mask);
}
.ht2-EnvelopeTableHeaderCellIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-EnvelopeIcon-mask);
          mask: var(--component-EnvelopeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-EnvelopeIcon-backgroundColor);
  background-color: var(--component-EnvelopeTableHeaderCellIcon-backgroundColor);
}
.ht2-OpenEnvelopeIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-OpenEnvelopeIcon-mask);
          mask: var(--component-OpenEnvelopeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-ExclamationMarkIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ExclamationMarkIcon-mask);
          mask: var(--component-ExclamationMarkIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-ExclamationMarkIcon-backgroundColor);
}
.ht2-ExclamationMarkTableHeaderCellIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ExclamationMarkIcon-mask);
          mask: var(--component-ExclamationMarkIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-ExclamationMarkIcon-backgroundColor);
  background-color: var(--component-ExclamationMarkTableHeaderCellIcon-backgroundColor);
}
.ht2-ReplyIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ReplyIcon-mask);
          mask: var(--component-ReplyIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-ReplyAllIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ReplyAllIcon-mask);
          mask: var(--component-ReplyAllIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-ForwardIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ForwardIcon-mask);
          mask: var(--component-ForwardIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-PaperclipIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-PaperclipIcon-mask);
          mask: var(--component-PaperclipIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-PaperclipIcon-backgroundColor);
}
.ht2-PaperclipTableHeaderCellIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-PaperclipIcon-mask);
          mask: var(--component-PaperclipIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-PaperclipIcon-backgroundColor);
  background-color: var(--component-PaperclipTableHeaderCellIcon-backgroundColor);
}
.ht2-NoteIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-NoteIcon-mask);
          mask: var(--component-NoteIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-NoteIcon-backgroundColor);
}
.ht2-NoteTableHeaderCellIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-NoteIcon-mask);
          mask: var(--component-NoteIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-NoteIcon-backgroundColor);
  background-color: var(--component-NoteTableHeaderCellIcon-backgroundColor);
}
.ht2-GearIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-GearIcon-mask);
          mask: var(--component-GearIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-GearIconLight {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-GearIcon-mask);
          mask: var(--component-GearIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--base-colors-white);
}
.ht2-TrashIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-TrashIcon-mask);
          mask: var(--component-TrashIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-TrashIcon-backgroundColor);
}
.ht2-TrashIconLight {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-TrashIcon-mask);
          mask: var(--component-TrashIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-TrashIcon-backgroundColor);
  background-color: var(--base-colors-white);
}
.ht2-EditIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-EditIcon-mask);
          mask: var(--component-EditIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-EditIconLight {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-EditIcon-mask);
          mask: var(--component-EditIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--base-colors-white);
}
.ht2-InfoIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-InfoIcon-mask);
          mask: var(--component-InfoIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-InfoIcon-backgroundColor);
}
.ht2-InfoIconLight {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-InfoIcon-mask);
          mask: var(--component-InfoIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-InfoIcon-backgroundColor);
  background-color: var(--base-colors-white);
}
.ht2-InfoTableHeaderCellIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-InfoIcon-mask);
          mask: var(--component-InfoIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-InfoIcon-backgroundColor);
  background-color: var(--component-InfoTableHeaderCellIcon-backgroundColor);
}
.ht2-FacebookIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-FacebookIcon-mask);
          mask: var(--component-FacebookIcon-mask);
  background-color: var(--component-FacebookIcon-backgroundColor);
  width: var(--component-FacebookIcon-width);
  height: var(--component-FacebookIcon-height);
}
.ht2-TwitterIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-TwitterIcon-mask);
          mask: var(--component-TwitterIcon-mask);
  background-color: var(--component-TwitterIcon-backgroundColor);
  width: var(--component-TwitterIcon-width);
  height: var(--component-TwitterIcon-height);
}
.ht2-LinkedInIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-LinkedInIcon-mask);
          mask: var(--component-LinkedInIcon-mask);
  background-color: var(--component-LinkedInIcon-backgroundColor);
  width: var(--component-LinkedInIcon-width);
  height: var(--component-LinkedInIcon-height);
}
.ht2-InstagramIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-InstagramIcon-mask);
          mask: var(--component-InstagramIcon-mask);
  background-color: var(--component-InstagramIcon-backgroundColor);
  width: var(--component-InstagramIcon-width);
  height: var(--component-InstagramIcon-height);
}
.ht2-YoutubeIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-YoutubeIcon-mask);
          mask: var(--component-YoutubeIcon-mask);
  background-color: var(--component-YoutubeIcon-backgroundColor);
  width: var(--component-YoutubeIcon-width);
  height: var(--component-YoutubeIcon-height);
}
.ht2-TiktokIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-TiktokIcon-mask);
          mask: var(--component-TiktokIcon-mask);
  background-color: var(--component-TiktokIcon-backgroundColor);
  width: var(--component-TiktokIcon-width);
  height: var(--component-TiktokIcon-height);
}
.ht2-WordpressIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-WordpressIcon-mask);
          mask: var(--component-WordpressIcon-mask);
  background-color: var(--component-WordpressIcon-backgroundColor);
  width: var(--component-WordpressIcon-width);
  height: var(--component-WordpressIcon-height);
}
.ht2-PinterestIcon {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-PinterestIcon-mask);
          mask: var(--component-PinterestIcon-mask);
  background-color: var(--component-PinterestIcon-backgroundColor);
  width: var(--component-PinterestIcon-width);
  height: var(--component-PinterestIcon-height);
}
.ht2-LinkedInContainer {
  -webkit-box-ordinal-group: var(--component-LinkedInContainer-order);
      -ms-flex-order: var(--component-LinkedInContainer-order);
          order: var(--component-LinkedInContainer-order);
}
.ht2-FacebookContainer {
  -webkit-box-ordinal-group: var(--component-FacebookContainer-order);
      -ms-flex-order: var(--component-FacebookContainer-order);
          order: var(--component-FacebookContainer-order);
}
.ht2-YoutubeContainer {
  -webkit-box-ordinal-group: var(--component-YoutubeContainer-order);
      -ms-flex-order: var(--component-YoutubeContainer-order);
          order: var(--component-YoutubeContainer-order);
}
.ht2-TwitterContainer {
  -webkit-box-ordinal-group: var(--component-TwitterContainer-order);
      -ms-flex-order: var(--component-TwitterContainer-order);
          order: var(--component-TwitterContainer-order);
}
.ht2-InstagramContainer {
  -webkit-box-ordinal-group: var(--component-InstagramContainer-order);
      -ms-flex-order: var(--component-InstagramContainer-order);
          order: var(--component-InstagramContainer-order);
}
.ht2-TiktokContainer {
  -webkit-box-ordinal-group: var(--component-TiktokContainer-order);
      -ms-flex-order: var(--component-TiktokContainer-order);
          order: var(--component-TiktokContainer-order);
}
.ht2-PinterestContainer {
  -webkit-box-ordinal-group: var(--component-PinterestContainer-order);
      -ms-flex-order: var(--component-PinterestContainer-order);
          order: var(--component-PinterestContainer-order);
}
.ht2-WordpressContainer {
  -webkit-box-ordinal-group: var(--component-WordpressContainer-order);
      -ms-flex-order: var(--component-WordpressContainer-order);
          order: var(--component-WordpressContainer-order);
}
.ht2-MapMarkerIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-MapMarkerIcon-mask);
          mask: var(--component-MapMarkerIcon-mask);
  background-color: var(--component-MapMarkerIcon-backgroundColor);
}
.ht2-SharedIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-SharedIcon-mask);
          mask: var(--component-SharedIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-black);
}
.ht2-SharedIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-SharedIcon-mask);
          mask: var(--component-SharedIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-black);
  background-color: var(--base-colors-grey3);
}
.ht2-UserIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-UserIcon-mask);
          mask: var(--component-UserIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-UserIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-UserIcon-mask);
          mask: var(--component-UserIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--base-colors-white);
}
.ht2-SearchIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-SearchIcon-mask);
          mask: var(--component-SearchIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-SearchIcon-backgroundColor);
}
.ht2-SearchIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-SearchIcon-mask);
          mask: var(--component-SearchIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-SearchIcon-backgroundColor);
  background-color: var(--base-colors-white);
}
.ht2-PrintIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-PrintIcon-mask);
          mask: var(--component-PrintIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-PrintIcon-backgroundColor);
}
.ht2-PrintIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-PrintIcon-mask);
          mask: var(--component-PrintIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-PrintIcon-backgroundColor);
  background-color: var(--base-colors-white);
}
.ht2-AddIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-AddIcon-mask);
          mask: var(--component-AddIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-AddIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-AddIcon-mask);
          mask: var(--component-AddIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--base-colors-white);
}
.ht2-DangerIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-DangerIcon-mask);
          mask: var(--component-DangerIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-danger);
}
.ht2-DangerIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-DangerIcon-mask);
          mask: var(--component-DangerIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-danger);
  background-color: var(--base-colors-white);
}
.ht2-BackIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-BackIcon-mask);
          mask: var(--component-BackIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-BackIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-BackIcon-mask);
          mask: var(--component-BackIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--base-colors-white);
}
.ht2-ExpandIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ExpandIcon-mask);
          mask: var(--component-ExpandIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-ExpandIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ExpandIcon-mask);
          mask: var(--component-ExpandIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--base-colors-white);
}
.ht2-LeftArrowIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-LeftArrowIcon-mask);
          mask: var(--component-LeftArrowIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-LeftArrowIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-LeftArrowIcon-mask);
          mask: var(--component-LeftArrowIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--base-colors-white);
}
.ht2-RightArrowIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-RightArrowIcon-mask);
          mask: var(--component-RightArrowIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-RightArrowIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-RightArrowIcon-mask);
          mask: var(--component-RightArrowIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--base-colors-white);
}
.ht2-CloseIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CloseIcon-mask);
          mask: var(--component-CloseIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-RefreshIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-RefreshIcon-mask);
          mask: var(--component-RefreshIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-RefreshIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-RefreshIcon-mask);
          mask: var(--component-RefreshIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--base-colors-white);
}
.ht2-ChevronDownIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-ChevronDownIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--base-colors-white);
}
.ht2-CheckboxIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CheckboxIcon-mask);
          mask: var(--component-CheckboxIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
}
.ht2-StarIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-StarIcon-mask);
          mask: var(--component-StarIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-Star-backgroundColor);
}
.ht2-CommentIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CommentIcon-mask);
          mask: var(--component-CommentIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-black);
}
.ht2-CommentIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CommentIcon-mask);
          mask: var(--component-CommentIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-black);
  background-color: var(--base-colors-grey3);
}
.ht2-LinkIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-LinkIcon-mask);
          mask: var(--component-LinkIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-black);
}
.ht2-LinkIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-LinkIcon-mask);
          mask: var(--component-LinkIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-black);
  background-color: var(--base-colors-grey3);
}
.ht2-DownloadIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-DownloadIcon-mask);
          mask: var(--component-DownloadIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-black);
}
.ht2-XlsIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-XlsIcon-mask);
          mask: var(--component-XlsIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-XlsIcon-backgroundColor);
}
.ht2-PdfIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-PdfIcon-mask);
          mask: var(--component-PdfIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-PdfIcon-backgroundColor);
}
.ht2-DownloadIconLight {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-DownloadIcon-mask);
          mask: var(--component-DownloadIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-black);
  background-color: var(--base-colors-grey3);
}
.ht2-DocumentIconImgblank {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-BlankMimeTypeIcon-mask);
          mask: var(--component-BlankMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImgbmp {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-BmpMimeTypeIcon-mask);
          mask: var(--component-BmpMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImgcsv {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CsvMimeTypeIcon-mask);
          mask: var(--component-CsvMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImgdoc {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-DocMimeTypeIcon-mask);
          mask: var(--component-DocMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImgexe {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ExeMimeTypeIcon-mask);
          mask: var(--component-ExeMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImghtml {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-HtmlMimeTypeIcon-mask);
          mask: var(--component-HtmlMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImgjpg {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-JpgMimeTypeIcon-mask);
          mask: var(--component-JpgMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImgpdf {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-PdfMimeTypeIcon-mask);
          mask: var(--component-PdfMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImgpng {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-PngMimeTypeIcon-mask);
          mask: var(--component-PngMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImgppt {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-PptMimeTypeIcon-mask);
          mask: var(--component-PptMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImgrtf {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-RtfMimeTypeIcon-mask);
          mask: var(--component-RtfMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImgtxt {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-TxtMimeTypeIcon-mask);
          mask: var(--component-TxtMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImgxls {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-XlsMimeTypeIcon-mask);
          mask: var(--component-XlsMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconImgzip {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ZipMimeTypeIcon-mask);
          mask: var(--component-ZipMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-DocumentIconMimeImgaudio {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-AudioMimeTypeIcon-mask);
          mask: var(--component-AudioMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
  margin-bottom: var(--base-space-2);
}
.ht2-DocumentIconMimeImgbinary {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-BinaryMimeTypeIcon-mask);
          mask: var(--component-BinaryMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
  margin-bottom: var(--base-space-2);
}
.ht2-DocumentIconMimeImgimage {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ImageMimeTypeIcon-mask);
          mask: var(--component-ImageMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
  margin-bottom: var(--base-space-2);
}
.ht2-DocumentIconMimeImgtext {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-TextMimeTypeIcon-mask);
          mask: var(--component-TextMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
  margin-bottom: var(--base-space-2);
}
.ht2-DocumentIconMimeImgvideo {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-VideoMimeTypeIcon-mask);
          mask: var(--component-VideoMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
  margin-bottom: var(--base-space-2);
}
.ht2-DocumentIconMimeImgzip {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ZippedMimeTypeIcon-mask);
          mask: var(--component-ZippedMimeTypeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  width: 32px;
  height: 40px;
  background-color: var(--base-colors-primaryDarken);
  margin-bottom: var(--base-space-2);
}
.ht2-AccordionExpandIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-AccordionExpandIcon-mask);
          mask: var(--component-AccordionExpandIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-AccordionCollapseIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-AccordionCollapseIcon-mask);
          mask: var(--component-AccordionCollapseIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-CarePlanIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CarePlanIcon-mask);
          mask: var(--component-CarePlanIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-CarePlanLinkIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CarePlanLinkIcon-mask);
          mask: var(--component-CarePlanLinkIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-InterventionIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-InterventionIcon-mask);
          mask: var(--component-InterventionIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-ViewIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ViewIcon-mask);
          mask: var(--component-ViewIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-ViewNoteIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ViewNoteIcon-mask);
          mask: var(--component-ViewNoteIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-BanIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-BanIcon-mask);
          mask: var(--component-BanIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-CheckIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CheckIcon-mask);
          mask: var(--component-CheckIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-success);
}
.ht2-CarePlansEditIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CarePlansEditIcon-mask);
          mask: var(--component-CarePlansEditIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-FileTextIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-FileTextIcon-mask);
          mask: var(--component-FileTextIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-FlagIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-FlagIcon-mask);
          mask: var(--component-FlagIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-InfoCircleIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-InfoCircleIcon-mask);
          mask: var(--component-InfoCircleIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-MedkitIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-MedkitIcon-mask);
          mask: var(--component-MedkitIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-RemoveIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-RemoveIcon-mask);
          mask: var(--component-RemoveIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-attention);
}
.ht2-CarePlansReplyIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CarePlansReplyIcon-mask);
          mask: var(--component-CarePlansReplyIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-ShareAltIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ShareAltIcon-mask);
          mask: var(--component-ShareAltIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-StethoscopeIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-StethoscopeIcon-mask);
          mask: var(--component-StethoscopeIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-WarningIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-WarningIcon-mask);
          mask: var(--component-WarningIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
}
.ht2-IconHealthPlus {
  fill: currentcolor;
  width: 16px;
  height: 16px;
  position: relative;
    fill: currentcolor;
    position: relative;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
    width: var(--component-lib__Icon-width);
    height: var(--component-lib__Icon-height);
    background: var(--component-lib__Icon-background);
    -webkit-mask: var(--component-IconHealthPlus-mask);
            mask: var(--component-IconHealthPlus-mask);
}
.ht2-SocialMediaIcons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht2-SocialMediaIcon {
  color: var(--component-SocialMediaIcon-color);
  margin-right: var(--component-SocialMediaIcon-marginRight);
}
.ht2-TabsGroup {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom-style: solid;
  background: var(--component-TabsGroup-background);
  padding-top: var(--component-TabsGroup-paddingTop);
  padding-right: var(--component-TabsGroup-paddingRight);
  padding-bottom: var(--component-TabsGroup-paddingBottom);
  padding-left: var(--component-TabsGroup-paddingLeft);
  border-bottom-width: var(--component-TabsGroup-borderBottomWidth);
  border-bottom-color: var(--component-TabsGroup-borderBottomColor);
  width: var(--component-TabsGroup-width);
  border-top-right-radius: var(--component-TabsGroup-borderTopRightRadius);
  border-top-left-radius: var(--component-TabsGroup-borderTopLeftRadius);
  border-bottom-left-radius: var(--component-TabsGroup-borderBottomLeftRadius);
  border-bottom-right-radius: var(--component-TabsGroup-borderBottomRightRadius);
}
@media (max-width: 530px) {
.ht2-TabsGroup {
    border-bottom-color: transparent;
    border-bottom-width: 0;
}
  }
.ht2-Tabs {
  margin-bottom: var(--base-space-4);
}
.ht2-Tab {
  border-top-right-radius: var(--component-Tab-borderTopRightRadius);
  border-top-left-radius: var(--component-Tab-borderTopLeftRadius);
  border-bottom-right-radius: var(--component-Tab-borderBottomRightRadius);
  border-bottom-left-radius: var(--component-Tab-borderBottomLeftRadius);
  border-bottom: var(--component-Tab-borderBottomWidth) solid
    var(--component-Tab-borderBottomColor);
  border-right: var(--component-Tab-borderRightWidth) solid
    var(--component-Tab-borderRightColor);
  border-left: var(--component-Tab-borderLeftWidth) solid
    var(--component-Tab-borderLeftColor);
  border-top: var(--component-Tab-borderTopWidth) solid
    var(--component-Tab-borderTopColor);
  margin-right: var(--component-Tab-marginRight);
  margin-left: var(--component-Tab-marginLeft);
  background: var(--component-Tab-background);
  color: var(--component-Tab-color);
  position: relative;
  padding-top: var(--component-Tab-paddingTop);
  padding-bottom: var(--component-Tab-paddingBottom);
}
.ht2-Tab:hover {
    cursor: pointer;
    -webkit-text-decoration: var(--component-Tab_hover-textDecoration);
            text-decoration: var(--component-Tab_hover-textDecoration);
  }
.ht2-Tab:last-of-type {
    margin-right: var(--component-Tab_last-of-type-marginRight);
  }
@media (max-width: 530px) {
.ht2-Tab {
    margin-bottom: 10px
}

    .ht2-Tab:last-of-type {
      margin-bottom: 0;
    }
  }
.ht2-Tab:hover {
	-webkit-text-decoration: var(--component-Tab_hover-textDecoration);
	        text-decoration: var(--component-Tab_hover-textDecoration);
  }
.ht2-Tab:hover:not(.ht2-TabActive:hover) {
	background-color: var(--component-Tab_hover_notTabActive_hover-backgroundColor);
	-webkit-text-decoration: var(--component-Tab_hover_notTabActive_hover-textDecoration);
	        text-decoration: var(--component-Tab_hover_notTabActive_hover-textDecoration);
	color: var(--component-Tab_hover_notTabActive_hover-color);
	border-bottom-width: var(--component-Tab_hover_notTabActive_hover-borderBottomWidth);
	border-bottom-style: var(--component-Tab_hover_notTabActive_hover-borderBottomStyle);
	border-bottom-color: var(--component-Tab_hover_notTabActive_hover-borderBottomColor);
  }
.ht2-Tab.ht2-TabActive {
  border-bottom: var(--component-TabActive-borderBottomWidth) solid
    var(--component-TabActive-borderBottomColor);
  border-right: var(--component-TabActive-borderRightWidth) solid
    var(--component-TabActive-borderRightColor);
  border-left: var(--component-TabActive-borderLeftWidth) solid
    var(--component-TabActive-borderLeftColor);
  border-top: var(--component-TabActive-borderTopWidth) solid
    var(--component-TabActive-borderTopColor);
  background: var(--component-TabActive-background);
  border-top-right-radius: var(--component-TabActive-borderTopRightRadius);
  border-top-left-radius: var(--component-TabActive-borderTopLeftRadius);
  border-bottom-right-radius: var(--component-TabActive-borderBottomRightRadius);
  border-bottom-left-radius: var(--component-TabActive-borderBottomLeftRadius);
  bottom: var(--component-TabActive-bottom);
  padding-top: var(--component-TabActive-paddingTop);
}
.ht2-Tab.ht2-TabActive::before {
    --size: 12px;
    --negativeTwo: -2;

    content: '';
    border-right: var(--size) solid transparent;
    border-bottom: var(--size) solid var(--base-colors-primary);
    border-left: var(--size) solid transparent;
    border-top: var(--size) solid transparent;
    position: absolute;
    bottom: calc(var(--negativeTwo)*var(--size));
    right: calc(50% - var(--size));
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    display: var(--component-TabActive_before-display);
  }
.ht2-Tab.ht2-TabActive:hover {
    cursor: pointer;
    -webkit-text-decoration: var(--component-TabActive_hover-textDecoration);
            text-decoration: var(--component-TabActive_hover-textDecoration);
  }
.ht2-TabLabel {
  display: block;
  text-decoration: none;
  line-height: 23px;
  cursor: pointer;
  color: var(--component-TabLabel-color);
  background: var(--component-TabLabel-background);
  font-family: var(--component-TabLabel-fontFamily);
  font-weight: var(--component-TabLabel-fontWeight);
  font-size: var(--component-TabLabel-fontSize);
  padding-top: var(--component-TabLabel-paddingTop);
  padding-right: var(--component-TabLabel-paddingRight);
  padding-bottom: var(--component-TabLabel-paddingBottom);
  padding-left: var(--component-TabLabel-paddingLeft);
  text-transform: var(--component-TabLabel-textTransform);
  border-top-right-radius: var(--component-TabLabel-borderTopRightRadius);
  border-top-left-radius: var(--component-TabLabel-borderTopLeftRadius);
  border-bottom-left-radius: var(--component-TabLabel-borderBottomLeftRadius);
  border-bottom-right-radius: var(--component-TabLabel-borderBottomRightRadius);

  cursor: pointer;
}
.ht2-TabLabel:hover {
	-webkit-text-decoration: var(--component-TabLabel_hover-textDecoration);
	        text-decoration: var(--component-TabLabel_hover-textDecoration);
  }
.ht2-Tab.ht2-TabActive .ht2-TabLabel {
	color: var(--component-TabLabelActive-color);
	text-transform: var(--component-TabLabelActive-textTransform);
	background: var(--component-TabLabelActive-background);
	cursor: auto;
}
.ht2-Tab.ht2-TabActive .ht2-TabLabel:hover {
	-webkit-text-decoration: var(--component-TabLabelActive_hover-textDecoration);
	        text-decoration: var(--component-TabLabelActive_hover-textDecoration);
  }
/* stylelint-disable selector-max-type, no-descending-specificity -- TODO: This component needs to be reexamined. This stylelint disable should not exist. */
/**
*  FIXME: Why is there an important?
*/
.ht2-Table {
  width: 100%;
}
.ht2-TableRow:nth-child(even) {
  background-color: var(--component-TableEvenRow-backgroundColor);
}
.ht2-TableRow:nth-child(odd) {
  background-color: var(--component-TableOddRow-backgroundColor);
}
.ht2-TableTitleSection {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);
    padding-top: 16px;
    padding-bottom: 16px;
}
/* ht2-TableLastVisibleRow exists to style the "bottom" of
a table.This exists solely because of a table in non-member
registration controlled by jQuery paginate. We can't
add a border-bottom to ht2-Table because
there might be pagination inside the <tfoot /> element
in the table, and we can't select the last row
with :last-child or :last-of-type because there
may be rows after it that are display:none'd
 by jquery-paginate */
.ht2-TableLastVisibleRow {
  border-bottom: var(--component-TableLastVisibleRow-borderBottomWidth)
    solid var(--component-TableLastVisibleRow-borderBottomColor);
}
.ht2-TableHeaderRow,
.ht2-TableRow {
  width: 100%;
  height: 65px;
  padding: 0 16px;
}
.ht2-TableRow {
  border-top: var(--component-TableRow-borderTopWidth)
    var(--component-TableRow-borderTopStyle)
    var(--component-TableRow-borderTopColor);
  border-right: var(--component-TableRow-borderRightWidth)
    var(--component-TableRow-borderRightStyle)
    var(--component-TableRow-borderRightColor);
  border-bottom: var(--component-TableRow-borderBottomWidth)
    var(--component-TableRow-borderBottomStyle)
    var(--component-TableRow-borderBottomColor);
  border-left: var(--component-TableRow-borderLeftWidth)
    var(--component-TableRow-borderLeftStyle)
    var(--component-TableRow-borderLeftColor);
}
.ht2-TableHeaderRow {
  height: var(--component-TableHeaderRow-height);
  -webkit-box-shadow: var(--component-TableHeaderRow-boxShadow);
          box-shadow: var(--component-TableHeaderRow-boxShadow);
  background: var(--component-TableHeaderRow-backgroundColor) !important;
  border-top: var(--component-TableHeaderRow-borderTopWidth) solid
    var(--component-TableHeaderRow-borderTopColor);
  border-bottom: var(--component-TableHeaderRow-borderBottomWidth) solid
    var(--component-TableHeaderRow-borderBottomColor);
  border-left: var(--component-TableHeaderRow-borderLeftWidth) solid
    var(--component-TableHeaderRow-borderLeftColor);
  border-right: var(--component-TableHeaderRow-borderRightWidth) solid
    var(--component-TableHeaderRow-borderRightColor);
  position: relative;
}
/* TODO: Remove these th and td selectors */
.ht2-TableHeaderRow th:last-child {
  padding-right: var(--base-space-4);
}
.ht2-TableHeaderCell {
  color: var(--component-TableHeaderCell-color);
  font-size: var(--component-TableHeaderCell-fontSize);
  border-width: 0;
  border-style: none;
  border-color: currentcolor;
}
.ht2-TableHeaderCell,
.ht2-TableCell {
  /* Couldn't think of a better name for this. This is for cells anywhere ( in header and in body ) */
  text-align: left;
  vertical-align: middle;
  padding: 5px 8px;
}
.ht2-TableHeaderCell:first-of-type, .ht2-TableCell:first-of-type {
    padding-left: 16px;
  }
.ht2-TableHeaderCell:last-of-type, .ht2-TableCell:last-of-type {
    padding-right: 16px;
  }
.ht2-TableHeaderCellData {
  font-size: var(--component-TableHeaderCellData-fontSize);
  font-family: var(--component-TableHeaderCellData-fontFamily);
  font-weight: var(--component-TableHeaderCellData-fontWeight);
  color: var(--component-TableHeaderCellData-color);
  line-height: 19px;
  text-decoration: none;
}
.ht2-TableCellData {
  color: var(--component-TableCellData-color);
  font-size: var(--component-TableCellData-fontSize);
  font-family: var(--component-TableCellData-fontFamily);
  line-height: 19px;
  text-decoration: none;
}
.ht2-TableBodyHeaderCellData {
  font-weight: var(--component-TableBodyHeaderCellData-fontWeight);
  color: var(--component-TableBodyHeaderCellData-color);
}
.ht2-TableCellDataInfo {
  max-height: 16px;
  width: auto;
}
.ht2-DetailTableHeaderCell,
.ht2-DetailTableCell {
  padding: 20px 0;
}
.ht2-DetailTableHeaderCellFirstColumn {
  text-align: right;
  padding-right: 20px;
}
.ht2-DetailTableHeaderCellData {
  font-weight: bold;
}
.ht2-DetailTableActions {
  margin-top: 10px;
}
.ht2-TableHeaderCellLink {
  font-size: var(--component-TableHeaderCellData-fontSize);
  font-family: var(--component-TableHeaderCellData-fontFamily);
  font-weight: var(--component-TableHeaderCellData-fontWeight);
  color: var(--component-TableHeaderCellData-color);
  line-height: 19px;
  text-decoration: none;
  -webkit-text-decoration: var(--component-TableHeaderCellLink-textDecoration);
          text-decoration: var(--component-TableHeaderCellLink-textDecoration);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-TableHeaderCellLink:hover {
    cursor: pointer;
    -webkit-text-decoration: var(--component-TableHeaderCellLink_hover-textDecoration);
            text-decoration: var(--component-TableHeaderCellLink_hover-textDecoration);
  }
/* stylelint-disable selector-max-type, selector-max-class -- TODO: Look into getting rid if tag selectors here..? */
/* stylelint-disable selector-class-pattern -- We probably won't be changing these classes */
/* Copied from smartui base directory, we can't use ht2- prifixes on these classnames unless we duplicate and rewrite the accompanying JS which selects it  */
/* Responsive Table */
.scrollingTableWrapper {
  display: block;
  width: 100%;
  padding: 1px; /* fixes overflow issues */

  /* Hide scrollbars but retain functionality for modern browsers with trackpads */
  overflow-x: auto;
}
.scrollingTableWrapper::-webkit-scrollbar:vertical {
  width: 0;
}
.scrollingTableWrapper::-webkit-scrollbar:horizontal {
  height: 0;
}
/* Recreate scrollbar and don't let osx hide it */
.stickyScrollBar::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid #fff; /* should match background, can't be transparent */
  background-color: rgb(0 0 0 / 50%);
}
.stickyScrollBar::-webkit-scrollbar:vertical {
  width: 11px;
}
.stickyScrollBar::-webkit-scrollbar:horizontal {
  height: 16px;
}
.responsiveTableContainer {
  display: none;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  color: #000;
}
.responsiveTableContainer .dataContainer {
  border-top: 2px solid #cecdc4;
}
.responsiveTableContainer .dataContainer:last-child {
  border-bottom: 2px solid #cecdc4;
}
.responsiveTableContainer .dataContainer .dataHeaderContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0;
}
.responsiveTableContainer .dataContainer .dataHeader {
  display: inline-block;
  font-size: 1.2em;
  color: #1f277f;
  font-weight: 700;
}
.responsiveTableContainer .dataContainer .rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
  border-top: 1px solid #cecdc4;
}
.responsiveTableContainer .dataContainer .rows .dataValue {
  text-align: right;
}
.responsiveTableContainer .dataContainer .rows .rowContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5em 0;
  border-bottom: 1px solid #cecdc4;
  min-height: 25px;
}
.responsiveTableContainer .dataContainer .rows .rowContainer:last-child {
  border-bottom: none !important;
}
.responsiveTableContainer .dataContainer .rows .rowContainer .dataTitle {
  font-weight: 700;
  margin-right: 15px;
}
/* Responsive Table Collapse Switch */
.responsiveTableContainer .dataContainer .dataHeaderContainer.toggleDisplay {
  cursor: pointer;
}
.responsiveTableContainer .dataContainer .dataHeaderContainer .open::before {
  content: 'Collapse ';
  cursor: pointer;
}
.responsiveTableContainer
  .dataContainer
  .dataHeaderContainer:lang(ru)
  .open::before {
  content: 'Свернуть ';
}
.responsiveTableContainer .dataContainer .dataHeaderContainer .closed::before {
  content: 'Expand ';
  cursor: pointer;
}
.responsiveTableContainer
  .dataContainer
  .dataHeaderContainer:lang(ru)
  .closed::before {
  content: 'Раскрыть ';
}
.responsiveTableContainer .dataContainer .dataHeaderContainer .fa-sort-desc {
  line-height: 1;
  height: 34px;
}
.responsiveTableContainer
  .dataContainer
  .dataHeaderContainer
  .open
  .fa-sort-desc {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.responsiveTableContainer .mainCollapser {
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.responsiveTableContainer .mainCollapser.open::before {
  content: 'Collapse All ';
  cursor: pointer;
}
.responsiveTableContainer .mainCollapser.open:lang(ru)::before {
  content: 'Свернуть все ';
}
.responsiveTableContainer .mainCollapser.closed::before {
  content: 'Expand All ';
  cursor: pointer;
}
.responsiveTableContainer .mainCollapser.closed:lang(ru)::before {
  content: 'Раскрыть все ';
}
/* Table Rows that were imported due to being above the header */
.responsiveTableContainer tr {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.responsiveTableContainer tr th,
.responsiveTableContainer tr td {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: unset !important;
  color: #000 !important;
  font-size: 1.2em !important;
  padding: 10px 5px !important;
}
.responsiveTableContainer tr th.primary,
.responsiveTableContainer tr td.primary {
  font-size: 1.6em !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.responsiveTableContainer tr th .floatRight,
.responsiveTableContainer tr td .floatRight {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.responsiveTableContainer tr th .floatLeft,
.responsiveTableContainer tr td .floatLeft {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
/**
.responsiveTableContainer tr th #addSpaceForRemovedSpaceTag,
.responsiveTableContainer tr td #addSpaceForRemovedSpaceTag {
  order: 0;
}
 */
.responsiveTableContainer .responsiveTable_aboveHeader {
  font-size: 1.6em !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media only screen and (max-width: 950px) {
  /* Remove the comment below when you want the Responsive Table to be shown */
  .responsiveTable {
    display: none !important;
  }

  /* Change this to display: flex when you want the Responsive Table to be shown */
  .responsiveTableContainer {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .stickyScrollBar {
    display: none;
  }
}
/* TODO: Remove me? or add a style rule so its not empty
.ht2-Form {

}
*/
.ht2-FormSingleColumn {
  max-width: var(--component-SingleColumnForm-maxWidth);
}
.ht2-ViewAuditIcon {
  display: none;
}
.ht2-ViewAudit::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-SearchIcon-mask);
          mask: var(--component-SearchIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-SearchIcon-backgroundColor);

  margin-right: var(--base-space-2);
  background: var(--base-colors-white);
}
.ht2-BackButton {
  font-size: 0;
}
.ht2-BackButton::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-BackIcon-mask);
          mask: var(--component-BackIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

  display: block;
  margin-right: var(--base-space-2);
  background: var(--base-colors-primary);
}
.ht2-BackArrow {
  color: var(--base-colors-primary);
}
.ht2-MessageBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: var(--base-space-2);
  padding-bottom: var(--base-space-2);
  padding-left: var(--base-space-4);
  padding-right: var(--base-space-4);
  font-family: var(--base-fonts-1);
}
.ht2-MessageBoxErrorMessage {
  background-color: var(--component-MessageBoxErrorMessage-backgroundColor);
  color: var(--component-MessageBoxErrorMessage-color);
  border-top-color: var(--component-MessageBoxErrorMessage-borderTopColor);
  border-bottom-color: var(--component-MessageBoxErrorMessage-borderBottomColor);
  border-left-color: var(--component-MessageBoxErrorMessage-borderLeftColor);
  border-right-color: var(--component-MessageBoxErrorMessage-borderRightColor);
  border-style: solid;
  border-top-width: var(--component-MessageBoxErrorMessage-borderTopWidth);
  border-bottom-width: var(--component-MessageBoxErrorMessage-borderBottomWidth);
  border-left-width: var(--component-MessageBoxErrorMessage-borderLeftWidth);
  border-right-width: var(--component-MessageBoxErrorMessage-borderRightWidth);
}
.ht2-MessageBoxSuccessMessage {
  background-color: var(--component-MessageBoxSuccessMessage-backgroundColor);
  color: var(--component-MessageBoxSuccessMessage-color);
  border-top-color: var(--component-MessageBoxSuccessMessage-borderTopColor);
  border-bottom-color: var(--component-MessageBoxSuccessMessage-borderBottomColor);
  border-left-color: var(--component-MessageBoxSuccessMessage-borderLeftColor);
  border-right-color: var(--component-MessageBoxSuccessMessage-borderRightColor);
  border-style: solid;
  border-top-width: var(--component-MessageBoxSuccessMessage-borderTopWidth);
  border-bottom-width: var(--component-MessageBoxSuccessMessage-borderBottomWidth);
  border-left-width: var(--component-MessageBoxSuccessMessage-borderLeftWidth);
  border-right-width: var(--component-MessageBoxSuccessMessage-borderRightWidth);
}
.ht2-MessageBoxWarningMessage {
  background-color: var(--component-MessageBoxWarningMessage-backgroundColor);
  color: var(--component-MessageBoxWarningMessage-color);
  border-top-color: var(--component-MessageBoxWarningMessage-borderTopColor);
  border-bottom-color: var(--component-MessageBoxWarningMessage-borderBottomColor);
  border-left-color: var(--component-MessageBoxWarningMessage-borderLeftColor);
  border-right-color: var(--component-MessageBoxWarningMessage-borderRightColor);
  border-style: solid;
  border-top-width: var(--component-MessageBoxWarningMessage-borderTopWidth);
  border-bottom-width: var(--component-MessageBoxWarningMessage-borderBottomWidth);
  border-left-width: var(--component-MessageBoxWarningMessage-borderLeftWidth);
  border-right-width: var(--component-MessageBoxWarningMessage-borderRightWidth);
}
.ht2-MessageBoxClose {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CloseIcon-mask);
          mask: var(--component-CloseIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

  text-indent: -9999px;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: var(--base-space-2);
  background-color: var(--component-MessageBoxClose-backgroundColor);
}
.ht2-NotificationBanner {
  background-color: var(--component-NotificationBanner-backgroundColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.ht2-NotificationBannerInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: var(--component-NotificationBannerInner-padding);
  grid-column-gap: var(--component-NotificationBannerInner-columnGap);
  -webkit-column-gap: var(--component-NotificationBannerInner-columnGap);
     -moz-column-gap: var(--component-NotificationBannerInner-columnGap);
          grid-column-gap: var(--component-NotificationBannerInner-columnGap);
  max-width: var(--component-Shell-maxWidth);
}
@media (max-width: 530px) {
.ht2-NotificationBannerInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}
  }
.ht2-NotificationBannerIconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ht2-NotificationBannerLabelContainer {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-row-gap: var(--base-space-1);
  grid-row-gap: var(--base-space-1);
}
.ht2-NotificationBannerLink {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;

  color: var(--component-NotificationBannerLink-color);
}
.ht2-NotificationBannerLink:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-NotificationBannerLink:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-NotificationBannerLink:hover {
    color: var(--component-NotificationBannerLink_hover-color);
  }
.ht2-NotificationBannerTitle {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  text-align: var(--component-NotificationBannerTitle-textAlign);
  color: var(--component-NotificationBannerTitle-color);
  font-size: var(--component-NotificationBannerTitle-fontSize);
  max-width: var(--component-Shell-maxWidth);
}
@media (max-width: 530px) {
.ht2-NotificationBannerTitle {
    padding: var(--base-space-2);
    text-align: center
}
  }
.ht2-NotificationBannerLabel {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  text-align: var(--component-NotificationBannerLabel-textAlign);
  color: var(--component-NotificationBannerLabel-color);
  font-size: var(--component-NotificationBannerLabel-fontSize);
  max-width: var(--component-Shell-maxWidth);
}
@media (max-width: 530px) {
.ht2-NotificationBannerLabel {
    padding: var(--base-space-2);
    text-align: center
}
  }
/* FIXME: Pagination and ServerPagination are very similar. Either rename them, consolidate them or something. */
.ht2-Pagination {
  height: 80px;
  vertical-align: middle;
  -webkit-text-decoration: var(--component-Pagination-textDecoration);
          text-decoration: var(--component-Pagination-textDecoration);
}
.ht2-PaginationNumber {
  -webkit-text-decoration: var(--component-PaginationPageNumber-textDecoration);
          text-decoration: var(--component-PaginationPageNumber-textDecoration);
  color: var(--component-PaginationPageNumber-color);
  font-weight: var(--component-PaginationPageNumber-fontWeight);
}
.ht2-PaginationNext,
.ht2-PaginationPrev {
  display: inline-block;
  margin: 0 16px;
  -webkit-text-decoration: var(--component-PaginationPageArrow-textDecoration);
          text-decoration: var(--component-PaginationPageArrow-textDecoration);
  color: var(--component-PaginationPageArrow-color);
  font-weight: var(--component-PaginationPageArrow-fontWeight);
}
.ht2-PaginationCurrentPageNumber {
  -webkit-text-decoration: var(--component-PaginationCurrentPageNumber-textDecoration);
          text-decoration: var(--component-PaginationCurrentPageNumber-textDecoration);
  color: var(--component-PaginationCurrentPageNumber-color);
  font-weight: var(--component-PaginationCurrentPageNumber-fontWeight);
}
/* FIXME: Need some help with the class names on this one. */
/*
  This is for styling markup rendered by
  WebContent/WEB-INF/view/lib/widgets/serverPaginationMacro.ftl.
*/
/* FIXME: Need some help with the class names on this one. */
/*
  This is for styling markup rendered by
  WebContent/WEB-INF/view/lib/widgets/serverPaginationMacro.ftl.
*/
.ht2-ServerPaginationContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (max-width: 530px) {
.ht2-ServerPaginationActionsContainer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: var(--base-space-2);
    grid-row-gap: var(--base-space-2);
}
  }
@media (max-width: 530px) {
.ht2-ServerPaginationAction {
    grid-column: 1 / 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
  }
.ht2-ServerPaginationButtons {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht2-ServerPaginationButton {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--component-ServerPaginationButton-borderRadius);
  border-width: var(--component-ServerPaginationButton-borderWidth);
  border-style: solid;
  border-color: var(--component-ServerPaginationButton-borderColor);
  background: var(--component-ServerPaginationButton-background);
  /*
  transparent color to hide the < and > characters that are in the markup still being used by other payors,
  as opposed to using the -9999px trick. Seems simpler to use transparent color,
  */
  color: transparent;
}
.ht2-ServerPaginationButton:hover {
    cursor: pointer;
    background: var(--component-ServerPaginationButton_hover-background);
  }
.ht2-ServerPaginationButtonInner {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.ht2-ServerPaginationButtonInner::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    -webkit-mask-position: var(--component-ServerPaginationButtonInner_before-maskPosition);

            mask-position: var(--component-ServerPaginationButtonInner_before-maskPosition);
    background-color: var(--component-ServerPaginationButtonInner_before-backgroundColor);
  }
.ht2-ServerPaginationButton.ht2-IsDisabled {
  border-color: var(--base-colors-grey4);
  background: var(--component-ServerPaginationButton_IsDisabled-background);
  border-width: var(--component-ServerPaginationButton_IsDisabled-borderWidth);
  cursor: not-allowed;
}
.ht2-ServerPaginationButton.ht2-IsDisabled:hover {
    cursor: not-allowed;
  }
.ht2-ServerPaginationButton.ht2-IsDisabled .ht2-ServerPaginationButtonInner::before {
    background-color: var(--base-colors-grey4);
  }
.ht2-ServerPaginationButtonPositionFirst {
  margin-right: var(--base-space-2);
}
.ht2-ServerPaginationButtonInnerPositionFirst::before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ht2-ServerPaginationButtonInnerPositionLast::before {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ht2-ServerPaginationDropdown {
  margin: 0 var(--base-space-2) 0 auto;
}
/*
    Is this duplicating FieldSet? And which name do we want?
    Assuming FieldSet is the CSS we want as it is on more stuff and handling more cases?
*/
.ht2-InputGroup {
  width: 100%;
}
.ht2-InputGroup .ht2-TextInput,
  .ht2-InputGroup .ht2-Select,
  .ht2-InputGroup .ht2-Textarea {
    margin-top: var(--base-space-2);
  }
/* stylelint-disable selector-max-type, selector-class-pattern -- TODO: This component needs to be reexamined. This stylelint disable should not exist. */
/* Redmond style sheet for jQuery Datepicker v5.0.0. */
.ht2-DatepickPopup {
  width: 286px;
}
.ht2-Datepick {
  background-color: var(--base-colors-white);
  color: #222;
  border: 1px solid var(--base-colors-primary);
  border-radius: 0.25em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  width: 100% !important;
  padding: 10px;
}
.ht2-DatepickNav {
  width: 100%;
  background-color: var(--base-colors-white);
  font-size: 90%;
  font-weight: bold;
  padding: 0 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-DatepickNav .datepick-cmd {
    text-decoration: none;
    height: 24px;
    width: 24px;
  }
.ht2-DatepickNav .datepick-cmd-today {
    color: var(--base-colors-grey8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-DatepickNav .datepick-cmd-prev,
  .ht2-DatepickNav .datepick-cmd-next {
    color: transparent;
  }
.ht2-DatepickNav .datepick-cmd-prev::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-LeftArrowIcon-mask);
          mask: var(--component-LeftArrowIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    background: var(--base-colors-primary);
  }
.ht2-DatepickNav .datepick-cmd-next::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-RightArrowIcon-mask);
          mask: var(--component-RightArrowIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    background: var(--base-colors-primary);
  }
.ht2-DatepickMonth {
  width: 100%;
}
.ht2-DatepickMonth table {
    margin-top: 8px;
    border-spacing: 5px;
    border-collapse: separate;
    width: 100%;
  }
.ht2-DatepickMonth td,
  .ht2-DatepickMonth th {
    text-align: center;
  }
.ht2-DatepickMonth td {
    background-color: var(--base-colors-grey2);
  }
.ht2-DatepickMonth td a {
      padding: 5px 0;
      display: block;
      width: 100%;
      text-decoration: none;
      color: var(--base-colors-grey8);
    }
.ht2-DatepickMonth td:hover {
      cursor: pointer;
      background-color: var(--base-colors-primary);
    }
.ht2-DatepickMonth td:hover a {
        color: var(--base-colors-white);
      }
.ht2-DatepickMonth .datepick-selected {
    color: var(--base-colors-white);
    background-color: var(--base-colors-primaryDarken);
  }
.ht2-DatepickMonthHeader {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.ht2-DatepickMonthSelect,
.ht2-DatepickYearSelect {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Remove default arrow */
  color: var(--component-Select-color);
  padding: var(--component-Select-padding);
  padding-right: var(--component-Select-paddingRight);
  text-overflow: var(--component-Select-textOverflow);
  -webkit-box-shadow: var(--component-Select-boxShadow);
          box-shadow: var(--component-Select-boxShadow);
  border-radius: var(--component-Select-borderRadius);
  font-weight: var(--component-Select-fontWeight);
  font-family: var(--component-Select-fontFamily);
  background-image: var(--component-Select-backgroundImage);
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: var(--component-Select-backgroundSize);
  min-width: 0;
  min-width: initial;
}
.ht2-DatepickMonthSelect::-webkit-input-placeholder, .ht2-DatepickYearSelect::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DatepickMonthSelect::-moz-placeholder, .ht2-DatepickYearSelect::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DatepickMonthSelect:-ms-input-placeholder, .ht2-DatepickYearSelect:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DatepickMonthSelect::-ms-input-placeholder, .ht2-DatepickYearSelect::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DatepickMonthSelect::placeholder, .ht2-DatepickYearSelect::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DatepickMonthSelect:disabled, .ht2-DatepickYearSelect:disabled {
    cursor: not-allowed;
  }
.ht2-DatepickMonthSelect {
  width: 100%;
  max-width: 140px;
  margin-right: var(--base-space-2);
}
.ht2-DatepickYearSelect {
  width: 100%;
  max-width: 90px;
}
.ht2-DatepickCtrl {
  display: none;
}
.ht2-PageTitleText {
    font-size: var(--component-lib__PageTitleText-fontSize);
    font-weight: var(--component-lib__PageTitleText-fontWeight);
    line-height: var(--component-lib__PageTitleText-lineHeight);
    color: var(--component-lib__PageTitleText-color);
    font-family: var(--component-lib__PageTitleText-fontFamily);
    padding-bottom: var(--component-lib__PageTitleText-paddingBottom);
    margin-bottom: var(--component-lib__PageTitleText-marginBottom);
    position: var(--component-lib__PageTitleText-position);
    text-transform: var(--component-lib__PageTitleText-textTransform);
}
.ht2-PageTitleText::before {
        content: var(--component-lib__PageTitleText_before-content);
        position: var(--component-lib__PageTitleText_before-position);
        left: var(--component-lib__PageTitleText_before-left);
        bottom: var(--component-lib__PageTitleText_before-bottom);
        height: var(--component-lib__PageTitleText_before-height);
        width: var(--component-lib__PageTitleText_before-width);
        border-bottom: var(--component-lib__PageTitleText_before-borderBottom)
    }
.ht2-SubPageTitleText {
    font-size: var(--component-lib__SubPageTitleText-fontSize);
    font-weight: var(--component-lib__SubPageTitleText-fontWeight);
    color: var(--component-lib__SubPageTitleText-color);
    line-height: var(--component-lib__SubPageTitleText-lineHeight);
    font-family: var(--component-lib__SubPageTitleText-fontFamily);
}
.ht2-SectionTitleText {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);
}
.ht2-SubSectionTitleText {
    font-size: var(--component-lib__SubSectionTitleText-fontSize);
    font-weight: var(--component-lib__SubSectionTitleText-fontWeight);
    color: var(--component-lib__SubSectionTitleText-color);
    line-height: var(--component-lib__SubSectionTitleText-lineHeight);
    font-family: var(--component-lib__SubSectionTitleText-fontFamily);
}
.ht2-TableHeadlineText {
  font-size: var(--component-TableHeadlineText-fontSize);
  font-weight: var(--component-TableHeadlineText-fontWeight);
  line-height: var(--component-TableHeadlineText-lineHeight);
  font-family: var(--component-TableHeadlineText-fontFamily);
}
.ht2-LabelText {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);
}
.ht2-BodyText {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);
}
.ht2-LightBodyText {
    color: var(--base-colors-textOnDark);
}
.ht2-BodyBoldText {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);
}
.ht2-LightBodyBoldText {
    color: var(--base-colors-textOnDark);
}
.ht2-InfoText {
    font-size: var(--component-lib__InfoText-fontSize);
    font-weight: var(--component-lib__InfoText-fontWeight);
    color: var(--component-lib__InfoText-color);
    line-height: var(--component-lib__InfoText-lineHeight);
    font-family: var(--component-lib__InfoText-fontFamily);
}
.ht2-InfoSmallText {
    font-size: var(--component-lib__InfoSmallText-fontSize);
    font-weight: var(--component-lib__InfoSmallText-fontWeight);
    line-height: var(--component-lib__InfoSmallText-lineHeight);
    font-family: var(--component-lib__InfoSmallText-fontFamily);
}
.ht2-HintText {
    font-size: var(--component-lib__HintText-fontSize);
    color: var(--component-lib__HintText-color);
    font-family: var(--component-lib__HintText-fontFamily);
}
.ht2-ErrorText {
    font-family: var(--component-lib__ErrorText-fontFamily);
    color: var(--component-lib__ErrorText-color);
    font-size: var(--component-lib__ErrorText-fontSize);
}
.ht2-WarningText {
    font-family: var(--component-lib__WarningText-fontFamily);
    color: var(--component-lib__WarningText-color);
    font-size: var(--component-lib__WarningText-fontSize);
}
.ht2-SuccessText {
    font-family: var(--component-lib__SuccessText-fontFamily);
    color: var(--component-lib__SuccessText-color);
    font-size: var(--component-lib__SuccessText-fontSize);
}
.ht2-AlertText {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);
    color: var(--base-colors-alert);
}
.ht2-DatepickTrigger {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CalendarIcon-mask);
          mask: var(--component-CalendarIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);
  background-color: var(--component-DateRangePicker-backgroundColor);
  width: 20px;
  height: 20px;
}
/* This has two classes because it's difficult to tell if more than one
datepick trigger will render. */
.ht2-DateRangePicker .ht2-DatepickTrigger:first-of-type {
  margin-right: var(--base-space-2);
}
.ht2-DateRangePicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ht2-DateRangePickerInput {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  width: calc(50% - var(--base-space-2)*2 - var(--base-space-2) - var(--base-space-2)*2);
  margin-right: var(--base-space-2);
}
.ht2-DateRangePickerInput::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DateRangePickerInput::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DateRangePickerInput:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DateRangePickerInput::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DateRangePickerInput::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DateRangePickerInput:disabled {
    cursor: not-allowed;
  }
.ht2-DateRangePickerTo {
  margin-right: var(--base-space-2);
}
.ht2-DateRangePickerHint {
    font-size: var(--component-lib__InfoSmallText-fontSize);
    font-weight: var(--component-lib__InfoSmallText-fontWeight);
    line-height: var(--component-lib__InfoSmallText-lineHeight);
    font-family: var(--component-lib__InfoSmallText-fontFamily);
    margin-top: var(--base-space-1);
    width: 100%;
}
.ht2-AlertType {
  padding-bottom: var(--base-space-3);
  text-align: left;
}
.ht2-AlertTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: var(--base-space-2);
}
.ht2-AlertTitleIcon {
  margin-right: var(--base-space-2);
  width: 30px;
}
.ht2-AlertContentContainer {
  background: transparent;
}
.ht2-AlertContent {
  border: 1px solid var(--base-colors-grey4);
  display: block;
}
.ht2-AlertDetailsList {
  margin-left: calc(var(--base-space-2) + 30px);
}
.ht2-AlertFooterContainer {
  margin-left: calc(var(--base-space-2) + 30px);
}
/* FIXME:
    .ht2-TableLayoutInput,
    .ht2-TableLayoutButton,
    .ht2-TableLayoutSelect,
    .ht2-TableLayoutHeading,
    .ht2-TableLayoutCell
    aren't in the markup yet. I just changed some element selectors to use
    SUIT descendant selectors instead to fix linting errors. This component is being
    used on a screen we need to reexamine anyway.
    */
.ht2-TableLayout .ht2-TableLayoutInput,
  .ht2-TableLayout .ht2-TableLayoutButton,
  .ht2-TableLayout .ht2-TableLayoutSelect {
    margin-right: var(--base-space-3);
  }
.ht2-TableLayout .ht2-TableLayoutHeading,
  .ht2-TableLayout .ht2-TableLayoutCell {
    vertical-align: middle;
  }
.ht2-TableLayoutPageTitle {
  position: relative;
  right: var(--base-space-2);
  text-align: left;
  padding-bottom: var(--base-space-5);
}
.ht2-TableLayoutLabel,
.ht2-TableLayoutData {
  padding-right: var(--base-space-3);
  padding-top: var(--base-space-3);
  padding-bottom: var(--base-space-3);
}
.ht2-TableLayoutLabel {
  text-align: right;
}
.ht2-TableLayoutBottomActions {
  padding-top: var(--base-space-5);
}
.ht2-SearchFieldInputWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht2-Breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht2-BreadcrumbsBreadcrumb {
  padding-right: var(--base-space-2);
}
.ht2-BreadcrumbsBreadcrumbAnchor {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;
  padding-right: var(--base-space-2);
}
.ht2-BreadcrumbsBreadcrumbAnchor:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-BreadcrumbsBreadcrumbAnchor:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-BreadcrumbsBreadcrumbWithIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-BreadcrumbsBreadcrumbWithIcon::after {
  display: inline-block;
  border-right: 2px solid #8a8a8a;
  border-bottom: 2px solid #8a8a8a;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: '';
  position: relative;
  width: 5px;
  height: 5px;
}
.ht2-BreadcrumbsCurrentPageLabel {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);
}
.ht2-PageTitleSection {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

  width: 100%;
}
@media (max-width: 800px) {
.ht2-PageTitleSection {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
}
  }
/*
  We should use ht2-ScreenHeader instead.
 
  TODO:  This is only used on /externalMacros.ftl,
  switch it out and test to make sure it works 
*/
.ht2-PageHeader {
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));
}
@media (max-width: 800px) {
.ht2-PageHeader {
  display: block;
  margin-right: 0;
  margin-left: 0;
}
  }
.ht2-HorizontalLine {
  background-color: var(--base-colors-grey4);
  width: 100%;
  height: 1px;
  border: 0 none;
}
.ht2-InputRequiredAsterisk {
  color: var(--base-colors-danger);
}
.ht2-LegacyError {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100% !important; /* Overrides inline styles */
  max-width: var(--component-Shell-maxWidth);
  margin: 0 auto;
  padding: var(--base-space-4) var(--base-space-3);
}
.ht2-DefinitionList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
.ht2-DefinitionListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.ht2-DefinitionListTerm {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);

  margin-bottom: var(--base-space-1);
}
.ht2-DefinitionListDefinition {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);
}
.ht2-DefinitionListTermAndDefinition {
  margin-bottom: var(--base-space-2);
}
/* TODO: Remove me? or add a style rule so its not empty
.ht2-AjaxSearchPendingResultsContainer {

}
*/
/* TODO: Remove me? or add a style rule so its not empty
.ht2-AjaxSearchResultsContainer {

}
*/
.ht2-JQueryPaginatePageStatusAndPagerContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: var(--base-space-3);
}
.ht2-JQueryPaginatePageStatus {
  font-weight: 700;
}
.ht2-JQueryPaginatePager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.ht2-JQueryPaginateCurrentPageNumber,
.ht2-JQueryPaginatePageNumberAnchorContainer {
  margin-right: var(--base-space-2);
}
.ht2-StyledListListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: var(--base-space-2) 0;
  font-family: var(--base-fonts-2);
}
.ht2-StyledListListItem::before {
  content: ' ';
  display: block;
  background-color: #fff;
  border: 2px solid var(--base-colors-primary);
  border-radius: 50%;
  min-width: 10px;
  min-height: 10px;
  margin-right: var(--base-space-2);
}
.ht2-LayoutListItem {
  margin-bottom: var(--base-space-2);
}
.ht2-Modal {
  display: none;
  position: relative;
  padding: 10px;
  width: 580px;
  background: var(--base-colors-white);
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: 1px solid var(--base-colors-grey3);
}
.ht2-ModalMap {
  height: 400px;
  margin-bottom: 10px;
}
.ht2-ModalAction {
  margin-bottom: var(--base-space-2);
  height: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ht2-ModalClose {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CloseIcon-mask);
          mask: var(--component-CloseIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

  display: block;
  background-color: var(--base-colors-black);
  background-size: contain;
  width: 14px;
  height: 14px;
}
.ht2-ModalContentTopBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ht2-LegacyJavascriptModal {
  display: none;
  position: relative;
  padding: 10px;
  width: var(--component-LegacyJavascriptModal-width);
  max-width: var(--component-LegacyJavascriptModal-maxWidth);
  background: var(--base-colors-white);
  -webkit-box-shadow: 5px 5px var(--base-colors-grey3);
          box-shadow: 5px 5px var(--base-colors-grey3);
  border: 1px solid var(--base-colors-grey3);
}
.ht2-LegacyJavascriptModalClose {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CloseIcon-mask);
          mask: var(--component-CloseIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

  display: block;
  background-color: var(--base-colors-black);
  background-size: contain;
  width: 14px;
  height: 14px;
  position: absolute;
  top: var(--base-space-1);
  right: var(--base-space-1);
}
.ht2-LegacyJavascriptModalClose:hover {
    cursor: pointer;
  }
.ht2-LegacyJavascriptModalContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: var(--base-space-4) 0;
  grid-gap: var(--base-space-4) 0;
}
.ht2-PageActions {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  --negOne: -1;
    --gutter: var(--base-space-gutterSmall);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));
  max-width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: var(--base-space-gutter);
  grid-column-gap: var(--base-space-2);
  -webkit-column-gap: var(--base-space-2);
     -moz-column-gap: var(--base-space-2);
          grid-column-gap: var(--base-space-2);
}
@media (max-width: 800px) {
.ht2-PageActions {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
}
  }
@media (max-width: 530px) {
.ht2-PageActions {
  display: block;
  margin-right: 0;
  margin-left: 0;
}
  }
@media (max-width: 800px) {
.ht2-PageActions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
  }
@media print {
.ht2-PageActions {
    display: none;
}
  }
.ht2-PageActionsItem {
    --gutter: var(--base-space-gutterSmall);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: var(--component-PageActionsItem-display);
  -webkit-box-align: var(--component-PageActionsItem-alignItems);
      -ms-flex-align: var(--component-PageActionsItem-alignItems);
          align-items: var(--component-PageActionsItem-alignItems);
  width: auto;
}
@media (max-width: 530px) {
.ht2-PageActionsItem {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
}
  }
@media (max-width: 800px) {
.ht2-PageActionsItem {
    margin-bottom: 10px;
}
  }
.ht2-PdfPageAction {
	padding-top: var(--component-PageAction-paddingTop);
	padding-left: var(--component-PageAction-paddingLeft);
	padding-bottom: var(--component-PageAction-paddingBottom);
	padding-right: var(--component-PageAction-paddingRight);
	color: var(--component-PageAction-color);
	background-color: var(--component-PageAction-backgroundColor);
	border-radius: var(--component-PageAction-borderRadius);
	border-width: var(--component-PageAction-borderWidth);
	font-family: var(--component-PageAction-fontFamily);
	font-weight: var(--component-PageAction-fontWeight);
	font-size: var(--component-PageAction-fontSize);
	height: var(--component-PageAction-height);
	border-left-color: var(--component-PageAction-borderLeftColor);
	border-top-color: var(--component-PageAction-borderTopColor);
	border-right-color: var(--component-PageAction-borderRightColor);
	border-bottom-color: var(--component-PageAction-borderBottomColor);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}
.ht2-PdfPageAction::before {
	background: var(--component-PageAction_before-background);
	margin-right: var(--component-PageAction_before-marginRight);
  }
.ht2-PdfPageAction:hover {
	background: var(--component-PageAction_hover-background);
	color: var(--component-PageAction_hover-color);
	border-left-color: var(--component-PageAction_hover-borderLeftColor);
	border-top-color: var(--component-PageAction_hover-borderTopColor);
	border-right-color: var(--component-PageAction_hover-borderRightColor);
	border-bottom-color: var(--component-PageAction_hover-borderBottomColor);
  }
.ht2-PdfPageAction:hover::before {
	background: var(--component-PageAction_hover_before-background);
	color: var(--component-PageAction_hover_before-color);
    }
.ht2-PdfPageAction:disabled {
    background: var(--base-colors-grey3);
    color: var(--base-colors-grey5);
    cursor: not-allowed;
  }
.ht2-PdfPageAction:disabled::before {
      background: var(--base-colors-grey5);
    }
.ht2-PdfPageAction:disabled:hover::before {
      background: var(--base-colors-grey5);
    }
.ht2-PdfPageAction::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-PdfIcon-mask);
          mask: var(--component-PdfIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-PdfIcon-backgroundColor);

    width: 32px;
    height: 40px;
  }
.ht2-XlsPageAction {
	padding-top: var(--component-PageAction-paddingTop);
	padding-left: var(--component-PageAction-paddingLeft);
	padding-bottom: var(--component-PageAction-paddingBottom);
	padding-right: var(--component-PageAction-paddingRight);
	color: var(--component-PageAction-color);
	background-color: var(--component-PageAction-backgroundColor);
	border-radius: var(--component-PageAction-borderRadius);
	border-width: var(--component-PageAction-borderWidth);
	font-family: var(--component-PageAction-fontFamily);
	font-weight: var(--component-PageAction-fontWeight);
	font-size: var(--component-PageAction-fontSize);
	height: var(--component-PageAction-height);
	border-left-color: var(--component-PageAction-borderLeftColor);
	border-top-color: var(--component-PageAction-borderTopColor);
	border-right-color: var(--component-PageAction-borderRightColor);
	border-bottom-color: var(--component-PageAction-borderBottomColor);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}
.ht2-XlsPageAction::before {
	background: var(--component-PageAction_before-background);
	margin-right: var(--component-PageAction_before-marginRight);
  }
.ht2-XlsPageAction:hover {
	background: var(--component-PageAction_hover-background);
	color: var(--component-PageAction_hover-color);
	border-left-color: var(--component-PageAction_hover-borderLeftColor);
	border-top-color: var(--component-PageAction_hover-borderTopColor);
	border-right-color: var(--component-PageAction_hover-borderRightColor);
	border-bottom-color: var(--component-PageAction_hover-borderBottomColor);
  }
.ht2-XlsPageAction:hover::before {
	background: var(--component-PageAction_hover_before-background);
	color: var(--component-PageAction_hover_before-color);
    }
.ht2-XlsPageAction:disabled {
    background: var(--base-colors-grey3);
    color: var(--base-colors-grey5);
    cursor: not-allowed;
  }
.ht2-XlsPageAction:disabled::before {
      background: var(--base-colors-grey5);
    }
.ht2-XlsPageAction:disabled:hover::before {
      background: var(--base-colors-grey5);
    }
.ht2-XlsPageAction::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-XlsIcon-mask);
          mask: var(--component-XlsIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-XlsIcon-backgroundColor);
  }
.ht2-SearchPageAction {
	padding-top: var(--component-PageAction-paddingTop);
	padding-left: var(--component-PageAction-paddingLeft);
	padding-bottom: var(--component-PageAction-paddingBottom);
	padding-right: var(--component-PageAction-paddingRight);
	color: var(--component-PageAction-color);
	background-color: var(--component-PageAction-backgroundColor);
	border-radius: var(--component-PageAction-borderRadius);
	border-width: var(--component-PageAction-borderWidth);
	font-family: var(--component-PageAction-fontFamily);
	font-weight: var(--component-PageAction-fontWeight);
	font-size: var(--component-PageAction-fontSize);
	height: var(--component-PageAction-height);
	border-left-color: var(--component-PageAction-borderLeftColor);
	border-top-color: var(--component-PageAction-borderTopColor);
	border-right-color: var(--component-PageAction-borderRightColor);
	border-bottom-color: var(--component-PageAction-borderBottomColor);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}
.ht2-SearchPageAction::before {
	background: var(--component-PageAction_before-background);
	margin-right: var(--component-PageAction_before-marginRight);
  }
.ht2-SearchPageAction:hover {
	background: var(--component-PageAction_hover-background);
	color: var(--component-PageAction_hover-color);
	border-left-color: var(--component-PageAction_hover-borderLeftColor);
	border-top-color: var(--component-PageAction_hover-borderTopColor);
	border-right-color: var(--component-PageAction_hover-borderRightColor);
	border-bottom-color: var(--component-PageAction_hover-borderBottomColor);
  }
.ht2-SearchPageAction:hover::before {
	background: var(--component-PageAction_hover_before-background);
	color: var(--component-PageAction_hover_before-color);
    }
.ht2-SearchPageAction:disabled {
    background: var(--base-colors-grey3);
    color: var(--base-colors-grey5);
    cursor: not-allowed;
  }
.ht2-SearchPageAction:disabled::before {
      background: var(--base-colors-grey5);
    }
.ht2-SearchPageAction:disabled:hover::before {
      background: var(--base-colors-grey5);
    }
.ht2-SearchPageAction::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-SearchIcon-mask);
          mask: var(--component-SearchIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-SearchIcon-backgroundColor);
  }
.ht2-PrintPageAction {
	padding-top: var(--component-PageAction-paddingTop);
	padding-left: var(--component-PageAction-paddingLeft);
	padding-bottom: var(--component-PageAction-paddingBottom);
	padding-right: var(--component-PageAction-paddingRight);
	color: var(--component-PageAction-color);
	background-color: var(--component-PageAction-backgroundColor);
	border-radius: var(--component-PageAction-borderRadius);
	border-width: var(--component-PageAction-borderWidth);
	font-family: var(--component-PageAction-fontFamily);
	font-weight: var(--component-PageAction-fontWeight);
	font-size: var(--component-PageAction-fontSize);
	height: var(--component-PageAction-height);
	border-left-color: var(--component-PageAction-borderLeftColor);
	border-top-color: var(--component-PageAction-borderTopColor);
	border-right-color: var(--component-PageAction-borderRightColor);
	border-bottom-color: var(--component-PageAction-borderBottomColor);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}
.ht2-PrintPageAction::before {
	background: var(--component-PageAction_before-background);
	margin-right: var(--component-PageAction_before-marginRight);
  }
.ht2-PrintPageAction:hover {
	background: var(--component-PageAction_hover-background);
	color: var(--component-PageAction_hover-color);
	border-left-color: var(--component-PageAction_hover-borderLeftColor);
	border-top-color: var(--component-PageAction_hover-borderTopColor);
	border-right-color: var(--component-PageAction_hover-borderRightColor);
	border-bottom-color: var(--component-PageAction_hover-borderBottomColor);
  }
.ht2-PrintPageAction:hover::before {
	background: var(--component-PageAction_hover_before-background);
	color: var(--component-PageAction_hover_before-color);
    }
.ht2-PrintPageAction:disabled {
    background: var(--base-colors-grey3);
    color: var(--base-colors-grey5);
    cursor: not-allowed;
  }
.ht2-PrintPageAction:disabled::before {
      background: var(--base-colors-grey5);
    }
.ht2-PrintPageAction:disabled:hover::before {
      background: var(--base-colors-grey5);
    }
.ht2-PrintPageAction::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-PrintIcon-mask);
          mask: var(--component-PrintIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-PrintIcon-backgroundColor);
  }
.ht2-DeletePageAction {
	padding-top: var(--component-PageAction-paddingTop);
	padding-left: var(--component-PageAction-paddingLeft);
	padding-bottom: var(--component-PageAction-paddingBottom);
	padding-right: var(--component-PageAction-paddingRight);
	color: var(--component-PageAction-color);
	background-color: var(--component-PageAction-backgroundColor);
	border-radius: var(--component-PageAction-borderRadius);
	border-width: var(--component-PageAction-borderWidth);
	font-family: var(--component-PageAction-fontFamily);
	font-weight: var(--component-PageAction-fontWeight);
	font-size: var(--component-PageAction-fontSize);
	height: var(--component-PageAction-height);
	border-left-color: var(--component-PageAction-borderLeftColor);
	border-top-color: var(--component-PageAction-borderTopColor);
	border-right-color: var(--component-PageAction-borderRightColor);
	border-bottom-color: var(--component-PageAction-borderBottomColor);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
}
.ht2-DeletePageAction::before {
	background: var(--component-PageAction_before-background);
	margin-right: var(--component-PageAction_before-marginRight);
  }
.ht2-DeletePageAction:hover {
	background: var(--component-PageAction_hover-background);
	color: var(--component-PageAction_hover-color);
	border-left-color: var(--component-PageAction_hover-borderLeftColor);
	border-top-color: var(--component-PageAction_hover-borderTopColor);
	border-right-color: var(--component-PageAction_hover-borderRightColor);
	border-bottom-color: var(--component-PageAction_hover-borderBottomColor);
  }
.ht2-DeletePageAction:hover::before {
	background: var(--component-PageAction_hover_before-background);
	color: var(--component-PageAction_hover_before-color);
    }
.ht2-DeletePageAction:disabled {
    background: var(--base-colors-grey3);
    color: var(--base-colors-grey5);
    cursor: not-allowed;
  }
.ht2-DeletePageAction:disabled::before {
      background: var(--base-colors-grey5);
    }
.ht2-DeletePageAction:disabled:hover::before {
      background: var(--base-colors-grey5);
    }
.ht2-DeletePageAction::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-TrashIcon-mask);
          mask: var(--component-TrashIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-TrashIcon-backgroundColor);

    content: '';
    display: block;
  }
/*
  This is for dropdown menus in FTL (and potentially cfm..?).
  They have the following html structure

  <div>
    <button />
    <ul>
      <li />
      ...
    </ul>
  </div>

  The button toggles an "open" class on the containing div. It's used to control
  the visibility of the <ul />.
*/
.ht2-Dropdown {
  position: relative;
  width: auto;
}
.ht2-DropdownLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  margin-right: 10px;
  padding-top: var(--component-DropdownLabel-paddingTop);
  padding-right: var(--component-DropdownLabel-paddingRight);
  padding-bottom: var(--component-DropdownLabel-paddingBottom);
  padding-left: var(--component-DropdownLabel-paddingLeft);
}
.ht2-DropdownMenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 110px;
  background-color: var(--component-DropdownMenu-background);
  background-clip: padding-box;
  border: 1px solid var(--base-colors-grey3);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px var(--base-colors-grey3);
          box-shadow: 0 6px 12px var(--base-colors-grey3);
}
/* stylelint-disable-next-line selector-class-pattern -- Has no .ht2 namespace, because there is javascript functionality attached to it. */
.ht2-Dropdown.open .ht2-DropdownMenu {
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  background: var(--component-DropdownMenu-background);
}
.ht2-DropdownSelectButton {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Remove default arrow */
  color: var(--component-Select-color);
  padding: var(--component-Select-padding);
  padding-right: var(--component-Select-paddingRight);
  text-overflow: var(--component-Select-textOverflow);
  -webkit-box-shadow: var(--component-Select-boxShadow);
          box-shadow: var(--component-Select-boxShadow);
  border-radius: var(--component-Select-borderRadius);
  font-weight: var(--component-Select-fontWeight);
  font-family: var(--component-Select-fontFamily);
  background-image: var(--component-Select-backgroundImage);
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: var(--component-Select-backgroundSize);
  text-decoration: none;
  color: var(--base-colors-text);
}
.ht2-DropdownSelectButton::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DropdownSelectButton::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DropdownSelectButton:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DropdownSelectButton::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DropdownSelectButton::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-DropdownSelectButton:disabled {
    cursor: not-allowed;
  }
.ht2-DropdownMenuItemLink {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--component-DropdownMenuItemLink-color);
  background: var(--component-DropdownMenuItemLink-background);
  padding-top: var(--component-DropdownMenuItemLink-paddingTop);
  padding-right: var(--component-DropdownMenuItemLink-paddingRight);
  padding-bottom: var(--component-DropdownMenuItemLink-paddingBottom);
  padding-left: var(--component-DropdownMenuItemLink-paddingLeft);
  text-align: var(--component-DropdownMenuItemLink-textAlign);
  -webkit-text-decoration: var(--component-DropdownMenuItemLink-textDecoration);
          text-decoration: var(--component-DropdownMenuItemLink-textDecoration);
  font-weight: var(--component-DropdownMenuItemLink-fontWeight);
}
.ht2-DropdownMenuItemLink:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-DropdownMenuItemLink:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-DropdownMenuItemLink:hover {
    color: var(--component-DropdownMenuItemLink_hover-color);
    background: var(--component-DropdownMenuItemLink_hover-background);
    -webkit-text-decoration: var(--component-DropdownMenuItemLink_hover-textDecoration);
            text-decoration: var(--component-DropdownMenuItemLink_hover-textDecoration);
  }
.ht2-HoverableTooltipIcon {
  width: 20px;
  height: 20px;
  color: transparent;
  display: inline-block;
}
.ht2-HoverableTooltipIcon::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-InfoIcon-mask);
          mask: var(--component-InfoIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-InfoIcon-backgroundColor);

    display: inline-block;
    background-color: var(--base-colors-primary);
  }
.ht2-CardListCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--base-colors-grey4);
  margin-bottom: var(--base-space-3);
  padding: var(--base-space-3);
  border-radius: 4px;
  background-color: var(--base-colors-white);
}
.ht2-Layout-MapMarkerIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 34px;
}
.ht2-MapMarkerLabel {
  position: relative;
  bottom: 2px;
  color: var(--component-MapMarkerLabel-color);
  font-weight: bold;
}
.ht2-MapMarkerLink {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 26px;
  height: 34px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  text-decoration: none;
}
.ht2-SessionWarning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  background-color: #d6d6d6;
  color: #272727;
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #999;
}
.ht2-SessionWarningCountdown {
  display: inline;
  font-weight: bold;
  margin-right: var(--base-space-2);
}
.ht2-SessionWarningIcon {
  margin-right: var(--base-space-2);
}
.ht2-PanePrimary {
  background: var(--component-PanePrimary-background);
  -webkit-box-shadow: var(--component-PanePrimary-boxShadow);
          box-shadow: var(--component-PanePrimary-boxShadow);
  margin-bottom: var(--base-space-gutter);
  border-width: var(--component-PanePrimary-borderWidth);
  border-style: var(--component-PanePrimary-borderStyle);
  border-color: var(--component-PanePrimary-borderColor);
  border-radius: var(--component-PanePrimary-borderRadius);
}
.ht2-PaneSecondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--component-PaneSecondary-background);
  border-width: var(--component-PaneSecondary-borderWidth);
  border-style: var(--component-PaneSecondary-borderStyle);
  border-color: var(--component-PaneSecondary-borderColor);
  border-radius: var(--component-PaneSecondary-borderRadius);
}
.ht2-PaneContent {
  width: 100%;
}
.ht2-PaneNumber {
  padding-right: var(--base-space-4);
}
/*
This is for the interstitial overlay
that shows when you click the "Add Document"
button in docman and on potentially other screens.
It covers the entire screen and has the word "Loading" in the middle. */
.ht2-InterstitialLoadingOverlay {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-InterstitialLoadingOverlayInner {
  display: inline-block;
  background-color: var(--base-colors-grey4);
  border-radius: 4px;
  padding: var(--base-space-5) var(--base-space-4);
}
.ht2-InterstitialLoadingOverlayLoadingText {
  text-transform: uppercase;
}
.ss-main {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: var(--component-SlimSelectMain-color);
  width: 100%;
}
.ss-main .ss-single-selected {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Remove default arrow */
  color: var(--component-Select-color);
  padding: var(--component-Select-padding);
  padding-right: var(--component-Select-paddingRight);
  text-overflow: var(--component-Select-textOverflow);
  -webkit-box-shadow: var(--component-Select-boxShadow);
          box-shadow: var(--component-Select-boxShadow);
  border-radius: var(--component-Select-borderRadius);
  font-weight: var(--component-Select-fontWeight);
  font-family: var(--component-Select-fontFamily);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.ss-main .ss-single-selected::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ss-main .ss-single-selected::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ss-main .ss-single-selected:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ss-main .ss-single-selected::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ss-main .ss-single-selected::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ss-main .ss-single-selected:disabled {
    cursor: not-allowed;
  }
.ss-main .ss-single-selected.ss-disabled {
  background-color: #dcdee2;
  cursor: not-allowed;
}
.ss-main .ss-single-selected.ss-open-above {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ss-main .ss-single-selected.ss-open-below {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ss-main .ss-single-selected .placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  width: calc(100% - 30px);
  line-height: 1em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  user-select: none;
  user-select: none;
  user-select: none;
}
.ss-main .ss-single-selected .placeholder * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.ss-main .ss-single-selected .placeholder .ss-disabled {
  color: var(--base-colors-grey6);
}
.ss-main .ss-single-selected .ss-deselect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0 6px;
  font-weight: bold;
}
.ss-main .ss-single-selected .ss-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0 6px;
}
.ss-main .ss-single-selected .ss-arrow span {
  border: solid #666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transition:
    margin 0.2s,
    -webkit-transform 0.2s;
  transition:
    margin 0.2s,
    -webkit-transform 0.2s;
  transition:
    transform 0.2s,
    margin 0.2s;
  transition:
    transform 0.2s,
    margin 0.2s,
    -webkit-transform 0.2s;
}
.ss-main .ss-single-selected .ss-arrow span.arrow-up {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin: 3px 0 0;
}
.ss-main .ss-single-selected .ss-arrow span.arrow-down {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: -3px 0 0;
}
.ss-main .ss-multi-selected {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Remove default arrow */
  color: var(--component-Select-color);
  padding: var(--component-Select-padding);
  padding-right: var(--component-Select-paddingRight);
  text-overflow: var(--component-Select-textOverflow);
  -webkit-box-shadow: var(--component-Select-boxShadow);
          box-shadow: var(--component-Select-boxShadow);
  border-radius: var(--component-Select-borderRadius);
  font-weight: var(--component-Select-fontWeight);
  font-family: var(--component-Select-fontFamily);

  min-height: 30px;
  height: unset;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.ss-main .ss-multi-selected::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ss-main .ss-multi-selected::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ss-main .ss-multi-selected:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ss-main .ss-multi-selected::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ss-main .ss-multi-selected::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ss-main .ss-multi-selected:disabled {
    cursor: not-allowed;
  }
.ss-main .ss-multi-selected.ss-disabled {
  background-color: #dcdee2;
  cursor: not-allowed;
}
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
  color: var(--base-colors-grey6);
}
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
  margin-left: 5px;
  cursor: not-allowed;
}
.ss-main .ss-multi-selected.ss-open-above {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ss-main .ss-multi-selected.ss-open-below {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ss-main .ss-multi-selected .ss-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: calc(100% - 30px);
}
.ss-main .ss-multi-selected .ss-values .ss-disabled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 5px;
  margin: 2px 0;
  line-height: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  color: var(--base-colors-black);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@-webkit-keyframes scaleIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scaleIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scaleOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}
@keyframes scaleOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}
.ss-main .ss-multi-selected .ss-values .ss-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--component-SlimSelectValue-fontSize);
  padding: 6px 10px;
  margin: 3px 5px 3px 0;
  color: var(--component-SlimSelectValue-color);
  background-color: var(--component-SlimSelectValue-backgroundColor);
  border-radius: 4px;
  -webkit-animation-name: scaleIn;
          animation-name: scaleIn;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
  -webkit-animation-name: scaleOut;
          animation-name: scaleOut;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
  cursor: pointer;
  text-indent: -9999px;
  width: var(--component-SlimSelectValueDelete-width);
  height: var(--component-SlimSelectValueDelete-height);
  min-width: var(--component-SlimSelectValueDelete-minWidth);
  min-height: var(--component-SlimSelectValueDelete-minHeight);
  background-image: var(--component-SlimSelectValueDelete-backgroundImage);
  background-size: var(--component-SlimSelectValueDelete-backgroundSize);
  background-repeat: no-repeat;
  margin-left: var(--component-SlimSelectValueDelete-marginLeft);
}
.ss-main .ss-multi-selected .ss-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 3px;
          flex: 0 1 3px;
  margin: 9px 12px 0 5px;
}
.ss-main .ss-multi-selected .ss-add .ss-plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--component-SlimSelectPlus-background);
  position: relative;
  height: 10px;
  width: 2px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.ss-main .ss-multi-selected .ss-add .ss-plus::after {
  background: var(--component-SlimSelectPlus_after-background);
  content: '';
  position: absolute;
  height: 2px;
  width: 10px;
  left: -4px;
  top: 4px;
}
.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ss-content {
  position: absolute;
  width: 100%;
  margin: -1px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 1px #dcdee2;
  z-index: 2;
  background-color: var(--component-SlimSelectContent-backgroundColor);
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transition:
    opacity 0.2s,
    -webkit-transform 0.2s;
  transition:
    opacity 0.2s,
    -webkit-transform 0.2s;
  transition:
    transform 0.2s,
    opacity 0.2s;
  transition:
    transform 0.2s,
    opacity 0.2s,
    -webkit-transform 0.2s;
  opacity: 0;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.ss-content.ss-open {
  display: block;
  opacity: 1;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.ss-content .ss-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 8px 8px 6px;
}
.ss-content .ss-search.ss-hide {
  height: 0;
  opacity: 0;
  padding: 0;
  margin: 0;
}
.ss-content .ss-search.ss-hide input {
  height: 0;
  opacity: 0;
  padding: 0;
  margin: 0;
}
.ss-content .ss-search input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: var(--component-SlimSelectInput-width);
  min-width: 0;
  min-height: var(--component-SlimSelectInput-minHeight);
  padding: var(--component-SlimSelectInput-padding);
  margin: 0;
  border: var(--component-SlimSelectInput-border);
  border-radius: var(--component-SlimSelectInput-borderRadius);
  background-color: var(--component-SlimSelectInput-backgroundColor);
  outline: 0;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.ss-content .ss-search input::-webkit-input-placeholder {
  color: var(--component-SlimSelectInput_placeholder-color);
  vertical-align: middle;
}
.ss-content .ss-search input::-moz-placeholder {
  color: var(--component-SlimSelectInput_placeholder-color);
  vertical-align: middle;
}
.ss-content .ss-search input:-ms-input-placeholder {
  color: var(--component-SlimSelectInput_placeholder-color);
  vertical-align: middle;
}
.ss-content .ss-search input::-ms-input-placeholder {
  color: var(--component-SlimSelectInput_placeholder-color);
  vertical-align: middle;
}
.ss-content .ss-search input::placeholder {
  color: var(--component-SlimSelectInput_placeholder-color);
  vertical-align: middle;
}
.ss-content .ss-search input:focus {
  -webkit-box-shadow: var(--component-SlimSelectInput_focus-boxShadow);
          box-shadow: var(--component-SlimSelectInput_focus-boxShadow);
}
.ss-content .ss-search .ss-addable {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: var(--component-SlimSelectAddable-fontSize);
  font-weight: var(--component-SlimSelectAddable-fontWeight);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: var(--component-SlimSelectAddable-height);
  margin: 0 0 0 8px;
  border: var(--component-SlimSelectAddable-border);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ss-content .ss-addable {
  padding-top: 0;
}
.ss-content .ss-list {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  padding: 6px 10px;
  font-weight: bold;
}
.ss-content .ss-list .ss-optgroup .ss-option {
  padding: 6px 6px 6px 25px;
}
.ss-content .ss-list .ss-optgroup-label-selectable {
  cursor: pointer;
}
.ss-content .ss-list .ss-optgroup-label-selectable:hover {
  color: var(--component-SlimSelectOptGroupLabelSelectable_hover-color);
  background-color: var(--component-SlimSelectOptGroupLabelSelectable_hover-backgroundColor);
}
.ss-content .ss-list .ss-option {
  padding: var(--component-SlimSelectOption-padding);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: var(--component-SlimSelectOption-color);
}
.ss-content .ss-list .ss-option * {
  display: inline-block;
}
.ss-content .ss-list .ss-option:hover,
.ss-content .ss-list .ss-option.ss-highlighted {
  color: var(--component-SlimSelectOptionHighlighted-color);
  background-color: var(--component-SlimSelectOptionHighlighted-backgroundColor);
}
.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  color: var(--component-SlimSelectOption_disabled-color);
  background-color: var(--component-SlimSelectOption_disabled-backgroundColor);
}
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
  color: var(--component-SlimSelectOptionSelected-color);
  background-color: var(--component-SlimSelectOptionSelected-backgroundColor);
}
.ss-main .ss-single-selected .ss-deselect.ss-hide,
.ss-content .ss-list .ss-option.ss-hide,
.ss-content .ss-hide {
  display: none;
}
.ss-content .ss-list .ss-option .ss-search-highlight {
  background-color: var(--component-SlimSelectSearchHighlight-backgroundColor);
}
/*
  FIXME: These classes aren't prefixed with ht2-, should they be?
  We'll have to edit packages/legacy-js-vendor/src/jquery_twitterBootstrap3.1.1/js/bootstrap.js
*/
/*
  FIXME: This is just copy pasted from ui_legacy.pcss, and
  then I replaced some of the rules with variables. Do we want to edit this..?
 */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: var(--base-colors-white);
  background-clip: padding-box;
  border: 1px solid var(--base-colors-grey4);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px var(--base-colors-grey4);
          box-shadow: 0 5px 10px var(--base-colors-grey4);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: var(--base-colors-grey1);
  border-bottom: 1px solid var(--base-colors-grey1);
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 6px 14px;
}
.popover > .arrow,
.popover > .arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow::after {
  content: '';
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: rgb(0 0 0 / 25%);
  border-bottom-width: 0;
}
.popover.top > .arrow::after {
  bottom: 1px;
  margin-left: -10px;
  content: ' ';
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: rgb(0 0 0 / 25%);
  border-left-width: 0;
}
.popover.right > .arrow::after {
  bottom: -10px;
  left: 1px;
  content: ' ';
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: rgb(0 0 0 / 25%);
}
.popover.bottom > .arrow::after {
  top: 1px;
  margin-left: -10px;
  content: ' ';
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: rgb(0 0 0 / 25%);
}
.popover.left > .arrow::after {
  right: 1px;
  bottom: -10px;
  content: ' ';
  border-right-width: 0;
  border-left-color: #fff;
}
.popover {
  border: 2px solid var(--base-colors-primary);
}
.popover.top > .arrow {
  border-top-color: var(--base-colors-primary);
}
.popover.top > .arrow::after {
  bottom: 3px;
}
/*
  FIXME: These classes aren't prefixed with ht2-, should they be?
  We'll have to edit packages/legacy-js-vendor/src/jquery_twitterBootstrap3.1.1/js/bootstrap.js
*/
/*
  FIXME: This is just copy pasted from ui_legacy.pcss. Do we want to edit this..?
 */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  opacity: 0;
}
.tooltip.in {
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
/* AutoComplete */
.ui-autocomplete {
  position: relative;
  cursor: default;
  background: #fff;
  border: 1px solid #999;
  max-height: 180px;
  min-width: 320px;
  max-width: 600px;
  overflow-y: auto;
  -webkit-box-shadow: 2px 3px 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 3px 0 1px rgba(0, 0, 0, 0.1);
}
.ui-menu {
  list-style: none;
  padding: 15px 10px;
  margin: 0;
  display: block;
  float: left;
}
.ui-menu .ui-menu-item {
  margin: 15px 0 0 0;
  padding: 0 0 15px 0;
  float: left;
  clear: left;
  width: 100%;
  line-height: 1.5em;
  list-style: none;
}
.ui-menu .ui-menu-item:first-of-type {
  margin-top: 0;
}
.ui-menu .ui-menu-item .ui-state-focus {
  background-color: #f6f6f6;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0;
  line-height: 1.5;
}
.ui-menu .ui-menu-item a.ui-state-hover {
  background-color: #f6f6f6;
  color: #333;
  cursor: pointer;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
}
.autocompleteResult {
  border-bottom: 1px solid #ebebeb;
  display: table;
  min-height: 40px;
}
.autocompleteResult:last-of-type {
  border-bottom: 0;
}
.autocompleteResult > .autocompleteResult-link.autocompleteResult-link {
  display: table-cell;
  vertical-align: middle;
}
.autocompleteResult em {
  outline: 1px dotted #ccc;
  padding: 2px;
}
.autocompleteResult-type,
.autocompleteResult-name,
.autocompleteResult-match {
  display: block;
}
.autocompleteResult-type,
.autocompleteResult-match {
  font-size: 0.8em;
  color: #666;
}
.autocompleteResult-name {
  display: grid;
  grid-row-gap: 0;
}
.autocompleteResult-name > h3 {
  font-weight: bold;
}
.ht2-LabelWrappedCheckables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ht2-LabelWrappedCheckable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--component-LabelWrappedCheckable-color);
  width: var(--component-LabelWrappedCheckable-width);
  border-width: var(--component-LabelWrappedCheckable-borderWidth);
  border-style: solid;
  border-color: var(--component-LabelWrappedCheckable-borderColor);
  border-radius: var(--component-LabelWrappedCheckable-borderRadius);
  background-color: var(--component-LabelWrappedCheckable-backgroundColor);
  padding-top: var(--base-space-2);
  padding-bottom: var(--base-space-2);
  padding-left: var(--base-space-3);
  padding-right: var(--base-space-3);
  margin-top: var(--base-space-1);
  margin-bottom: var(--base-space-1);
  margin-left: var(--base-space-1);
  margin-right: var(--base-space-1);
  font-family: var(--base-fonts-2);
}
.ht2-LabelWrappedCheckable:hover {
    cursor: pointer;
    color: var(--component-LabelWrappedCheckable_hover-color);
    background-color: var(--component-LabelWrappedCheckable_hover-backgroundColor);
    border-color: var(--component-LabelWrappedCheckable_hover-borderColor);
  }
.ht2-LabelWrappedCheckableCloseButton {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CloseIcon-mask);
          mask: var(--component-CloseIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

  background-color: var(--base-colors-primary);
}
.ht2-ChipContainer {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  padding: var(--base-space-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-row-gap: var(--base-space-1);
  grid-row-gap: var(--base-space-1);
  grid-column-gap: var(--base-space-1);
  -webkit-column-gap: var(--base-space-1);
     -moz-column-gap: var(--base-space-1);
          grid-column-gap: var(--base-space-1);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  border-radius: var(--component-lib__Input-borderRadius);
}
.ht2-ChipContainerInput {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);

  background: none;
  border: none;
  outline: none;
  cursor: auto;
  width: auto;
}
.ht2-ChipContainerInput::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ChipContainerInput::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ChipContainerInput:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ChipContainerInput::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ChipContainerInput::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ChipContainerInput:disabled {
    cursor: not-allowed;
  }
.ht2-Chip {
  background-color: var(--base-colors-grey2);
  border-radius: 100px;
  padding: 6px 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-DeletableChip {
  background-color: var(--base-colors-grey2);
  border-radius: 100px;
  padding: 6px 12px;
}
.ht2-DeletableChip:not(.ht2-u-hidden) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-DeletableChipRemoveButton {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-CloseIcon-mask);
          mask: var(--component-CloseIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

  background-color: var(--base-colors-primary);
}
.ht2-Tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--component-Tile-borderColor);
  border-radius: var(--component-Tile-borderRadius);
  background-color: var(--component-Tile-backgroundColor);
  cursor: pointer;
  -webkit-box-shadow: var(--component-Tile-boxShadow);
          box-shadow: var(--component-Tile-boxShadow);
}
.ht2-Tile:hover {
    border-color: var(--component-Tile_hover-borderColor);
  }
.ht2-TileTitle {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);
}
.ht2-TileTitle:hover {
    color: var(--component-TileTitle_hover-color);
  }
.ht2-TileHover {
  border-color: var(--component-Tile_hover-borderColor);
}
.ht2-TileTitleHover {
  color: var(--component-TileTitle_hover-color);
}
.ht2-TabButtonGroup {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: var(--component-TabButtonGroup-background);
  padding-top: var(--component-TabButtonGroup-paddingTop);
  padding-left: var(--component-TabButtonGroup-paddingLeft);
  padding-bottom: var(--component-TabButtonGroup-paddingBottom);
  padding-right: var(--component-TabButtonGroup-paddingRight);
  width: 100%;
  border-bottom-color: var(--component-TabButtonGroup-borderBottomColor);
  border-bottom-width: var(--component-TabButtonGroup-borderBottomWidth);
  border-bottom-style: solid;
}
@media (max-width: 530px) {
.ht2-TabButtonGroup {
    border-bottom-color: transparent;
    border-bottom-width: 0;
}
  }
.ht2-TabButton {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-transform: var(--component-TabButton-textTransform);
  background: var(--component-TabButton-background);
  height: var(--component-TabButton-height);
  min-height: var(--component-TabButton-minHeight);
  padding-top: var(--component-TabButton-paddingTop);
  padding-left: var(--component-TabButton-paddingLeft);
  padding-bottom: var(--component-TabButton-paddingBottom);
  padding-right: var(--component-TabButton-paddingRight);
  font-family: var(--component-TabButton-fontFamily);
  font-size: var(--component-TabButton-fontSize);
  margin-right: var(--component-TabButton-marginRight);
  margin-left: var(--component-TabButton-marginLeft);
  border-top-width: var(--component-TabButton-borderTopWidth);
  border-top-style: var(--component-TabButton-borderTopStyle);
  border-top-color: var(--component-TabButton-borderTopColor);
  border-right-width: var(--component-TabButton-borderRightWidth);
  border-right-style: var(--component-TabButton-borderRightStyle);
  border-right-color: var(--component-TabButton-borderRightColor);
  border-bottom-width: var(--component-TabButton-borderBottomWidth);
  border-bottom-style: var(--component-TabButton-borderBottomStyle);
  border-bottom-color: var(--component-TabButton-borderBottomColor);
  border-left-width: var(--component-TabButton-borderLeftWidth);
  border-left-style: var(--component-TabButton-borderLeftStyle);
  border-left-color: var(--component-TabButton-borderLeftColor);
  color: var(--component-TabButton-color);
  font-weight: var(--component-TabButton-fontWeight);
  border-radius: var(--component-TabButton-borderRadius);
  text-decoration: none;
}
.ht2-TabButton:hover {
    color: var(--component-TabButton_hover-color);
    background: var(--component-TabButton_hover-background);
    border-top-color: var(--component-TabButton_hover-borderTopColor);
    border-bottom-color: var(--component-TabButton_hover-borderBottomColor);
    border-left-color: var(--component-TabButton_hover-borderLeftColor);
    border-right-color: var(--component-TabButton_hover-borderRightColor);
  }
.ht2-TabButton:last-of-type {
    margin-right: var(--component-TabButton_last-of-type-marginRight);
  }
.ht2-TabButton.ht2-TabButtonActive {
  background: var(--component-TabButtonActive-background);
  border-top-color: var(--component-TabButtonActive-borderTopColor);
  border-right-color: var(--component-TabButtonActive-borderRightColor);
  border-bottom-color: var(--component-TabButtonActive-borderBottomColor);
  border-left-color: var(--component-TabButtonActive-borderLeftColor);
  color: var(--component-TabButtonActive-color);
}
.ht2-TabButton.ht2-TabButtonActive:hover {
    color: var(--component-TabButtonActive_hover-color);
    background: var(--component-TabButtonActive_hover-background);
    border-top-color: var(--component-TabButtonActive_hover-borderTopColor);
    border-right-color: var(--component-TabButtonActive_hover-borderRightColor);
    border-bottom-color: var(--component-TabButtonActive_hover-borderBottomColor);
    border-left-color: var(--component-TabButtonActive_hover-borderLeftColor);
  }
/* Shell */
/* Using discrete imports until index.pcss is added to dist in CSM1-57193 */
.ht2-ShellSideMenuBtnContainer {
  position: absolute;
  z-index: 700;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  top: 18px;
}
.ht2-ShellSideMenuBtnContainerLeft {
  left: 15px;
}
.ht2-ShellSideMenuBtnContainerLeft.ht2-IsOpen {
  margin-left: 80%;
}
.ht2-ShellSideMenuBtnContainerLeft.ht2-IsClosed {
  margin-left: 0;
}
.ht2-ShellSideMenuBtnContainerRight {
  right: 15px;
}
.ht2-ShellSideMenuBtnContainerRight.ht2-IsOpen {
  margin-right: 80%;
}
.ht2-ShellSideMenuBtnContainerRight.ht2-IsClosed {
  margin-right: 0;
}
/* ShellSideMenu Menu Btn */
.ht2-SideMenuBtn {
  /* remove browser styling */
  border: none;
  background: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 25px;
  width: 30px;
  min-width: 30px;
}
.ht2-SideMenuBtnBar {
  position: relative;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}
.ht2-SideMenuBtnBar,
.ht2-SideMenuBtnBar::before,
.ht2-SideMenuBtnBar::after {
  height: 5px;
  width: 30px;
  min-width: 30px;
  background: var(--component-SideMenuBtnBar-background);
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.ht2-SideMenuBtnBar::before,
.ht2-SideMenuBtnBar::after {
  content: '';
  left: 0;
  position: absolute;
}
.ht2-SideMenuBtnBar::before {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}
.ht2-SideMenuBtnBar::after {
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}
.ht2-ShellSideMenuBtnContainer.ht2-IsOpen .ht2-SideMenuBtnBar {
  background-color: transparent;
}
.ht2-ShellSideMenuBtnContainer.ht2-IsOpen .ht2-SideMenuBtnBar::before {
  -webkit-transform: translateY(0) rotate(-45deg);
      -ms-transform: translateY(0) rotate(-45deg);
          transform: translateY(0) rotate(-45deg);
  background-color: #fff;
}
.ht2-ShellSideMenuBtnContainer.ht2-IsOpen .ht2-SideMenuBtnBar::after {
  -webkit-transform: translateY(0) rotate(45deg);
      -ms-transform: translateY(0) rotate(45deg);
          transform: translateY(0) rotate(45deg);
  background-color: #fff;
}
.ht2-ShellSideMenu.ht2-IsOpen ~ .ht2-ShellSideMenuOverlay {
  content: '';
  position: fixed;
  padding: 100px 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 599;
  background-color: rgb(0 0 0 / 80%);
  cursor: pointer;
}
.ht2-ShellSideMenu.ht2-IsClosed ~ .ht2-ShellSideMenuOverlay {
  width: 0;
  height: 0;
  background-color: rgb(0 0 0 / 0%);
}
.ht2-ShellSkipLink {
  position: absolute;
  top: 0;
  left: -900px;
  color: var(--component-Link-color);
  text-decoration: underline;
  padding: 5px 8px;
  background: #fff;
  outline: 0;
}
.ht2-ShellSkipLink:focus {
    left: 0;
  }
/* ShellSideMenu Styling */
.ht2-ShellSideMenu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  visibility: hidden;
  width: 80%;

  /* the entire nav width */
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 0;
  z-index: 600;
  background: #fff;
}
.ht2-ShellSideMenuHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  background: #f5f5f5;
}
.ht2-ShellSideMenuUserPic {
  width: 34px;
  height: 34px;
  margin: 0 0 0 10px;
}
.ht2-ShellSideMenuUserName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin: 0 auto 0 10px;
  text-transform: capitalize;
  font-weight: bold;
  font-size: 16px;
  color: #000;
}
.ht2-ShellSideMenuSectionsMenuItemLinkLogout {
    background: var(--component-lib__ButtonPrimary-background);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonPrimary-borderTopColor);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonPrimary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonPrimary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonPrimary-borderLeftColor);
    color: var(--component-lib__ButtonPrimary-color);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    border-radius: var(--component-lib__ButtonPrimary-borderRadius);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);

  width: 100%;
}
.ht2-ShellSideMenuSectionsMenuItemLinkLogout:hover {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-ShellSideMenuSectionsMenuItemLinkLogout:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-ShellSideMenuSectionsMenuItemLinkLogout:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-ShellSideMenuSectionsMenuItemLinkLogout:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-ShellSideMenuSectionsMenuItemLinkLogout:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-ShellSideMenuIdentityRole,
.ht2-ShellSideMenuIdentityAcl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--component-SideNavItem-padding);
  background: var(--component-SideNavItem-background);
  height: var(--component-SideNavItem-height);
}
.ht2-ShellSideMenuIdentityRoleLabel,
.ht2-ShellSideMenuIdentityAclLabel {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);

  margin-right: var(--base-space-2);
}
/* ShellSideMenu Nav Styling */
.ht2-SideMenuNavNavTopLevel {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #f5f5f5;
}
.ht2-SideMenuNavSection {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ht2-SideMenuNavSectionButton,
.ht2-ShellSideMenuLink {
  background: none;
  border: none;
  color: var(--base-colors-primary);
  font-weight: bold;
  text-decoration: none;
  font-family: var(--base-fonts-1);
}
.ht2-ShellSideMenuSectionsMenuItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--component-SideNavItem-padding);
  background: var(--component-SideNavItem-background);
  height: var(--component-SideNavItem-height);
}
.ht2-SideMenuNavSectionListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--component-SideNavItem-padding);
  background: var(--component-SideNavItem-background);
  height: var(--component-SideNavItem-height);

  padding-left: calc(var(--base-space-4) + var(--base-space-3));
}
.ht2-SideMenuNavMyProviderItem {
  width: 100%;
  border-left: 2px solid transparent;
}
.ht2-SideMenuNavMyProviderItem:hover {
    border-left: 2px solid var(--base-colors-primary);
    background-color: var(--base-colors-primaryLighten);
  }
.ht2-ShellSideMenuLink,
.ht2-SideMenuNavSectionButton,
.ht2-SideMenuNavSectionListItem {
  /*
  width: 100%;
  display: flex;
  min-height: 50px;
  align-items: center;

  &:hover {
    cursor: pointer;
  }
   */
}
.ht2-SideMenuNavSectionList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ht2-SideMenuNavSectionListItemLink,
.ht2-SideMenuNavMyProviderItemLink {
  color: var(--base-colors-primary);
  font-weight: bold;
  text-decoration: none;
}
.ht2-SideMenuNavSectionButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--component-SideNavItem-padding);
  background: var(--component-SideNavItem-background);
  height: var(--component-SideNavItem-height);

  border-left: 5px solid transparent;
}
.ht2-SideMenuNavSectionButton::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    background-color: var(--base-colors-primary);
  }
.ht2-SideMenuNavSectionButton:hover,
  .ht2-SideMenuNavSectionButton.ht2-IsOpen {
    border-left: 5px solid
      var(--component-SideMenuNavSectionButtonTopNav_hover-borderLeftColor);
  }
.ht2-SideMenuNavSectionButton:hover::after, .ht2-SideMenuNavSectionButton.ht2-IsOpen::after {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
    }
.ht2-SideMenuNavSectionListItemSubNavCat {
  height: auto;
  padding-left: 0;
  border-left: 0;
}
.ht2-SideMenuNavSectionListItemSubNavCat:hover {
    border-left: none;
    background: none;
  }
.ht2-SideMenuNavSubNavCat {
  width: 100%;
}
.ht2-SideMenuNavSubNavCatLabel,
.ht2-SideMenuNavSubNavCatLink {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50px;
}
.ht2-ShellSideMenuSections {
  border-top: 25px solid #f5f5f5;
}
.ht2-SideMenuNavSubNavCatLabel {
  padding: 0 20px 0 60px;
  font-weight: bold;
  color: var(--base-colors-primaryDarken);
}
.ht2-ShellSideMenuSectionsMailLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--component-SideNavItem-padding);
  background: var(--component-SideNavItem-background);
  height: var(--component-SideNavItem-height);
}
.ht2-SideMenuNavSubNavCatLink {
  padding: 0 20px 0 80px;
  border-left: solid transparent 2px;
}
.ht2-SideMenuNavSubNavCatLink:hover {
    border-left: 2px solid var(--base-colors-primary);
    background-color: var(--base-colors-primaryLighten);
  }
.ht2-ShellSideMenuSectionsMenuItemLinkChatUser {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.ht2-ShellSideMenuSectionsMailLinkLabel {
  color: var(--base-colors-primary);
  font-weight: var(--base-fontSizes-bold);
  margin-right: 5px;
}
.ht2-ShellSideMenuSectionsMailLinkCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  color: var(--component-HeaderSectionsMailValue-color);
  font-size: 14px;
  font-weight: 900;
  background-color: var(--base-colors-primaryAccent);
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 1px 12px;
  margin-left: 10px;
  line-height: 18px;
}
.ht2-ShellSideMenuSectionsMenuItemShellHeaderMenuLogout {
  text-decoration: none;
  color: var(--base-colors-primary);
  font-weight: bold;
}
.ht2-ShellSideMenuSectionsMenuItemShellHeaderMenuLogout:hover {
    background-color: var(--base-colors-primaryAccent);
  }
/* ShellSideMenu display styling */
.ht2-SideMenuBtn,
.ht2-ShellSideMenu,
.ht2-ShellSideMenuOverlay,
.ht2-MobileMemberIdentitySelectorForm {
  display: none !important;
}
@media (max-width: 800px) {
.ht2-ShellNav,
.ht2-HeaderSections,
.ht2-ShellPatientIdBar,
.ht2-ShellSideMenuOverlay {
    display: none !important
}
  }
@media (max-width: 800px) {
.ht2-SideMenuBtn,
.ht2-MobileMemberIdentitySelectorForm {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: var(--base-space-2);
    background: var(--base-colors-white)
}
  }
@media (max-width: 800px) {
.ht2-ShellSideMenu.ht2-IsOpen ~ .ht2-ShellSideMenuOverlay {
    display: block !important
}
  }
@media (max-width: 800px) {
.ht2-ShellSideMenu.ht2-IsClosed ~ .ht2-ShellSideMenuOverlay {
    display: none !important
}
  }
@media (max-width: 800px) {
.ht2-ShellSideMenu.ht2-IsClosed {
    display: none !important
}
  }
.ht2-ShellSideMenu.ht2-IsOpen {
  visibility: visible;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}
@media (max-width: 800px) {
.ht2-ShellSideMenu.ht2-IsOpen {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}
  }
/* ShellSideMenu Styling */
.ht2-ShellSideMenu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  visibility: hidden;
  width: 80%;

  /* the entire nav width */
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 0;
  z-index: 600;
  background: #fff;
}
.ht2-ShellSideMenuLeft {
  left: 0;
  -webkit-transform: translate(-100%);
      -ms-transform: translate(-100%);
          transform: translate(-100%);
}
.ht2-ShellSideMenuRight {
  right: 0;
  -webkit-transform: translate(100%);
      -ms-transform: translate(100%);
          transform: translate(100%);
}
.ht2-ShellSideMenuLeft.ht2-IsClosed {
  visibility: visible;
  -webkit-transform: translate(-100%);
      -ms-transform: translate(-100%);
          transform: translate(-100%);
}
.ht2-ShellSideMenuRight.ht2-IsClosed {
  visibility: visible;
  -webkit-transform: translate(100%);
      -ms-transform: translate(100%);
          transform: translate(100%);
}
.ht2-ExternalShellHeader {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--component-ExternalShellHeader-background);
  border-top: var(--component-ExternalShellHeader-borderTopWidth) solid
    var(--component-ExternalShellHeader-borderTopColor);
  border-bottom: var(--component-ExternalShellHeader-borderBottomWidth)
    solid var(--component-ExternalShellHeader-borderBottomColor);
  -webkit-box-shadow: var(--component-ExternalShellHeader-boxShadow);
          box-shadow: var(--component-ExternalShellHeader-boxShadow);
  height: var(--component-ExternalShellHeader-height);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}
@media (max-width: 530px) {
.ht2-ExternalShellHeader {
    padding-top: var(--base-space-2);
    padding-bottom: var(--base-space-2);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}
  }
.ht2-Header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  position: relative;

  padding-top: 0;
  padding-right: var(--component-Header-paddingRight);
  padding-bottom: 0;
  padding-left: var(--component-Header-paddingRight);
  max-width: var(--component-Shell-maxWidth);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 530px) {
.ht2-Header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}
  }
.ht2-HeaderBannerLogo {
  width: var(--component-ShellHeaderLogo-width);
  height: var(--component-ShellHeaderLogo-height);
  max-width: var(--component-ShellHeaderLogo-maxWidth);
  display: var(--component-ShellHeaderLogo-display);
  margin-top: var(--component-ShellHeaderLogo-marginTop);
}
.ht2-HeaderBannerContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* stylelint-disable-next-line selector-max-type -- specifically requested to prevent logo content issues */
.ht2-HeaderBannerContent img {
  width: 100%;
}
.ht2-HeaderContainerOuter {
  position: relative;
  background-color: var(--component-HeaderContainerOuter-backgroundColor);
  border-top: var(--component-HeaderContainerOuter-borderTopWidth) solid
    var(--component-HeaderContainerOuter-borderTopColor);
  border-bottom: var(--component-HeaderContainerOuter-borderBottomWidth)
    var(--component-HeaderContainerOuter-borderBottomStyle)
    var(--component-HeaderContainerOuter-borderBottomColor);
  -webkit-box-shadow: var(--component-HeaderContainerOuter-boxShadow);
          box-shadow: var(--component-HeaderContainerOuter-boxShadow);
}
.ht2-HeaderContainerInner {
  display: grid;
  /* stylelint-disable -- stylelint can't handle generating the shorthand for grid-template*/
  grid-template-rows: var(--component-HeaderContainerInner-gridTemplateRows);
  /*
  <15px padding> <potentially infinite whitespace> <logo, 300px> <900px content> <potentially infinite whitespace> <15px padding>
   */
  grid-template-columns:
    var(--base-space-3) 1fr minmax(
      0,
      var(--component-HeaderContainerInnerLogo-maxWidth)
    )
    repeat(3, minmax(0, calc(var(--component-Shell-maxWidth)/4)))
    1fr var(--base-space-3);
  grid-template-areas: var(--component-HeaderContainerInner-gridTemplateAreas);
  /* stylelint-enable */
}
@media (max-width: 800px) {
.ht2-HeaderContainerInner {
    grid-template-columns:
      var(--base-space-3) 1fr 300px repeat(
        3,
        minmax(0, calc(var(--component-Shell-maxWidth)/4))
      )
      1fr var(--base-space-3)
}
  }
.ht2-ShellHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  position: relative;

  margin-top: var(--component-ShellHeader-marginTop);
  margin-right: var(--component-ShellHeader-marginRight);
  margin-bottom: var(--component-ShellHeader-marginTop);
  margin-left: var(--component-ShellHeader-marginRight);
  grid-area: header;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: var(--component-ShellHeader-background);
}
.ht2-ShellNav {
  grid-area: nav;
}
.ht2-HeaderBannerContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  grid-area: logo;
}
.ht2-HeaderWelcomeTextContainer {
  grid-area: welcomeText;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--component-HeaderWelcomeTextContainer-background);
  height: var(--component-HeaderWelcomeTextContainer-height);
  margin-top: var(--component-HeaderWelcomeTextContainer-marginTop);
  margin-bottom: var(--component-HeaderWelcomeTextContainer-marginBottom);
  font-size: var(--component-HeaderWelcomeTextContainer-fontSize);
  font-family: var(--component-HeaderWelcomeTextContainer-fontFamily);
  color: var(--component-HeaderWelcomeTextContainer-color);
}
.ht2-HeaderTopLeft {
  grid-area: topLeft;
  background: var(--component-HeaderTopLeft-background);
  height: var(--component-HeaderTopLeft-height);
  margin-top: var(--component-HeaderTopLeft-marginTop);
  margin-bottom: var(--component-HeaderTopLeft-marginBottom);
}
.ht2-HeaderTopRight {
  grid-area: topRight;
  background: var(--component-HeaderTopRight-background);
  height: var(--component-HeaderTopRight-height);
  margin-top: var(--component-HeaderTopRight-marginTop);
  margin-bottom: var(--component-HeaderTopRight-marginBottom);
}
.ht2-HeaderBottomLeft {
  grid-area: bottomLeft;
  background: var(--component-HeaderBottomLeft-background);
  height: var(--component-HeaderBottomLeft-height);
  margin-top: var(--component-HeaderBottomLeft-marginTop);
  margin-bottom: var(--component-HeaderBottomLeft-marginBottom);
  -webkit-box-shadow: var(--component-HeaderBottomLeft-boxShadow);
          box-shadow: var(--component-HeaderBottomLeft-boxShadow);
  border-top: var(--component-HeaderBottomLeft-borderTopWidth) solid
    var(--component-HeaderBottomLeft-borderTopColor);
}
.ht2-HeaderBottomRight {
  grid-area: bottomRight;
  background: var(--component-HeaderBottomRight-background);
  height: var(--component-HeaderBottomRight-height);
  margin-top: var(--component-HeaderBottomRight-marginTop);
  margin-bottom: var(--component-HeaderBottomRight-marginBottom);
  -webkit-box-shadow: var(--component-HeaderBottomRight-boxShadow);
          box-shadow: var(--component-HeaderBottomRight-boxShadow);
  border-top: var(--component-HeaderBottomRight-borderTopWidth) solid
    var(--component-HeaderBottomRight-borderTopColor);
}
.ht2-HeaderMenuItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: var(--component-HeaderGreetingDropdownItem-background);
  text-decoration: none;
  font-family: var(--component-NavItemLink-fontFamily);
  font-weight: var(--component-NavItemLink-fontWeight);
  color: var(--component-NavItemLink-color);
  position: var(--component-NavItemLink-position);
  cursor: pointer;
  width: 100%;
  display: flex;

  padding-top: var(--component-HeaderMenuItem-paddingTop);
  padding-bottom: var(--component-HeaderMenuItem-paddingBottom);
  padding-left: var(--component-HeaderMenuItem-paddingLeft);
  padding-right: var(--component-HeaderMenuItem-paddingRight);
}
.ht2-HeaderMenuItem:hover {
      background: var(--component-HeaderGreetingDropdownItem_hover-background);
      border-radius: var(--component-HeaderGreetingDropdownItem_hover-borderRadius);
    }
.ht2-HeaderMenuItem:hover {
    color: var(--component-NavItemLink_hover-color);
    -webkit-text-decoration: var(--component-NavItemLink_hover-textDecoration);
            text-decoration: var(--component-NavItemLink_hover-textDecoration);
    font-weight: var(--component-NavItemLink_hover-fontWeight);
  }
.ht2-HeaderMenuItem:hover::before {
      background-color: var(--component-NavItemTopBorder_&:hover-backgroundColor);
    }
.ht2-HeaderMenuItem::before {
    content: '';
    display: var(--component-NavItemLeftBorder-display);
    height: var(--component-NavItemLeftBorder-height);
    width: var(--component-NavItemLeftBorder-width);
    background-color: var(--component-NavItemLeftBorder-backgroundColor);
    margin-right: 5px;
  }
.ht2-HeaderMenuItem:hover::before {
    background-color: var(--component-NavItemLeftBorder_hover-backgroundColor);
  }
.ht2-HeaderSectionsItemLink {
  text-decoration: none;
  font-family: var(--component-NavItemLink-fontFamily);
  font-weight: var(--component-NavItemLink-fontWeight);
  color: var(--component-NavItemLink-color);
  position: var(--component-NavItemLink-position);
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  padding-top: var(--component-HeaderSectionsItemLink-paddingTop);
  padding-bottom: var(--component-HeaderSectionsItemLink-paddingBottom);
  padding-left: var(--component-HeaderSectionsItemLink-paddingLeft);
  padding-right: var(--component-HeaderSectionsItemLink-paddingRight);
  color: var(--component-HeaderSectionsItemLink-color);
}
.ht2-HeaderSectionsItemLink:hover {
    color: var(--component-NavItemLink_hover-color);
    -webkit-text-decoration: var(--component-NavItemLink_hover-textDecoration);
            text-decoration: var(--component-NavItemLink_hover-textDecoration);
    font-weight: var(--component-NavItemLink_hover-fontWeight);
  }
.ht2-HeaderSectionsItemLink:hover::before {
      background-color: var(--component-NavItemTopBorder_&:hover-backgroundColor);
    }
.ht2-HeaderSectionsItemLink:hover {
    color: var(--component-HeaderSectionsItemLink_hover-color);
    -webkit-text-decoration: var(--component-HeaderSectionsItemLink_hover-textDecoration);
            text-decoration: var(--component-HeaderSectionsItemLink_hover-textDecoration);
  }
.ht2-HeaderMenuLink {
  text-decoration: none;
  font-family: var(--component-NavItemLink-fontFamily);
  font-weight: var(--component-NavItemLink-fontWeight);
  color: var(--component-NavItemLink-color);
  position: var(--component-NavItemLink-position);
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  padding-top: var(--component-HeaderMenuLink-paddingTop);
  padding-bottom: var(--component-HeaderMenuLink-paddingBottom);
  padding-left: var(--component-HeaderMenuLink-paddingLeft);
  padding-right: var(--component-HeaderMenuLink-paddingRight);
  color: var(--component-HeaderMenuLink-color);
}
.ht2-HeaderMenuLink:hover {
    color: var(--component-NavItemLink_hover-color);
    -webkit-text-decoration: var(--component-NavItemLink_hover-textDecoration);
            text-decoration: var(--component-NavItemLink_hover-textDecoration);
    font-weight: var(--component-NavItemLink_hover-fontWeight);
  }
.ht2-HeaderMenuLink:hover::before {
      background-color: var(--component-NavItemTopBorder_&:hover-backgroundColor);
    }
.ht2-HeaderMenuLink:hover {
    color: var(--component-HeaderMenuLink_hover-color);
  }
.ht2-HeaderSectionsIdentityRoleValue {
  text-decoration: none;
  font-family: var(--component-NavItemLink-fontFamily);
  font-weight: var(--component-NavItemLink-fontWeight);
  color: var(--component-NavItemLink-color);
  position: var(--component-NavItemLink-position);
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	padding-top: var(--component-HeaderSectionsIdentityRoleValue-paddingTop);
	padding-bottom: var(--component-HeaderSectionsIdentityRoleValue-paddingBottom);
	padding-left: var(--component-HeaderSectionsIdentityRoleValue-paddingLeft);
	padding-right: var(--component-HeaderSectionsIdentityRoleValue-paddingRight);
}
.ht2-HeaderSectionsIdentityRoleValue:hover {
    color: var(--component-NavItemLink_hover-color);
    -webkit-text-decoration: var(--component-NavItemLink_hover-textDecoration);
            text-decoration: var(--component-NavItemLink_hover-textDecoration);
    font-weight: var(--component-NavItemLink_hover-fontWeight);
  }
.ht2-HeaderSectionsIdentityRoleValue:hover::before {
      background-color: var(--component-NavItemTopBorder_&:hover-backgroundColor);
    }
.ht2-HeaderSectionsIdentityRoleValue:hover {
	color: var(--component-HeaderSectionsIdentityRoleValue_hover-color);
  }
.ht2-HeaderSectionsItemLinkLanguageToggle {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;

  color: var(--component-ShellHeaderLanguageToggleLink-color);
  font-weight: var(--component-ShellHeaderLanguageToggleLink-fontWeight);
  font-size: var(--component-ShellHeaderLanguageToggleLink-fontSize);
  font-family: var(--component-ShellHeaderLanguageToggleLink-fontFamily);
  -webkit-text-decoration: var(--component-ShellHeaderLanguageToggleLink-textDecoration);
          text-decoration: var(--component-ShellHeaderLanguageToggleLink-textDecoration);
}
.ht2-HeaderSectionsItemLinkLanguageToggle:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-HeaderSectionsItemLinkLanguageToggle:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-HeaderSectionsItemLinkLanguageToggle:hover {
    color: var(--component-ShellHeaderLanguageToggleLink_hover-color);
    -webkit-text-decoration: var(--component-ShellHeaderLanguageToggleLink_hover-textDecoration);
            text-decoration: var(--component-ShellHeaderLanguageToggleLink_hover-textDecoration);
    font-weight: var(--component-ShellHeaderLanguageToggleLink-fontWeight);
  }
.ht2-HeaderMenuLinkShellHeaderMenuHome {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;

  color: var(--component-ShellHeaderMenuHomeLink-color);
  font-weight: var(--component-ShellHeaderMenuHomeLink-fontWeight);
  font-family: var(--component-ShellHeaderMenuHomeLink-fontFamily);
  -webkit-text-decoration: var(--component-ShellHeaderMenuHomeLink-textDecoration);
          text-decoration: var(--component-ShellHeaderMenuHomeLink-textDecoration);
}
.ht2-HeaderMenuLinkShellHeaderMenuHome:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-HeaderMenuLinkShellHeaderMenuHome:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-HeaderMenuLinkShellHeaderMenuHome:hover {
    color: var(--component-ShellHeaderMenuHomeLink_hover-color);
    -webkit-text-decoration: var(--component-ShellHeaderMenuHomeLink_hover-textDecoration);
            text-decoration: var(--component-ShellHeaderMenuHomeLink_hover-textDecoration);
    font-weight: var(--component-ShellHeaderMenuHomeLink-fontWeight);
  }
.ht2-HeaderMenuLinkShellHeaderMenuContact {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;

  color: var(--component-ShellHeaderMenuContactLink-color);
  font-weight: var(--component-ShellHeaderMenuContactLink-fontWeight);
  font-family: var(--component-ShellHeaderMenuContactLink-fontFamily);
  font-size: var(--component-ShellHeaderMenuContactLink-fontSize);
  -webkit-text-decoration: var(--component-ShellHeaderMenuContactLink-textDecoration);
          text-decoration: var(--component-ShellHeaderMenuContactLink-textDecoration);
}
.ht2-HeaderMenuLinkShellHeaderMenuContact:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-HeaderMenuLinkShellHeaderMenuContact:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-HeaderMenuLinkShellHeaderMenuContact:hover {
    color: var(--component-ShellHeaderMenuContactLink_hover-color);
    -webkit-text-decoration: var(--component-ShellHeaderMenuContactLink_hover-textDecoration);
            text-decoration: var(--component-ShellHeaderMenuContactLink_hover-textDecoration);
    font-weight: var(--component-ShellHeaderMenuContactLink-fontWeight);
  }
.ht2-HeaderSections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: var(--component-Shell-maxWidth);
  margin: 0 auto;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ht2-HeaderSectionsItem {
  margin-right: var(--component-HeaderSectionsItem-marginRight);
  padding: var(--component-HeaderSectionsItem-padding);
}
.ht2-HeaderSectionsItemShellHeaderMenuContact {
  padding: var(--component-HeaderSectionsItemShellHeaderMenuContact-padding);
  border-right-color: var(--component-HeaderSectionsItemShellHeaderMenuContact-borderRightColor);
  border-style: solid;
  border-right-width: var(--component-HeaderSectionsItemShellHeaderMenuContact-borderRightWidth);
}
.ht2-HeaderSectionsItemShellHeaderMenuLanguageToggle {
  border-left: var(--component-HeaderSectionsItemShellHeaderMenuLanguageToggle-borderLeft);
}
.ht2-HeaderSectionsItemMail {
  border-left: var(--component-HeaderSectionsItemMail-borderLeft);
}
.ht2-HeaderSectionsMail {
  color: var(--component-HeaderSectionsMail-color);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: var(--component-HeaderSectionsMail-fontWeight);
  background-color: var(--component-HeaderSectionsMail-backgroundColor);
  min-height: var(--component-HeaderSectionsMail-minHeight);
  padding-top: var(--component-HeaderSectionsMail-paddingTop);
  padding-right: var(--component-HeaderSectionsMail-paddingRight);
  padding-bottom: var(--component-HeaderSectionsMail-paddingBottom);
  padding-left: var(--component-HeaderSectionsMail-paddingLeft);
  border-radius: var(--component-HeaderSectionsMail-borderRadius);
}
.ht2-HeaderSectionsMail:hover {
    color: var(--component-HeaderSectionsMail_hover-color);
    background-color: var(--component-HeaderSectionsMail_hover-backgroundColor);
    -webkit-text-decoration: var(--component-HeaderSectionsMail_hover-textDecoration);
            text-decoration: var(--component-HeaderSectionsMail_hover-textDecoration);
  }
.ht2-HeaderSectionsItemIcon {
  margin-right: var(--base-space-2);
  color: var(--base-colors-primary);
}
.ht2-HeaderSectionsMailIcon {
  margin-right: var(--base-space-2);
  color: var(--component-HeaderSectionsMailIcon-color);
  display: var(--component-HeaderSectionsMailIcon-display);
}
.ht2-HeaderSectionsMailValue,
.ht2-HeaderSectionsMailValue0 {
  display: var(--component-HeaderSectionsMailValue-display);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  color: var(--component-HeaderSectionsMailValue-color);
  font-size: var(--base-fontSizes-1);
  font-weight: var(--component-HeaderSectionsMailValue-fontWeight);
  font-family: var(--component-HeaderSectionsMailValue-fontFamily);
  background: var(--component-HeaderSectionsMailValue-background);
  border: var(--component-HeaderSectionsMailValue-borderWidth) solid
    var(--component-HeaderSectionsMailValue-borderColor);
  border-radius: 20px;
  padding: var(--component-HeaderSectionsMailValue-padding);
  margin-left: var(--component-HeaderSectionsMailValue-marginLeft);
  margin-bottom: var(--component-HeaderSectionsMailValue-marginBottom);
}
.ht2-HeaderSectionsMailText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-HeaderSectionsMailText::before {
  content: var(--component-HeaderSectionsMailText_before-content);
  width: 27px;
  height: 20px;
  margin-right: var(--base-space-2);
  display: none;
}
.ht2-HeaderSectionsMailLabel {
  font-family: var(--component-HeaderSectionsMailLabel-fontFamily);
  font-size: var(--component-HeaderSectionsMailLabel-fontSize);
  color: var(--component-HeaderSectionsMailLabel-color);
  font-weight: var(--component-HeaderSectionsMailLabel-fontWeight);
  margin-top: var(--component-HeaderSectionsMailLabel-marginTop);
}
.ht2-HeaderSectionsMailLabel:hover {
    -webkit-text-decoration: var(--component-HeaderSectionsMailLabel_hover-textDecoration);
            text-decoration: var(--component-HeaderSectionsMailLabel_hover-textDecoration);
  }
.ht2-HeaderSectionsMailCountLabel {
  display: none;
}
.ht2-HeaderSectionsMailSeparatorLabel {
  display: none;
}
/* Greeting */
.ht2-HeaderSectionsItemGreeting {
	margin-right: var(--component-HeaderSectionsItemGreeting-marginRight);
	border-left-width: var(--component-HeaderSectionsItemGreeting-borderLeftWidth);
	border-left-style: var(--component-HeaderSectionsItemGreeting-borderLeftStyle);
	border-left-color: var(--component-HeaderSectionsItemGreeting-borderLeftColor);
}
.ht2-PopoverHeaderSectionsGreeting {
  margin-top: var(--component-PopoverHeaderSectionsGreeting-marginTop);
  border-top-style: var(--component-PopoverHeaderSectionsGreeting-borderTopStyle);
  border-top-width: var(--component-PopoverHeaderSectionsGreeting-borderTopWidth);
  border-top-color: var(--component-PopoverHeaderSectionsGreeting-borderTopColor);
}
.ht2-PopoverHeaderSectionsGreeting::before {
    content: '';
    width: 0;
    height: 0;
    border-left-color: var(--component-PopoverHeaderSectionsGreeting_before-borderLeftColor);
    border-right-color: var(--component-PopoverHeaderSectionsGreeting_before-borderRightColor);
    border-bottom-color: var(--component-PopoverHeaderSectionsGreeting_before-borderBottomColor);
    border-style: solid;
    border-top-width: var(--component-PopoverHeaderSectionsGreeting_before-borderTopWidth);
    border-bottom-width: var(--component-PopoverHeaderSectionsGreeting_before-borderBottomWidth);
    border-left-width: var(--component-PopoverHeaderSectionsGreeting_before-borderLeftWidth);
    border-right-width: var(--component-PopoverHeaderSectionsGreeting_before-borderRightWidth);
    display: var(--component-PopoverHeaderSectionsGreeting_before-display);
    vertical-align: middle;
    position: absolute;
    top: var(--component-PopoverHeaderSectionsGreeting_before-top);
    left: var(--component-PopoverHeaderSectionsGreeting_before-left);
    right: var(--component-PopoverHeaderSectionsGreeting_before-right);
  }
.ht2-PopoverHeaderSectionsGreeting::after {
    content: '';
    width: 0;
    height: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--component-PopoverHeaderSectionsGreeting_after-borderBottomColor);
    border-style: solid;
    border-top-width: 0;
    border-bottom-width: var(--component-PopoverHeaderSectionsGreeting_after-borderBottomWidth);
    border-left-width: var(--component-PopoverHeaderSectionsGreeting_after-borderLeftWidth);
    border-right-width: var(--component-PopoverHeaderSectionsGreeting_after-borderRightWidth);
    display: var(--component-PopoverHeaderSectionsGreeting_after-display);
    vertical-align: middle;
    position: absolute;
    top: var(--component-PopoverHeaderSectionsGreeting_after-top);
    left: var(--component-PopoverHeaderSectionsGreeting_after-left);
    right: var(--component-PopoverHeaderSectionsGreeting_after-right);
  }
.ht2-PopoverContainerHeaderSectionsGreeting {
  position: relative;
  height: var(--component-PopoverContainerHeaderSectionsGreeting-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--component-PopoverContainerHeaderSectionsGreeting-borderRadius);
  background-color: var(--component-PopoverContainerHeaderSectionsGreeting-background);
  border-width: var(--component-PopoverContainerHeaderSectionsGreeting-borderWidth);
  border-style: solid;
  border-color: var(--component-PopoverContainerHeaderSectionsGreeting-borderColor);
  padding-top: var(--component-PopoverContainerHeaderSectionsGreeting-paddingTop);
  padding-right: var(--component-PopoverContainerHeaderSectionsGreeting-paddingRight);
  padding-bottom: var(--component-PopoverContainerHeaderSectionsGreeting-paddingBottom);
  padding-left: var(--component-PopoverContainerHeaderSectionsGreeting-paddingLeft);
}
.ht2-PopoverContainerHeaderSectionsGreeting::after {
    /*
      This is for adding a spacer between the button and dropdown when there is a gap between
      So that the menu doesn't close when the mouse is in the gap
    */
    content: '';
    display: var(--component-PopoverContainerHeaderSectionsGreeting_after-display);
    position: absolute;
    width: 100%;
    padding-top: var(--component-PopoverContainerHeaderSectionsGreeting_after-paddingTop);
    bottom: var(--component-PopoverContainerHeaderSectionsGreeting_after-bottom);
  }
.ht2-PopoverTriggerHeaderSectionsGreeting {
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: var(--component-PopoverTriggerHeaderSectionsGreeting-paddingLeft);
}
.ht2-HeaderSectionsGreetingValue,
.ht2-HeaderSectionsGreetingLabel {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
}
.ht2-HeaderSectionsGreetingLabel {
  color: var(--component-HeaderSectionsGreetingLabel-color);
  font-family: var(--component-HeaderSectionsGreetingLabel-fontFamily);
  font-weight: var(--component-HeaderSectionsGreetingLabel-fontWeight);
  font-size: var(--component-HeaderSectionsGreetingLabel-fontSize);
}
.ht2-HeaderSectionsGreetingValue {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

  color: var(--component-HeaderSectionsGreetingValue-color);
  font-size: var(--component-HeaderSectionsGreetingValue-fontSize);
  font-weight: var(--component-HeaderSectionsGreetingValue-fontWeight);
  font-family: var(--component-HeaderSectionsGreetingValue-fontFamily);
}
.ht2-HeaderSectionsGreetingUserIcon {
  display: var(--component-HeaderSectionsGreetingUserIcon-display);
  color: var(--component-HeaderSectionsGreetingUserIcon-color);
}
.ht2-PopoverTriggerIconHeaderSectionsGreeting {
  color: var(--component-PopoverTriggerIconHeaderSectionsGreeting-color);
  width: 22px;
  height: 22px;
}
.ht2-HeaderSectionsGreetingUserIcon,
.ht2-PopoverTriggerIconHeaderSectionsGreeting {
  margin: 0 10px;
}
.ht2-HeaderSectionsGreetingExtraInformation {
  border-top-style: solid;
	background: var(--component-HeaderSectionsGreetingExtraInformation-background);
	padding-bottom: var(--component-HeaderSectionsGreetingExtraInformation-paddingBottom);
	color: var(--component-HeaderSectionsGreetingExtraInformation-color);
	width: var(--component-HeaderSectionsGreetingExtraInformation-width);
	border-top-width: var(--component-HeaderSectionsGreetingExtraInformation-borderTopWidth);
	border-top-color: var(--component-HeaderSectionsGreetingExtraInformation-borderTopColor);
}
/* Header Menu */
.ht2-HeaderSectionsIdentityRole,
.ht2-HeaderSectionsAcl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: var(--component-HeaderGreetingDropdownItem-background);
  padding-top: var(--component-HeaderNavItemPadding-paddingTop);
  padding-right: var(--component-HeaderNavItemPadding-paddingRight);
  padding-bottom: var(--component-HeaderNavItemPadding-paddingBottom);
  padding-left: var(--component-HeaderNavItemPadding-paddingLeft);

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-row-gap: var(--component-ShellHeaderPopoverLabelWrapper-rowGap);
  grid-row-gap: var(--component-ShellHeaderPopoverLabelWrapper-rowGap);
}
.ht2-HeaderSectionsIdentityRoleLabel,
.ht2-HeaderSectionsAclLabel {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);

  width: var(--component-ShellHeaderPopoverLabel-width);
  margin-right: var(--base-space-2);
  color: var(--component-ShellNavLabelText-color);
  font-weight: var(--component-IdentityRoleLabel-fontWeight);
}
.ht2-HeaderSectionsAclValue {
  font-weight: var(--component-AclValue-fontWeight);
}
.ht2-HeaderSectionsIdentityRoleLink {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;

  color: var(--component-HeaderSectionsIdentityRoleLink-color);
}
.ht2-HeaderSectionsIdentityRoleLink:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-HeaderSectionsIdentityRoleLink:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-HeaderSectionsIdentityRoleLink:hover {
    color: var(--component-HeaderSectionsIdentityRoleLink_hover-color);
  }
.ht2-HeaderMenu[\:has\(.ht2-HeaderMenuItem\:first-child\:hover\)] {
	border-top-width: var(--component-HeaderMenu_has_HeaderMenuItem_hover-borderTopWidth);
	border-top-color: var(--component-HeaderMenu_has_HeaderMenuItem_hover-borderTopColor);
	border-top-style: var(--component-HeaderMenu_has_HeaderMenuItem_hover-borderTopStyle);
	position: var(--component-HeaderMenu_has_HeaderMenuItem_hover-position);
	z-index: var(--component-HeaderMenu_has_HeaderMenuItem_hover-zIndex);
	margin-top: var(--component-HeaderMenu_has_HeaderMenuItem_hover-marginTop);
}
.ht2-HeaderMenu:has(.ht2-HeaderMenuItem:first-child:hover) {
	border-top-width: var(--component-HeaderMenu_has_HeaderMenuItem_hover-borderTopWidth);
	border-top-color: var(--component-HeaderMenu_has_HeaderMenuItem_hover-borderTopColor);
	border-top-style: var(--component-HeaderMenu_has_HeaderMenuItem_hover-borderTopStyle);
	position: var(--component-HeaderMenu_has_HeaderMenuItem_hover-position);
	z-index: var(--component-HeaderMenu_has_HeaderMenuItem_hover-zIndex);
	margin-top: var(--component-HeaderMenu_has_HeaderMenuItem_hover-marginTop);
}
.ht2-ShellNav {
  outline: none; /* browser styling */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-Nav {
  position: relative;
  width: 100%;
  background: var(--component-Nav-background);
  -webkit-box-shadow: var(--component-Nav-boxShadow);
          box-shadow: var(--component-Nav-boxShadow);
  border-top: var(--component-Nav-borderTopWidth) solid
    var(--component-Nav-borderTopColor);
  padding: 0 var(--base-space-3);
}
.ht2-NavInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: var(--component-Shell-maxWidth);
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--component-NavInner-marginTop);
  margin-bottom: var(--component-NavInner-marginBottom);
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: var(--component-NavInner-justifyContent);
      -ms-flex-pack: var(--component-NavInner-justifyContent);
          justify-content: var(--component-NavInner-justifyContent);
  min-height: var(--component-NavInner-minHeight);
}
.ht2-NavSection {
  position: relative;
}
.ht2-NavSectionButton {
  background: none;
  border: none;
  text-transform: var(--component-NavSectionButton-textTransform);
  color: var(--component-NavSectionButton-color);
  font-size: var(--component-NavSectionButton-fontSize);
  padding: var(--component-NavSectionButton-padding);
  border-bottom-width: var(--component-NavSectionButton-borderBottomWidth);
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-right-width: var(--component-NavSectionButton-borderRightWidth);
  border-right-style: solid;
  border-right-color: var(--component-NavSectionButton-borderRightColor);
  white-space: nowrap;
  height: var(--component-NavSectionButton-height);
  font-weight: var(--component-NavSectionButton-fontWeight);
}
.ht2-NavSectionButton.ht2-IsOpen,
  .ht2-NavSectionButton:hover {
    font-weight: var(--component-NavSectionButton_hover-fontWeight);
    border-bottom-style: solid;
    border-bottom-width: var(--component-NavSectionButton_hover-borderBottomWidth);
    border-bottom-color: var(--component-NavSectionButton_hover-borderBottomColor);
    border-top-left-radius: var(--component-NavSectionButton_hover-borderTopLeftRadius);
    border-top-right-radius: var(--component-NavSectionButton_hover-borderTopRightRadius);
    border-bottom-right-radius: var(--component-NavSectionButton_hover-borderBottomRightRadius);
    border-bottom-left-radius: var(--component-NavSectionButton_hover-borderBottomLeftRadius);
    background-color: var(--component-NavSectionButton_hover-backgroundColor);
    color: var(--component-NavSectionButton_hover-color);
    cursor: pointer;
  }
.ht2-NavSectionButton::after {
    /*
      This is for adding a spacer between the button and dropdown when there is a gap between
      So that the menu doesn't close when the mouse is in the gap
    */
    content: '';
    position: absolute;
    display: var(--component-NavSectionButton_after-display);
    left: var(--component-NavSectionButton_after-left);
    width: var(--component-NavSectionButton_after-width);
    padding-top: var(--component-NavSectionButton_after-paddingTop);
    color: transparent;
    background: transparent;
    bottom: var(--component-NavSectionButton_after-bottom);
  }
.ht2-NavSectionButtonLabel {
	font-family: var(--component-NavSectionButtonLabel-fontFamily);
	font-size: var(--component-NavSectionButtonLabel-fontSize);
	text-align: var(--component-NavSectionButtonLabel-textAlign);
	position: var(--component-NavSectionButtonLabel-position);

  color: inherit;
  font-weight: inherit;
}
.ht2-NavSectionButtonLabel::before {
	display: var(--component-NavSectionButtonLabel_before-display);
	width: var(--component-NavSectionButtonLabel_before-width);
	height: var(--component-NavSectionButtonLabel_before-height);
	background-color: var(--component-NavSectionButtonLabel_before-backgroundColor);
	position: var(--component-NavSectionButtonLabel_before-position);
	right: var(--component-NavSectionButtonLabel_before-right);

    content: '';
  }
.ht2-NavSectionButtonLabel::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    display: var(--component-NavSectionButtonLabel_after-display);
    width: var(--component-NavSectionButtonLabel_after-width);
    height: var(--component-NavSectionButtonLabel_after-height);
    background-color: var(--component-NavSectionButtonLabel_after-backgroundColor);
    vertical-align: middle;
    margin-left: var(--base-space-1);
  }
.ht2-NavSectionList {
	padding: var(--component-NavSectionList-padding);
	color: var(--component-NavSectionList-color);
	margin-top: var(--component-NavSectionList-marginTop);
	-webkit-box-shadow: var(--component-NavSectionList-boxShadow);
	        box-shadow: var(--component-NavSectionList-boxShadow);
	border: var(--component-NavSectionList-border);
	border-bottom-left-radius: var(--component-NavSectionList-borderBottomLeftRadius);
	border-bottom-right-radius: var(--component-NavSectionList-borderBottomRightRadius);
	border-top-left-radius: var(--component-NavSectionList-borderTopLeftRadius);
	border-top-right-radius: var(--component-NavSectionList-borderTopRightRadius);
	border-top-width: var(--component-NavSectionList-borderTopWidth);
	border-top-style: var(--component-NavSectionList-borderTopStyle);
	border-top-color: var(--component-NavSectionList-borderTopColor);
	background: var(--component-NavSectionList-background);

  position: absolute;
  left: 0;
  top: 100%;
  z-index: 100;
  white-space: normal;
  min-width: 270px;
}
.ht2-NavSectionList::before {
	display: var(--component-NavSectionList_before-display);
	border-bottom-color: var(--component-NavSectionList_before-borderBottomColor);
	border-left-color: var(--component-NavSectionList_before-borderLeftColor);
	border-right-color: var(--component-NavSectionList_before-borderRightColor);
	top: var(--component-NavSectionList_before-top);
	left: var(--component-NavSectionList_before-left);
	right: var(--component-NavSectionList_before-right);
	border-top-width: var(--component-NavSectionList_before-borderTopWidth);
	border-bottom-width: var(--component-NavSectionList_before-borderBottomWidth);
	border-right-width: var(--component-NavSectionList_before-borderRightWidth);
	border-left-width: var(--component-NavSectionList_before-borderLeftWidth);

    content: '';
    width: 0;
    height: 0;
    vertical-align: middle;
    position: absolute;
  }
.ht2-NavSectionList::after {
	display: var(--component-NavSectionList_after-display);
	border-bottom-color: var(--component-NavSectionList_after-borderBottomColor);
	border-left-color: var(--component-NavSectionList_after-borderLeftColor);
	border-right-color: var(--component-NavSectionList_after-borderRightColor);
	top: var(--component-NavSectionList_after-top);
	left: var(--component-NavSectionList_after-left);
	right: var(--component-NavSectionList_after-right);
	border-top-width: var(--component-NavSectionList_after-borderTopWidth);
	border-bottom-width: var(--component-NavSectionList_after-borderBottomWidth);
	border-right-width: var(--component-NavSectionList_after-borderRightWidth);
	border-left-width: var(--component-NavSectionList_after-borderLeftWidth);

    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-top-width: 0;
    vertical-align: middle;
    position: absolute;
  }
.ht2-NavSectionListItemEmployerGroupSelector,
.ht2-NavSectionListItemMemberIdentitySelector,
.ht2-NavSectionListItemPatientSelector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--component-NavItem-padding);
  background: var(--component-NavItem-background);
  height: var(--component-NavItem-height);

  padding: var(--base-space-3) var(--base-space-2) var(--base-space-3) var(--base-space-4);
}
.ht2-NavSectionListItemSponsorToolbar,
.ht2-NavSectionListItemLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--component-NavItem-padding);
  background: var(--component-NavItem-background);
  height: var(--component-NavItem-height);
}
.ht2-NavSectionListItemSponsorToolbar:hover, .ht2-NavSectionListItemLink:hover {
      background: var(--component-NavItem_hover-background);
      border-radius: var(--component-NavItem_hover-borderRadius);
    }
.ht2-NavLink {
  text-decoration: none;
  font-family: var(--component-NavItemLink-fontFamily);
  font-weight: var(--component-NavItemLink-fontWeight);
  color: var(--component-NavItemLink-color);
  position: var(--component-NavItemLink-position);
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: var(--component-HeaderNavItemPadding-paddingTop);
  padding-right: var(--component-HeaderNavItemPadding-paddingRight);
  padding-bottom: var(--component-HeaderNavItemPadding-paddingBottom);
  padding-left: var(--component-HeaderNavItemPadding-paddingLeft);
}
.ht2-NavLink:hover {
    color: var(--component-NavItemLink_hover-color);
    -webkit-text-decoration: var(--component-NavItemLink_hover-textDecoration);
            text-decoration: var(--component-NavItemLink_hover-textDecoration);
    font-weight: var(--component-NavItemLink_hover-fontWeight);
  }
.ht2-NavLink:hover::before {
      background-color: var(--component-NavItemTopBorder_&:hover-backgroundColor);
    }
.ht2-NavLink::before {
    content: '';
    display: var(--component-NavItemLeftBorder-display);
    height: var(--component-NavItemLeftBorder-height);
    width: var(--component-NavItemLeftBorder-width);
    background-color: var(--component-NavItemLeftBorder-backgroundColor);
    margin-right: 5px;
  }
.ht2-NavLink:hover::before {
    background-color: var(--component-NavItemLeftBorder_hover-backgroundColor);
  }
.ht2-NavLink::before {
    content: '';
    display: var(--component-NavItemTopBorder-display);
    height: var(--component-NavItemTopBorder-height);
    width: var(--component-NavItemTopBorder-width);
    background-color: var(--component-NavItemTopBorder-backgroundColor);
    position: var(--component-NavItemTopBorder-position);
    top: var(--component-NavItemTopBorder-top);
  }
.ht2-NavLink:hover::before {
    background-color: var(--component-NavItemTopBorder_hover-backgroundColor);
  }
.ht2-NavSectionListItemSponsorToolbarTrigger {
  text-decoration: none;
  font-family: var(--component-NavItemLink-fontFamily);
  font-weight: var(--component-NavItemLink-fontWeight);
  color: var(--component-NavItemLink-color);
  position: var(--component-NavItemLink-position);
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: var(--component-HeaderNavItemPadding-paddingTop);
  padding-right: var(--component-HeaderNavItemPadding-paddingRight);
  padding-bottom: var(--component-HeaderNavItemPadding-paddingBottom);
  padding-left: var(--component-HeaderNavItemPadding-paddingLeft);
}
.ht2-NavSectionListItemSponsorToolbarTrigger:hover {
    color: var(--component-NavItemLink_hover-color);
    -webkit-text-decoration: var(--component-NavItemLink_hover-textDecoration);
            text-decoration: var(--component-NavItemLink_hover-textDecoration);
    font-weight: var(--component-NavItemLink_hover-fontWeight);
  }
.ht2-NavSectionListItemSponsorToolbarTrigger:hover::before {
      background-color: var(--component-NavItemTopBorder_&:hover-backgroundColor);
    }
.ht2-NavSectionListItemSponsorToolbarTrigger::before {
    content: '';
    display: var(--component-NavItemLeftBorder-display);
    height: var(--component-NavItemLeftBorder-height);
    width: var(--component-NavItemLeftBorder-width);
    background-color: var(--component-NavItemLeftBorder-backgroundColor);
    margin-right: 5px;
  }
.ht2-NavSectionListItemSponsorToolbarTrigger:hover::before {
    background-color: var(--component-NavItemLeftBorder_hover-backgroundColor);
  }
.ht2-NavSectionListItemSponsorToolbarTrigger::before {
    content: '';
    display: var(--component-NavItemTopBorder-display);
    height: var(--component-NavItemTopBorder-height);
    width: var(--component-NavItemTopBorder-width);
    background-color: var(--component-NavItemTopBorder-backgroundColor);
    position: var(--component-NavItemTopBorder-position);
    top: var(--component-NavItemTopBorder-top);
  }
.ht2-NavSectionListItemSponsorToolbarTrigger:hover::before {
    background-color: var(--component-NavItemTopBorder_hover-backgroundColor);
  }
.ht2-LabelTextSideMenuLegacyEmployerGroupSelector,
.ht2-LabelTextLegacyEmployerGroupSelector,
.ht2-LabelTextSideMenuLegacyPatientSelector,
.ht2-LabelTextSideMenuMemberIdentitySelector,
.ht2-LabelTextMemberIdentitySelector,
.ht2-LabelTextLegacyPatientSelector {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);

  color: var(--component-ShellNavLabelText-color);
  margin-bottom: var(--base-space-1);
}
.ht2-NavSubNavCatLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--component-NavItem-padding);
  background: var(--component-NavItem-background);
  height: var(--component-NavItem-height);
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);
  padding-top: var(--component-HeaderNavItemPadding-paddingTop);
  padding-right: var(--component-HeaderNavItemPadding-paddingRight);
  padding-bottom: var(--component-HeaderNavItemPadding-paddingBottom);
  padding-left: var(--component-HeaderNavItemPadding-paddingLeft);

  color: var(--base-colors-primaryDarken);
  font-weight: bold;
}
.ht2-NavSubLinkContainer,
.ht2-SideMenuNavSubLinkContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--component-NavItem-padding);
  background: var(--component-NavItem-background);
  height: var(--component-NavItem-height);
    padding-left: calc(var(--base-space-4) + var(--base-space-2));
}
.ht2-NavSubLinkContainer:hover, .ht2-SideMenuNavSubLinkContainer:hover {
      background: var(--component-NavItem_hover-background);
      border-radius: var(--component-NavItem_hover-borderRadius);
    }
.ht2-LegacySelectorSearchSubmit {
  display: none;
}
.ht2-LegacySelectorSearch {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;

  display: inline-block;
  margin-top: var(--base-space-1);
  color: var(--component-LegacySelectorSearch-color);
}
.ht2-LegacySelectorSearch:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-LegacySelectorSearch:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-LegacySelectorSearch:hover {
    color: var(--component-LegacySelectorSearch_hover-color);
  }
.ht2-LegacySelectorPatient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-row-gap: var(--base-space-1);
  grid-row-gap: var(--base-space-1);
}
.ht2-NavSubNavCatLabelLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--component-NavItem-padding);
  background: var(--component-NavItem-background);
  height: var(--component-NavItem-height);
  text-decoration: none;
  font-family: var(--component-NavItemLink-fontFamily);
  font-weight: var(--component-NavItemLink-fontWeight);
  color: var(--component-NavItemLink-color);
  position: var(--component-NavItemLink-position);
  cursor: pointer;
  width: 100%;
  display: flex;
}
.ht2-NavSubNavCatLabelLink:hover {
      background: var(--component-NavItem_hover-background);
      border-radius: var(--component-NavItem_hover-borderRadius);
    }
.ht2-NavSubNavCatLabelLink:hover {
    color: var(--component-NavItemLink_hover-color);
    -webkit-text-decoration: var(--component-NavItemLink_hover-textDecoration);
            text-decoration: var(--component-NavItemLink_hover-textDecoration);
    font-weight: var(--component-NavItemLink_hover-fontWeight);
  }
.ht2-NavSubNavCatLabelLink:hover::before {
      background-color: var(--component-NavItemTopBorder_&:hover-backgroundColor);
    }
.ht2-NavSubNavCatLabelLink::before {
    content: '';
    display: var(--component-NavItemLeftBorder-display);
    height: var(--component-NavItemLeftBorder-height);
    width: var(--component-NavItemLeftBorder-width);
    background-color: var(--component-NavItemLeftBorder-backgroundColor);
    margin-right: 5px;
  }
.ht2-NavSubNavCatLabelLink:hover::before {
    background-color: var(--component-NavItemLeftBorder_hover-backgroundColor);
  }
.ht2-NavSubNavCatLabelLink::before {
    content: '';
    display: var(--component-NavItemTopBorder-display);
    height: var(--component-NavItemTopBorder-height);
    width: var(--component-NavItemTopBorder-width);
    background-color: var(--component-NavItemTopBorder-backgroundColor);
    position: var(--component-NavItemTopBorder-position);
    top: var(--component-NavItemTopBorder-top);
  }
.ht2-NavSubNavCatLabelLink:hover::before {
    background-color: var(--component-NavItemTopBorder_hover-backgroundColor);
  }
.ht2-NavSubNavCatLinkContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--component-NavItem-padding);
  background: var(--component-NavItem-background);
  height: var(--component-NavItem-height);
    padding-left: calc(var(--base-space-4) + var(--base-space-2));
  text-decoration: none;
  font-family: var(--component-NavItemLink-fontFamily);
  font-weight: var(--component-NavItemLink-fontWeight);
  color: var(--component-NavItemLink-color);
  position: var(--component-NavItemLink-position);
  cursor: pointer;
  width: 100%;
  display: flex;
}
.ht2-NavSubNavCatLinkContainer:hover {
      background: var(--component-NavItem_hover-background);
      border-radius: var(--component-NavItem_hover-borderRadius);
    }
.ht2-NavSubNavCatLinkContainer:hover {
    color: var(--component-NavItemLink_hover-color);
    -webkit-text-decoration: var(--component-NavItemLink_hover-textDecoration);
            text-decoration: var(--component-NavItemLink_hover-textDecoration);
    font-weight: var(--component-NavItemLink_hover-fontWeight);
  }
.ht2-NavSubNavCatLinkContainer:hover::before {
      background-color: var(--component-NavItemTopBorder_&:hover-backgroundColor);
    }
.ht2-NavSubNavCatLinkContainer::before {
    content: '';
    display: var(--component-NavItemLeftBorder-display);
    height: var(--component-NavItemLeftBorder-height);
    width: var(--component-NavItemLeftBorder-width);
    background-color: var(--component-NavItemLeftBorder-backgroundColor);
    margin-right: 5px;
  }
.ht2-NavSubNavCatLinkContainer:hover::before {
    background-color: var(--component-NavItemLeftBorder_hover-backgroundColor);
  }
.ht2-NavSubNavCatLinkContainer::before {
    content: '';
    display: var(--component-NavItemTopBorder-display);
    height: var(--component-NavItemTopBorder-height);
    width: var(--component-NavItemTopBorder-width);
    background-color: var(--component-NavItemTopBorder-backgroundColor);
    position: var(--component-NavItemTopBorder-position);
    top: var(--component-NavItemTopBorder-top);
  }
.ht2-NavSubNavCatLinkContainer:hover::before {
    background-color: var(--component-NavItemTopBorder_hover-backgroundColor);
  }
.ht2-Shell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}
.ht2-ShellWrapper {
  background-color: var(--component-ShellWrapper-backgroundColor);
}
.ht2-ShellMain {
  max-width: var(--component-Shell-maxWidth);
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: var(--component-ShellMain-paddingTop);
  padding-right: var(--component-ShellMain-paddingRight);
  padding-bottom: var(--component-ShellMain-paddingBottom);
  padding-left: var(--component-ShellMain-paddingLeft);
}
.ht2-ShellFunctionalArea {
  outline: none; /* Removed browser outline styling */
}
.ht2-ShellFooter {
  background-color: var(--component-ShellFooter-backgroundColor);
  color: var(--component-ShellFooter-color);
  font-size: 12px;
  margin-top: auto;
}
.ht2-Footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-top: var(--component-Footer-borderTop);
}
.ht2-FooterContentTop {
  width: 100%;
}
.ht2-FooterLink {
  text-decoration: none;
  color: var(--component-FooterLink-color);
}
.ht2-FooterLink:hover {
    color: var(--component-FooterLink_hover-color);
  }
.ht2-FooterPatentsButton {
  color: #ffde02;
}
.ht2-FooterSections {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: var(--component-Shell-maxWidth);
  padding-top: var(--component-FooterSections-paddingTop);
  margin: var(--component-FooterSections-margin);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ht2-FooterHtMenuLink {
  color: var(--component-FooterLink-color);
}
.ht2-FooterHtMenuLink:hover {
    color: var(--component-FooterLink_hover-color);
  }
.ht2-FooterHtMenuItem {
  margin-left: 15px;
}
.ht2-FooterSection {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 10px;
}
.ht2-FooterSectionPatents {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.ht2-FooterSectionHtMenu {
  margin-left: auto;
}
.ht2-LegacyFooterHtMenuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print {
  /* stylelint-disable-next-line selector-max-type -- These selectors are fine. */
  html,
  body {
    height: auto;
    margin: 0;
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid;
  }

  .ht2-Shell {
    width: auto;
    min-width: 0;
  }

  .ht2-ShellHeader,
  .ht2-ShellNav,
  .ht2-ShellFooter {
    display: none;
  }

  .ht2-PrintInvoiceTable {
    display: none;
  }

  .ht2-MainContentWrapper,
  .ht2-ShellMain {
    padding: 0;
  }

  .ht2-MainContent {
    min-height: 0;
  }
}
/*
 * Start of Refactored CSS
 */
.ht2-Layout-FooterBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 800px) {
.ht2-Layout-FooterBox:not(.ht2-Layout-notResponsive) {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column
  }
  }
.ht2-Layout-display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht2-Layout-display-block {
  display: block;
}
.ht2-Layout-display-inlineBlock {
  display: inline-block;
}
.ht2-Layout-display-inlineFlex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ht2-Layout-flexDirection-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.ht2-Layout-flexDirection-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ht2-Layout-gap-0 {
  grid-gap: 0;
  grid-gap: 0;
}
.ht2-Layout-gap-small {
  grid-gap: var(--base-space-gutterSmall);
  grid-gap: var(--base-space-gutterSmall);
}
.ht2-Layout-gap-medium {
  grid-gap: var(--base-space-gutter);
  grid-gap: var(--base-space-gutter);
}
.ht2-Layout-gap-large {
  grid-gap: var(--base-space-gutterLarge);
  grid-gap: var(--base-space-gutterLarge);
}
.ht2-Layout-gap-extraLarge {
  grid-gap: var(--base-space-gutterExtraLarge);
  grid-gap: var(--base-space-gutterExtraLarge);
}
.ht2-Layout-justifyContent-flexStart {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ht2-Layout-justifyContent-flexEnd {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ht2-Layout-justifyContent-spaceAround {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ht2-Layout-justifyContent-spaceBetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ht2-Layout-justifyContent-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ht2-Layout-alignItems-flexStart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ht2-Layout-alignItems-flexEnd {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.ht2-Layout-alignItems-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-Layout-alignItems-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.ht2-Layout-alignItems-spaceAround {
  -webkit-box-align: space-around;
      -ms-flex-align: space-around;
          align-items: space-around;
}
.ht2-Layout-alignItems-spaceBetween {
  -webkit-box-align: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
}
.ht2-Layout-flexShrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ht2-Layout-flexShrink-1 {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.ht2-Layout-colSpan-1 {
    width: 8.3333333333%;
  }
@media (max-width: 800px) {
.ht2-Layout-colSpan-1:not(.ht2-Layout-notResponsive) {
        width: '100%'
    }
  }
.ht2-Layout-colSpan-2 {
    width: 16.6666666667%;
  }
@media (max-width: 800px) {
.ht2-Layout-colSpan-2:not(.ht2-Layout-notResponsive) {
        width: '100%'
    }
  }
.ht2-Layout-colSpan-3 {
    width: 25%;
  }
@media (max-width: 800px) {
.ht2-Layout-colSpan-3:not(.ht2-Layout-notResponsive) {
        width: '100%'
    }
  }
.ht2-Layout-colSpan-4 {
    width: 33.3333333333%;
  }
@media (max-width: 800px) {
.ht2-Layout-colSpan-4:not(.ht2-Layout-notResponsive) {
        width: '100%'
    }
  }
.ht2-Layout-colSpan-5 {
    width: 41.6666666667%;
  }
@media (max-width: 800px) {
.ht2-Layout-colSpan-5:not(.ht2-Layout-notResponsive) {
        width: '100%'
    }
  }
.ht2-Layout-colSpan-6 {
    width: 50%;
  }
@media (max-width: 800px) {
.ht2-Layout-colSpan-6:not(.ht2-Layout-notResponsive) {
        width: '100%'
    }
  }
.ht2-Layout-colSpan-7 {
    width: 58.3333333333%;
  }
@media (max-width: 800px) {
.ht2-Layout-colSpan-7:not(.ht2-Layout-notResponsive) {
        width: '100%'
    }
  }
.ht2-Layout-colSpan-8 {
    width: 66.6666666667%;
  }
@media (max-width: 800px) {
.ht2-Layout-colSpan-8:not(.ht2-Layout-notResponsive) {
        width: '100%'
    }
  }
.ht2-Layout-colSpan-9 {
    width: 75%;
  }
@media (max-width: 800px) {
.ht2-Layout-colSpan-9:not(.ht2-Layout-notResponsive) {
        width: '100%'
    }
  }
.ht2-Layout-colSpan-10 {
    width: 83.3333333333%;
  }
@media (max-width: 800px) {
.ht2-Layout-colSpan-10:not(.ht2-Layout-notResponsive) {
        width: '100%'
    }
  }
.ht2-Layout-colSpan-11 {
    width: 91.6666666667%;
  }
@media (max-width: 800px) {
.ht2-Layout-colSpan-11:not(.ht2-Layout-notResponsive) {
        width: '100%'
    }
  }
.ht2-Layout-colSpan-12 {
    width: 100%;
  }
@media (max-width: 800px) {
.ht2-Layout-colSpan-12:not(.ht2-Layout-notResponsive) {
        width: '100%'
    }
  }
.ht2-Layout-paddingRight-1 {
    padding-right: var(--base-space-1);
  }
.ht2-Layout-paddingLeft-1 {
    padding-left: var(--base-space-1);
  }
.ht2-Layout-paddingBottom-1 {
    padding-bottom: var(--base-space-1);
  }
.ht2-Layout-paddingTop-1 {
    padding-top: var(--base-space-1);
  }
.ht2-Layout-marginRight-1 {
    margin-right: var(--base-space-1);
  }
.ht2-Layout-marginLeft-1 {
    margin-left: var(--base-space-1);
  }
.ht2-Layout-marginBottom-1 {
    margin-bottom: var(--base-space-1);
  }
.ht2-Layout-marginTop-1 {
    margin-top: var(--base-space-1);
  }
.ht2-Layout-paddingRight-2 {
    padding-right: var(--base-space-2);
  }
.ht2-Layout-paddingLeft-2 {
    padding-left: var(--base-space-2);
  }
.ht2-Layout-paddingBottom-2 {
    padding-bottom: var(--base-space-2);
  }
.ht2-Layout-paddingTop-2 {
    padding-top: var(--base-space-2);
  }
.ht2-Layout-marginRight-2 {
    margin-right: var(--base-space-2);
  }
.ht2-Layout-marginLeft-2 {
    margin-left: var(--base-space-2);
  }
.ht2-Layout-marginBottom-2 {
    margin-bottom: var(--base-space-2);
  }
.ht2-Layout-marginTop-2 {
    margin-top: var(--base-space-2);
  }
.ht2-Layout-paddingRight-3 {
    padding-right: var(--base-space-3);
  }
.ht2-Layout-paddingLeft-3 {
    padding-left: var(--base-space-3);
  }
.ht2-Layout-paddingBottom-3 {
    padding-bottom: var(--base-space-3);
  }
.ht2-Layout-paddingTop-3 {
    padding-top: var(--base-space-3);
  }
.ht2-Layout-marginRight-3 {
    margin-right: var(--base-space-3);
  }
.ht2-Layout-marginLeft-3 {
    margin-left: var(--base-space-3);
  }
.ht2-Layout-marginBottom-3 {
    margin-bottom: var(--base-space-3);
  }
.ht2-Layout-marginTop-3 {
    margin-top: var(--base-space-3);
  }
.ht2-Layout-paddingRight-4 {
    padding-right: var(--base-space-4);
  }
.ht2-Layout-paddingLeft-4 {
    padding-left: var(--base-space-4);
  }
.ht2-Layout-paddingBottom-4 {
    padding-bottom: var(--base-space-4);
  }
.ht2-Layout-paddingTop-4 {
    padding-top: var(--base-space-4);
  }
.ht2-Layout-marginRight-4 {
    margin-right: var(--base-space-4);
  }
.ht2-Layout-marginLeft-4 {
    margin-left: var(--base-space-4);
  }
.ht2-Layout-marginBottom-4 {
    margin-bottom: var(--base-space-4);
  }
.ht2-Layout-marginTop-4 {
    margin-top: var(--base-space-4);
  }
.ht2-Layout-paddingRight-5 {
    padding-right: var(--base-space-5);
  }
.ht2-Layout-paddingLeft-5 {
    padding-left: var(--base-space-5);
  }
.ht2-Layout-paddingBottom-5 {
    padding-bottom: var(--base-space-5);
  }
.ht2-Layout-paddingTop-5 {
    padding-top: var(--base-space-5);
  }
.ht2-Layout-marginRight-5 {
    margin-right: var(--base-space-5);
  }
.ht2-Layout-marginLeft-5 {
    margin-left: var(--base-space-5);
  }
.ht2-Layout-marginBottom-5 {
    margin-bottom: var(--base-space-5);
  }
.ht2-Layout-marginTop-5 {
    margin-top: var(--base-space-5);
  }
.ht2-Layout-paddingRight-6 {
    padding-right: var(--base-space-6);
  }
.ht2-Layout-paddingLeft-6 {
    padding-left: var(--base-space-6);
  }
.ht2-Layout-paddingBottom-6 {
    padding-bottom: var(--base-space-6);
  }
.ht2-Layout-paddingTop-6 {
    padding-top: var(--base-space-6);
  }
.ht2-Layout-marginRight-6 {
    margin-right: var(--base-space-6);
  }
.ht2-Layout-marginLeft-6 {
    margin-left: var(--base-space-6);
  }
.ht2-Layout-marginBottom-6 {
    margin-bottom: var(--base-space-6);
  }
.ht2-Layout-marginTop-6 {
    margin-top: var(--base-space-6);
  }
.ht2-Layout-paddingRight-7 {
    padding-right: var(--base-space-7);
  }
.ht2-Layout-paddingLeft-7 {
    padding-left: var(--base-space-7);
  }
.ht2-Layout-paddingBottom-7 {
    padding-bottom: var(--base-space-7);
  }
.ht2-Layout-paddingTop-7 {
    padding-top: var(--base-space-7);
  }
.ht2-Layout-marginRight-7 {
    margin-right: var(--base-space-7);
  }
.ht2-Layout-marginLeft-7 {
    margin-left: var(--base-space-7);
  }
.ht2-Layout-marginBottom-7 {
    margin-bottom: var(--base-space-7);
  }
.ht2-Layout-marginTop-7 {
    margin-top: var(--base-space-7);
  }
.ht2-Layout-paddingRight-8 {
    padding-right: var(--base-space-8);
  }
.ht2-Layout-paddingLeft-8 {
    padding-left: var(--base-space-8);
  }
.ht2-Layout-paddingBottom-8 {
    padding-bottom: var(--base-space-8);
  }
.ht2-Layout-paddingTop-8 {
    padding-top: var(--base-space-8);
  }
.ht2-Layout-marginRight-8 {
    margin-right: var(--base-space-8);
  }
.ht2-Layout-marginLeft-8 {
    margin-left: var(--base-space-8);
  }
.ht2-Layout-marginBottom-8 {
    margin-bottom: var(--base-space-8);
  }
.ht2-Layout-marginTop-8 {
    margin-top: var(--base-space-8);
  }
.ht2-Layout-paddingRight-9 {
    padding-right: var(--base-space-9);
  }
.ht2-Layout-paddingLeft-9 {
    padding-left: var(--base-space-9);
  }
.ht2-Layout-paddingBottom-9 {
    padding-bottom: var(--base-space-9);
  }
.ht2-Layout-paddingTop-9 {
    padding-top: var(--base-space-9);
  }
.ht2-Layout-marginRight-9 {
    margin-right: var(--base-space-9);
  }
.ht2-Layout-marginLeft-9 {
    margin-left: var(--base-space-9);
  }
.ht2-Layout-marginBottom-9 {
    margin-bottom: var(--base-space-9);
  }
.ht2-Layout-marginTop-9 {
    margin-top: var(--base-space-9);
  }
.ht2-Layout-paddingRight-10 {
    padding-right: var(--base-space-10);
  }
.ht2-Layout-paddingLeft-10 {
    padding-left: var(--base-space-10);
  }
.ht2-Layout-paddingBottom-10 {
    padding-bottom: var(--base-space-10);
  }
.ht2-Layout-paddingTop-10 {
    padding-top: var(--base-space-10);
  }
.ht2-Layout-marginRight-10 {
    margin-right: var(--base-space-10);
  }
.ht2-Layout-marginLeft-10 {
    margin-left: var(--base-space-10);
  }
.ht2-Layout-marginBottom-10 {
    margin-bottom: var(--base-space-10);
  }
.ht2-Layout-marginTop-10 {
    margin-top: var(--base-space-10);
  }
.ht2-Layout-paddingRight-11 {
    padding-right: var(--base-space-11);
  }
.ht2-Layout-paddingLeft-11 {
    padding-left: var(--base-space-11);
  }
.ht2-Layout-paddingBottom-11 {
    padding-bottom: var(--base-space-11);
  }
.ht2-Layout-paddingTop-11 {
    padding-top: var(--base-space-11);
  }
.ht2-Layout-marginRight-11 {
    margin-right: var(--base-space-11);
  }
.ht2-Layout-marginLeft-11 {
    margin-left: var(--base-space-11);
  }
.ht2-Layout-marginBottom-11 {
    margin-bottom: var(--base-space-11);
  }
.ht2-Layout-marginTop-11 {
    margin-top: var(--base-space-11);
  }
.ht2-ExternalFooterQuestionsAndSupportHeading {
	text-transform: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-textTransform);
	margin-bottom: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-marginBottom);
	font-size: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-fontSize);
	font-family: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-fontFamily);
	font-weight: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-fontWeight);
	color: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-color);
	padding-bottom: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-paddingBottom);

  position: relative;
}
.ht2-ExternalFooterQuestionsAndSupportHeading::before {
	content: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-content);
	position: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-position);
	left: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-left);
	bottom: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-bottom);
	height: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-height);
	width: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-width);
	border-bottom: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-borderBottom);
  }
@media (max-width: 800px) {
.ht2-ExternalFooterQuestionsAndSupportHeading {
	text-align: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_mediamax-width800px-textAlign)
}
  }
.ht2-ExternalFooterSupportInfoTerm {
	color: var(--app-ExternalFooter-component-SupportInfoTerm-color);
	font-weight: var(--app-ExternalFooter-component-SupportInfoTerm-fontWeight);
	font-family: var(--app-ExternalFooter-component-SupportInfoTerm-fontFamily);
	font-size: var(--app-ExternalFooter-component-SupportInfoTerm-fontSize);
	text-transform: var(--app-ExternalFooter-component-SupportInfoTerm-textTransform);
	margin-bottom: var(--app-ExternalFooter-component-SupportInfoTerm-marginBottom);
	white-space: var(--app-ExternalFooter-component-SupportInfoTerm-whiteSpace);
}
.ht2-ExternalFooterCopyrightPrivacyPolicyPatents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: var(--app-ExternalFooter-component-HealthtrioCopyrightPrivacyPolicyPatents-flexDirection);
	        flex-direction: var(--app-ExternalFooter-component-HealthtrioCopyrightPrivacyPolicyPatents-flexDirection);
	-webkit-box-align: var(--app-ExternalFooter-component-HealthtrioCopyrightPrivacyPolicyPatents-alignItems);
	    -ms-flex-align: var(--app-ExternalFooter-component-HealthtrioCopyrightPrivacyPolicyPatents-alignItems);
	        align-items: var(--app-ExternalFooter-component-HealthtrioCopyrightPrivacyPolicyPatents-alignItems);
	-webkit-box-pack: var(--app-ExternalFooter-component-HealthtrioCopyrightPrivacyPolicyPatents-justifyContent);
	    -ms-flex-pack: var(--app-ExternalFooter-component-HealthtrioCopyrightPrivacyPolicyPatents-justifyContent);
	        justify-content: var(--app-ExternalFooter-component-HealthtrioCopyrightPrivacyPolicyPatents-justifyContent);
	-ms-flex-wrap: var(--app-ExternalFooter-component-HealthtrioCopyrightPrivacyPolicyPatents-flexWrap);
	    flex-wrap: var(--app-ExternalFooter-component-HealthtrioCopyrightPrivacyPolicyPatents-flexWrap);
	margin-bottom: var(--app-ExternalFooter-component-HealthtrioCopyrightPrivacyPolicyPatents-marginBottom);
	width: var(--app-ExternalFooter-component-HealthtrioCopyrightPrivacyPolicyPatents-width);
}
@media (max-width: 1200px) {
.ht2-ExternalFooterCopyrightPrivacyPolicyPatents {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
  }
.ht2-ExternalFooterBodyText {
	color: var(--app-ExternalFooter-component-ExternalFooterBodyText-color);
	font-size: var(--app-ExternalFooter-component-ExternalFooterBodyText-fontSize);
	font-weight: var(--app-ExternalFooter-component-ExternalFooterBodyText-fontWeight);
	line-height: var(--app-ExternalFooter-component-ExternalFooterBodyText-lineHeight);
	font-family: var(--app-ExternalFooter-component-ExternalFooterBodyText-fontFamily);
	margin-bottom: var(--app-ExternalFooter-component-ExternalFooterBodyText-marginBottom);
}
.ht2-ExternalFooterCopyrightSection {
	display: var(--app-ExternalFooter-component-CopyrightSection-display);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: var(--app-ExternalFooter-component-CopyrightSection-flexDirection);
	        flex-direction: var(--app-ExternalFooter-component-CopyrightSection-flexDirection);
	-webkit-box-pack: var(--app-ExternalFooter-component-CopyrightSection-justifyContent);
	    -ms-flex-pack: var(--app-ExternalFooter-component-CopyrightSection-justifyContent);
	        justify-content: var(--app-ExternalFooter-component-CopyrightSection-justifyContent);
	-webkit-box-align: var(--app-ExternalFooter-component-CopyrightSection-alignItems);
	    -ms-flex-align: var(--app-ExternalFooter-component-CopyrightSection-alignItems);
	        align-items: var(--app-ExternalFooter-component-CopyrightSection-alignItems);
	font-size: var(--app-ExternalFooter-component-CopyrightSection-fontSize);
	padding-top: var(--app-ExternalFooter-component-CopyrightSection-paddingTop);
	padding-right: var(--app-ExternalFooter-component-CopyrightSection-paddingRight);
	padding-bottom: var(--app-ExternalFooter-component-CopyrightSection-paddingBottom);
	padding-left: var(--app-ExternalFooter-component-CopyrightSection-paddingLeft);
	border-top-width: var(--app-ExternalFooter-component-CopyrightSection-borderTopWidth);
	border-top-color: var(--app-ExternalFooter-component-CopyrightSection-borderTopColor);
	border-bottom-width: var(--app-ExternalFooter-component-CopyrightSection-borderBottomWidth);
	border-bottom-color: var(--app-ExternalFooter-component-CopyrightSection-borderBottomColor);
	margin-top: var(--app-ExternalFooter-component-CopyrightSection-marginTop);

  width: 100%;
  border-top-style: solid;
  border-bottom-style: solid;
}
@media (max-width: 1200px) {
.ht2-ExternalFooterCopyrightSection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-row-gap: var(--base-space-3);
    grid-row-gap: var(--base-space-3)
}
  }
.ht2-ExternalFooterContactAvailabilityLabel {
	text-transform: var(--app-ExternalFooter-component-ContactAvailabilityLabel-textTransform);
	font-size: var(--app-ExternalFooter-component-ContactAvailabilityLabel-fontSize);
	font-weight: var(--app-ExternalFooter-component-ContactAvailabilityLabel-fontWeight);
	font-family: var(--app-ExternalFooter-component-ContactAvailabilityLabel-fontFamily);
	color: var(--app-ExternalFooter-component-ContactAvailabilityLabel-color);
	padding-bottom: var(--app-ExternalFooter-component-ContactAvailabilityLabel-paddingBottom);
	line-height: var(--app-ExternalFooter-component-ContactAvailabilityLabel-lineHeight);

  position: relative;
}
/*
 * End of Refactored CSS
 */
/*
 * Start of  CSS to delete
 */
/* NOTE: We will need to add the ability to set background color on box to delete this. See p1096 */
.ht2-ExternalFooterQuestionsAndSupportSection {
	font-weight: var(--app-ExternalFooter-component-QuestionsAndSupportSection-fontWeight);
	width: var(--app-ExternalFooter-component-QuestionsAndSupportSection-width);
	background-color: var(--app-ExternalFooter-component-QuestionsAndSupportSection-backgroundColor);
	color: var(--app-ExternalFooter-component-QuestionsAndSupportSection-color);
	margin-bottom: var(--app-ExternalFooter-component-QuestionsAndSupportSection-marginBottom);
	padding-top: var(--app-ExternalFooter-component-QuestionsAndSupportSection-paddingTop);
	padding-right: var(--app-ExternalFooter-component-QuestionsAndSupportSection-paddingRight);
	padding-bottom: var(--app-ExternalFooter-component-QuestionsAndSupportSection-paddingBottom);
	padding-left: var(--app-ExternalFooter-component-QuestionsAndSupportSection-paddingLeft);
	line-height: var(--app-ExternalFooter-component-QuestionsAndSupportSection-lineHeight);
	display: var(--app-ExternalFooter-component-QuestionsAndSupportSection-display);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: var(--app-ExternalFooter-component-QuestionsAndSupportSection-flexDirection);
	        flex-direction: var(--app-ExternalFooter-component-QuestionsAndSupportSection-flexDirection);
	-ms-flex-wrap: var(--app-ExternalFooter-component-QuestionsAndSupportSection-flexWrap);
	    flex-wrap: var(--app-ExternalFooter-component-QuestionsAndSupportSection-flexWrap);
	-webkit-box-pack: var(--app-ExternalFooter-component-QuestionsAndSupportSection-justifyContent);
	    -ms-flex-pack: var(--app-ExternalFooter-component-QuestionsAndSupportSection-justifyContent);
	        justify-content: var(--app-ExternalFooter-component-QuestionsAndSupportSection-justifyContent);

  position: relative;
}
.ht2-ExternalFooterQuestionsAndSupportSection::before,
  .ht2-ExternalFooterQuestionsAndSupportSection::after {
    content: '';
	display: var(--app-ExternalFooter-component-QuestionsAndSupportSectionPseudoElements-display);
	background-color: var(--app-ExternalFooter-component-QuestionsAndSupportSectionPseudoElements-backgroundColor);

    height: 100%;
    width: 100vw;
    position: absolute;
    top: 0;
    z-index: 0;
  }
.ht2-ExternalFooterQuestionsAndSupportSection::before {
    left: -50vw;
  }
.ht2-ExternalFooterQuestionsAndSupportSection::after {
    left: 100%;
  }
.ht2-OldExternalFooterQuestionsAndSupportHeading {
	text-transform: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-textTransform);
	margin-bottom: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-marginBottom);
	font-size: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-fontSize);
	font-family: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-fontFamily);
	font-weight: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-fontWeight);
	color: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-color);
	padding-bottom: var(--app-ExternalFooter-component-QuestionsAndSupportHeading-paddingBottom);
	padding-bottom: var(--app-ExternalFooter-component-OldQuestionsAndSupportHeading-paddingBottom);

  margin-top: 0;
  margin-bottom: var(--base-space-3);
  position: relative;
}
.ht2-OldExternalFooterQuestionsAndSupportHeading::before {
	content: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-content);
	position: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-position);
	left: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-left);
	bottom: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-bottom);
	height: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-height);
	width: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-width);
	border-bottom: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_before-borderBottom);
  }
@media (max-width: 800px) {
.ht2-OldExternalFooterQuestionsAndSupportHeading {
	text-align: var(--app-ExternalFooter-component-QuestionsAndSupportHeading_mediamax-width800px-textAlign)
}
  }
.ht2-OldExternalFooterSupportInfoTerm {
	color: var(--app-ExternalFooter-component-SupportInfoTerm-color);
	font-weight: var(--app-ExternalFooter-component-SupportInfoTerm-fontWeight);
	font-family: var(--app-ExternalFooter-component-SupportInfoTerm-fontFamily);
	font-size: var(--app-ExternalFooter-component-SupportInfoTerm-fontSize);
	text-transform: var(--app-ExternalFooter-component-SupportInfoTerm-textTransform);
	margin-bottom: var(--app-ExternalFooter-component-SupportInfoTerm-marginBottom);
	white-space: var(--app-ExternalFooter-component-SupportInfoTerm-whiteSpace);
	margin-bottom: var(--app-ExternalFooter-component-OldSupportInfoTerm-marginBottom);
}
.ht2-OldExternalFooterContactAvailabilityLabel {
	text-transform: var(--app-ExternalFooter-component-ContactAvailabilityLabel-textTransform);
	font-size: var(--app-ExternalFooter-component-ContactAvailabilityLabel-fontSize);
	font-weight: var(--app-ExternalFooter-component-ContactAvailabilityLabel-fontWeight);
	font-family: var(--app-ExternalFooter-component-ContactAvailabilityLabel-fontFamily);
	color: var(--app-ExternalFooter-component-ContactAvailabilityLabel-color);
	padding-bottom: var(--app-ExternalFooter-component-ContactAvailabilityLabel-paddingBottom);
	line-height: var(--app-ExternalFooter-component-ContactAvailabilityLabel-lineHeight);

  margin-top: var(--base-space-0);
  margin-bottom: var(--base-space-3);
  padding-bottom: 0;
  position: relative;
}
/*
 * End of  CSS to delete
 */
.ht2-ExternalFooter {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-top-width: var(--app-ExternalFooter-component-ExternalFooterContainer-borderTopWidth);
  border-top-style: solid;
  border-top-color: var(--app-ExternalFooter-component-ExternalFooterContainer-borderTopColor);
  background: var(--app-ExternalFooter-component-ExternalFooterContainer-background);
  color: var(--app-ExternalFooter-component-ExternalFooterContainer-color);
  overflow-x: var(--app-ExternalFooter-component-ExternalFooterContainer-overflowX);
  margin-top: var(--app-ExternalFooter-component-ExternalFooterContainer-marginTop);
  margin-right: var(--app-ExternalFooter-component-ExternalFooterContainer-marginRight);
  margin-bottom: var(--app-ExternalFooter-component-ExternalFooterContainer-marginBottom);
  margin-left: var(--app-ExternalFooter-component-ExternalFooterContainer-marginLeft);
  font-size: var(--app-ExternalFooter-component-ExternalFooterContainer-fontSize);
}
.ht2-ExternalFooterSocialMediaSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: var(--app-ExternalFooter-component-SocialMediaSection-justifyContent);
      -ms-flex-pack: var(--app-ExternalFooter-component-SocialMediaSection-justifyContent);
          justify-content: var(--app-ExternalFooter-component-SocialMediaSection-justifyContent);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--app-ExternalFooter-component-SocialMediaSection-flexDirection);
          flex-direction: var(--app-ExternalFooter-component-SocialMediaSection-flexDirection);
  width: var(--app-ExternalFooter-component-SocialMediaSection-width);
  height: var(--app-ExternalFooter-component-SocialMediaSection-height);
  max-width: var(--app-ExternalFooter-component-SocialMediaSection-maxWidth);
  margin-left: var(--app-ExternalFooter-component-SocialMediaSection-marginLeft);
  margin-top: var(--app-ExternalFooter-component-SocialMediaSection-marginTop);
}
@media (max-width: 800px) {
.ht2-ExternalFooterSocialMediaSection {
    margin-left: var(--app-ExternalFooter-component-SocialMediaSection_mediamax-width800px-marginLeft);
    margin-bottom: var(--app-ExternalFooter-component-SocialMediaSection_mediamax-width800px-marginBottom);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}
  }
.ht2-SocialMediaIcons {
  margin-top: var(--app-ExternalFooter-component-SocialMediaIcons-marginTop);
  -webkit-box-pack: var(--app-ExternalFooter-component-SocialMediaIcons-justifyContent);
      -ms-flex-pack: var(--app-ExternalFooter-component-SocialMediaIcons-justifyContent);
          justify-content: var(--app-ExternalFooter-component-SocialMediaIcons-justifyContent);
}
.ht2-ExternalFooterBorderBoxSection {
  border-top-width: var(--app-ExternalFooter-component-BorderBoxSection-borderTopWidth);
  border-top-style: solid;
  border-top-color: var(--app-ExternalFooter-component-BorderBoxSection-borderTopColor);
  border-bottom-width: var(--app-ExternalFooter-component-BorderBoxSection-borderBottomWidth);
  border-bottom-style: solid;
  border-bottom-color: var(--app-ExternalFooter-component-BorderBoxSection-borderBottomColor);
  margin-top: var(--app-ExternalFooter-component-BorderBoxSection-marginTop);
  margin-bottom: var(--app-ExternalFooter-component-BorderBoxSection-marginBottom);
  padding-top: var(--app-ExternalFooter-component-BorderBoxSection-paddingTop);
  padding-bottom: var(--app-ExternalFooter-component-BorderBoxSection-paddingBottom);
  width: var(--app-ExternalFooter-component-BorderBoxSection-width);
  display: var(--app-ExternalFooter-component-BorderBoxSection-display);
}
.ht2-ExternalFooterCopyBody {
  color: var(--app-ExternalFooter-component-CopyBody-color);
  font-size: var(--app-ExternalFooter-component-CopyBody-fontSize);
  font-family: var(--app-ExternalFooter-component-CopyBody-fontFamily);
  padding-top: var(--app-ExternalFooter-component-CopyBody-paddingTop);
  padding-bottom: var(--app-ExternalFooter-component-CopyBody-paddingBottom);
}
.ht2-ExternalFooterCopySubtitle {
  padding-top: var(--app-ExternalFooter-component-CopySubtitle-paddingTop);
  padding-bottom: var(--app-ExternalFooter-component-CopySubtitle-paddingBottom);
  font-size: var(--app-ExternalFooter-component-CopySubtitle-fontSize);
  font-family: var(--app-ExternalFooter-component-CopySubtitle-fontFamily);
  color: var(--app-ExternalFooter-component-CopySubtitle-color);
}
.ht2-ExternalFooterPayorPlanInfo {
  padding-top: var(--app-ExternalFooter-component-PayorPlanInfo-paddingTop);
  padding-bottom: var(--app-ExternalFooter-component-PayorPlanInfo-paddingBottom);
  font-size: var(--app-ExternalFooter-component-PayorPlanInfo-fontSize);
  font-family: var(--app-ExternalFooter-component-PayorPlanInfo-fontFamily);
  color: var(--app-ExternalFooter-component-PayorPlanInfo-color);
}
.ht2-ExternalFooterBeneficiaries {
  padding-top: var(--app-ExternalFooter-component-Beneficiaries-paddingTop);
  padding-bottom: var(--app-ExternalFooter-component-Beneficiaries-paddingBottom);
  font-size: var(--app-ExternalFooter-component-Beneficiaries-fontSize);
  font-family: var(--app-ExternalFooter-component-Beneficiaries-fontFamily);
  color: var(--app-ExternalFooter-component-Beneficiaries-color);
}
.ht2-ExternalFooterAttentionList {
  padding-top: var(--app-ExternalFooter-component-AttentionList-paddingTop);
  padding-bottom: var(--app-ExternalFooter-component-AttentionList-paddingBottom);
  font-size: var(--app-ExternalFooter-component-AttentionList-fontSize);
  font-family: var(--app-ExternalFooter-component-AttentionList-font-family);
  color: var(--app-ExternalFooter-component-AttentionList-color);
}
.ht2-ExternalFooterCopyDisclaimerSubtitle {
  padding-top: var(--app-ExternalFooter-component-CopyDisclaimerSubtitle-paddingTop);
  padding-bottom: var(--app-ExternalFooter-component-CopyDisclaimerSubtitle-paddingBottom);
  font-size: var(--app-ExternalFooter-component-CopyDisclaimerSubtitle-fontSize);
  font-family: var(--app-ExternalFooter-component-CopyDisclaimerSubtitle-font-family);
  color: var(--app-ExternalFooter-component-CopyDisclaimerSubtitle-color);
}
.ht2-ExternalFooterCopyDisclaimerBody {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  padding-top: var(--app-ExternalFooter-component-CopyDisclaimerBody-paddingTop);
  padding-bottom: var(--app-ExternalFooter-component-CopyDisclaimerBody-paddingBottom);
  font-size: var(--app-ExternalFooter-component-CopyDisclaimerBody-fontSize);
  color: var(--app-ExternalFooter-component-CopyDisclaimerBody-color);
}
@media (max-width: 800px) {
.ht2-ExternalFooterCopyDisclaimerBody {
    text-align: var(--app-ExternalFooter-component-CopyDisclaimerBody_mediamax-width800px-textAlign)
}
  }
.ht2-ExternalFooterSocialMediaSectionTerm {
  position: relative;
  text-transform: var(--app-ExternalFooter-component-SocialMediaSectionTerm-textTransform);
  color: var(--app-ExternalFooter-component-SocialMediaSectionTerm-color);
  font-size: var(--app-ExternalFooter-component-SocialMediaSectionTerm-fontSize);
  font-weight: var(--app-ExternalFooter-component-SocialMediaSectionTerm-fontWeight);
  font-family: var(--app-ExternalFooter-component-SocialMediaSectionTerm-fontFamily);
  margin-bottom: var(--app-ExternalFooter-component-SocialMediaSectionTerm-marginBottom);
  padding-bottom: var(--app-ExternalFooter-component-SocialMediaSectionTerm-paddingBottom);
}
.ht2-ExternalFooterSocialMediaSectionTerm::before {
    content: var(--app-ExternalFooter-component-SocialMediaSectionTerm_before-content);
    position: var(--app-ExternalFooter-component-SocialMediaSectionTerm_before-position);
    left: var(--app-ExternalFooter-component-SocialMediaSectionTerm_before-left);
    bottom: var(--app-ExternalFooter-component-SocialMediaSectionTerm_before-bottom);
    height: var(--app-ExternalFooter-component-SocialMediaSectionTerm_before-height);
    width: var(--app-ExternalFooter-component-SocialMediaSectionTerm_before-width);
    border-bottom: var(--app-ExternalFooter-component-SocialMediaSectionTerm_before-borderBottom);
  }
.ht2-ExternalFooterInner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: var(--component-Shell-maxWidth);
	padding-top: var(--app-ExternalFooter-component-ExternalFooterInner-paddingTop);
	padding-bottom: var(--app-ExternalFooter-component-ExternalFooterInner-paddingBottom);
	padding-right: var(--app-ExternalFooter-component-ExternalFooterInner-paddingRight);
	padding-left: var(--app-ExternalFooter-component-ExternalFooterInner-paddingLeft);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: var(--app-ExternalFooter-component-ExternalFooterInner-flexDirection);
	        flex-direction: var(--app-ExternalFooter-component-ExternalFooterInner-flexDirection);
	-ms-flex-wrap: var(--app-ExternalFooter-component-ExternalFooterInner-flexWrap);
	    flex-wrap: var(--app-ExternalFooter-component-ExternalFooterInner-flexWrap);
	border-top-width: var(--app-ExternalFooter-component-ExternalFooterInner-borderTopWidth);
	border-top-color: var(--app-ExternalFooter-component-ExternalFooterInner-borderTopColor);
	border-top-style: var(--app-ExternalFooter-component-ExternalFooterInner-borderTopStyle);
}
@media (max-width: 800px) {
.ht2-ExternalFooterInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-row-gap: var(--app-ExternalFooter-component-ExternalFooterInner_mediamax-width800px-rowGap);
    grid-row-gap: var(--app-ExternalFooter-component-ExternalFooterInner_mediamax-width800px-rowGap)
}
  }
.ht2-ExternalFooterTermsAndConditions {
    font-size: var(--component-lib__InfoSmallText-fontSize);
    font-weight: var(--component-lib__InfoSmallText-fontWeight);
    line-height: var(--component-lib__InfoSmallText-lineHeight);
    font-family: var(--component-lib__InfoSmallText-fontFamily);

  color: var(--app-ExternalFooter-component-ExternalFooterContainer-color);
}
.ht2-ExternalFooterPayorLinksContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--app-ExternalFooter-component-ExternalFooterPayorLinksContainer-width);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--app-ExternalFooter-component-ExternalFooterPayorLinksContainer-flexDirection);
          flex-direction: var(--app-ExternalFooter-component-ExternalFooterPayorLinksContainer-flexDirection);
  -webkit-box-pack: var(--app-ExternalFooter-component-ExternalFooterPayorLinksContainer-justifyContent);
      -ms-flex-pack: var(--app-ExternalFooter-component-ExternalFooterPayorLinksContainer-justifyContent);
          justify-content: var(--app-ExternalFooter-component-ExternalFooterPayorLinksContainer-justifyContent);
  padding-top: var(--app-ExternalFooter-component-ExternalFooterPayorLinksContainer-paddingTop);
  padding-bottom: var(--app-ExternalFooter-component-ExternalFooterPayorLinksContainer-paddingBottom);
}
@media (max-width: 800px) {
.ht2-ExternalFooterPayorLinksContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: var(--app-ExternalFooter-component-ExternalFooterPayorLinksContainer_mediamax-width800px-flexDirection);
            flex-direction: var(--app-ExternalFooter-component-ExternalFooterPayorLinksContainer_mediamax-width800px-flexDirection)
}
  }
.ht2-ExternalFooterLinkList {
	font-family: var(--app-ExternalFooter-component-ExternalFooterLinkList-fontFamily);
	font-weight: var(--app-ExternalFooter-component-ExternalFooterLinkList-fontWeight);
	font-size: var(--app-ExternalFooter-component-ExternalFooterLinkList-fontSize);
	color: var(--app-ExternalFooter-component-ExternalFooterLinkList-color);
}
.ht2-ExternalFooterPayorLinksList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	margin-bottom: var(--app-ExternalFooter-component-ExternalFooterPayorLinksList-marginBottom);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: var(--app-ExternalFooter-component-ExternalFooterPayorLinksList-flexDirection);
	        flex-direction: var(--app-ExternalFooter-component-ExternalFooterPayorLinksList-flexDirection);
}
@media (max-width: 800px) {
.ht2-ExternalFooterPayorLinksList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-row-gap: var(--base-space-3);
    grid-row-gap: var(--base-space-3);
    margin-bottom: var(--base-space-3)
}
  }
.ht2-ExternalFooterPayorLinkItem {
	margin-right: var(--app-ExternalFooter-component-ExternalFooterPayorLinkItem-marginRight);
	margin-bottom: var(--app-ExternalFooter-component-ExternalFooterPayorLinkItem-marginBottom);
}
@media (max-width: 800px) {
.ht2-ExternalFooterPayorLinkItem {
    text-align: center;
    margin-right: 0;
    margin-bottom: 0
}
  }
.ht2-ExternalFooterPayorLink {
	color: var(--app-ExternalFooter-component-PayorLink-color);
	font-weight: var(--app-ExternalFooter-component-PayorLink-fontWeight);
	font-family: var(--app-ExternalFooter-component-PayorLink-fontFamily);
	-webkit-text-decoration: var(--app-ExternalFooter-component-PayorLink-textDecoration);
	        text-decoration: var(--app-ExternalFooter-component-PayorLink-textDecoration);
	font-size: var(--app-ExternalFooter-component-PayorLink-fontSize);
	white-space: var(--app-ExternalFooter-component-PayorLink-whiteSpace);
}
.ht2-ExternalFooterPayorLink:hover {
	color: var(--app-ExternalFooter-component-PayorLink_hover-color);
  }
.ht2-ExternalFooterPayorContactLink {
	color: var(--app-ExternalFooter-component-PayorContactLink-color);
	font-weight: var(--app-ExternalFooter-component-PayorContactLink-fontWeight);
	font-family: var(--app-ExternalFooter-component-PayorContactLink-fontFamily);
	font-size: var(--app-ExternalFooter-component-PayorContactLink-fontSize);
	-webkit-text-decoration: var(--app-ExternalFooter-component-PayorContactLink-textDecoration);
	        text-decoration: var(--app-ExternalFooter-component-PayorContactLink-textDecoration);
}
.ht2-ExternalFooterPayorContactLink:hover {
	color: var(--app-ExternalFooter-component-PayorContactLink_hover-color);
	-webkit-text-decoration: var(--app-ExternalFooter-component-PayorContactLink_hover-textDecoration);
	        text-decoration: var(--app-ExternalFooter-component-PayorContactLink_hover-textDecoration);
  }
.ht2-ExternalFooterSectionsContainerLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: var(--app-ExternalFooter-component-SectionsContainerLeft-justifyContent);
      -ms-flex-pack: var(--app-ExternalFooter-component-SectionsContainerLeft-justifyContent);
          justify-content: var(--app-ExternalFooter-component-SectionsContainerLeft-justifyContent);
  max-width: var(--app-ExternalFooter-component-SectionsContainerLeft-maxWidth);
  margin-right: var(--app-ExternalFooter-component-SectionsContainerLeft-marginRight);
}
@media (max-width: 800px) {
.ht2-ExternalFooterSectionsContainerLeft {
    margin-right: 0;
    max-width: 100%
}
  }
.ht2-ExternalFooterSectionsContainerCenter {
  display: var(--app-ExternalFooter-component-SectionsContainerCenter-display);
  grid-template-columns: var(--app-ExternalFooter-component-SectionsContainerCenter-gridTemplateColumns);
  grid-gap: var(--app-ExternalFooter-component-SectionsContainerCenter-gap);
  grid-gap: var(--app-ExternalFooter-component-SectionsContainerCenter-gap);
  -webkit-box-align: var(--app-ExternalFooter-component-SectionsContainerCenter-alignItems);
      -ms-flex-align: var(--app-ExternalFooter-component-SectionsContainerCenter-alignItems);
          align-items: var(--app-ExternalFooter-component-SectionsContainerCenter-alignItems);
}
@media (max-width: 800px) {
.ht2-ExternalFooterSectionsContainerCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-column-gap: 0;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            grid-column-gap: 0;
    grid-row-gap: var(--base-space-2);
    grid-row-gap: var(--base-space-2)
}
  }
.ht2-ExternalFooterImageWrapper {
  max-width: var(--app-ExternalFooter-component-FooterImageWrapper-maxWidth);
  max-height: var(--app-ExternalFooter-component-FooterImageWrapper-maxHeight);
}
.ht2-ExternalFooterImage {
	max-width: var(--app-ExternalFooter-component-FooterImage-maxWidth);
	height: var(--app-ExternalFooter-component-FooterImage-height);
	margin-right: var(--app-ExternalFooter-component-FooterImage-marginRight);
}
.ht2-ExternalFooterPayorAccreditationsBadge {
  margin-top: var(--base-space-3);
  margin-bottom: var(--base-space-3);
  margin-left: 0;
  margin-right: 0;
}
.ht2-ExternalFooterSectionsContainerRight {
	max-width: var(--app-ExternalFooter-component-SectionsContainerRight-maxWidth);
	width: var(--app-ExternalFooter-component-SectionsContainerRight-width);
	margin-top: var(--app-ExternalFooter-component-SectionsContainerRight-marginTop);
}
@media (max-width: 800px) {
.ht2-ExternalFooterSectionsContainerRight {
    max-width: 100%
}
  }
.ht2-ExternalFooterPayorCopyrightSection {
	display: var(--app-ExternalFooter-component-PayorCopyrightSection-display);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: var(--app-ExternalFooter-component-PayorCopyrightSection-flexDirection);
	        flex-direction: var(--app-ExternalFooter-component-PayorCopyrightSection-flexDirection);
	-webkit-box-align: var(--app-ExternalFooter-component-PayorCopyrightSection-alignItems);
	    -ms-flex-align: var(--app-ExternalFooter-component-PayorCopyrightSection-alignItems);
	        align-items: var(--app-ExternalFooter-component-PayorCopyrightSection-alignItems);
	margin-left: var(--app-ExternalFooter-component-PayorCopyrightSection-marginLeft);
	margin-top: var(--app-ExternalFooter-component-PayorCopyrightSection-marginTop);
	margin-bottom: var(--app-ExternalFooter-component-PayorCopyrightSection-marginBottom);
}
.ht2-ExternalFooterPayorCopyrightDescription {
	-ms-flex-wrap: var(--app-ExternalFooter-component-PayorCopyrightDescription-flexWrap);
	    flex-wrap: var(--app-ExternalFooter-component-PayorCopyrightDescription-flexWrap);
	font-family: var(--app-ExternalFooter-component-PayorCopyrightDescription-fontFamily);
	font-weight: var(--app-ExternalFooter-component-PayorCopyrightDescription-fontWeight);
	margin-top: var(--app-ExternalFooter-component-PayorCopyrightDescription-marginTop);
	margin-bottom: var(--app-ExternalFooter-component-PayorCopyrightDescription-marginBottom);
}
.ht2-ExternalFooterPayorCopyrightLinks {
	display: var(--app-ExternalFooter-component-PayorCopyrightLinks-display);
	-ms-flex-wrap: var(--app-ExternalFooter-component-PayorCopyrightLinks-flexWrap);
	    flex-wrap: var(--app-ExternalFooter-component-PayorCopyrightLinks-flexWrap);
	font-weight: var(--app-ExternalFooter-component-PayorCopyrightLinks-fontWeight);
}
.ht2-ExternalFooterContactButton {
  margin-left: var(--base-space-2);
}
.ht2-ExternalFooterSecondaryButton {
    background: var(--component-lib__ButtonSecondary-background);
    border-top-width: var(--component-lib__ButtonSecondary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonSecondary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonSecondary-borderTopColor);
    border-right-width: var(--component-lib__ButtonSecondary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonSecondary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonSecondary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonSecondary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonSecondary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonSecondary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonSecondary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonSecondary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonSecondary-borderLeftColor);
    color: var(--component-lib__ButtonSecondary-color);
    font-weight: var(--component-lib__ButtonSecondary-fontWeight);
    border-radius: var(--component-lib__ButtonSecondary-borderRadius);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
	border-left-color: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-borderLeftColor);
	border-top-color: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-borderTopColor);
	border-right-color: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-borderRightColor);
	border-bottom-color: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-borderBottomColor);
	border-radius: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-borderRadius);
	background: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-background);
	color: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-color);
	display: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-display);
	font-weight: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-fontWeight);
	padding-top: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-paddingTop);
	padding-left: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-paddingLeft);
	padding-bottom: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-paddingBottom);
	padding-right: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-paddingRight);
	width: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton-width);
}
.ht2-ExternalFooterSecondaryButton:hover {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ExternalFooterSecondaryButton:active {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ExternalFooterSecondaryButton:disabled {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth);
        cursor: not-allowed
    }
.ht2-ExternalFooterSecondaryButton:disabled:hover {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth)
    }
.ht2-ExternalFooterSecondaryButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-ExternalFooterSecondaryButton:hover {
	background: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton_hover-background);
	color: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton_hover-color);
	border-left-color: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton_hover-borderLeftColor);
	border-top-color: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton_hover-borderTopColor);
	border-right-color: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton_hover-borderRightColor);
	border-bottom-color: var(--app-ExternalFooter-component-ExternalFooterSecondaryButton_hover-borderBottomColor);
  }
.ht2-ExternalFooterSection {
	width: var(--app-ExternalFooter-component-ExternalFooterSection-width);
}
.ht2-ExternalFooterLanguageSupport .ht2-Link {
  font-weight: var(--app-ExternalFooter-component-LanguageSupportLink-fontWeight);
}
.ht2-ExternalFooterQuestionsAndSupport {
  position: relative;
  width: var(--app-ExternalFooter-component-QuestionsAndSupport-width);
  max-width: var(--app-ExternalFooter-component-QuestionsAndSupport-maxWidth);
}
.ht2-ExternalFooterQuestionsAndSupport .ht2-Link {
  color: var(--app-ExternalFooter-component-QuestionsAndSupportSectionLink-color);
  font-size: var(--app-ExternalFooter-component-QuestionsAndSupportSectionLink-fontSize);
  font-weight: var(--app-ExternalFooter-component-QuestionsAndSupportSectionLink-fontWeight);
  -webkit-text-decoration: var(--app-ExternalFooter-component-QuestionsAndSupportSectionLink-textDecoration);
          text-decoration: var(--app-ExternalFooter-component-QuestionsAndSupportSectionLink-textDecoration);
}
.ht2-ExternalFooterQuestionsAndSupport .ht2-Link:hover {
    color: var(--app-ExternalFooter-component-QuestionsAndSupportSectionLink_hover-color);
  }
.ht2-ExternalFooterSupportInfoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--app-ExternalFooter-component-SupportInfoList-flexDirection);
          flex-direction: var(--app-ExternalFooter-component-SupportInfoList-flexDirection);
  -webkit-box-pack: var(--app-ExternalFooter-component-SupportInfoList-justifyContent);
      -ms-flex-pack: var(--app-ExternalFooter-component-SupportInfoList-justifyContent);
          justify-content: var(--app-ExternalFooter-component-SupportInfoList-justifyContent);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-row-gap: var(--app-ExternalFooter-component-SupportInfoList-rowGap);
  grid-row-gap: var(--app-ExternalFooter-component-SupportInfoList-rowGap);
  margin-bottom: var(--app-ExternalFooter-component-SupportInfoList-marginBottom);
}
@media (max-width: 800px) {
.ht2-ExternalFooterSupportInfoList {
    -webkit-box-pack: var(--app-ExternalFooter-component-SupportInfoList_mediamax-width800px-justifyContent);
        -ms-flex-pack: var(--app-ExternalFooter-component-SupportInfoList_mediamax-width800px-justifyContent);
            justify-content: var(--app-ExternalFooter-component-SupportInfoList_mediamax-width800px-justifyContent)
}
  }
.ht2-ExternalFooterSupportInfoLink {
  -webkit-text-decoration: var(--app-ExternalFooter-component-SupportInfoLink-textDecoration);
          text-decoration: var(--app-ExternalFooter-component-SupportInfoLink-textDecoration);
}
.ht2-ExternalFooterTechSupportInfoTerm {
  margin-bottom: var(--base-space-1);
  color: var(--app-ExternalFooter-component-TechSupportInfoTerm-color);
  font-weight: var(--app-ExternalFooter-component-TechSupportInfoTerm-fontWeight);
}
.ht2-ExternalFooterSupportInfoItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	margin-right: var(--app-ExternalFooter-component-SupportInfoItem-marginRight);
	width: var(--app-ExternalFooter-component-SupportInfoItem-width);
	-ms-flex-wrap: var(--app-ExternalFooter-component-SupportInfoItem-flexWrap);
	    flex-wrap: var(--app-ExternalFooter-component-SupportInfoItem-flexWrap);
}
@media (max-width: 800px) {
.ht2-ExternalFooterSupportInfoItem {
	height: var(--app-ExternalFooter-component-SupportInfoItem_mediamax-width800px-height);
	margin-right: var(--app-ExternalFooter-component-SupportInfoItem_mediamax-width800px-marginRight)
}
  }
.ht2-ExternalPageSupportInfoIcon {
  fill: var(--app-ExternalFooter-component-SupportInfoIcon-fill);
  margin-right: var(--base-space-2);
  display: var(--app-ExternalFooter-component-SupportInfoIcon-display);
  width: var(--app-ExternalFooter-component-SupportInfoIcon-width);
  height: var(--app-ExternalFooter-component-SupportInfoIcon-height);
}
.ht2-ExternalPageSupportInfoBackgroundIcon {
  background-color: var(--app-ExternalFooter-component-SupportInfoIcon-fill);
  margin-right: var(--base-space-2);
  display: var(--app-ExternalFooter-component-SupportInfoIcon-display);
  width: var(--app-ExternalFooter-component-SupportInfoIcon-width);
  height: var(--app-ExternalFooter-component-SupportInfoIcon-height);
}
.ht2-ExternalPageTechSupportInfoIcon {
  fill: var(--app-ExternalFooter-component-TechSupportInfoIcon-fill);
  margin-right: var(--base-space-2);
}
.ht2-ExternalPageContactIcon {
  margin-right: var(--base-space-2);
	fill: var(--app-ExternalFooter-component-ContactIcon-fill);
	display: var(--app-ExternalFooter-component-ContactIcon-display);
	width: var(--app-ExternalFooter-component-ContactIcon-width);
	height: var(--app-ExternalFooter-component-ContactIcon-height);
}
.ht2-ExternalFooterSupportInfoDescription {
  display: var(--app-ExternalFooter-component-SupportInfoDescription-display);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--app-ExternalFooter-component-SupportInfoDescription-flexDirection);
          flex-direction: var(--app-ExternalFooter-component-SupportInfoDescription-flexDirection);
  margin-bottom: var(--app-ExternalFooter-component-SupportInfoDescription-marginBottom);
  grid-row-gap: var(--app-ExternalFooter-component-SupportInfoDescription-rowGap);
  grid-row-gap: var(--app-ExternalFooter-component-SupportInfoDescription-rowGap);
}
.ht2-ExternalFooterCopyrightPrivacyPolicy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	font-size: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy-fontSize);
	font-weight: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy-fontWeight);
	-webkit-box-pack: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy-justifyContent);
	    -ms-flex-pack: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy-justifyContent);
	        justify-content: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy-justifyContent);
}
@media (max-width: 800px) {
.ht2-ExternalFooterCopyrightPrivacyPolicy {
	-webkit-box-pack: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy_mediamax-width800px-justifyContent);
	    -ms-flex-pack: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy_mediamax-width800px-justifyContent);
	        justify-content: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy_mediamax-width800px-justifyContent);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy_mediamax-width800px-flexDirection);
	        flex-direction: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy_mediamax-width800px-flexDirection);
	-webkit-box-align: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy_mediamax-width800px-alignItems);
	    -ms-flex-align: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy_mediamax-width800px-alignItems);
	        align-items: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy_mediamax-width800px-alignItems);
	height: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy_mediamax-width800px-height);
	grid-row-gap: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy_mediamax-width800px-rowGap);
	grid-row-gap: var(--app-ExternalFooter-component-CopyrightPrivacyPolicy_mediamax-width800px-rowGap)
}
  }
.ht2-ExternalFooterCopyright {
  font-weight: var(--app-ExternalFooter-component-ExternalFooterCopyright-fontWeight);
  font-size: var(--app-ExternalFooter-component-ExternalFooterCopyright-fontSize);
  font-family: var(--app-ExternalFooter-component-ExternalFooterCopyright-fontFamily);
  margin-bottom: var(--app-ExternalFooter-component-ExternalFooterCopyright-marginBottom);
  text-align: var(--app-ExternalFooter-component-ExternalFooterCopyright-textAlign);
}
@media (max-width: 1200px) {
.ht2-ExternalFooterCopyright {
    text-align: left
}
  }
@media (max-width: 800px) {
.ht2-ExternalFooterCopyright {
    text-align: var(--app-ExternalFooter-component-ExternalFooterCopyright_mediamax-width800px-textAlign);
    margin-bottom: var(--app-ExternalFooter-component-ExternalFooterCopyright_mediamax-width800px-marginBottom)
}
  }
.ht2-ExternalFooterHtCopyrightWrapper {
  margin-right: var(--base-space-3);
  font-family: var(--app-ExternalFooter-component-HtCopyrightWrapper-fontFamily);
  font-weight: var(--app-ExternalFooter-component-HtCopyrightWrapper-fontWeight);
}
@media (max-width: 800px) {
.ht2-ExternalFooterHtCopyrightWrapper {
    margin-right: 0;
    text-align: var(--app-ExternalFooter-component-HtCopyrightWrapper_mediamax-width800px-textAlign)
}
  }
.ht2-ExternalFooterHtCopyrightLinksList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 530px) {
.ht2-ExternalFooterHtCopyrightLinksList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-row-gap: var(--base-space-3);
    grid-row-gap: var(--base-space-3)
}
  }
.ht2-ExternalFooterHtCopyrightLinkListItem {
  margin-left: var(--base-space-2);
}
@media (max-width: 530px) {
.ht2-ExternalFooterHtCopyrightLinkListItem {
    margin-left: 0;
    text-align: center
}
  }
.ht2-ExternalFooterPatentsMessage {
  margin-top: var(--base-space-3);
  margin-left: var(--app-ExternalFooter-component-PatentsMessage-marginLeft);
  font-size: var(--app-ExternalFooter-component-PatentsMessage-fontSize);
  font-family: var(--app-ExternalFooter-component-PatentsMessage-fontFamily);
  text-align: center;
}
.ht2-ExternalFooterPatentsMessageAnchor {
  color: var(--app-ExternalFooter-component-PatentsMessageLink-color);
  -webkit-text-decoration: var(--app-ExternalFooter-component-PatentsMessageLink-textDecoration);
          text-decoration: var(--app-ExternalFooter-component-PatentsMessageLink-textDecoration);
}
.ht2-ExternalFooterPatentsMessageAnchor:hover {
    color: var(--app-ExternalFooter-component-PatentsMessageLink_hover-color);
    -webkit-text-decoration: var(--app-ExternalFooter-component-PatentsMessageLink_hover-textDecoration);
            text-decoration: var(--app-ExternalFooter-component-PatentsMessageLink_hover-textDecoration);
  }
.ht2-ExternalFooterLink {
	font-weight: var(--app-ExternalFooter-component-ExternalFooterLink-fontWeight);
	color: var(--app-ExternalFooter-component-ExternalFooterLink-color);
	-webkit-text-decoration: var(--app-ExternalFooter-component-ExternalFooterLink-textDecoration);
	        text-decoration: var(--app-ExternalFooter-component-ExternalFooterLink-textDecoration);
	font-size: var(--app-ExternalFooter-component-ExternalFooterLink-fontSize);
}
.ht2-ExternalFooterLink:hover {
	color: var(--app-ExternalFooter-component-ExternalFooterLink_hover-color);
  }
.ht2-ExternalFooterTertiaryLink {
	color: var(--app-ExternalFooter-component-TertiaryLink-color);
}
.ht2-ExternalFooterTertiaryLink:hover {
	color: var(--app-ExternalFooter-component-TertiaryLink_hover-color);
  }
.ht2-ExternalFooterPhoneNumberLink {
	margin-bottom: var(--app-ExternalFooter-component-PhoneNumberLink-marginBottom);
	font-weight: var(--app-ExternalFooter-component-PhoneNumberLink-fontWeight);
	color: var(--app-ExternalFooter-component-PhoneNumberLink-color);
	-webkit-text-decoration: var(--app-ExternalFooter-component-PhoneNumberLink-textDecoration);
	        text-decoration: var(--app-ExternalFooter-component-PhoneNumberLink-textDecoration);
	font-size: var(--app-ExternalFooter-component-PhoneNumberLink-fontSize);
}
.ht2-ExternalFooterPayorTRSNumber {
	font-family: var(--app-ExternalFooter-component-PayorTRSNumber-fontFamily);
	color: var(--app-ExternalFooter-component-PayorTRSNumber-color);
}
.ht2-ExternalFooterOnlineChatSupportLink {
  font-weight: var(--app-ExternalFooter-component-OnlineChatSupportLink-fontWeight);
  color: var(--app-ExternalFooter-component-OnlineChatSupportLink-color);
}
.ht2-ExternalFooterOnlineChatSupportLink:hover {
    color: var(--app-ExternalFooter-component-OnlineChatSupportLink-color);
  }
.ht2-ExternalFooterPayorAvailability {
  margin-left: var(--app-ExternalFooter-component-PayorAvailability-marginLeft);
}
@media (max-width: 800px) {
.ht2-ExternalFooterPayorAvailability {
    margin-left: var(--app-ExternalFooter-component-PayorAvailability_mediamax-width800px-marginLeft)
}
  }
.ht2-ExternalFooterPayorAvailabilityTerm {
  color: var(--app-ExternalFooter-component-PayorAvailabilityTerm-color);
  font-weight: var(--app-ExternalFooter-component-PayorAvailabilityTerm-fontWeight);
}
.ht2-ExternalFooterPayorAvailabilityDateRangeCopy {
  color: var(--app-ExternalFooter-component-PayorAvailabilityDateRangeCopy-color);
  font-weight: var(--app-ExternalFooter-component-PayorAvailabilityDateRangeCopy-fontWeight);
  font-size: var(--app-ExternalFooter-component-PayorAvailabilityDateRangeCopy-fontSize);
}
.ht2-ExternalFooterLanguageSupportSection {
  display: var(--app-ExternalFooter-component-LanguageSupportSection-display);
  -webkit-box-pack: var(--app-ExternalFooter-component-LanguageSupportSection-justifyContent);
      -ms-flex-pack: var(--app-ExternalFooter-component-LanguageSupportSection-justifyContent);
          justify-content: var(--app-ExternalFooter-component-LanguageSupportSection-justifyContent);
  margin-bottom: var(--app-ExternalFooter-component-LanguageSupportSection-marginBottom);
}
@media (max-width: 800px) {
.ht2-ExternalFooterLanguageSupportSection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: var(--app-ExternalFooter-component-LanguageSupportSection_mediamax-width800px-flexDirection);
            flex-direction: var(--app-ExternalFooter-component-LanguageSupportSection_mediamax-width800px-flexDirection);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
  }
.ht2-ExternalFooterLanguageSupport {
  font-size: var(--app-ExternalFooter-component-LanguageSupport-fontSize);
  line-height: var(--app-ExternalFooter-component-LanguageSupport-lineHeight);
}
.ht2-ExternalFooterLanguageSupportInfo {
  display: var(--app-ExternalFooter-component-LanguageSupportInfo-display);
}
.ht2-ExternalFooterLanguageSupportInfoCopy {
  margin-right: var(--app-ExternalFooter-component-LanguageSupportInfoCopy-marginRight);
}
.ht2-ExternalFooterMultiLanguageLinks {
	display: var(--app-ExternalFooter-component-MultiLanguageLinks-display);
	-ms-flex-wrap: var(--app-ExternalFooter-component-MultiLanguageLinks-flexWrap);
	    flex-wrap: var(--app-ExternalFooter-component-MultiLanguageLinks-flexWrap);
	-webkit-box-pack: var(--app-ExternalFooter-component-MultiLanguageLinks-justifyContent);
	    -ms-flex-pack: var(--app-ExternalFooter-component-MultiLanguageLinks-justifyContent);
	        justify-content: var(--app-ExternalFooter-component-MultiLanguageLinks-justifyContent);
	-webkit-box-align: var(--app-ExternalFooter-component-MultiLanguageLinks-alignItems);
	    -ms-flex-align: var(--app-ExternalFooter-component-MultiLanguageLinks-alignItems);
	        align-items: var(--app-ExternalFooter-component-MultiLanguageLinks-alignItems);
	font-size: var(--app-ExternalFooter-component-MultiLanguageLinks-fontSize);
	max-width: var(--app-ExternalFooter-component-MultiLanguageLinks-maxWidth);
	margin-top: var(--app-ExternalFooter-component-MultiLanguageLinks-marginTop);
	margin-bottom: var(--app-ExternalFooter-component-MultiLanguageLinks-marginBottom);
}
@media (max-width: 800px) {
.ht2-ExternalFooterMultiLanguageLinks {
    margin-top: var(--base-space-2)
}
  }
.ht2-ExternalFooterMultiLanguageLinkInfoText {
  color: var(--app-ExternalFooter-component-MultiLanguageLinkInfoText-color);
}
.ht2-ExternalFooterMultiLanguageLink {
	padding-left: var(--app-ExternalFooter-component-MultiLanguageLink-paddingLeft);
	border-left-width: var(--app-ExternalFooter-component-MultiLanguageLink-borderLeftWidth);
	border-left-style: var(--app-ExternalFooter-component-MultiLanguageLink-borderLeftStyle);
	border-left-color: var(--app-ExternalFooter-component-MultiLanguageLink-borderLeftColor);
	margin-left: var(--app-ExternalFooter-component-MultiLanguageLink-marginLeft);
	margin-right: var(--app-ExternalFooter-component-MultiLanguageLink-marginRight);
	margin-bottom: var(--app-ExternalFooter-component-MultiLanguageLink-marginBottom);
	font-size: var(--app-ExternalFooter-component-MultiLanguageLink-fontSize);
	display: var(--app-ExternalFooter-component-MultiLanguageLink-display);
}
.ht2-ExternalFooterMultiLanguageLinkFirst {
	border-left: var(--app-ExternalFooter-component-MultiLanguageLinkFirst-borderLeft);
	padding-left: var(--app-ExternalFooter-component-MultiLanguageLinkFirst-paddingLeft);
}
.ht2-ExternalFooterPayorPrivacyPolicy {
  margin-top: var(--app-ExternalFooter-component-PayorPrivacyPolicy-marginTop);
  margin-right: var(--app-ExternalFooter-component-PayorPrivacyPolicy-marginRight);
  margin-bottom: var(--app-ExternalFooter-component-PayorPrivacyPolicy-marginBottom);
  margin-left: var(--app-ExternalFooter-component-PayorPrivacyPolicy-marginLeft);
}
.ht2-ExternalFooterPayorPrivacyPolicyLink {
  margin-left: var(--app-ExternalFooter-component-PayorPrivacyPolicyLink-marginLeft);
}
.ht2-ExternalFooterPayorLegalDisclaimerLink {
  margin-left: var(--app-ExternalFooter-component-PayorLegalDisclaimerLink-marginLeft);
  padding-left: var(--app-ExternalFooter-component-PayorLegalDisclaimerLink-paddingLeft);
  border-left: var(--app-ExternalFooter-component-PayorLegalDisclaimerLink-borderLeft);
}
.ht2-ExternalFooterLogoSection {
  max-width: var(--app-ExternalFooter-component-LogoSection-maxWidth);
  display: var(--app-ExternalFooter-component-LogoSection-display);
  margin-bottom: var(--app-ExternalFooter-component-LogoSection-marginBottom);
  text-align: left;
}
@media (max-width: 800px) {
.ht2-ExternalFooterLogoSection {
    text-align: center
}
  }
.ht2-ExternalFooterLogoSubtitle {
  color: var(--app-ExternalFooter-component-LogoSubtitle-color);
  font-size: var(--app-ExternalFooter-component-LogoSubtitle-fontSize);
  font-family: var(--app-ExternalFooter-component-LogoSubtitle-fontFamily);
  font-weight: var(--app-ExternalFooter-component-LogoSubtitle-fontWeight);
  margin-bottom: var(--app-ExternalFooter-component-LogoSubtitle-marginBottom);
}
.ht2-ExternalFooterLogoTitle {
  font-size: var(--app-ExternalFooter-component-LogoTitle-fontSize);
  font-weight: var(--app-ExternalFooter-component-LogoTitle-fontWeight);
  min-width: var(--app-ExternalFooter-component-LogoTitle-minWidth);
  margin-bottom: var(--app-ExternalFooter-component-LogoTitle-marginBottom);
}
.ht2-ExternalFooterBeneficiariesLink {
  color: var(--app-ExternalFooter-component-BeneficiariesLink-color);
  font-weight: var(--app-ExternalFooter-component-BeneficiariesLink-fontWeight);
  font-family: var(--app-ExternalFooter-component-BeneficiariesLink-fontFamily);
  -webkit-text-decoration: var(--app-ExternalFooter-component-BeneficiariesLink-textDecoration);
          text-decoration: var(--app-ExternalFooter-component-BeneficiariesLink-textDecoration);
}
.ht2-ExternalFooterLogo {
  width: var(--app-ExternalFooter-component-Logo-width);
  height: var(--app-ExternalFooter-component-Logo-height);
  max-width: var(--app-ExternalFooter-component-Logo-maxWidth);
  display: var(--app-ExternalFooter-component-Logo-display);
}
.ht2-ExternalFooterPayorNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
}
.ht2-ExternalFooterPayorNavLink {
  font-size: 16px;
  padding-right: 10px;
  border-right: 1px solid black;
  margin-right: 10px;
}
.ht2-ExternalFooterLastPayorNavLink {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.ht2-ExternalFooterContactAvailabilityCopy {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  color: var(--app-ExternalFooter-component-ContactAvailabilityCopy-color);
  font-size: var(--app-ExternalFooter-component-ContactAvailabilityCopy-font-size);
}
.ht2-ExternalFooterPayorMailingAddress {
  color: var(--app-ExternalFooter-component-PayorMailingAddress-color);
  font-family: var(--app-ExternalFooter-component-PayorMailingAddress-fontFamily);
  margin-top: var(--app-ExternalFooter-component-PayorMailingAddress-marginTop);
}
.ht2-Address {
  font-family: var(--app-ExternalFooter-component-FooterAddress-fontFamily);
}
.ht2-ExternalFooterAddressStreet {
  margin-bottom: var(--app-ExternalFooter-component-FooterAddressStreet-marginBottom);
  font-size: var(--app-ExternalFooter-component-FooterAddressStreet-fontSize);
  font-weight: var(--app-ExternalFooter-component-FooterAddressStreet-fontWeight);
  font-family: var(--app-ExternalFooter-component-FooterAddressStreet-fontFamily);
}
.ht2-ExternalFooterAddressCityStateZip {
  margin-bottom: var(--app-ExternalFooter-component-FooterAddressCityStateZip-marginBottom);
  font-size: var(--app-ExternalFooter-component-FooterAddressCityStateZip-fontSize);
  font-weight: var(--app-ExternalFooter-component-FooterAddressCityStateZip-fontWeight);
  font-family: var(--app-ExternalFooter-component-FooterAddressCityStateZip-fontFamily);
}
.ht2-ExternalFooterSupportInfoSecondAddress {
  margin-left: var(--app-ExternalFooter-component-SupportInfoIcon-width);
  padding-left: var(--base-space-2);
  margin-top: var(--base-space-4);
}
.ht2-ExternalFooterCenteredWithMaxWidthContainer {
  width: 100%;
  max-width: var(--component-Shell-maxWidth);
  margin: 0 auto;

  padding-left: var(--app-ExternalFooter-component-ExternalFooterCenteredWithMaxWidthContainer-paddingLeft);
  padding-right: var(--app-ExternalFooter-component-ExternalFooterCenteredWithMaxWidthContainer-paddingRight);
}
.ht2-ExternalFooterPayorPhoneNumbers {

  margin-top: var(--app-ExternalFooter-component-ContactAvailabilityItem-marginTop);
  -webkit-box-align: var(--app-ExternalFooter-component-ContactAvailabilityItem-alignItems);
      -ms-flex-align: var(--app-ExternalFooter-component-ContactAvailabilityItem-alignItems);
          align-items: var(--app-ExternalFooter-component-ContactAvailabilityItem-alignItems);
}
@media (max-width: 800px) {
.ht2-ExternalFooterPayorPhoneNumbers {
    -webkit-box-ordinal-group: NaN;
        -ms-flex-order: var(--app-ExternalFooter-component-PayorPhoneNumbers_mediamax-width800px-order);
            order: var(--app-ExternalFooter-component-PayorPhoneNumbers_mediamax-width800px-order);
}
  }
.ht2-ExternalFooterPayorPhoneNumberList {
	color: var(--app-ExternalFooter-component-PayorPhoneNumberList-color);
	font-size: var(--app-ExternalFooter-component-PayorPhoneNumberList-fontSize);
	font-family: var(--app-ExternalFooter-component-PayorPhoneNumberList-fontFamily);
	font-weight: var(--app-ExternalFooter-component-PayorPhoneNumberList-fontWeight);
	-webkit-box-align: var(--app-ExternalFooter-component-PayorPhoneNumberList-alignItems);
	    -ms-flex-align: var(--app-ExternalFooter-component-PayorPhoneNumberList-alignItems);
	        align-items: var(--app-ExternalFooter-component-PayorPhoneNumberList-alignItems);
}
.ht2-ExternalFooterPayorSupportHours {
	font-family: var(--app-ExternalFooter-component-PayorSupportHours-fontFamily);
	font-size: var(--app-ExternalFooter-component-PayorSupportHours-fontSize);
	padding-left: var(--app-ExternalFooter-component-PayorSupportHours-paddingLeft);
}
.ht2-ExternalFooterContactAvailabilityItem {
  padding-bottom: var(--app-ExternalFooter-component-ContactAvailabilityItem-paddingBottom);
}
.ht2-ExternalFooterContactAvailabilityItemWithIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.ht2-ExternalFooterContactAvailabilityItemList {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  margin-left: 26px;
  font-family: var(--app-ExternalFooter-component-ContactAvailabilityItemList-fontFamily);
}
.ht2-PayorSupportContainerBox {
	border-bottom-width: var(--app-ExternalFooter-component-PayorSupportContainerBox-borderBottomWidth);
	border-bottom-style: var(--app-ExternalFooter-component-PayorSupportContainerBox-borderBottomStyle);
	border-bottom-color: var(--app-ExternalFooter-component-PayorSupportContainerBox-borderBottomColor);
}
.ht2-PayorSupportContainerInnerBox {
	border-right-width: var(--app-ExternalFooter-component-PayorSupportContainerInnerBox-borderRightWidth);
	border-right-style: var(--app-ExternalFooter-component-PayorSupportContainerInnerBox-borderRightStyle);
	border-right-color: var(--app-ExternalFooter-component-PayorSupportContainerInnerBox-borderRightColor);
}
.ht2-PayerSupportContainerContactBox {
	border-left-width: var(--app-ExternalFooter-component-PayerSupportContainerContactBox-borderLeftWidth);
	border-left-style: var(--app-ExternalFooter-component-PayerSupportContainerContactBox-borderLeftStyle);
	border-left-color: var(--app-ExternalFooter-component-PayerSupportContainerContactBox-borderLeftColor);
}
.ht2-FooterBackgroundImageBox {
	background-image: var(--app-ExternalFooter-component-FooterBackgroundImageBox-backgroundImage);

  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}
.ht2-FooterBottomContainerBox {
	background: var(--app-ExternalFooter-component-FooterBottomContainerBox-background);
}
.ht2-ExternalNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: var(--component-ExternalShellNav-alignItems);
      -ms-flex-align: var(--component-ExternalShellNav-alignItems);
          align-items: var(--component-ExternalShellNav-alignItems);
  height: 100px;
  width: 100%;
  padding: 0 var(--base-space-3);
}
@media (max-width: 530px) {
.ht2-ExternalNav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}
  }
.ht2-ExternalNavContactSupportIcon {
  display: var(--component-ContactSupportIcon-display);
  position: relative;
  top: var(--component-ContactSupportIcon-top);
  margin-right: var(--base-space-1);
  -webkit-transform: var(--component-ContactSupportIcon-transform);
      -ms-transform: var(--component-ContactSupportIcon-transform);
          transform: var(--component-ContactSupportIcon-transform);
  color: var(--component-ContactSupportIcon-color);
}
.ht2-ExternalNavContactSupportLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	font-weight: var(--component-ExternalNavContactSupportLink-fontWeight);
	padding-top: var(--component-ExternalNavContactSupportLink-paddingTop);
	padding-right: var(--component-ExternalNavContactSupportLink-paddingRight);
	padding-bottom: var(--component-ExternalNavContactSupportLink-paddingBottom);
	padding-left: var(--component-ExternalNavContactSupportLink-paddingLeft);
	background-color: var(--component-ExternalNavContactSupportLink-backgroundColor);
	color: var(--component-ExternalNavContactSupportLink-color);
	-webkit-text-decoration: var(--component-ExternalNavContactSupportLink-textDecoration);
	        text-decoration: var(--component-ExternalNavContactSupportLink-textDecoration);
	font-family: var(--component-ExternalNavContactSupportLink-fontFamily);
}
.ht2-ExternalNavContactSupportLink:hover {
	color: var(--component-ExternalNavContactSupportLink_hover-color);
	-webkit-text-decoration: var(--component-ExternalNavContactSupportLink_hover-textDecoration);
	        text-decoration: var(--component-ExternalNavContactSupportLink_hover-textDecoration);
  }
.ht2-ExternalNavList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-ExternalNavItem {
  margin-left: var(--base-space-2);
}
.ht2-Scope-ShellPatientIdBar .ht2-Layout-PatientIdBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: var(--base-space-5);
    position: var(--app-PatientIdBar-component-PatientIdBar-position);
    top: var(--app-PatientIdBar-component-PatientIdBar-top);
  }
.ht2-Scope-ShellPatientIdBar .ht2-Layout-PatientIdBarContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding-top: var(--base-space-2);
    padding-bottom: var(--base-space-2);
    padding-left: var(--base-space-4);
    padding-right: var(--base-space-4);
    border-radius: 4px;
  }
@media (max-width: 1200px) {
.ht2-Scope-ShellPatientIdBar .ht2-Layout-PatientIdBarContainer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding-top: var(--base-space-1);
      padding-bottom: var(--base-space-1);
      padding-left: var(--base-space-2);
      padding-right: var(--base-space-2)
  }
  }
.ht2-Scope-ShellPatientIdBar .ht2-PatientIdBarContainer {
    background: var(--app-PatientIdBar-component-PatientIdBarContainer-background);
    font-family: var(--app-PatientIdBar-component-PatientIdBarContainer-fontFamily);
  }
.ht2-Scope-ShellPatientIdBar .ht2-Layout-PatientIdBarItem {
    margin-bottom: 0;
  }
@media (max-width: 1200px) {
.ht2-Scope-ShellPatientIdBar .ht2-Layout-PatientIdBarItem {
      margin-right: 0;
      margin-bottom: var(--base-space-2)
  }
  }
.ht2-Scope-ShellPatientIdBar .ht2-Layout-PatientIdLabel {
    margin-right: var(--base-space-1);
  }
.ht2-Scope-ShellPatientIdBar .ht2-PatientIdLabel {
    font-size: var(--base-fontSizes-1);
    color: var(--app-PatientIdBar-component-PatientIdLabel-color);
    font-weight: var(--app-PatientIdBar-component-PatientIdLabel-fontWeight);
  }
.ht2-Scope-ShellPatientIdBar .ht2-PatientIdBarValue {
    color: var(--app-PatientIdBar-component-PatientIdBarValue-color);
  }
.ht2-MobileMemberIdentitySelectorForm {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-top: var(--base-space-2);
  padding-bottom: var(--base-space-2);
  padding-left: var(--base-space-3);
  padding-right: var(--base-space-3);
  background: var(--base-colors-canvas);
}
.ht2-MobileMemberIdentitySelectorUserPic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: var(--base-space-3);
}
.ht2-LegacySelectorContainerMobileMemberIdentitySelector {
  width: 100%;
}
/* Application Layouts */
/* Using discrete imports until index.pcss is added to dist in CSM1-57193 */
.ht2-MainContent-benefits-benefitDetails .ht2-PageHeader, .ht2-MainContent-benefits-benefitHistory .ht2-PageHeader, .ht2-MainContent-benefits-benefitSummary .ht2-PageHeader {
    margin-bottom: var(--base-space-5);
  }
.ht2-MainContent-benefits-benefitDetails .ht2-Layout-ResultsWrapper, .ht2-MainContent-benefits-benefitHistory .ht2-Layout-ResultsWrapper, .ht2-MainContent-benefits-benefitSummary .ht2-Layout-ResultsWrapper {
    min-height: 40px;
    max-width: 650px;
    width: 100%;
  }
.ht2-MainContent-benefits-benefitDetails .ht2-Layout-NoBenefitInfoWarningTitle,
  .ht2-MainContent-benefits-benefitDetails .ht2-Layout-NoBenefitInfoWarningLabel,
  .ht2-MainContent-benefits-benefitHistory .ht2-Layout-NoBenefitInfoWarningTitle,
  .ht2-MainContent-benefits-benefitHistory .ht2-Layout-NoBenefitInfoWarningLabel,
  .ht2-MainContent-benefits-benefitSummary .ht2-Layout-NoBenefitInfoWarningTitle,
  .ht2-MainContent-benefits-benefitSummary .ht2-Layout-NoBenefitInfoWarningLabel {
    margin-bottom: var(--base-space-2);
  }
.ht2-NoBenefitInfoWarningSection {
  width: 100%;
}
/*
  TODO: Pull these out into the base
  components, for the ones that should
  be pulled out.
*/
.ht2-BenefitsSectionInsuranceChipLabel,
.ht2-BenefitsSectionInsuranceChipLabelinNetwork {
  margin: var(--base-space-3) 0;
}
.ht2-BenefitsSectionInsuranceChipLabeloutOfNetwork {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);
  margin: var(--base-space-3) 0;
}
.ht2-BenefitsSectionInsuranceChipoutOfNetworkContainer {
  width: 18%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: var(--base-space-4);
  font-weight: var(--base-fontSizes-bold);
  font-family: var(--base-fonts-2);
}
@media (max-width: 800px) {
.ht2-BenefitsSectionInsuranceChipoutOfNetworkContainer {
    width: 25%;
    margin-right: var(--base-space-2);
}
  }
@media (max-width: 530px) {
.ht2-BenefitsSectionInsuranceChipoutOfNetworkContainer {
    width: calc(50% - var(--base-space-2));
    margin-right: 0;
}
  }
.ht2-BenefitsSectionInsuranceChipContainer,
.ht2-BenefitsSectionInsuranceChipinNetworkContainer {
  width: 18%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: var(--base-space-4);
  font-weight: var(--base-fontSizes-bold);
  font-family: var(--base-fonts-2);
}
@media (max-width: 800px) {
.ht2-BenefitsSectionInsuranceChipContainer,
.ht2-BenefitsSectionInsuranceChipinNetworkContainer {
    width: 25%;
    margin-right: var(--base-space-2);
}
  }
@media (max-width: 530px) {
.ht2-BenefitsSectionInsuranceChipContainer,
.ht2-BenefitsSectionInsuranceChipinNetworkContainer {
    width: calc(50% - var(--base-space-2));
    margin-right: 0;
}
  }
.ht2-BenefitsSectionInsuranceChipinNetwork {
  color: var(--base-colors-textOnDark);
}
.ht2-BenefitsSectionInsuranceChip,
.ht2-BenefitsSectionInsuranceChipinNetwork {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-row-gap: var(--base-space-1);
  grid-row-gap: var(--base-space-1);
  padding: var(--base-space-2) 0;
  border-radius: 4px;
  width: 100%;
  text-align: center;

  background-color: var(--app-BenefitsAndEligibility-component-BenefitSectionInsuranceChipInNetwork-backgroundColor);
  color: var(--app-BenefitsAndEligibility-component-BenefitSectionInsuranceChipInNetwork-color);
  border: 2px solid
    var(--app-BenefitsAndEligibility-component-BenefitSectionInsuranceChipInNetwork-borderColor);
}
.ht2-BenefitsSectionInsuranceChipoutOfNetwork {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-row-gap: var(--base-space-1);
  grid-row-gap: var(--base-space-1);
  padding: var(--base-space-2) 0;
  border-radius: 4px;
  width: 100%;
  text-align: center;

  background-color: var(--app-BenefitsAndEligibility-component-BenefitSectionInsuranceChipOutOfNetwork-backgroundColor);
  color: var(--app-BenefitsAndEligibility-component-BenefitSectionInsuranceChipOutOfNetwork-color);
  border: 2px solid
    var(--app-BenefitsAndEligibility-component-BenefitSectionInsuranceChipOutOfNetwork-borderColor);
}
.ht2-BenefitHeadingNameAndInfoChips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 530px) {
.ht2-BenefitHeadingNameAndInfoChips {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
}
  }
.ht2-BenefitSectionNameDisplayWrapper {
  margin-right: auto;
}
.ht2-BenefitSectionBenefitLimitsWrapper {
  margin-right: var(--base-space-gutter);
}
.ht2-BenefitSectionBenefitDocumentsWrapper {
  margin-right: var(--base-space-gutter);
}
.ht2-BenefitSectionRequiresReferralWrapper {
  margin-right: var(--base-space-gutter);
}
.ht2-BenefitContainer {
  border-radius: var(--component-Accordion-borderRadius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--component-Accordion-borderColor);
  background: var(--component-Accordion-background);
  padding-top: var(--base-space-4);
  padding-left: var(--base-space-4);
  padding-bottom: var(--base-space-4);
  padding-right: var(--base-space-4);

  padding: var(--base-space-4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--base-space-3);
}
.ht2-BenefitContainerSubHeading {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);

  width: 100%;
  margin-bottom: var(--base-space-3);
}
.ht2-BenefitContainerBodyInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 530px) {
.ht2-BenefitContainerBodyInner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
}
  }
.ht2-BenefitContainerHeaderContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-BenefitContainerToggle::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    background-color: var(--base-colors-primary);
  }
.ht2-BenefitContainerToggleUp::before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
.ht2-BenefitContainerBody {
  border-top-width: var(--component-AccordionBody-borderTopWidth);
  border-top-style: solid;
  border-top-color: var(--component-AccordionBody-borderTopColor);

  margin-top: var(--base-space-3);
  padding-top: var(--base-space-3);
}
.ht2-BenefitContainerHeading {
  font-family: var(--component-AccordionTitle-fontFamily);
  font-size: var(--component-AccordionTitle-fontSize);
  font-weight: var(--component-AccordionTitle-fontWeight);
  color: var(--component-AccordionTitle-color);
  line-height: 24px;
}
.ht2-BenefitPopupInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ht2-BenefitPopupTop {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: var(--base-space-2);
}
.ht2-BenefitPopupTopInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.ht2-BenefitPopupMiddle {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: var(--base-space-2);
}
.ht2-BenefitPopupBottom {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.ht2-BenefitPopupReferralRequired {
    font-family: var(--component-lib__ErrorText-fontFamily);
    color: var(--component-lib__ErrorText-color);
    font-size: var(--component-lib__ErrorText-fontSize);
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

  display: inline-block;
  width: 100%;
  text-align: center;
}
.ht2-BenefitPopupInformationDescription {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);
}
.ht2-BenefitPopupServicePeriod {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  width: 100%;
  display: inline-block;
  text-align: right;
}
.ht2-BenefitPopupInformationAmount {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);
}
.ht2-BenefitPopupCoverageLevelDescription {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

  color: var(--base-colors-primary);
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-bottom: var(--base-space-1);
}
.ht2-BenefitPopupNotesLabel {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  text-align: center;
}
.ht2-BenefitLimitIndicatorDescriptor {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

  display: inline-block;
}
.ht2-BenefitPopupCoverageAmount {
  display: inline-block;
  margin: var(--base-space-1) 0;
}
.ht2-BenefitsInputAndLabelContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: var(--base-space-4);
  grid-column-gap: var(--base-space-4);
  -webkit-column-gap: var(--base-space-4);
     -moz-column-gap: var(--base-space-4);
          grid-column-gap: var(--base-space-4);
}
.ht2-BenefitDetailsFormInfoIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-InfoIcon-mask);
          mask: var(--component-InfoIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-InfoIcon-backgroundColor);

  background-color: var(--base-colors-primary);
}
.ht2-BenefitDetailsSearchInputLabel {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);

  white-space: nowrap;
  width: auto;
}
.ht2-BenefitChipBenefitLimits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  font-family: var(--base-fonts-2);
  color: var(--app-BenefitsAndEligibility-component-BenefitChipBenefitLimits-color);
}
.ht2-BenefitChipBenefitLimits::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-InfoIcon-mask);
          mask: var(--component-InfoIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-InfoIcon-backgroundColor);

    margin-right: var(--base-space-1);
    width: 12px;
    height: 12px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
.ht2-BenefitChipBenefitLimits::before {
    background: var(--app-BenefitsAndEligibility-component-BenefitChipBenefitLimits_before-color);
  }
.ht2-BenefitChipRequiresReferral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  color: var(--base-colors-danger);
}
.ht2-BenefitChipRequiresReferral::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-InfoIcon-mask);
          mask: var(--component-InfoIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-InfoIcon-backgroundColor);

    margin-right: var(--base-space-1);
    width: 12px;
    height: 12px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
.ht2-BenefitChipRequiresReferral::before {
    background: var(--base-colors-danger);
  }
.ht2-BenefitDocumentsPopupTrigger {
    background: var(--component-lib__ButtonGhost-background);
    border-top-width: var(--component-lib__ButtonGhost-borderTopWidth);
    border-top-style: var(--component-lib__ButtonGhost-borderTopStyle);
    border-top-color: var(--component-lib__ButtonGhost-borderTopColor);
    border-right-width: var(--component-lib__ButtonGhost-borderRightWidth);
    border-right-style: var(--component-lib__ButtonGhost-borderRightStyle);
    border-right-color: var(--component-lib__ButtonGhost-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonGhost-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonGhost-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonGhost-borderBottomColor);
    border-left-width: var(--component-lib__ButtonGhost-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonGhost-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonGhost-borderLeftColor);
    color: var(--component-lib__ButtonGhost-color);
    font-weight: var(--component-lib__ButtonGhost-fontWeight);
    border-radius: var(--component-lib__ButtonGhost-borderRadius);
    padding-top: var(--component-lib__ButtonGhost-paddingTop);
    padding-right: var(--component-lib__ButtonGhost-paddingRight);
    padding-bottom: var(--component-lib__ButtonGhost-paddingBottom);
    padding-left: var(--component-lib__ButtonGhost-paddingLeft);
    height: var(--component-lib__ButtonGhost-height);
    -webkit-text-decoration: var(--component-lib__ButtonGhost-textDecoration);
            text-decoration: var(--component-lib__ButtonGhost-textDecoration);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  align-items: center;
}
.ht2-BenefitDocumentsPopupTrigger:hover {
        color: var(--component-lib__ButtonGhost_hover-color);
        background: var(--component-lib__ButtonGhost_hover-background);
        border-top-color: var(--component-lib__ButtonGhost_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration)
    }
.ht2-BenefitDocumentsPopupTrigger:active {
        color: var(--component-lib__ButtonGhost_hover-color);
        background: var(--component-lib__ButtonGhost_hover-background);
        border-top-color: var(--component-lib__ButtonGhost_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration)
    }
.ht2-BenefitDocumentsPopupTrigger:disabled {
        color: var(--component-lib__ButtonGhost_disabled-color);
        background: var(--component-lib__ButtonGhost_disabled-background);
        border-top-color: var(--component-lib__ButtonGhost_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-BenefitDocumentsPopupTrigger:disabled:hover {
        color: var(--component-lib__ButtonGhost_disabled-color);
        background: var(--component-lib__ButtonGhost_disabled-background);
        border-top-color: var(--component-lib__ButtonGhost_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-BenefitDocumentsPopupTrigger:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-BenefitDocumentsPopupTrigger::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-PrintIcon-mask);
          mask: var(--component-PrintIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-PrintIcon-backgroundColor);

    margin-right: var(--base-space-1);
    background: var(--base-colors-secondaryContrast);
  }
.ht2-BenefitDocumentsPopupTrigger::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    margin-left: var(--base-space-1);
    background: var(--base-colors-secondaryContrast);
  }
.ht2-BenefitDocumentsPopupTrigger:hover::before,
    .ht2-BenefitDocumentsPopupTrigger:hover::after {
      background: var(--base-colors-secondaryContrastHover);
    }
@media (max-width: 530px) {
.ht2-BenefitDocumentsPopupTrigger {
    margin-top: var(--base-space-2);
    text-align: center;
    white-space: normal
}
  }
.ht2-Layout-BenefitDocumentLink {
  display: block;
}
.ht2-ToggleDisplayButton {
    background: var(--component-lib__ButtonSecondary-background);
    border-top-width: var(--component-lib__ButtonSecondary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonSecondary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonSecondary-borderTopColor);
    border-right-width: var(--component-lib__ButtonSecondary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonSecondary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonSecondary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonSecondary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonSecondary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonSecondary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonSecondary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonSecondary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonSecondary-borderLeftColor);
    color: var(--component-lib__ButtonSecondary-color);
    font-weight: var(--component-lib__ButtonSecondary-fontWeight);
    border-radius: var(--component-lib__ButtonSecondary-borderRadius);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
    padding-right: var(--base-space-1);
    display: inline-flex;
    align-items: center;
}
.ht2-ToggleDisplayButton:hover {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ToggleDisplayButton:active {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ToggleDisplayButton:disabled {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth);
        cursor: not-allowed
    }
.ht2-ToggleDisplayButton:disabled:hover {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth)
    }
.ht2-ToggleDisplayButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-ToggleDisplayButton::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    margin-left: var(--base-space-1);
    background: var(--base-colors-primary);
    position: relative;
    top: 1px;
  }
.ht2-ToggleDisplayButton:hover::after {
    background: var(--base-colors-primaryDarken);
  }
.ht2-ToggleDisplayButtonUp::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
.ht2-ViewAllBenefitDetailsButton {
    background: var(--component-lib__ButtonSecondary-background);
    border-top-width: var(--component-lib__ButtonSecondary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonSecondary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonSecondary-borderTopColor);
    border-right-width: var(--component-lib__ButtonSecondary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonSecondary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonSecondary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonSecondary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonSecondary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonSecondary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonSecondary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonSecondary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonSecondary-borderLeftColor);
    color: var(--component-lib__ButtonSecondary-color);
    font-weight: var(--component-lib__ButtonSecondary-fontWeight);
    border-radius: var(--component-lib__ButtonSecondary-borderRadius);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);

  padding-right: var(--base-space-1);
  display: inline-flex;
  align-items: center;
}
.ht2-ViewAllBenefitDetailsButton:hover {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ViewAllBenefitDetailsButton:active {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ViewAllBenefitDetailsButton:disabled {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth);
        cursor: not-allowed
    }
.ht2-ViewAllBenefitDetailsButton:disabled:hover {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth)
    }
.ht2-ViewAllBenefitDetailsButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-ViewAllBenefitDetailsButton::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    background: var(--base-colors-primary);
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    margin-left: var(--base-space-1);
  }
.ht2-ViewAllBenefitDetailsButton:hover::after {
    background: var(--base-colors-primaryDarken);
  }
.ht2-MainContent-benefits-benefitHistory .ht2-Table {
    margin-top: var(--base-space-4);
  }
.ht2-MainContent-benefits-benefitSummary .ht2-SubPageTitleText {
    margin: var(--base-space-3) 0;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-Accordion {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsInfoMemberNameTitle {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);

    margin-bottom: var(--base-space-3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsInfoMemberNameTitle::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-UserIcon-mask);
          mask: var(--component-UserIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

      width: 33px;
      height: 33px;
      margin-right: var(--base-space-3);
    }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsSection {
    margin-top: 60px;
    margin-bottom: 50px;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-ShowDependentsToggleButton {
    background: var(--component-lib__ButtonSecondary-background);
    border-top-width: var(--component-lib__ButtonSecondary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonSecondary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonSecondary-borderTopColor);
    border-right-width: var(--component-lib__ButtonSecondary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonSecondary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonSecondary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonSecondary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonSecondary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonSecondary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonSecondary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonSecondary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonSecondary-borderLeftColor);
    color: var(--component-lib__ButtonSecondary-color);
    font-weight: var(--component-lib__ButtonSecondary-fontWeight);
    border-radius: var(--component-lib__ButtonSecondary-borderRadius);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
    padding-right: var(--base-space-1);
    display: inline-flex;
    align-items: center;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-ShowDependentsToggleButton:hover {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-ShowDependentsToggleButton:active {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-ShowDependentsToggleButton:disabled {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth);
        cursor: not-allowed
    }
.ht2-MainContent-benefits-benefitSummary .ht2-ShowDependentsToggleButton:disabled:hover {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-ShowDependentsToggleButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-ShowDependentsToggleButton::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ChevronDownIcon-mask);
          mask: var(--component-ChevronDownIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

    margin-left: var(--base-space-1);
    background: var(--base-colors-primary);
    position: relative;
    top: 1px;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-ShowDependentsToggleButton:hover::after {
    background: var(--base-colors-primaryDarken);
  }
.ht2-MainContent-benefits-benefitSummary .ht2-ShowDependentsToggleButtonUp::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsInfoMemberPCPTitle,
  .ht2-MainContent-benefits-benefitSummary .ht2-BenefitsInfoMemberAddressTitle {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);

    margin-bottom: var(--base-space-1);
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsInfoMemberAddress {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    line-height: 1;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsInfoMemberAddress2 {
    margin-left: var(--app-BenefitsAndEligibility-component-BenefitsInfoMemberAddress2-marginLeft);
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsInfoMemberAddressCityStateZip {
    width: 100%;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-PlanElement {
    border-bottom: 1px solid var(--base-colors-grey8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-row-gap: var(--base-space-4);
    grid-row-gap: var(--base-space-4);
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-PlanElementHeading {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

    display: block;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitElement {
    border-bottom: 1px solid var(--base-colors-grey8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-row-gap: var(--base-space-4);
    grid-row-gap: var(--base-space-4);
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsEditAddressButton {
    background: var(--component-lib__ButtonPrimary-background);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonPrimary-borderTopColor);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonPrimary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonPrimary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonPrimary-borderLeftColor);
    color: var(--component-lib__ButtonPrimary-color);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    border-radius: var(--component-lib__ButtonPrimary-borderRadius);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);

    margin-top: var(--base-space-2);
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsEditAddressButton:hover {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsEditAddressButton:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsEditAddressButton:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsEditAddressButton:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsEditAddressButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsChangePCPLink {
    background: var(--component-lib__ButtonSecondary-background);
    border-top-width: var(--component-lib__ButtonSecondary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonSecondary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonSecondary-borderTopColor);
    border-right-width: var(--component-lib__ButtonSecondary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonSecondary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonSecondary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonSecondary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonSecondary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonSecondary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonSecondary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonSecondary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonSecondary-borderLeftColor);
    color: var(--component-lib__ButtonSecondary-color);
    font-weight: var(--component-lib__ButtonSecondary-fontWeight);
    border-radius: var(--component-lib__ButtonSecondary-borderRadius);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);

    margin-top: var(--base-space-2);
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsChangePCPLink:hover {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsChangePCPLink:active {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsChangePCPLink:disabled {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth);
        cursor: not-allowed
    }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsChangePCPLink:disabled:hover {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsChangePCPLink:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitSummaryPatientPane {
  background: var(--component-PanePrimary-background);
  -webkit-box-shadow: var(--component-PanePrimary-boxShadow);
          box-shadow: var(--component-PanePrimary-boxShadow);
  margin-bottom: var(--base-space-gutter);
  border-width: var(--component-PanePrimary-borderWidth);
  border-style: var(--component-PanePrimary-borderStyle);
  border-color: var(--component-PanePrimary-borderColor);
  border-radius: var(--component-PanePrimary-borderRadius);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 30px;
    line-height: var(--app-BenefitsAndEligibility-component-Pane-lineHeight);
  }
@media (max-width: 800px) {
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitSummaryPatientPane {
      padding-right: var(--base-space-4)
  }
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitSummaryPatientPaneContents {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
@media (max-width: 800px) {
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitSummaryPatientPaneContents {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
  }
  }
@media (max-width: 800px) {
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsInfoMemberInfoSection {
      width: 50%
  }
  }
@media (max-width: 800px) {
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsInfoAddressSection {
      width: 50%;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      margin-top: var(--base-space-3)
  }
  }
@media (max-width: 800px) {
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsInfoPCPSection {
      width: 50%;
      margin-top: var(--base-space-3)
  }
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsIDCardActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: var(--base-space-4) 0;
    grid-column-gap: var(--base-space-4);
    -webkit-column-gap: var(--base-space-4);
       -moz-column-gap: var(--base-space-4);
            grid-column-gap: var(--base-space-4);
  }
/*
    Using immediate sibling selector because these are on control, only want to apply margin
    if necessary. Avoids adding complicated ftl logic for adding classes.
  */
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsIDCardAction + .ht2-BenefitsIDCardAction {
    margin-left: var(--base-space-3);
  }
.ht2-MainContent-benefits-benefitSummary .ht2-PlanInformationPane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--component-PaneSecondary-background);
  border-width: var(--component-PaneSecondary-borderWidth);
  border-style: var(--component-PaneSecondary-borderStyle);
  border-color: var(--component-PaneSecondary-borderColor);
  border-radius: var(--component-PaneSecondary-borderRadius);

    margin-bottom: var(--base-space-3);
    padding: 30px;
    line-height: var(--app-BenefitsAndEligibility-component-Pane-lineHeight);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-Layout-OtherInsurancePlanInformationPane {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-PlanInformationHeadingContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-bottom: var(--base-space-3);
  }
@media (max-width: 530px) {
.ht2-MainContent-benefits-benefitSummary .ht2-PlanInformationHeadingContainer {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
  }
  }
.ht2-MainContent-benefits-benefitSummary .ht2-PlanInformationPaneColumn {
    width: 50%;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitsPaneAddOrModifyButtonContainer {
    margin-top: var(--base-space-3);
  }
.ht2-MainContent-benefits-benefitSummary .ht2-AddOrModifyOtherInsuranceButton {
    background: var(--component-lib__ButtonSecondary-background);
    border-top-width: var(--component-lib__ButtonSecondary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonSecondary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonSecondary-borderTopColor);
    border-right-width: var(--component-lib__ButtonSecondary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonSecondary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonSecondary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonSecondary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonSecondary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonSecondary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonSecondary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonSecondary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonSecondary-borderLeftColor);
    color: var(--component-lib__ButtonSecondary-color);
    font-weight: var(--component-lib__ButtonSecondary-fontWeight);
    border-radius: var(--component-lib__ButtonSecondary-borderRadius);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);

    word-wrap: break-word;
    white-space: normal;
    height: auto;
    display: inline-flex;
    align-items: center;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-AddOrModifyOtherInsuranceButton:hover {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-AddOrModifyOtherInsuranceButton:active {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-AddOrModifyOtherInsuranceButton:disabled {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth);
        cursor: not-allowed
    }
.ht2-MainContent-benefits-benefitSummary .ht2-AddOrModifyOtherInsuranceButton:disabled:hover {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-AddOrModifyOtherInsuranceButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-MainContent-benefits-benefitSummary .ht2-AccumulatorSection {
    margin-bottom: 40px;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-BenefitHint {
    padding-bottom: 30px;
    display: block;
    border-bottom: 1px solid var(--base-colors-grey8);
  }
.ht2-MainContent-benefits-benefitSummary .ht2-PlanInformationHeading {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);

    width: 100%;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-AccumulatorSectionHeadingContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: var(--base-space-4);
  }
@media (max-width: 530px) {
.ht2-MainContent-benefits-benefitSummary .ht2-AccumulatorSectionHeadingContainer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start
  }
  }
.ht2-MainContent-benefits-benefitSummary .ht2-ViewAllBenefitDetailsButtonContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
/* stylelint-disable-next-line selector-class-pattern -- this class is in javascript */
.ht2-MainContent-benefits-benefitSummary .popover-title {
    display: none;
  }
.ht2-MainContent-benefits-benefitSummary .ht2-Layout-AccumulatorDetailsButtonSection {
    margin-top: var(--base-space-4);
  }
.ht2-MainContent-benefits-benefiMulti .ht2-Layout-PageHeader {
    margin-top: var(--base-space-4);
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-benefits-benefiMulti .ht2-Layout-PaginationSection {
    margin-top: var(--base-space-1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-benefits-benefiMulti .ht2-Layout-RecordList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: 1px solid var(--base-colors-grey4);
  }
.ht2-MainContent-benefits-benefiMulti .ht2-Layout-RecordDetails {
    border-bottom: solid 1px var(--base-colors-4);
    padding-bottom: var(--base-space-1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.ht2-MainContent-benefits-benefiMulti .ht2-Layout-RecordDetailLabel {
    padding-right: var(--base-space-1);
  }
.ht2-MainContent-benefits-benefiMulti .ht2-Layout-Record {
    border-top: 1px solid var(--base-colors-grey4);
    border-right: 1px solid var(--base-colors-grey4);
    border-left: 1px solid var(--base-colors-grey4);
    padding-top: var(--base-space-3);
    padding-right: var(--base-space-3);
    padding-bottom: var(--base-space-3);
    padding-left: var(--base-space-3);
  }
.ht2-MainContent-benefits-benefiMulti .ht2-Layout-RecordPatientInfo {
    padding-top: var(--base-space-3);
    width: 30%;
    position: relative;
  }
.ht2-MainContent-benefits-benefiMulti .ht2-Layout-RecordPCPInfo {
    width: 60%;
    margin-top: var(--base-space-4);
    border-left: 1px solid var(--base-colors-grey4);
    padding-left: var(--base-space-3);
  }
.ht2-MainContent-member-member_change_pcp .ht2-PageTitle {
    display: block;
    position: absolute;
    top: -56px;
    left: -15px;
  }
.ht2-MainContent-member-member_change_pcp .ht2-ChangePCPV1Table {
    margin-top: var(--base-space-10);
  }
.ht2-MainContent-member-member_change_pcp .ht2-SearchOptionsHeader,
  .ht2-MainContent-member-member_change_pcp .ht2-ProviderPreferencesHeader {
    padding: var(--base-space-3) 0;
    text-align: left;
  }
.ht2-MainContent-member-member_change_pcp .ht2-CurrentProviderListTableHeader {
    padding: var(--base-space-3) 0;
    text-align: left;
  }
.ht2-MainContent-member-member_change_pcp .ht2-ChangePCPV1ButtonsContainer {
    padding-top: var(--base-space-4);
  }
.ht2-MainContent-member-member_change_pcp .ht2-AcceptCurrentProviderListSubmitButton {
    margin-top: var(--base-space-2);
  }
.ht2-MainContent-member-member_change_pcp .ht2-AddProviderNameSearchExample {
    margin-top: var(--base-space-2);
  }
.ht2-MainContent-member-member_change_pcp .ht2-HelpIcon {
    display: none;
  }
.ht2-MainContent-member-member_change_pcp .ht2-AddProviderProviderSearchExampleName {
    margin-top: var(--base-space-2);
  }
.ht2-MainContent-member-member_change_pcp_submit .ht2-PageTitle {
    display: block;
    position: absolute;
    top: -56px;
    left: -15px;
  }
.ht2-MainContent-member-member_change_pcp_submit .ht2-ChangePCPV1SubmitTable {
    margin-top: var(--base-space-10);
  }
.ht2-MainContent-communicationPreferences-memberPreferences .ht2-PageTitleText,
  .ht2-MainContent-communicationPreferences-memberPreferences .ht2-SubPageTitleText,
  .ht2-MainContent-communicationPreferences-memberPreferences .ht2-SectionTitleText,
  .ht2-MainContent-communicationPreferences-memberPreferences .ht2-MemberCommAdressSection,
  .ht2-MainContent-communicationPreferences-memberPreferences .ht2-MemberCommEmailSection,
  .ht2-MainContent-communicationPreferences-memberPreferences .ht2-MemberCommunicationTextAddressContainer {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-communicationPreferences-memberPreferences .ht2-MemberCommEmailSection,
  .ht2-MainContent-communicationPreferences-memberPreferences .ht2-MemberCommunicationTextAddressContainer {
    max-width: 600px;
  }
.ht2-MainContent-communicationPreferences-memberPreferences .ht2-MemberCommChangeAddressSection {
    margin-bottom: var(--base-space-5);
  }
.ht2-MainContent-communicationPreferences-memberPreferences .ht2-MemberCommunicationTextAddressContainer {
    display: grid;
    grid-gap: var(--base-space-gutter);
    grid-gap: var(--base-space-gutter);
    grid-template-columns: 1fr 2fr;
  }
.ht2-MainContent-communicationPreferences-memberPreferences .ht2-MemberCommActionButton {
    padding-top: 0 !important;
    display: inline-block;
  }
.ht2-MainContent-communicationPreferences-memberPreferences .ht2-MemberCommActionButtonContainer {
    margin-bottom: var(--base-space-5);
  }
.ht2-MainContent-communicationPreferences-entityInfo .ht2-PageHeader {
    margin-bottom: var(--base-space-5);
  }
.ht2-MainContent-communicationPreferences-entityInfo .ht2-Layout-CategoryListTitle {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-communicationPreferences-entityInfo .ht2-Layout-CategoryListTable {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-communicationPreferences-entityInfo .ht2-MessageBox {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-provdir-entry .ht2-CheckboxWrapper, .ht2-Scope-consumerprovdirentry .ht2-CheckboxWrapper, .ht2-Scope-consumerprovdirentrySearch .ht2-CheckboxWrapper {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-provdir-entry .ht2-RadioWrapper, .ht2-Scope-consumerprovdirentry .ht2-RadioWrapper, .ht2-Scope-consumerprovdirentrySearch .ht2-RadioWrapper {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-provdir-entry .ht2-LabelText, .ht2-Scope-consumerprovdirentry .ht2-LabelText, .ht2-Scope-consumerprovdirentrySearch .ht2-LabelText {
    display: block;
    margin-bottom: var(--base-space-1);
  }
.ht2-MainContent-provdir-entry .ht2-BodyBoldText, .ht2-Scope-consumerprovdirentry .ht2-BodyBoldText, .ht2-Scope-consumerprovdirentrySearch .ht2-BodyBoldText {
    margin-bottom: var(--base-space-1);
  }
.ht2-MainContent-provdir-entry .ht2-BodyText, .ht2-Scope-consumerprovdirentry .ht2-BodyText, .ht2-Scope-consumerprovdirentrySearch .ht2-BodyText {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-provdir-entry .ht2-ProviderNameSearchTitleText, .ht2-Scope-consumerprovdirentry .ht2-ProviderNameSearchTitleText, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderNameSearchTitleText {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);

    margin-bottom: var(--base-space-1);
  }
.ht2-MainContent-provdir-entry .ht2-PanelGroupTitleText, .ht2-Scope-consumerprovdirentry .ht2-PanelGroupTitleText, .ht2-Scope-consumerprovdirentrySearch .ht2-PanelGroupTitleText {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);

    font-size: var(--app-consumerProviderSearch-component-PanelGroupTitleText-fontSize);
    margin-bottom: var(--base-space-4);
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-PanelGroupTitleText, .ht2-Scope-consumerprovdirentry .ht2-PanelGroupTitleText, .ht2-Scope-consumerprovdirentrySearch .ht2-PanelGroupTitleText {
      text-align: left
  }
  }
.ht2-MainContent-provdir-entry .ht2-OptionSectionTitleText, .ht2-Scope-consumerprovdirentry .ht2-OptionSectionTitleText, .ht2-Scope-consumerprovdirentrySearch .ht2-OptionSectionTitleText {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);

    color: var(--app-consumerProviderSearch-component-OptionSectionTitleText-color);
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-provdir-entry .ht2-OptionSectionSubTitleText, .ht2-Scope-consumerprovdirentry .ht2-OptionSectionSubTitleText, .ht2-Scope-consumerprovdirentrySearch .ht2-OptionSectionSubTitleText {
    font-size: var(--component-lib__SubSectionTitleText-fontSize);
    font-weight: var(--component-lib__SubSectionTitleText-fontWeight);
    color: var(--component-lib__SubSectionTitleText-color);
    line-height: var(--component-lib__SubSectionTitleText-lineHeight);
    font-family: var(--component-lib__SubSectionTitleText-fontFamily);

    color: var(--app-consumerProviderSearch-component-OptionSectionSubTitleText-color);
    margin-bottom: var(--base-space-1);
  }
.ht2-MainContent-provdir-entry .ht2-OptionPaneNumberWrapper, .ht2-Scope-consumerprovdirentry .ht2-OptionPaneNumberWrapper, .ht2-Scope-consumerprovdirentrySearch .ht2-OptionPaneNumberWrapper {
    padding-right: var(--app-consumerProviderSearch-component-OptionPaneNumberWrapper-paddingRight);
    background-color: var(--app-consumerProviderSearch-component-OptionPaneNumberWrapper-backgroundColor);
    height: var(--app-consumerProviderSearch-component-OptionPaneNumberWrapper-height);
    width: var(--app-consumerProviderSearch-component-OptionPaneNumberWrapper-width);
    display: var(--app-consumerProviderSearch-component-OptionPaneNumberWrapper-display);
    -webkit-box-align: var(--app-consumerProviderSearch-component-OptionPaneNumberWrapper-alignItems);
        -ms-flex-align: var(--app-consumerProviderSearch-component-OptionPaneNumberWrapper-alignItems);
            align-items: var(--app-consumerProviderSearch-component-OptionPaneNumberWrapper-alignItems);
    -webkit-box-pack: var(--app-consumerProviderSearch-component-OptionPaneNumberWrapper-justifyContent);
        -ms-flex-pack: var(--app-consumerProviderSearch-component-OptionPaneNumberWrapper-justifyContent);
            justify-content: var(--app-consumerProviderSearch-component-OptionPaneNumberWrapper-justifyContent);
    border-radius: var(--app-consumerProviderSearch-component-OptionPaneNumberWrapper-borderRadius);
    margin-right: var(--base-space-2);
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-provdir-entry .ht2-OptionPaneNumber, .ht2-Scope-consumerprovdirentry .ht2-OptionPaneNumber, .ht2-Scope-consumerprovdirentrySearch .ht2-OptionPaneNumber {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);

    text-align: var(--app-consumerProviderSearch-component-OptionPaneNumber-textAlign);
    color: var(--app-consumerProviderSearch-component-OptionPaneNumber-color);
    width: var(--app-consumerProviderSearch-component-OptionPaneNumber-width);
    height: var(--app-consumerProviderSearch-component-OptionPaneNumber-height);
    line-height: var(--app-consumerProviderSearch-component-OptionPaneNumber-lineHeight);
    font-size: var(--app-consumerProviderSearch-component-OptionPaneNumber-fontSize);
  }
.ht2-MainContent-provdir-entry .ht2-LinkConditionSearch, .ht2-Scope-consumerprovdirentry .ht2-LinkConditionSearch, .ht2-Scope-consumerprovdirentrySearch .ht2-LinkConditionSearch {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;

    display: inline-block;
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-provdir-entry .ht2-LinkConditionSearch:hover, .ht2-Scope-consumerprovdirentry .ht2-LinkConditionSearch:hover, .ht2-Scope-consumerprovdirentrySearch .ht2-LinkConditionSearch:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-MainContent-provdir-entry .ht2-LinkConditionSearch:disabled, .ht2-Scope-consumerprovdirentry .ht2-LinkConditionSearch:disabled, .ht2-Scope-consumerprovdirentrySearch .ht2-LinkConditionSearch:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-MainContent-provdir-entry .ht2-ProviderNameSearch, .ht2-Scope-consumerprovdirentry .ht2-ProviderNameSearch, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderNameSearch {
    margin-bottom: var(--base-space-5);
  }
.ht2-MainContent-provdir-entry .ht2-ProviderNameSearchSearchboxContainer, .ht2-Scope-consumerprovdirentry .ht2-ProviderNameSearchSearchboxContainer, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderNameSearchSearchboxContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: var(--app-consumerProviderSearch-component-ProviderNameSearchSearchboxContainer-maxWidth);
  }
.ht2-MainContent-provdir-entry .ht2-ProviderNameSearchField, .ht2-Scope-consumerprovdirentry .ht2-ProviderNameSearchField, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderNameSearchField {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);

    background: var(--app-consumerProviderSearch-component-ProviderNameSearchField-background);
    margin-right: var(--base-space-2);
  }
.ht2-MainContent-provdir-entry .ht2-ProviderNameSearchField::-webkit-input-placeholder, .ht2-Scope-consumerprovdirentry .ht2-ProviderNameSearchField::-webkit-input-placeholder, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderNameSearchField::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-provdir-entry .ht2-ProviderNameSearchField::-moz-placeholder, .ht2-Scope-consumerprovdirentry .ht2-ProviderNameSearchField::-moz-placeholder, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderNameSearchField::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-provdir-entry .ht2-ProviderNameSearchField:-ms-input-placeholder, .ht2-Scope-consumerprovdirentry .ht2-ProviderNameSearchField:-ms-input-placeholder, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderNameSearchField:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-provdir-entry .ht2-ProviderNameSearchField::-ms-input-placeholder, .ht2-Scope-consumerprovdirentry .ht2-ProviderNameSearchField::-ms-input-placeholder, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderNameSearchField::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-provdir-entry .ht2-ProviderNameSearchField::placeholder, .ht2-Scope-consumerprovdirentry .ht2-ProviderNameSearchField::placeholder, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderNameSearchField::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-provdir-entry .ht2-ProviderNameSearchField:disabled, .ht2-Scope-consumerprovdirentry .ht2-ProviderNameSearchField:disabled, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderNameSearchField:disabled {
    cursor: not-allowed;
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionPane,
  .ht2-MainContent-provdir-entry .ht2-ProximitySearchPane,
  .ht2-MainContent-provdir-entry .ht2-ProviderTypesPane,
  .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionPane,
  .ht2-Scope-consumerprovdirentry .ht2-ProximitySearchPane,
  .ht2-Scope-consumerprovdirentry .ht2-ProviderTypesPane,
  .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionPane,
  .ht2-Scope-consumerprovdirentrySearch .ht2-ProximitySearchPane,
  .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderTypesPane {
  background: var(--component-PanePrimary-background);
  -webkit-box-shadow: var(--component-PanePrimary-boxShadow);
          box-shadow: var(--component-PanePrimary-boxShadow);
  margin-bottom: var(--base-space-gutter);
  border-width: var(--component-PanePrimary-borderWidth);
  border-style: var(--component-PanePrimary-borderStyle);
  border-color: var(--component-PanePrimary-borderColor);
  border-radius: var(--component-PanePrimary-borderRadius);

    padding: var(--base-space-4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-provdir-entry .ht2-ProximitySearchPaneContent, .ht2-Scope-consumerprovdirentry .ht2-ProximitySearchPaneContent, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximitySearchPaneContent {
  width: 100%;
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionSectionContent, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionSectionContent, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionSectionContent {
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));
  width: 100%;
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionSectionContent, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionSectionContent, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionSectionContent {
  display: block;
  margin-right: 0;
  margin-left: 0;
  }
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionGuestSection, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionGuestSection, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionGuestSection {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

    padding-left: var(--base-space-4);
    padding-right: var(--base-space-4);
    margin-bottom: var(--base-space-4);
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionGuestSection, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionGuestSection, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionGuestSection {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
  }
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionMemberSection, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionMemberSection, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionMemberSection {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionMemberSection, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionMemberSection, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionMemberSection {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter)
  }
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionMemberSection, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionMemberSection, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionMemberSection {
      border-right: 0
  }
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionIdInput, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionIdInput, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionIdInput {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);

    margin-bottom: var(--base-space-2);
    width: var(--app-consumerProviderSearch-component-MemberSearchOptionIdInput-width);
    max-width: var(--app-consumerProviderSearch-component-MemberSearchOptionIdInput-maxWidth);
    cursor: text;
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionIdInput::-webkit-input-placeholder, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionIdInput::-webkit-input-placeholder, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionIdInput::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionIdInput::-moz-placeholder, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionIdInput::-moz-placeholder, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionIdInput::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionIdInput:-ms-input-placeholder, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionIdInput:-ms-input-placeholder, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionIdInput:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionIdInput::-ms-input-placeholder, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionIdInput::-ms-input-placeholder, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionIdInput::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionIdInput::placeholder, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionIdInput::placeholder, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionIdInput::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionIdInput:disabled, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionIdInput:disabled, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionIdInput:disabled {
    cursor: not-allowed;
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionIdLink, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionIdLink, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionIdLink {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;

    display: block;
    font-size: 14px;
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionIdLink:hover, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionIdLink:hover, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionIdLink:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionIdLink:disabled, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionIdLink:disabled, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionIdLink:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionFormSection, .ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionFormSection, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionFormSection {
    margin-top: var(--base-space-4);
  }
.ht2-MainContent-provdir-entry .ht2-ProximityLocationForm, .ht2-Scope-consumerprovdirentry .ht2-ProximityLocationForm, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximityLocationForm {
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));

    display: flex;
    margin-bottom: var(--base-space-4);
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-ProximityLocationForm, .ht2-Scope-consumerprovdirentry .ht2-ProximityLocationForm, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximityLocationForm {
  display: block;
  margin-right: 0;
  margin-left: 0;
  }
  }
.ht2-MainContent-provdir-entry .ht2-ProximityLocationFormOrDivider, .ht2-Scope-consumerprovdirentry .ht2-ProximityLocationFormOrDivider, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximityLocationFormOrDivider {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

    -ms-flex-item-align: center;

        align-self: center;
    width: inherit;
    padding-top: 25px;
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-ProximityLocationFormOrDivider, .ht2-Scope-consumerprovdirentry .ht2-ProximityLocationFormOrDivider, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximityLocationFormOrDivider {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter)
  }
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-ProximityLocationFormOrDivider, .ht2-Scope-consumerprovdirentry .ht2-ProximityLocationFormOrDivider, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximityLocationFormOrDivider {
      padding-top: 0
  }
    }
.ht2-MainContent-provdir-entry .ht2-ProximityLocationFormSection, .ht2-Scope-consumerprovdirentry .ht2-ProximityLocationFormSection, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximityLocationFormSection {
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

    max-width: var(--app-consumerProviderSearch-component-ProximityLocationFormSection-maxWidth);
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-ProximityLocationFormSection, .ht2-Scope-consumerprovdirentry .ht2-ProximityLocationFormSection, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximityLocationFormSection {
  display: block;
  margin-right: 0;
  margin-left: 0;
  }
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-ProximityLocationFormSection, .ht2-Scope-consumerprovdirentry .ht2-ProximityLocationFormSection, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximityLocationFormSection {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
  }
  }
.ht2-MainContent-provdir-entry .ht2-ProximitySearchFormSelectWrapper, .ht2-Scope-consumerprovdirentry .ht2-ProximitySearchFormSelectWrapper, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximitySearchFormSelectWrapper {
    max-width: var(--app-consumerProviderSearch-component-ProximitySearchFormSelectWrapper-maxWidth);
  }
.ht2-MainContent-provdir-entry .ht2-ProximityLocationFormSectionZip, .ht2-Scope-consumerprovdirentry .ht2-ProximityLocationFormSectionZip, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximityLocationFormSectionZip {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

    margin-left: var(--app-consumerProviderSearch-component-ProximityLocationFormSectionZip-marginLeft);
    margin-right: var(--app-consumerProviderSearch-component-ProximityLocationFormSectionZip-marginRight);
    max-width: var(--app-consumerProviderSearch-component-ProximityLocationFormSectionZip-maxWidth);
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-ProximityLocationFormSectionZip, .ht2-Scope-consumerprovdirentry .ht2-ProximityLocationFormSectionZip, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximityLocationFormSectionZip {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
  }
  }
.ht2-MainContent-provdir-entry .ht2-ProximityLocationFormSectionDist, .ht2-Scope-consumerprovdirentry .ht2-ProximityLocationFormSectionDist, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximityLocationFormSectionDist {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

    margin-left: var(--app-consumerProviderSearch-component-ProximityLocationFormSectionDist-marginLeft);
    margin-right: var(--app-consumerProviderSearch-component-ProximityLocationFormSectionDist-marginRight);
    max-width: var(--app-consumerProviderSearch-component-ProximityLocationFormSectionDist-maxWidth);
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-ProximityLocationFormSectionDist, .ht2-Scope-consumerprovdirentry .ht2-ProximityLocationFormSectionDist, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximityLocationFormSectionDist {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
  }
  }
.ht2-MainContent-provdir-entry .ht2-ProximitySearchFormFormSectionCounty, .ht2-Scope-consumerprovdirentry .ht2-ProximitySearchFormFormSectionCounty, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximitySearchFormFormSectionCounty {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

    -ms-flex-preferred-size: 46%;

        flex-basis: 46%;
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-ProximitySearchFormFormSectionCounty, .ht2-Scope-consumerprovdirentry .ht2-ProximitySearchFormFormSectionCounty, .ht2-Scope-consumerprovdirentrySearch .ht2-ProximitySearchFormFormSectionCounty {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
  }
  }
.ht2-MainContent-provdir-entry .ht2-ProviderTypesOptionFormSection, .ht2-Scope-consumerprovdirentry .ht2-ProviderTypesOptionFormSection, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderTypesOptionFormSection {
    width: var(--app-consumerProviderSearch-component-ProviderTypesOptionFormSection-width);
    display: var(--app-consumerProviderSearch-component-ProviderTypesOptionFormSection-display);
    grid-template-columns: var(--app-consumerProviderSearch-component-ProviderTypesOptionFormSection-gridTemplateColumns);
    grid-column-gap: var(--app-consumerProviderSearch-component-ProviderTypesOptionFormSection-columnGap);
    margin-top: var(--base-space-4);
  }
@media (max-width: 767px) {
.ht2-MainContent-provdir-entry .ht2-ProviderTypesOptionFormSection, .ht2-Scope-consumerprovdirentry .ht2-ProviderTypesOptionFormSection, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderTypesOptionFormSection {
      display: var(--app-consumerProviderSearch-component-ProviderTypesOptionFormSection-mediamax-width767px-display);
      grid-template-columns: var(--app-consumerProviderSearch-component-ProviderTypesOptionFormSection-mediamax-width767px-gridTemplateColumns)
  }
    }
@media (max-width: 480px) {
.ht2-MainContent-provdir-entry .ht2-ProviderTypesOptionFormSection, .ht2-Scope-consumerprovdirentry .ht2-ProviderTypesOptionFormSection, .ht2-Scope-consumerprovdirentrySearch .ht2-ProviderTypesOptionFormSection {
      display: var(--app-consumerProviderSearch-component-ProviderTypesOptionFormSection-mediamax-width480px-display);
      grid-template-columns: var(--app-consumerProviderSearch-component-ProviderTypesOptionFormSection-mediamax-width480px-gridTemplateColumns)
  }
    }
.ht2-MainContent-provdir-entry .ht2-Layout-SearchProviderNameSection, .ht2-Scope-consumerprovdirentry .ht2-Layout-SearchProviderNameSection, .ht2-Scope-consumerprovdirentrySearch .ht2-Layout-SearchProviderNameSection {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-provdir-entry .ht2-Layout-IdCardExampleImage, .ht2-Scope-consumerprovdirentry .ht2-Layout-IdCardExampleImage, .ht2-Scope-consumerprovdirentrySearch .ht2-Layout-IdCardExampleImage {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
.ht2-MainContent-provdir-entry .ht2-Layout-ModalHeader, .ht2-Scope-consumerprovdirentry .ht2-Layout-ModalHeader, .ht2-Scope-consumerprovdirentrySearch .ht2-Layout-ModalHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: var(--base-space-1);
  }
.ht2-MainContent-provdir-entry .ht2-Layout-ModalBody, .ht2-Scope-consumerprovdirentry .ht2-Layout-ModalBody, .ht2-Scope-consumerprovdirentrySearch .ht2-Layout-ModalBody {
    margin-bottom: var(--base-space-2);
  }
.ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionMemberSection, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionMemberSection {
    padding-left: var(--app-consumerProviderSearch-component-ExternalMemberSearchOptionMemberSection-paddingLeft);
    padding-right: var(--app-consumerProviderSearch-component-ExternalMemberSearchOptionMemberSection-paddingRight);
    border-right: var(--app-consumerProviderSearch-component-ExternalMemberSearchOptionMemberSection-borderRight);
  }
@media (max-width: 800px) {
.ht2-Scope-consumerprovdirentry .ht2-MemberSearchOptionMemberSection, .ht2-Scope-consumerprovdirentrySearch .ht2-MemberSearchOptionMemberSection {
      border-right: 0
  }
  }
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionMemberSection {
    padding-left: var(--app-consumerProviderSearch-component-InternalMemberSearchOptionMemberSection-paddingLeft);
    padding-right: var(--app-consumerProviderSearch-component-InternalMemberSearchOptionMemberSection-paddingRight);
    border-right: var(--app-consumerProviderSearch-component-InternalMemberSearchOptionMemberSection-borderRight);
  }
@media (max-width: 800px) {
.ht2-MainContent-provdir-entry .ht2-MemberSearchOptionMemberSection {
      border-right: 0
  }
  }
/* FIXME: Not sure what should be components and what shouldn't. For now, just putting everything in here. */
/* FIXME: kitchensink cardlist example relies on stuff in here. */
.ht2-Scope-kitchensink .ht2-Layout-MapModalSection, .ht2-MainContent-provdir-search .ht2-Layout-MapModalSection, .ht2-Scope-consumerprovdirsearch .ht2-Layout-MapModalSection {
    margin-bottom: var(--base-space-2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
.ht2-Scope-kitchensink .ht2-Layout-MapModalRow, .ht2-MainContent-provdir-search .ht2-Layout-MapModalRow, .ht2-Scope-consumerprovdirsearch .ht2-Layout-MapModalRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: var(--base-space-2);
    padding-right: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-Layout-MapModalAddressContainer, .ht2-MainContent-provdir-search .ht2-Layout-MapModalAddressContainer, .ht2-Scope-consumerprovdirsearch .ht2-Layout-MapModalAddressContainer {
    margin-bottom: var(--base-space-1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
.ht2-Scope-kitchensink .ht2-Layout-MapModalProviderNameLink, .ht2-MainContent-provdir-search .ht2-Layout-MapModalProviderNameLink, .ht2-Scope-consumerprovdirsearch .ht2-Layout-MapModalProviderNameLink {
    margin-bottom: var(--base-space-1);
  }
.ht2-Scope-kitchensink .ht2-Layout-MapModalCityStateZip, .ht2-MainContent-provdir-search .ht2-Layout-MapModalCityStateZip, .ht2-Scope-consumerprovdirsearch .ht2-Layout-MapModalCityStateZip {
    white-space: nowrap;
  }
.ht2-Scope-kitchensink .ht2-SectionTitleText, .ht2-MainContent-provdir-search .ht2-SectionTitleText, .ht2-Scope-consumerprovdirsearch .ht2-SectionTitleText {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-kitchensink .ht2-InputGroup, .ht2-MainContent-provdir-search .ht2-InputGroup, .ht2-Scope-consumerprovdirsearch .ht2-InputGroup {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-kitchensink .ht2-ServerPaginationContainer, .ht2-MainContent-provdir-search .ht2-ServerPaginationContainer, .ht2-Scope-consumerprovdirsearch .ht2-ServerPaginationContainer {
    margin-bottom: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-ContractInformationLink, .ht2-MainContent-provdir-search .ht2-ContractInformationLink, .ht2-Scope-consumerprovdirsearch .ht2-ContractInformationLink {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;

    display: inline-block;
    margin-top: var(--base-space-2);
    margin-bottom: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-ContractInformationLink:hover, .ht2-MainContent-provdir-search .ht2-ContractInformationLink:hover, .ht2-Scope-consumerprovdirsearch .ht2-ContractInformationLink:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-Scope-kitchensink .ht2-ContractInformationLink:disabled, .ht2-MainContent-provdir-search .ht2-ContractInformationLink:disabled, .ht2-Scope-consumerprovdirsearch .ht2-ContractInformationLink:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-Scope-kitchensink .ht2-MainSection, .ht2-MainContent-provdir-search .ht2-MainSection, .ht2-Scope-consumerprovdirsearch .ht2-MainSection {
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));

    margin-top: var(--base-space-4);
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-MainSection, .ht2-MainContent-provdir-search .ht2-MainSection, .ht2-Scope-consumerprovdirsearch .ht2-MainSection {
  display: block;
  margin-right: 0;
  margin-left: 0;
  }
  }
.ht2-Scope-kitchensink .ht2-HorizontalLine, .ht2-MainContent-provdir-search .ht2-HorizontalLine, .ht2-Scope-consumerprovdirsearch .ht2-HorizontalLine {
    margin: var(--base-space-3) 0;
  }
.ht2-Scope-kitchensink .ht2-SubheaderSectionContent, .ht2-MainContent-provdir-search .ht2-SubheaderSectionContent, .ht2-Scope-consumerprovdirsearch .ht2-SubheaderSectionContent {
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-SubheaderSectionContent, .ht2-MainContent-provdir-search .ht2-SubheaderSectionContent, .ht2-Scope-consumerprovdirsearch .ht2-SubheaderSectionContent {
  display: block;
  margin-right: 0;
  margin-left: 0;
  }
  }
.ht2-Scope-kitchensink .ht2-SubheaderSectionInfoText, .ht2-MainContent-provdir-search .ht2-SubheaderSectionInfoText, .ht2-Scope-consumerprovdirsearch .ht2-SubheaderSectionInfoText {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

    display: inline-block;
    margin-bottom: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-KeywordSearchSection, .ht2-MainContent-provdir-search .ht2-KeywordSearchSection, .ht2-Scope-consumerprovdirsearch .ht2-KeywordSearchSection {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-KeywordSearchSection, .ht2-MainContent-provdir-search .ht2-KeywordSearchSection, .ht2-Scope-consumerprovdirsearch .ht2-KeywordSearchSection {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
  }
  }
.ht2-Scope-kitchensink .ht2-KeywordSearchSectionInnerWrapper, .ht2-MainContent-provdir-search .ht2-KeywordSearchSectionInnerWrapper, .ht2-Scope-consumerprovdirsearch .ht2-KeywordSearchSectionInnerWrapper {
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-KeywordSearchSectionInnerWrapper, .ht2-MainContent-provdir-search .ht2-KeywordSearchSectionInnerWrapper, .ht2-Scope-consumerprovdirsearch .ht2-KeywordSearchSectionInnerWrapper {
      margin: 0
  }
  }
.ht2-Scope-kitchensink .ht2-KeywordSearchSectionInputAndHintTextWrapper, .ht2-MainContent-provdir-search .ht2-KeywordSearchSectionInputAndHintTextWrapper, .ht2-Scope-consumerprovdirsearch .ht2-KeywordSearchSectionInputAndHintTextWrapper {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-KeywordSearchSectionInputAndHintTextWrapper, .ht2-MainContent-provdir-search .ht2-KeywordSearchSectionInputAndHintTextWrapper, .ht2-Scope-consumerprovdirsearch .ht2-KeywordSearchSectionInputAndHintTextWrapper {
      margin-left: 0
  }
  }
.ht2-Scope-kitchensink .ht2-KeywordSearchSectionHintText, .ht2-MainContent-provdir-search .ht2-KeywordSearchSectionHintText, .ht2-Scope-consumerprovdirsearch .ht2-KeywordSearchSectionHintText {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

    display: block;
    margin-top: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-Layout-KeywordSearchSectionSubmitButton, .ht2-MainContent-provdir-search .ht2-Layout-KeywordSearchSectionSubmitButton, .ht2-Scope-consumerprovdirsearch .ht2-Layout-KeywordSearchSectionSubmitButton {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-SortBySection, .ht2-MainContent-provdir-search .ht2-SortBySection, .ht2-Scope-consumerprovdirsearch .ht2-SortBySection {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-SortBySection, .ht2-MainContent-provdir-search .ht2-SortBySection, .ht2-Scope-consumerprovdirsearch .ht2-SortBySection {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
  }
  }
.ht2-Scope-kitchensink .ht2-SortBySectionInnerWrapper, .ht2-MainContent-provdir-search .ht2-SortBySectionInnerWrapper, .ht2-Scope-consumerprovdirsearch .ht2-SortBySectionInnerWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
@media (max-width: 530px) {
.ht2-Scope-kitchensink .ht2-SortBySectionInnerWrapper, .ht2-MainContent-provdir-search .ht2-SortBySectionInnerWrapper, .ht2-Scope-consumerprovdirsearch .ht2-SortBySectionInnerWrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column
  }
  }
.ht2-Scope-kitchensink .ht2-SortBySectionLabel, .ht2-MainContent-provdir-search .ht2-SortBySectionLabel, .ht2-Scope-consumerprovdirsearch .ht2-SortBySectionLabel {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

    text-align: right;
    margin-bottom: 0;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-SortBySectionLabel, .ht2-MainContent-provdir-search .ht2-SortBySectionLabel, .ht2-Scope-consumerprovdirsearch .ht2-SortBySectionLabel {
      width: auto;
      text-align: left;
      margin: 0;
      min-width: 75px
  }
  }
@media (max-width: 530px) {
.ht2-Scope-kitchensink .ht2-SortBySectionLabel, .ht2-MainContent-provdir-search .ht2-SortBySectionLabel, .ht2-Scope-consumerprovdirsearch .ht2-SortBySectionLabel {
      margin-bottom: var(--base-space-1);
      min-width: unset
  }
  }
.ht2-Scope-kitchensink .ht2-SortBySectionSelectWrapper, .ht2-MainContent-provdir-search .ht2-SortBySectionSelectWrapper, .ht2-Scope-consumerprovdirsearch .ht2-SortBySectionSelectWrapper {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

    margin-right: 0;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-SortBySectionSelectWrapper, .ht2-MainContent-provdir-search .ht2-SortBySectionSelectWrapper, .ht2-Scope-consumerprovdirsearch .ht2-SortBySectionSelectWrapper {
      margin-left: 0
  }
  }
.ht2-Scope-kitchensink .ht2-ShowAllMapPointsLink, .ht2-MainContent-provdir-search .ht2-ShowAllMapPointsLink, .ht2-Scope-consumerprovdirsearch .ht2-ShowAllMapPointsLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.ht2-Scope-kitchensink .ht2-SearchSidebar, .ht2-MainContent-provdir-search .ht2-SearchSidebar, .ht2-Scope-consumerprovdirsearch .ht2-SearchSidebar {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

    max-width: var(--app-consumerProviderSearch-component-SearchSidebar-maxWidth);
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-SearchSidebar, .ht2-MainContent-provdir-search .ht2-SearchSidebar, .ht2-Scope-consumerprovdirsearch .ht2-SearchSidebar {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter)
  }
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-SearchSidebar, .ht2-MainContent-provdir-search .ht2-SearchSidebar, .ht2-Scope-consumerprovdirsearch .ht2-SearchSidebar {
      max-width: 100%
  }
  }
.ht2-Scope-kitchensink .ht2-SearchsResultsSection, .ht2-MainContent-provdir-search .ht2-SearchsResultsSection, .ht2-Scope-consumerprovdirsearch .ht2-SearchsResultsSection {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-SearchsResultsSection, .ht2-MainContent-provdir-search .ht2-SearchsResultsSection, .ht2-Scope-consumerprovdirsearch .ht2-SearchsResultsSection {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
  }
  }
.ht2-Scope-kitchensink .ht2-MessageBox, .ht2-MainContent-provdir-search .ht2-MessageBox, .ht2-Scope-consumerprovdirsearch .ht2-MessageBox {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-kitchensink .ht2-ProviderGeolocationLinks, .ht2-MainContent-provdir-search .ht2-ProviderGeolocationLinks, .ht2-Scope-consumerprovdirsearch .ht2-ProviderGeolocationLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.ht2-Scope-kitchensink .ht2-ViewMapLinkContainer, .ht2-MainContent-provdir-search .ht2-ViewMapLinkContainer, .ht2-Scope-consumerprovdirsearch .ht2-ViewMapLinkContainer {
    margin-right: var(--base-space-3);
  }
.ht2-Scope-kitchensink .ht2-MapMarkerContainer, .ht2-MainContent-provdir-search .ht2-MapMarkerContainer, .ht2-Scope-consumerprovdirsearch .ht2-MapMarkerContainer {
    margin-left: auto;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-MapMarkerContainer, .ht2-MainContent-provdir-search .ht2-MapMarkerContainer, .ht2-Scope-consumerprovdirsearch .ht2-MapMarkerContainer {
      margin-left: 0;
      text-align: center
  }
  }
.ht2-Scope-kitchensink .ht2-FacetedSearch, .ht2-MainContent-provdir-search .ht2-FacetedSearch, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch {
    /* This little block is needed to
    get the zip and distance inputs
    side by side. It can definitely be
    implemented in another way. */
  background: var(--component-PanePrimary-background);
  -webkit-box-shadow: var(--component-PanePrimary-boxShadow);
          box-shadow: var(--component-PanePrimary-boxShadow);
  margin-bottom: var(--base-space-gutter);
  border-width: var(--component-PanePrimary-borderWidth);
  border-style: var(--component-PanePrimary-borderStyle);
  border-color: var(--component-PanePrimary-borderColor);
  border-radius: var(--component-PanePrimary-borderRadius);

    padding: var(--base-space-4);
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-FacetedSearchHeader, .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-FacetedSearchHeader, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-FacetedSearchHeader {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      color: var(--base-colors-primary);
      margin-bottom: var(--base-space-2);
    }
.ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-DefinitionListDefinition, .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-DefinitionListDefinition, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-DefinitionListDefinition {
      margin-bottom: var(--base-space-3);
    }
.ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-Layout-PracticeWebsiteContainer, .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-Layout-PracticeWebsiteContainer, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-Layout-PracticeWebsiteContainer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
.ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-Layout-PracticeWebsite, .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-Layout-PracticeWebsite, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-Layout-PracticeWebsite {
      margin-top: 5px;
      margin-bottom: 5px;
    }
.ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-FacetedSearchViewMoreLink, .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-FacetedSearchViewMoreLink, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-FacetedSearchViewMoreLink {
      display: block;
      margin: var(--base-space-3) 0;
    }
.ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-Fieldset, .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-Fieldset, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-Fieldset {
      padding-top: var(--base-space-2);
      padding-bottom: var(--base-space-2);
    }
.ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-FieldsetList, .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-FieldsetList, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-FieldsetList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;

      -webkit-box-pack: justify;

          -ms-flex-pack: justify;

              justify-content: space-between;
    }
.ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-FieldsetList.ht2-FieldsetInputAndLabel:last-of-type, .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-FieldsetList.ht2-FieldsetInputAndLabel:last-of-type, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-FieldsetList.ht2-FieldsetInputAndLabel:last-of-type {
    margin-bottom: 0;
  }
.ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-FieldsetInputAndLabel, .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-FieldsetInputAndLabel, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-FieldsetInputAndLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);

      width: 100%;
    }
.ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-FieldsetInputAndLabel.ht2-FieldsetInputAndLabelSideBySide, .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-FieldsetInputAndLabel.ht2-FieldsetInputAndLabelSideBySide, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-FieldsetInputAndLabel.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-ZipInput,
    .ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-DistanceInput,
    .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-ZipInput,
    .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-DistanceInput,
    .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-ZipInput,
    .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-DistanceInput {
      width: calc(50% - var(--base-space-1));
    }
.ht2-Scope-kitchensink .ht2-FacetedSearch .ht2-ButtonsFieldset, .ht2-MainContent-provdir-search .ht2-FacetedSearch .ht2-ButtonsFieldset, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearch .ht2-ButtonsFieldset {
  --negOne: -1;
    --gutter: var(--base-space-gutterSmall);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));

      -webkit-box-pack: justify;

          -ms-flex-pack: justify;

              justify-content: space-between;
    }
.ht2-Scope-kitchensink .ht2-FacetedSearchCriteria, .ht2-MainContent-provdir-search .ht2-FacetedSearchCriteria, .ht2-Scope-consumerprovdirsearch .ht2-FacetedSearchCriteria {
    margin-bottom: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-ProviderCard, .ht2-MainContent-provdir-search .ht2-ProviderCard, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCard {
    display: grid;
    grid-template-columns: 1.25fr 0.5fr 0.75fr;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-ProviderCard, .ht2-MainContent-provdir-search .ht2-ProviderCard, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCard {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between
  }
  }
@media (max-width: 530px) {
.ht2-Scope-kitchensink .ht2-ProviderCard, .ht2-MainContent-provdir-search .ht2-ProviderCard, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCard {
      display: block
  }
  }
.ht2-Scope-kitchensink .ht2-ProviderInfoSectionWrapper, .ht2-MainContent-provdir-search .ht2-ProviderInfoSectionWrapper, .ht2-Scope-consumerprovdirsearch .ht2-ProviderInfoSectionWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
@media (max-width: 530px) {
.ht2-Scope-kitchensink .ht2-ProviderInfoSectionWrapper, .ht2-MainContent-provdir-search .ht2-ProviderInfoSectionWrapper, .ht2-Scope-consumerprovdirsearch .ht2-ProviderInfoSectionWrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center
  }
  }
.ht2-Scope-kitchensink .ht2-ProviderCardPhoto, .ht2-MainContent-provdir-search .ht2-ProviderCardPhoto, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardPhoto {
    max-width: 60px;
    margin-right: var(--base-space-3);
  }
@media (max-width: 530px) {
.ht2-Scope-kitchensink .ht2-ProviderCardPhoto, .ht2-MainContent-provdir-search .ht2-ProviderCardPhoto, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardPhoto {
      margin-right: 0
  }
  }
.ht2-Scope-kitchensink .ht2-ProviderCardMeta, .ht2-MainContent-provdir-search .ht2-ProviderCardMeta, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardMeta {
    min-width: 325px;
    margin-right: 0;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-ProviderCardMeta, .ht2-MainContent-provdir-search .ht2-ProviderCardMeta, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardMeta {
      min-width: 100px;
      width: 100%
  }
  }
@media (max-width: 530px) {
.ht2-Scope-kitchensink .ht2-ProviderCardMeta, .ht2-MainContent-provdir-search .ht2-ProviderCardMeta, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardMeta {
      text-align: center
  }
  }
.ht2-Scope-kitchensink .ht2-ProviderCardName, .ht2-MainContent-provdir-search .ht2-ProviderCardName, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardName {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);
  }
.ht2-Scope-kitchensink .ht2-ProviderCardMetaListItem, .ht2-MainContent-provdir-search .ht2-ProviderCardMetaListItem, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardMetaListItem {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

    margin-bottom: var(--base-space-1);
  }
.ht2-Scope-kitchensink .ht2-ProviderCardActionItems, .ht2-MainContent-provdir-search .ht2-ProviderCardActionItems, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardActionItems {
    margin-top: var(--base-space-3);
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-kitchensink .ht2-ProviderCardLocation, .ht2-MainContent-provdir-search .ht2-ProviderCardLocation, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardLocation {
    margin-left: var(--base-space-3);
  }
.ht2-Scope-kitchensink .ht2-ProviderCardInformation, .ht2-MainContent-provdir-search .ht2-ProviderCardInformation, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardInformation {
    min-width: 200px;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-ProviderCardInformation, .ht2-MainContent-provdir-search .ht2-ProviderCardInformation, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardInformation {
      min-width: 100px;
      text-align: center
  }
  }
.ht2-Scope-kitchensink .ht2-ProviderCardInformationLineText,
  .ht2-Scope-kitchensink .ht2-ProviderCardInformationHours,
  .ht2-Scope-kitchensink .ht2-ProviderCardInformationAddressSection,
  .ht2-MainContent-provdir-search .ht2-ProviderCardInformationLineText,
  .ht2-MainContent-provdir-search .ht2-ProviderCardInformationHours,
  .ht2-MainContent-provdir-search .ht2-ProviderCardInformationAddressSection,
  .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardInformationLineText,
  .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardInformationHours,
  .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardInformationAddressSection {
    display: block;
    margin-bottom: var(--base-space-2);
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-ProviderCardInformationLineText,
  .ht2-Scope-kitchensink .ht2-ProviderCardInformationHours,
  .ht2-Scope-kitchensink .ht2-ProviderCardInformationAddressSection,
  .ht2-MainContent-provdir-search .ht2-ProviderCardInformationLineText,
  .ht2-MainContent-provdir-search .ht2-ProviderCardInformationHours,
  .ht2-MainContent-provdir-search .ht2-ProviderCardInformationAddressSection,
  .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardInformationLineText,
  .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardInformationHours,
  .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardInformationAddressSection {
      text-align: center
  }
  }
.ht2-Scope-kitchensink .ht2-ProviderAddressTextLine, .ht2-MainContent-provdir-search .ht2-ProviderAddressTextLine, .ht2-Scope-consumerprovdirsearch .ht2-ProviderAddressTextLine {
    display: block;
  }
.ht2-Scope-kitchensink .ht2-ProviderCardInformationAddressText, .ht2-MainContent-provdir-search .ht2-ProviderCardInformationAddressText, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardInformationAddressText {
    display: block;
  }
.ht2-Scope-kitchensink .ht2-ProviderCulturalCompetenceList, .ht2-MainContent-provdir-search .ht2-ProviderCulturalCompetenceList, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCulturalCompetenceList {
    margin-bottom: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-ProviderCardAddressLinkGroup, .ht2-MainContent-provdir-search .ht2-ProviderCardAddressLinkGroup, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardAddressLinkGroup {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-ProviderCardAddressLinkGroup, .ht2-MainContent-provdir-search .ht2-ProviderCardAddressLinkGroup, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardAddressLinkGroup {
      grid-template-columns: 1fr;
      grid-gap: 5px 0
  }
  }
.ht2-Scope-kitchensink .ht2-ProviderCardAddressLinkGroupLink, .ht2-MainContent-provdir-search .ht2-ProviderCardAddressLinkGroupLink, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardAddressLinkGroupLink {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;

    display: block;
    margin-right: var(--base-space-gutter);
  }
.ht2-Scope-kitchensink .ht2-ProviderCardAddressLinkGroupLink:hover, .ht2-MainContent-provdir-search .ht2-ProviderCardAddressLinkGroupLink:hover, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardAddressLinkGroupLink:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-Scope-kitchensink .ht2-ProviderCardAddressLinkGroupLink:disabled, .ht2-MainContent-provdir-search .ht2-ProviderCardAddressLinkGroupLink:disabled, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardAddressLinkGroupLink:disabled {
    color: var(--component-Link_disabled-color);
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-ProviderCardAddressLinkGroupLink, .ht2-MainContent-provdir-search .ht2-ProviderCardAddressLinkGroupLink, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardAddressLinkGroupLink {
      margin-bottom: var(--base-space-1)
  }
  }
.ht2-Scope-kitchensink .ht2-ProviderCardAddressLinkGroupLink:last-of-type, .ht2-MainContent-provdir-search .ht2-ProviderCardAddressLinkGroupLink:last-of-type, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardAddressLinkGroupLink:last-of-type {
    margin-right: 0;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-ProviderCardAddressLinkGroupLink:last-of-type, .ht2-MainContent-provdir-search .ht2-ProviderCardAddressLinkGroupLink:last-of-type, .ht2-Scope-consumerprovdirsearch .ht2-ProviderCardAddressLinkGroupLink:last-of-type {
      margin-bottom: 0
  }
  }
.ht2-Scope-kitchensink .ht2-QualityRatings, .ht2-MainContent-provdir-search .ht2-QualityRatings, .ht2-Scope-consumerprovdirsearch .ht2-QualityRatings {
    min-width: 100px;
    margin: 0;
  }
.ht2-Scope-kitchensink .ht2-QualityRatings *, .ht2-MainContent-provdir-search .ht2-QualityRatings *, .ht2-Scope-consumerprovdirsearch .ht2-QualityRatings * {
      margin-bottom: var(--base-space-1);
    }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-QualityRatings, .ht2-MainContent-provdir-search .ht2-QualityRatings, .ht2-Scope-consumerprovdirsearch .ht2-QualityRatings {
      text-align: center;
      margin-bottom: var(--base-space-2)
  }
  }
.ht2-Scope-kitchensink .ht2-QualityRatingsIcons, .ht2-MainContent-provdir-search .ht2-QualityRatingsIcons, .ht2-Scope-consumerprovdirsearch .ht2-QualityRatingsIcons {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 10px;
    margin-bottom: var(--base-space-2);
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-QualityRatingsIcons, .ht2-MainContent-provdir-search .ht2-QualityRatingsIcons, .ht2-Scope-consumerprovdirsearch .ht2-QualityRatingsIcons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      grid-column-gap: unset;
      grid-template-columns: unset
  }
  }
@media print {
.ht2-Scope-kitchensink .ht2-QualityRatingsIcons, .ht2-MainContent-provdir-search .ht2-QualityRatingsIcons, .ht2-Scope-consumerprovdirsearch .ht2-QualityRatingsIcons {
      grid-template-columns: repeat(4, 1fr)
  }
    }
.ht2-Stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 800px) {
.ht2-Stars {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}
  }
.ht2-Star {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-StarIcon-mask);
          mask: var(--component-StarIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-Star-backgroundColor);
}
.ht2-FacetedSearchMyAddressSearchLabel,
.ht2-FacetedSearchPatientAgeSearchLabel {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);
    margin-bottom: var(--base-space-1);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: var(--base-space-2);
}
.ht2-KeywordSearchSectionRefineResultsInput {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  cursor: var(--component-TextInput-cursor);
  -webkit-box-shadow: var(--component-TextInput-boxShadow);
          box-shadow: var(--component-TextInput-boxShadow);

  background: var(--app-consumerProviderSearch-component-KeywordSearchSectionRefineResultsInput-background);
}
.ht2-KeywordSearchSectionRefineResultsInput::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-KeywordSearchSectionRefineResultsInput::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-KeywordSearchSectionRefineResultsInput:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-KeywordSearchSectionRefineResultsInput::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-KeywordSearchSectionRefineResultsInput::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-KeywordSearchSectionRefineResultsInput:disabled {
    cursor: not-allowed;
  }
.ht2-KeywordSearchSectionRefineResultsInput:disabled {
    background-color: var(--component-TextInput_disabled-backgroundColor);
    cursor: var(--component-TextInput_disabled-cursor);
  }
.ht2-KeywordSearchSectionRefineResultsInput::-webkit-input-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-KeywordSearchSectionRefineResultsInput::-moz-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-KeywordSearchSectionRefineResultsInput:-ms-input-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-KeywordSearchSectionRefineResultsInput::-ms-input-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-KeywordSearchSectionRefineResultsInput::placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-MainContent-provdir-providerDetail .ht2-PageHeader, .ht2-Scope-consumerprovdirproviderDetail .ht2-PageHeader {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-provdir-providerDetail .ht2-Layout-ContractDetailsTitle, .ht2-Scope-consumerprovdirproviderDetail .ht2-Layout-ContractDetailsTitle {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-provdir-providerDetail .ht2-Layout-LocationDetailsTitle, .ht2-Scope-consumerprovdirproviderDetail .ht2-Layout-LocationDetailsTitle {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-provdir-providerDetail .ht2-SectionTitleText, .ht2-Scope-consumerprovdirproviderDetail .ht2-SectionTitleText {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-provdir-providerDetail .ht2-MessageBox, .ht2-Scope-consumerprovdirproviderDetail .ht2-MessageBox {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-provdir-providerDetail .ht2-Tabs, .ht2-Scope-consumerprovdirproviderDetail .ht2-Tabs {
    margin-bottom: 30px;
  }
.ht2-MainContent-provdir-providerDetail .ht2-Layout-OfficeHoursSection, .ht2-Scope-consumerprovdirproviderDetail .ht2-Layout-OfficeHoursSection {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-provdir-providerDetail .ht2-Layout-OfficeHoursLabel, .ht2-Scope-consumerprovdirproviderDetail .ht2-Layout-OfficeHoursLabel {
    margin-bottom: var(--base-space-1);
  }
.ht2-PhotoAndPageTitle {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;
}
@media (max-width: 800px) {
.ht2-PhotoAndPageTitle {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter)
}
  }
@media (max-width: 800px) {
.ht2-PhotoAndPageTitle {
  display: block;
  margin-right: 0;
  margin-left: 0
}
  }
@media (max-width: 800px) {
.ht2-PhotoAndPageTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
}
  }
@media print {
.ht2-PhotoAndPageTitle {
    margin: var(--base-space-3) 0 0 0
}
  }
.ht2-PhotoAndPageTitlePhoto {
  max-width: 60px;
  margin-right: var(--base-space-2);
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 800px) {
.ht2-PhotoAndPageTitlePhoto {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
}
  }
.ht2-PhotoAndPageTitlePageTitleWrapper {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 800px) {
.ht2-PhotoAndPageTitlePageTitleWrapper {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter)
}
  }
@media (max-width: 800px) {
.ht2-PhotoAndPageTitlePageTitleWrapper {
    margin-bottom: 0
}
  }
.ht2-PhotoAndPageTitlePageTitle {
    font-size: var(--component-lib__PageTitleText-fontSize);
    font-weight: var(--component-lib__PageTitleText-fontWeight);
    line-height: var(--component-lib__PageTitleText-lineHeight);
    color: var(--component-lib__PageTitleText-color);
    font-family: var(--component-lib__PageTitleText-fontFamily);
    padding-bottom: var(--component-lib__PageTitleText-paddingBottom);
    margin-bottom: var(--component-lib__PageTitleText-marginBottom);
    position: var(--component-lib__PageTitleText-position);
    text-transform: var(--component-lib__PageTitleText-textTransform);

  line-height: var(--app-externalConsumerProviderSearch-component-PhotoAndPageTitlePageTitle-lineHeight);
}
.ht2-PhotoAndPageTitlePageTitle::before {
        content: var(--component-lib__PageTitleText_before-content);
        position: var(--component-lib__PageTitleText_before-position);
        left: var(--component-lib__PageTitleText_before-left);
        bottom: var(--component-lib__PageTitleText_before-bottom);
        height: var(--component-lib__PageTitleText_before-height);
        width: var(--component-lib__PageTitleText_before-width);
        border-bottom: var(--component-lib__PageTitleText_before-borderBottom)
    }
@media (max-width: 800px) {
.ht2-PhotoAndPageTitlePageTitle {
    text-align: left
}
  }
.ht2-ProviderDetails {
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));

  margin-bottom: var(--base-space-4);
}
@media (max-width: 800px) {
.ht2-ProviderDetails {
  display: block;
  margin-right: 0;
  margin-left: 0;
}
  }
.ht2-ProviderDetailsColumn {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 800px) {
.ht2-ProviderDetailsColumn {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
}
  }
.ht2-ProviderDetailsColumnTitleText {
    font-size: var(--component-lib__SubPageTitleText-fontSize);
    font-weight: var(--component-lib__SubPageTitleText-fontWeight);
    color: var(--component-lib__SubPageTitleText-color);
    line-height: var(--component-lib__SubPageTitleText-lineHeight);
    font-family: var(--component-lib__SubPageTitleText-fontFamily);

  color: var(--app-consumerProviderSearch-component-ProviderDetailsColumnTitleText-color);
  margin-bottom: var(--base-space-3);
}
.ht2-ProviderDetails[\:has\(.ht2-TrainingSectionColumn\)] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ht2-ProviderDetails:has(.ht2-TrainingSectionColumn) {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ht2-ProviderDetails[\:has\(.ht2-TrainingSectionColumn\)] .ht2-ProviderDetailsColumn,
.ht2-ProviderDetails[\:has\(.ht2-TrainingSectionColumn\)]
  .ht2-TrainingSectionColumn {
  width: 47%;
  float: left;
  margin-bottom: 10px;
}
.ht2-ProviderDetails:has(.ht2-TrainingSectionColumn) .ht2-ProviderDetailsColumn,
.ht2-ProviderDetails:has(.ht2-TrainingSectionColumn)
  .ht2-TrainingSectionColumn {
  width: 47%;
  float: left;
  margin-bottom: 10px;
}
.ht2-ProviderDetails[\:has\(.ht2-TrainingSectionColumn\)]
  .ht2-ProviderDetailColumnWrapper {
  margin-left: 0;
}
.ht2-ProviderDetails:has(.ht2-TrainingSectionColumn)
  .ht2-ProviderDetailColumnWrapper {
  margin-left: 0;
}
.ht2-Scope-consumerprovdirproviderDetail .ht2-LocationTableWrapper, .ht2-MainContent-provdir-providerDetail .ht2-LocationTableWrapper {
    margin-bottom: var(--base-space-4);
  }
.ht2-Scope-consumerprovdirproviderDetail .ht2-ProviderLocationLayoutTable, .ht2-MainContent-provdir-providerDetail .ht2-ProviderLocationLayoutTable {
    width: 100%;
  }
.ht2-Scope-consumerprovdirproviderDetail .ht2-DefinitionListTermAndDefinition, .ht2-MainContent-provdir-providerDetail .ht2-DefinitionListTermAndDefinition {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-consumerprovdirproviderDetail .ht2-ProviderLocationLayoutTableLeftHeading, .ht2-MainContent-provdir-providerDetail .ht2-ProviderLocationLayoutTableLeftHeading {
    font-size: var(--component-lib__SubPageTitleText-fontSize);
    font-weight: var(--component-lib__SubPageTitleText-fontWeight);
    color: var(--component-lib__SubPageTitleText-color);
    line-height: var(--component-lib__SubPageTitleText-lineHeight);
    font-family: var(--component-lib__SubPageTitleText-fontFamily);
	text-align: var(--component-ProviderLocationLayoutLeftHeader-textAlign);
	color: var(--component-ProviderLocationLayoutLeftHeader-color);
	padding-bottom: var(--component-ProviderLocationLayoutLeftHeader-paddingBottom);
  }
.ht2-Scope-consumerprovdirproviderDetail .ht2-ProviderLocationLayoutTableRightHeading, .ht2-MainContent-provdir-providerDetail .ht2-ProviderLocationLayoutTableRightHeading {
    font-size: var(--component-lib__SubPageTitleText-fontSize);
    font-weight: var(--component-lib__SubPageTitleText-fontWeight);
    color: var(--component-lib__SubPageTitleText-color);
    line-height: var(--component-lib__SubPageTitleText-lineHeight);
    font-family: var(--component-lib__SubPageTitleText-fontFamily);
	text-align: var(--component-ProviderLocationLayoutRightHeader-textAlign);
	color: var(--component-ProviderLocationLayoutRightHeader-color);
	padding-bottom: var(--component-ProviderLocationLayoutRightHeader-paddingBottom);
  }
.ht2-Scope-consumerprovdirproviderDetail .ht2-Layout-ProviderLocationPracticeName, .ht2-MainContent-provdir-providerDetail .ht2-Layout-ProviderLocationPracticeName {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-consumerprovdirproviderDetail .ht2-ProviderLocationBodyText, .ht2-MainContent-provdir-providerDetail .ht2-ProviderLocationBodyText {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-consumerprovdirproviderDetail .ht2-ProviderDetailLocationInfoList, .ht2-MainContent-provdir-providerDetail .ht2-ProviderDetailLocationInfoList {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-consumerprovdirproviderDetail .ht2-ReturnLinkWrapper, .ht2-MainContent-provdir-providerDetail .ht2-ReturnLinkWrapper {
    margin-bottom: var(--base-space-4);
  }
.ht2-ShowAllMapPointsAnchorContainer {
  margin-bottom: var(--base-space-4);
}
.ht2-ViewProviderDetailsAtLocationAnchor {
  margin-bottom: var(--base-space-2);
  display: block;
}
.ht2-DetailMapMarkerContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ht2-ProviderInnaccurateInfoTextareaLabel {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);

  margin-bottom: var(--base-space-2);
}
.ht2-ProviderInnacurateInfoTextarea {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  box-sizing: border-box;
  min-width: 350px;
  min-height: 200px;
  cursor: var(--component-TextArea-cursor);
  border-radius: var(--component-TextArea-borderRadius);
  width: 100%;
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  box-sizing: border-box;
  min-width: 350px;
  min-height: 200px;
  cursor: var(--component-TextArea-cursor);
  border-radius: var(--component-TextArea-borderRadius);
  resize: none;

  margin-bottom: var(--base-space-2);
}
.ht2-ProviderInnacurateInfoTextarea::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ProviderInnacurateInfoTextarea::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ProviderInnacurateInfoTextarea:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ProviderInnacurateInfoTextarea::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ProviderInnacurateInfoTextarea::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ProviderInnacurateInfoTextarea:disabled {
    cursor: not-allowed;
  }
.ht2-ProviderInnacurateInfoTextarea::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ProviderInnacurateInfoTextarea::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ProviderInnacurateInfoTextarea:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ProviderInnacurateInfoTextarea::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ProviderInnacurateInfoTextarea::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-ProviderInnacurateInfoTextarea:disabled {
    cursor: not-allowed;
  }
.ht2-ProviderMap {
  width: 100%;
  height: 310px;
  background: var(--base-colors-canvas);
  border: 1px solid var(--base-colors-grey4);
  margin-bottom: var(--base-space-4);
}
.ht2-MyProvidersSectionHeading {
    font-size: var(--component-lib__SubPageTitleText-fontSize);
    font-weight: var(--component-lib__SubPageTitleText-fontWeight);
    color: var(--component-lib__SubPageTitleText-color);
    line-height: var(--component-lib__SubPageTitleText-lineHeight);
    font-family: var(--component-lib__SubPageTitleText-fontFamily);

  margin-bottom: var(--base-space-2);
}
.ht2-MyProvidersSectionBody {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  margin-bottom: var(--base-space-2);
}
.ht2-MyProvidersSection {
  margin-bottom: var(--base-space-3);
}
.ht2-ProviderMapLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--base-space-3);
}
@media (max-width: 800px) {
.ht2-ProviderMapLinks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}
  }
.ht2-ProviderMapLinksLinkContainer {
  margin-right: var(--base-space-2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 800px) {
.ht2-ProviderMapLinksLinkContainer {
    margin-right: 0;
    margin-bottom: var(--base-space-2)
}
  }
.ht2-DistanceLabel {
  white-space: nowrap;
}
.ht2-QualityRatingsExplanationSectionTitle {
    font-size: var(--component-lib__SubPageTitleText-fontSize);
    font-weight: var(--component-lib__SubPageTitleText-fontWeight);
    color: var(--component-lib__SubPageTitleText-color);
    line-height: var(--component-lib__SubPageTitleText-lineHeight);
    font-family: var(--component-lib__SubPageTitleText-fontFamily);

  margin-bottom: var(--base-space-3);
}
.ht2-QualityRatingsExplanationsExplanation {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  display: grid;
  grid-template-columns: 0.25fr 5fr;
  grid-column-gap: 10px;
  margin-bottom: var(--base-space-2);
}
.ht2-QualityRatingsExplanationText {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  -ms-flex-item-align: center;

      align-self: center;
}
.ht2-MainContent-subject-listDocuments .ht2-PageHeader {
    margin-bottom: var(--base-space-5);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentManagerListDocumentsControls {
    margin: var(--base-space-5) 0;
  }
.ht2-MainContent-subject-listDocuments .ht2-Layout-DocumentSearchSectionTitle {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentManagerFilters {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-row-gap: var(--base-space-2);
    grid-row-gap: var(--base-space-2);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentManagerFiltersContainer {
  background: var(--component-PanePrimary-background);
  -webkit-box-shadow: var(--component-PanePrimary-boxShadow);
          box-shadow: var(--component-PanePrimary-boxShadow);
  margin-bottom: var(--base-space-gutter);
  border-width: var(--component-PanePrimary-borderWidth);
  border-style: var(--component-PanePrimary-borderStyle);
  border-color: var(--component-PanePrimary-borderColor);
  border-radius: var(--component-PanePrimary-borderRadius);

    padding: 30px;
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentFilterPayorCategory {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
@media (max-width: 530px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentFilterPayorCategory {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentFilterFirstLevelCategory {
      margin-bottom: var(--base-space-2)
  }
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentFilterFirstLevelCategory,
  .ht2-MainContent-subject-listDocuments .ht2-DocumentFilterSecondLevelCategory {
    width: calc(50% - var(--base-space-2));
  }
@media (max-width: 530px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentFilterFirstLevelCategory,
  .ht2-MainContent-subject-listDocuments .ht2-DocumentFilterSecondLevelCategory {
      width: 100%
  }
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentActionBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
@media (max-width: 800px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentActionBar {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column
  }
  }
.ht2-MainContent-subject-listDocuments .ht2-DocmanBulkActionBarSubmit {
    margin-right: var(--base-space-1);
    max-width: 200px;
  }
.ht2-MainContent-subject-listDocuments .ht2-EditButton,
  .ht2-MainContent-subject-listDocuments .ht2-DownloadButton {
    margin-right: var(--base-space-1);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentActionButtonsContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.ht2-MainContent-subject-listDocuments .ht2-SearchByMemberResultChipContainer {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  padding: var(--base-space-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-row-gap: var(--base-space-1);
  grid-row-gap: var(--base-space-1);
  grid-column-gap: var(--base-space-1);
  -webkit-column-gap: var(--base-space-1);
     -moz-column-gap: var(--base-space-1);
          grid-column-gap: var(--base-space-1);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);

    margin-bottom: var(--base-space-1);
    height: auto;
    min-height: var(--component-lib__Input-height);
  }
.ht2-MainContent-subject-listDocuments .ht2-SearchByMemberResultChipContainer::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-subject-listDocuments .ht2-SearchByMemberResultChipContainer::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-subject-listDocuments .ht2-SearchByMemberResultChipContainer:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-subject-listDocuments .ht2-SearchByMemberResultChipContainer::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-subject-listDocuments .ht2-SearchByMemberResultChipContainer::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-subject-listDocuments .ht2-SearchByMemberResultChipContainer:disabled {
    cursor: not-allowed;
  }
@media (max-width: 800px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentActionBarButtonsContainer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column
  }
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentActionBarPermanentlyDeleteContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-MainContent-subject-listDocuments .ht2-DocmanBulkActionBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: var(--base-space-3) 0;
  }
.ht2-MainContent-subject-listDocuments .ht2-DocmanBulkActionBarText {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

    margin-right: var(--base-space-3);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocmanBulkActionBarCheckAll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-MainContent-subject-listDocuments .ht2-DocmanBulkActionBarCheckAllLabel {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);

    margin-right: var(--base-space-2);
  }
.ht2-MainContent-subject-listDocuments .ht2-GeneratedSelectWrapperDocmanBulkActionBarSubmit {
    margin-right: var(--base-space-3);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentContainer {
    width: 100%;
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--base-space-gutter);
  }
@media (max-width: 800px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentHeader {
      margin-bottom: var(--base-space-gutterSmall);
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
  }
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: var(--base-space-gutter);
  }
@media (max-width: 800px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentBody {
      margin-bottom: var(--base-space-gutterSmall)
  }
  }
@media (max-width: 800px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentIcons {
      width: 100%
  }
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentIcon {
    margin-right: var(--base-space-gutter);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentActionButton {
    background: var(--component-lib__ButtonSecondary-background);
    border-top-width: var(--component-lib__ButtonSecondary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonSecondary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonSecondary-borderTopColor);
    border-right-width: var(--component-lib__ButtonSecondary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonSecondary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonSecondary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonSecondary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonSecondary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonSecondary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonSecondary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonSecondary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonSecondary-borderLeftColor);
    color: var(--component-lib__ButtonSecondary-color);
    font-weight: var(--component-lib__ButtonSecondary-fontWeight);
    border-radius: var(--component-lib__ButtonSecondary-borderRadius);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);

    margin-right: var(--base-space-2);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentActionButton:hover {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentActionButton:active {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentActionButton:disabled {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth);
        cursor: not-allowed
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentActionButton:disabled:hover {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth)
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentActionButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
@media (max-width: 800px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentActionButton {
      margin-right: 0;
      margin-bottom: var(--base-space-2)
  }
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDownloadLink {
    margin-right: auto;
  }
@media (max-width: 800px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentDownloadLink {
      width: 100%;
      margin-bottom: var(--base-space-gutterSmall)
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentNameContainer {
      word-wrap: anywhere
  }
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentUploadDate {
    white-space: nowrap;
    margin-right: var(--base-space-gutter);
  }
@media (max-width: 800px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentUploadDate {
      margin-right: 0;
      margin-bottom: var(--base-space-gutterSmall)
  }
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButton {
	padding-top: var(--component-PageAction-paddingTop);
	padding-left: var(--component-PageAction-paddingLeft);
	padding-bottom: var(--component-PageAction-paddingBottom);
	padding-right: var(--component-PageAction-paddingRight);
	color: var(--component-PageAction-color);
	background-color: var(--component-PageAction-backgroundColor);
	border-radius: var(--component-PageAction-borderRadius);
	border-width: var(--component-PageAction-borderWidth);
	font-family: var(--component-PageAction-fontFamily);
	font-weight: var(--component-PageAction-fontWeight);
	font-size: var(--component-PageAction-fontSize);
	height: var(--component-PageAction-height);
	border-left-color: var(--component-PageAction-borderLeftColor);
	border-top-color: var(--component-PageAction-borderTopColor);
	border-right-color: var(--component-PageAction-borderRightColor);
	border-bottom-color: var(--component-PageAction-borderBottomColor);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButton::before {
	background: var(--component-PageAction_before-background);
	margin-right: var(--component-PageAction_before-marginRight);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButton:hover {
	background: var(--component-PageAction_hover-background);
	color: var(--component-PageAction_hover-color);
	border-left-color: var(--component-PageAction_hover-borderLeftColor);
	border-top-color: var(--component-PageAction_hover-borderTopColor);
	border-right-color: var(--component-PageAction_hover-borderRightColor);
	border-bottom-color: var(--component-PageAction_hover-borderBottomColor);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButton:hover::before {
	background: var(--component-PageAction_hover_before-background);
	color: var(--component-PageAction_hover_before-color);
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButton:disabled {
    background: var(--base-colors-grey3);
    color: var(--base-colors-grey5);
    cursor: not-allowed;
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButton:disabled::before {
      background: var(--base-colors-grey5);
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButton:disabled:hover::before {
      background: var(--base-colors-grey5);
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButton::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-TrashIcon-mask);
          mask: var(--component-TrashIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-TrashIcon-backgroundColor);

    content: '';
    display: block;
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled {
	padding-top: var(--component-PageAction-paddingTop);
	padding-left: var(--component-PageAction-paddingLeft);
	padding-bottom: var(--component-PageAction-paddingBottom);
	padding-right: var(--component-PageAction-paddingRight);
	color: var(--component-PageAction-color);
	background-color: var(--component-PageAction-backgroundColor);
	border-radius: var(--component-PageAction-borderRadius);
	border-width: var(--component-PageAction-borderWidth);
	font-family: var(--component-PageAction-fontFamily);
	font-weight: var(--component-PageAction-fontWeight);
	font-size: var(--component-PageAction-fontSize);
	height: var(--component-PageAction-height);
	border-left-color: var(--component-PageAction-borderLeftColor);
	border-top-color: var(--component-PageAction-borderTopColor);
	border-right-color: var(--component-PageAction-borderRightColor);
	border-bottom-color: var(--component-PageAction-borderBottomColor);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
	padding-top: var(--component-PageAction-paddingTop);
	padding-left: var(--component-PageAction-paddingLeft);
	padding-bottom: var(--component-PageAction-paddingBottom);
	padding-right: var(--component-PageAction-paddingRight);
	color: var(--component-PageAction-color);
	background-color: var(--component-PageAction-backgroundColor);
	border-radius: var(--component-PageAction-borderRadius);
	border-width: var(--component-PageAction-borderWidth);
	font-family: var(--component-PageAction-fontFamily);
	font-weight: var(--component-PageAction-fontWeight);
	font-size: var(--component-PageAction-fontSize);
	height: var(--component-PageAction-height);
	border-left-color: var(--component-PageAction-borderLeftColor);
	border-top-color: var(--component-PageAction-borderTopColor);
	border-right-color: var(--component-PageAction-borderRightColor);
	border-bottom-color: var(--component-PageAction-borderBottomColor);
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	background: var(--base-colors-grey3);
	color: var(--base-colors-grey5);
	cursor: not-allowed;
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled::before {
	background: var(--component-PageAction_before-background);
	margin-right: var(--component-PageAction_before-marginRight);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled:hover {
	background: var(--component-PageAction_hover-background);
	color: var(--component-PageAction_hover-color);
	border-left-color: var(--component-PageAction_hover-borderLeftColor);
	border-top-color: var(--component-PageAction_hover-borderTopColor);
	border-right-color: var(--component-PageAction_hover-borderRightColor);
	border-bottom-color: var(--component-PageAction_hover-borderBottomColor);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled:hover::before {
	background: var(--component-PageAction_hover_before-background);
	color: var(--component-PageAction_hover_before-color);
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled:disabled {
    background: var(--base-colors-grey3);
    color: var(--base-colors-grey5);
    cursor: not-allowed;
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled:disabled::before {
      background: var(--base-colors-grey5);
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled:disabled:hover::before {
      background: var(--base-colors-grey5);
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-TrashIcon-mask);
          mask: var(--component-TrashIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-TrashIcon-backgroundColor);

    content: '';
    display: block;
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled::before {
	background: var(--component-PageAction_before-background);
	margin-right: var(--component-PageAction_before-marginRight);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled:hover {
	background: var(--component-PageAction_hover-background);
	color: var(--component-PageAction_hover-color);
	border-left-color: var(--component-PageAction_hover-borderLeftColor);
	border-top-color: var(--component-PageAction_hover-borderTopColor);
	border-right-color: var(--component-PageAction_hover-borderRightColor);
	border-bottom-color: var(--component-PageAction_hover-borderBottomColor);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled:hover::before {
	background: var(--component-PageAction_hover_before-background);
	color: var(--component-PageAction_hover_before-color);
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled:disabled {
    background: var(--base-colors-grey3);
    color: var(--base-colors-grey5);
    cursor: not-allowed;
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled:disabled::before {
      background: var(--base-colors-grey5);
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled:disabled:hover::before {
      background: var(--base-colors-grey5);
    }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled::before {
    background: var(--base-colors-grey5);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDeleteButtonDisabled:hover::before {
    background: var(--base-colors-grey5);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentIconStatus {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

    margin-top: var(--base-space-1);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDetailsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
@media (max-width: 530px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentDetailsList {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
  }
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentDetail {
    margin-right: calc(var(--base-space-5) + var(--base-space-5));
  }
@media (max-width: 530px) {
.ht2-MainContent-subject-listDocuments .ht2-DocumentDetail {
      width: 100%;
      margin-right: 0
  }
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentCategories {
    margin-top: var(--base-space-2);
  }
.ht2-MainContent-subject-listDocuments .ht2-DocumentCategory {
  background-color: var(--base-colors-grey2);
  border-radius: 100px;
  padding: 6px 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  }
.ht2-DocumentIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-DocumentIcons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht2-ToggleDocManagerViewMode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht2-ToggleDocManagerDocumentsListTableMode {
  width: 45px;
  height: 40px;
  background-color: var(--base-colors-grey3);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-ToggleDocManagerDocumentsListTableModeActive {
  background-color: var(--base-colors-primary);
}
.ht2-ToggleDocManagerDocumentsListTableModeIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-DocmanTableViewIcon-mask);
          mask: var(--component-DocmanTableViewIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-white);

  width: 26px;
  height: 24px;
  background-color: var(--base-colors-white);
}
.ht2-ToggleDocManagerDocumentsListSnapshotMode {
  width: 45px;
  height: 40px;
  background-color: var(--base-colors-grey3);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-ToggleDocManagerDocumentsListSnapshotModeActive {
  background-color: var(--base-colors-primary);
}
.ht2-ToggleDocManagerDocumentsListSnapshotModeIcon {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-DocmanSnapshotViewIcon-mask);
          mask: var(--component-DocmanSnapshotViewIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-white);

  width: 26px;
  height: 24px;
  background-color: var(--base-colors-white);
}
.ht2-DocumentFiltersList {
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;
  grid-row-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 800px) {
.ht2-DocumentFiltersList {
  display: block;
  margin-right: 0;
  margin-left: 0;
}
  }
.ht2-DocumentFiltersListFilter {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

  width: calc(33% - var(--gutter) - var(--gutter));
  margin-bottom: 0;
}
@media (max-width: 800px) {
.ht2-DocumentFiltersListFilter {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter)
}
  }
@media (max-width: 800px) {
.ht2-DocumentFiltersListFilter {
    width: 100%
}
  }
.ht2-DocumentFiltersClearButton {
    background: var(--component-lib__ButtonGhost-background);
    border-top-width: var(--component-lib__ButtonGhost-borderTopWidth);
    border-top-style: var(--component-lib__ButtonGhost-borderTopStyle);
    border-top-color: var(--component-lib__ButtonGhost-borderTopColor);
    border-right-width: var(--component-lib__ButtonGhost-borderRightWidth);
    border-right-style: var(--component-lib__ButtonGhost-borderRightStyle);
    border-right-color: var(--component-lib__ButtonGhost-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonGhost-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonGhost-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonGhost-borderBottomColor);
    border-left-width: var(--component-lib__ButtonGhost-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonGhost-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonGhost-borderLeftColor);
    color: var(--component-lib__ButtonGhost-color);
    font-weight: var(--component-lib__ButtonGhost-fontWeight);
    border-radius: var(--component-lib__ButtonGhost-borderRadius);
    padding-top: var(--component-lib__ButtonGhost-paddingTop);
    padding-right: var(--component-lib__ButtonGhost-paddingRight);
    padding-bottom: var(--component-lib__ButtonGhost-paddingBottom);
    padding-left: var(--component-lib__ButtonGhost-paddingLeft);
    height: var(--component-lib__ButtonGhost-height);
    -webkit-text-decoration: var(--component-lib__ButtonGhost-textDecoration);
            text-decoration: var(--component-lib__ButtonGhost-textDecoration);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);

  margin-left: var(--base-space-2);
}
.ht2-DocumentFiltersClearButton:hover {
        color: var(--component-lib__ButtonGhost_hover-color);
        background: var(--component-lib__ButtonGhost_hover-background);
        border-top-color: var(--component-lib__ButtonGhost_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration)
    }
.ht2-DocumentFiltersClearButton:active {
        color: var(--component-lib__ButtonGhost_hover-color);
        background: var(--component-lib__ButtonGhost_hover-background);
        border-top-color: var(--component-lib__ButtonGhost_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonGhost_hover-textDecoration)
    }
.ht2-DocumentFiltersClearButton:disabled {
        color: var(--component-lib__ButtonGhost_disabled-color);
        background: var(--component-lib__ButtonGhost_disabled-background);
        border-top-color: var(--component-lib__ButtonGhost_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-DocumentFiltersClearButton:disabled:hover {
        color: var(--component-lib__ButtonGhost_disabled-color);
        background: var(--component-lib__ButtonGhost_disabled-background);
        border-top-color: var(--component-lib__ButtonGhost_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonGhost_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonGhost_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonGhost_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-DocumentFiltersClearButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-DocumentManagerListDocumentsControls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (max-width: 800px) {
.ht2-DocumentManagerListDocumentsControls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
}
  }
.ht2-DocumentManagerListDocumentsControlsSortBy {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: var(--base-space-gutter);
}
@media (max-width: 800px) {
.ht2-DocumentManagerListDocumentsControlsSortBy {
    margin-bottom: var(--base-space-gutter)
}
  }
.ht2-DocumentManagerListDocumentsControlsToggleMode {
  width: auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: auto;
}
@media (max-width: 800px) {
.ht2-DocumentManagerListDocumentsControlsToggleMode {
    margin-left: auto
}
  }
.ht2-DocumentManagerListDocumentsControlsResultsSizeDropdown {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 530px) {
.ht2-DocumentManagerListDocumentsControlsResultsSizeDropdown {
    margin-bottom: var(--base-space-2)
}
  }
.ht2-DocumentManagerDocumentsList {
  margin-bottom: var(--base-space-3);
}
.ht2-MainContent-single-viewDocument .ht2-PageHeader {
    padding-top: var(--base-space-3);
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-single-viewDocument .ht2-ChipContainer {
    grid-gap: 10px;
    grid-gap: 10px;
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-single-viewDocument .ht2-DeletableChip {
    margin: 0;
  }
.ht2-MainContent-single-viewDocument .ht2-SectionTitleText {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-single-viewDocument .ht2-UploadFileTable {
    margin-top: var(--base-space-3);
  }
.ht2-MainContent-single-viewDocument .ht2-RemoveDocumentButton {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-TrashIcon-mask);
          mask: var(--component-TrashIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-TrashIcon-backgroundColor);

    background: var(--base-colors-primary);
  }
.ht2-MainContent-single-viewDocument .ht2-DocumentMetadataItem {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-single-viewDocument .ht2-DocumentManagerShareMemberSection {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-single-viewDocument .ht2-DocumentManagerUploadDocumentControls {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-single-viewDocument .ht2-DocumentManagerSharingSection {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-single-viewDocument .ht2-DocumentManagerSharingDocumentWithLabel {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-single-viewDocument .ht2-CommentsOnDocument,
  .ht2-MainContent-single-viewDocument .ht2-NoCommentsOnDocument {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-single-viewDocument .ht2-LabelWrappedCheckables {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-single-viewDocument .ht2-DocumentManagerCommentsSection {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-single-viewDocument .ht2-DocumentManagerMyCategoriesSection {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-single-viewDocument .ht2-Textarea {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-single-viewDocument .ht2-DocumentManagerCommentSection {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-single-viewDocument .ht2-DocumentFiltersCheckboxAndLabel {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);
  }
.ht2-MainContent-single-viewDocument .ht2-DocumentParentCatLabelWrapper,
  .ht2-MainContent-single-viewDocument .ht2-DocumentSubCatLabelWrapper {
    margin: var(--base-space-1) 0;
  }
.ht2-MainContent-single-viewDocument .ht2-DocumentFilterFirstLevelCategory {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-single-viewDocument .ht2-DocumentFilterPayorCategory {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-single-viewDocument .ht2-Layout-BottomActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: var(--base-space-3);
    grid-gap: var(--base-space-3);
  }
/* Below class is generated */
.ht2-Scope-kitchensink .ht2-ChipContainer, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ChipContainer {
    grid-gap: 10px;
    grid-gap: 10px;
  }
.ht2-Scope-kitchensink .ht2-DeletableChip, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-DeletableChip {
    margin: 0;
  }
.ht2-Scope-kitchensink .ht2-SharingWithSelections, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-SharingWithSelections {
    margin-bottom: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-Layout-SharingWithButtonGroup, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-Layout-SharingWithButtonGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-column-gap: var(--base-space-2);
    -webkit-column-gap: var(--base-space-2);
       -moz-column-gap: var(--base-space-2);
            grid-column-gap: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-Layout-ProvideCriteriaMessage, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-Layout-ProvideCriteriaMessage {
    display: block;
    margin-bottom: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-DocumentManagerSharingWithLabel, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-DocumentManagerSharingWithLabel {
    margin-bottom: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-Table, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-Table {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-kitchensink .ht2-SectionTitleText, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-SectionTitleText {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  cursor: var(--component-TextInput-cursor);
  -webkit-box-shadow: var(--component-TextInput-boxShadow);
          box-shadow: var(--component-TextInput-boxShadow);

    width: auto;
    margin-right: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput::-webkit-input-placeholder, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput::-moz-placeholder, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput:-ms-input-placeholder, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput::-ms-input-placeholder, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput::placeholder, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput:disabled, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput:disabled {
    cursor: not-allowed;
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput:disabled, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput:disabled {
    background-color: var(--component-TextInput_disabled-backgroundColor);
    cursor: var(--component-TextInput_disabled-cursor);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput::-webkit-input-placeholder, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput::-webkit-input-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput::-moz-placeholder, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput::-moz-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput:-ms-input-placeholder, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput:-ms-input-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput::-ms-input-placeholder, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput::-ms-input-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearchTextInput::placeholder, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearchTextInput::placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-Scope-kitchensink .ht2-ShareDocumentSearch, .ht2-ScopeModal-AppDocMgrShareWithResults .ht2-ShareDocumentSearch {
    margin-bottom: var(--base-space-2);
  }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-PatientSearchMembersSubmitButton {
    background: var(--component-lib__ButtonPrimary-background);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonPrimary-borderTopColor);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonPrimary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonPrimary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonPrimary-borderLeftColor);
    color: var(--component-lib__ButtonPrimary-color);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    border-radius: var(--component-lib__ButtonPrimary-borderRadius);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
  }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-PatientSearchMembersSubmitButton:hover {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-PatientSearchMembersSubmitButton:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-PatientSearchMembersSubmitButton:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-PatientSearchMembersSubmitButton:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-PatientSearchMembersSubmitButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-PatientSearchMembersCancelButton {
    background: var(--component-lib__ButtonSecondary-background);
    border-top-width: var(--component-lib__ButtonSecondary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonSecondary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonSecondary-borderTopColor);
    border-right-width: var(--component-lib__ButtonSecondary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonSecondary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonSecondary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonSecondary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonSecondary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonSecondary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonSecondary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonSecondary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonSecondary-borderLeftColor);
    color: var(--component-lib__ButtonSecondary-color);
    font-weight: var(--component-lib__ButtonSecondary-fontWeight);
    border-radius: var(--component-lib__ButtonSecondary-borderRadius);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
  }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-PatientSearchMembersCancelButton:hover {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-PatientSearchMembersCancelButton:active {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-PatientSearchMembersCancelButton:disabled {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth);
        cursor: not-allowed
    }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-PatientSearchMembersCancelButton:disabled:hover {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth)
    }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-PatientSearchMembersCancelButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-RadioButtonAndLabel {
    margin-bottom: var(--base-space-2);
  }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-MessageBox {
    margin-top: var(--base-space-3);
  }
.ht2-ScopeModal-AppWidgetsGenericPatientSearchForm .ht2-Table {
    margin-top: var(--base-space-3);
  }
.ht2-ErrorDisclaimer {
  background-color: var(--component-MessageBoxErrorMessage-backgroundColor);
  color: var(--component-MessageBoxErrorMessage-color);
  border-top-color: var(--component-MessageBoxErrorMessage-borderTopColor);
  border-bottom-color: var(--component-MessageBoxErrorMessage-borderBottomColor);
  border-left-color: var(--component-MessageBoxErrorMessage-borderLeftColor);
  border-right-color: var(--component-MessageBoxErrorMessage-borderRightColor);
  border-style: solid;
  border-top-width: var(--component-MessageBoxErrorMessage-borderTopWidth);
  border-bottom-width: var(--component-MessageBoxErrorMessage-borderBottomWidth);
  border-left-width: var(--component-MessageBoxErrorMessage-borderLeftWidth);
  border-right-width: var(--component-MessageBoxErrorMessage-borderRightWidth);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: var(--base-space-4);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: var(--base-space-3);
}
.ht2-WarningDisclaimer {
  background-color: var(--component-MessageBoxWarningMessage-backgroundColor);
  color: var(--component-MessageBoxWarningMessage-color);
  border-top-color: var(--component-MessageBoxWarningMessage-borderTopColor);
  border-bottom-color: var(--component-MessageBoxWarningMessage-borderBottomColor);
  border-left-color: var(--component-MessageBoxWarningMessage-borderLeftColor);
  border-right-color: var(--component-MessageBoxWarningMessage-borderRightColor);
  border-style: solid;
  border-top-width: var(--component-MessageBoxWarningMessage-borderTopWidth);
  border-bottom-width: var(--component-MessageBoxWarningMessage-borderBottomWidth);
  border-left-width: var(--component-MessageBoxWarningMessage-borderLeftWidth);
  border-right-width: var(--component-MessageBoxWarningMessage-borderRightWidth);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  padding: var(--base-space-4);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: var(--base-space-3);
}
.ht2-DisclaimerHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: var(--base-space-3);
}
.ht2-DisclaimerBanner {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);

  color: var(--base-colors-textOnLight);
  margin-left: var(--base-space-3);
}
.ht2-ErrorBanner {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

  margin-bottom: var(--base-space-2);
}
.ht2-UploadDisclaimerReturnButton {
    background: var(--component-lib__ButtonPrimary-background);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonPrimary-borderTopColor);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonPrimary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonPrimary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonPrimary-borderLeftColor);
    color: var(--component-lib__ButtonPrimary-color);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    border-radius: var(--component-lib__ButtonPrimary-borderRadius);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);

  width: auto;
  margin-top: var(--base-space-3);
}
.ht2-UploadDisclaimerReturnButton:hover {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-UploadDisclaimerReturnButton:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-UploadDisclaimerReturnButton:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-UploadDisclaimerReturnButton:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-UploadDisclaimerReturnButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-DisclaimerErrorText {
    font-family: var(--component-lib__ErrorText-fontFamily);
    color: var(--component-lib__ErrorText-color);
    font-size: var(--component-lib__ErrorText-fontSize);

  font-size: var(--base-fontSizes-2);
}
.ht2-DisclaimerWarningText {
    font-family: var(--component-lib__WarningText-fontFamily);
    color: var(--component-lib__WarningText-color);
    font-size: var(--component-lib__WarningText-fontSize);

  font-size: var(--base-fontSizes-2);
}
.ht2-DisclaimerSuccessText {
    font-family: var(--component-lib__SuccessText-fontFamily);
    color: var(--component-lib__SuccessText-color);
    font-size: var(--component-lib__SuccessText-fontSize);

  font-size: var(--base-fontSizes-2);
}
.ht2-DocumentFilterLabel {
    font-size: var(--component-lib__LabelText-fontSize);
    font-weight: var(--component-lib__LabelText-fontWeight);
    color: var(--component-lib__LabelText-color);
    line-height: var(--component-lib__LabelText-lineHeight);
    font-family: var(--component-lib__LabelText-fontFamily);

  display: inline-block;
  margin-bottom: var(--base-space-1);
}
.ht2-Scope-apploginSetupForgotUsername .ht2-SectionTitleText {
    margin: var(--base-space-4) 0;
  }
.ht2-Scope-apploginSetupForgotUsername .ht2-Form {
    margin-top: var(--base-space-3);
  }
.ht2-Scope-apploginSetupForgotUsername .ht2-ForgotUsernameHorizontalLine {
    margin: var(--base-space-4) 0;
  }
.ht2-Scope-apploginSetupForgotUsername .ht2-ForgotPasswordChatCustomerServiceIcon {
    margin-right: var(--base-space-3);
  }
.ht2-Scope-apploginSetupForgotUsername .ht2-ForgotPasswordHelpDeskIcon {
    margin-right: var(--base-space-3);
  }
.ht2-Scope-apploginSetupForgotUsername .ht2-AccountRetrieveUsernameFirstNameInputAndLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);
	width: var(--app-ForgotUsername-component-AccountRetrieveUsernameFirstNameInputAndLabel-width);
  }
.ht2-Scope-apploginSetupForgotUsername .ht2-AccountRetrieveUsernameFirstNameInputAndLabel.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-apploginSetupForgotUsername .ht2-AccountRetrieveUsernameLastNameInputAndLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);
	width: var(--app-ForgotUsername-component-AccountRetrieveUsernameLastNameInputAndLabel-width);
  }
.ht2-Scope-apploginSetupForgotUsername .ht2-AccountRetrieveUsernameLastNameInputAndLabel.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-apploginSetupForgotUsername .ht2-AccountRetrieveUsernameEmailInputAndLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);
  }
.ht2-Scope-apploginSetupForgotUsername .ht2-AccountRetrieveUsernameEmailInputAndLabel.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-UsernameSentWrapper {
  background-color: #fff;
}
.ht2-UsernameSentUsernameSentHeading {
  margin: var(--base-space-2) 0;
}
.ht2-UsernameSentIfNotSendEmailMessage {
  margin: var(--base-space-3) 0;
}
.ht2-UsernameSentContactMessage {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  margin-top: var(--base-space-3);
}
.ht2-UsernameSentHorizontalLine {
  margin: var(--base-space-4) 0;
}
.ht2-UsernameSentNeedAssistanceText {
  margin: var(--base-space-3) 0;
}
.ht2-UsernameSentAssistanceIconAndText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: var(--base-space-3) 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-ForgotPasswordChatCustomerServiceIcon {
  margin-right: var(--base-space-3);
}
.ht2-ForgotPasswordHelpDeskIcon {
  margin-right: var(--base-space-3);
}
.ht2-AccountResetPasswordHorizontalLine {
  margin: var(--base-space-4) 0;
}
.ht2-AccountResetPasswordAssistanceIconAndText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: var(--base-space-3) 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-AccountResetPassword .ht2-Form {
    margin-top: var(--base-space-4);
  }
.ht2-ForgotPasswordHelpDeskIcon {
  margin-right: var(--base-space-3);
}
.ht2-AccountResetPasswordForgotPasswordAssistance {
  margin-bottom: var(--base-space-3);
}
.ht2-AccountResetPasswordNeedAssistanceSection {
  margin-top: var(--base-space-4);
}
.ht2-ConfirmIdentity .ht2-SectionTitleText {
    margin: var(--base-space-4) 0;
  }
.ht2-ConfirmIdentity .ht2-Form {
    margin-top: var(--base-space-4);
  }
.ht2-ConfirmIdentity .ht2-ConfirmIdentityHorizontalLine {
    margin: var(--base-space-4) 0;
  }
.ht2-ConfirmIdentity .ht2-ConfirmIdentityAssistanceIconAndText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: var(--base-space-3) 0;
  }
.ht2-ConfirmIdentity .ht2-ConfirmIdentityChatCustomerServiceIcon {
    margin-right: var(--base-space-3);
  }
.ht2-ConfirmIdentity .ht2-ConfirmIdentityHelpDeskIcon {
    margin-right: var(--base-space-3);
  }
.ht2-AccountHelpPhoneNumber {
  margin-top: var(--base-space-2);
  width: 100%;
}
/* TODO: Rename me */
.ht2-ForgotUsernameAssistanceIconAndText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: var(--base-space-3) 0;
}
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-Form {
    margin-top: var(--base-space-3);
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-ButtonsFieldset {
    margin-top: var(--base-space-3);
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoMemberIDLabelWithInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);

    width: 100%;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoMemberIDLabelWithInput.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoFirstNameLabelWithInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);

    width: 100%;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoFirstNameLabelWithInput.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoLastNameLabelWithInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);

    width: 100%;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoLastNameLabelWithInput.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoSSNLabelWithInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);

    width: 100%;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoSSNLabelWithInput.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoMedicaidIdLabelWithInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);

    width: 100%;
    margin-bottom: var(--base-space-2);
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoMedicaidIdLabelWithInput.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoBirthDateLabelWithInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);

    width: 100%;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoBirthDateLabelWithInput.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoAddress1LabelWithInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);

    width: 100%;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoAddress1LabelWithInput.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoAddress2LabelWithInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);

    width: 100%;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoAddress2LabelWithInput.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoCityLabelWithInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);

    width: 100%;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoCityLabelWithInput.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoStateLabelWithInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);

    width: 100%;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoStateLabelWithInput.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoZipLabelWithInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--component-FieldsetInputAndLabel-marginBottom);

    width: 100%;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoZipLabelWithInput.ht2-FieldsetInputAndLabelSideBySide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0;
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-MemberValidationInfoMedicaidMemberIDQuestion {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);

    margin-bottom: var(--base-space-1);
  }
.ht2-Scope-registermemberloadedMemberValidationInfo .ht2-EssentialMemberDataError {
  margin-top: var(--base-space-2);
  display: inline-block;
    font-size: var(--component-lib__InfoSmallText-fontSize);
    font-weight: var(--component-lib__InfoSmallText-fontWeight);
    line-height: var(--component-lib__InfoSmallText-lineHeight);
    font-family: var(--component-lib__InfoSmallText-fontFamily);
    font-family: var(--component-lib__ErrorText-fontFamily);
    color: var(--component-lib__ErrorText-color);
    font-size: var(--component-lib__ErrorText-fontSize);

    margin-top: 0;
    margin-bottom: var(--base-space-2);
  }
.ht2-MemberValidationInfoErrorErrorListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: var(--base-space-2) 0;
  font-family: var(--base-fonts-1);
  padding-bottom: var(--base-space-2);
}
.ht2-MemberValidationInfoErrorErrorListItem::before {
  content: ' ';
  display: inline-block;
  background-color: var(--base-colors-white);
  border: 2px solid var(--base-colors-primary);
  border-radius: 50%;
  min-width: 10px;
  min-height: 10px;
  margin-right: var(--base-space-2);
}
.ht2-MemberValidationMinimumAge {
  display: block;
  line-height: 1.2;
}
.ht2-MemberValidationErrorPageHorizontalLine {
  margin-bottom: var(--base-space-3);
}
.ht2-MemberValidationErrorPageActionMessage {
  font-family: var(--base-fonts-1);
  padding-bottom: var(--base-space-2);
}
.ht2-Scope-registermemberloadedMemberValidationInfoError .ht2-ButtonsFieldset {
    margin-top: var(--base-space-3);
  }
.ht2-Scope-registermemberloadedSecurityInformation .ht2-Form {
    margin-top: var(--base-space-3);
  }
.ht2-Scope-registermemberloadedSecurityInformation .ht2-Table {
    margin: var(--base-space-3) 0;
  }
.ht2-Scope-registermemberloadedSecurityInformation .ht2-SecurityInformationHeader {
    font-family: var(--app-SecurityInformation-component-SecurityInformationHeader-fontFamily);
  }
.ht2-Scope-registermemberloadedSecurityInformation .ht2-SecurityInformationMemberInformationTable {
    max-width: var(--app-SecurityInformation-component-MemberInformationTable-maxWidth);
    border-bottom: var(--app-SecurityInformation-component-MemberInformationTable-borderBottom);
  }
.ht2-Scope-registermemberloadedSecurityInformation .ht2-TableBodyHeaderCellData {
    font-size: var(--app-SecurityInformation-component-TableBodyHeaderCellData-fontSize);
    font-weight: var(--app-SecurityInformation-component-TableBodyHeaderCellData-fontWeight);
  }
.ht2-Scope-registermemberloadedSecurityInformation .ht2-SecurityInformationTableCaption {
    text-align: var(--app-SecurityInformation-component-TableCaption-textAlign);
    background-color: var(--app-SecurityInformation-component-TableCaption-backgroundColor);
    padding: var(--app-SecurityInformation-component-TableCaption-padding);
    color: var(--app-SecurityInformation-component-TableCaption-color);
    -webkit-box-shadow: var(--app-SecurityInformation-component-TableCaption-boxShadow);
            box-shadow: var(--app-SecurityInformation-component-TableCaption-boxShadow);
  }
.ht2-Scope-registermemberloadedRegistrationCreated .ht2-ButtonsFieldset {
    margin-top: var(--base-space-2);
  }
/* Authorized representative registration */
.ht2-RegisterGuestPersonalInfoHeader {
  margin-bottom: var(--base-space-3);
}
.ht2-RegisterGuestContactDetailsHeader {
  margin-bottom: var(--base-space-2);
}
.ht2-RegisterGuestLoginCredentialsHeader {
  margin-bottom: var(--base-space-2);
}
.ht2-RegisterGuestUserAgreementHeader {
  margin-bottom: var(--base-space-3);
}
.ht2-RegisterGuestOtherFieldWrapper {
  margin-top: var(--app-Login-component-OtherFieldWrapper-marginTop);
}
.ht2-Scope-registrationSetupGuestRegistration .ht2-ExternalPageForm {
    max-width: none;
  }
.ht2-Scope-registrationSetupGuestRegistration .ht2-FieldsetList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
.ht2-Scope-registrationSetupGuestRegistration .ht2-FieldsetInputAndLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 33.3%;
    padding: 0 var(--base-space-3) var(--base-space-3) 0;
  }
.ht2-Scope-registrationSetupGuestRegistration .ht2-ButtonsFieldset {
    margin-top: var(--base-space-3);
  }
.ht2-Scope-registrationSetupGuestRegistration .ht2-Layout-FieldsetRadioButtonsContainer {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    grid-column-gap: var(--base-space-3);
    -webkit-column-gap: var(--base-space-3);
       -moz-column-gap: var(--base-space-3);
            grid-column-gap: var(--base-space-3);
  }
.ht2-Scope-registrationSetupGuestRegistration .ht2-RegisterGuestUserAgreementLabel {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);
  }
/* Provider (and employer/broker ?) registration */
.ht2-Scope-registernonmemberuserinfoUserInformation .ht2-FieldsetList {
    grid-column-gap: var(--base-space-2);
    -webkit-column-gap: var(--base-space-2);
       -moz-column-gap: var(--base-space-2);
            grid-column-gap: var(--base-space-2);
  }
.ht2-Scope-registernonmemberuserinfoUserInformation .ht2-Form {
    margin-top: var(--base-space-3);
  }
.ht2-Scope-registernonmemberuserinfoUserInformation .ht2-Layout-AutoLocalAdminLabel {
    background-image: url('/images/flamingo/icons/info.svg');
    content: '';
    display: block;
    background-size: 25px;
    background-position: 10px;
    background-repeat: no-repeat;
    padding-left: var(--base-space-7);
    margin-bottom: var(--base-space-4);
  }
.ht2-Scope-registernonmemberuserinfoUserInformation .ht2-CheckboxWrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
.ht2-Scope-registernonmemberofficesearchEntitySearch .ht2-Form {
    margin: var(--base-space-4) 0;
  }
.ht2-Scope-registernonmemberofficesearchEntitySearch .ht2-SectionTitleText {
    margin-bottom: var(--base-space-4);
  }
.ht2-Scope-registernonmemberofficesearchEntitySearch .ht2-FieldsetInputsAndLabels {
    margin-top: var(--base-space-3);
  }
.ht2-Scope-registernonmemberofficesearchEntitySearch .ht2-HorizontalLine {
    display: var(--app-OfficeSearch-component-HorizontalLine-display);
  }
.ht2-Scope-registernonmemberofficesearchEntitySearch .ht2-Layout-FieldsetInputAndLabel {
    min-width: 115px;
  }
.ht2-Scope-registernonmemberexistingregistrationsExistingRegistrations .ht2-SectionTitleText {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-registernonmemberexistingregistrationsExistingRegistrations .ht2-HorizontalLine {
    margin: var(--base-space-4) 0;
  }
.ht2-Scope-registernonmemberexistingregistrationsExistingRegistrations .ht2-Form {
    margin-top: var(--base-space-3);
  }
.ht2-Scope-registernonmemberexistingregistrationsExistingRegistrations .ht2-Collapsible {
    margin: var(--base-space-3) 0;
  }
.ht2-Scope-registernonmemberexistingregistrationsExistingRegistrations .ht2-Layout-ListSpan {
    margin-right: 5px;
    display: inline-block;
  }
.ht2-Scope-registernonmemberexistingregistrationsPiggybackingSummary .ht2-SectionTitleText {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-registernonmemberexistingregistrationsPiggybackingSummary .ht2-Form {
    margin-top: var(--base-space-4);
  }
.ht2-Scope-registernonmemberexistingregistrationsPiggybackingSummary .ht2-Collapsible {
    margin: var(--base-space-3) 0;
  }
.ht2-Scope-registernonmemberofficeinfoOfficeInformation .ht2-Form {
    margin: var(--base-space-4) 0;
  }
.ht2-Scope-registernonmemberofficeinfoOfficeInformation .ht2-StateFieldset {
    width: var(--app-OfficeMain-component-StateFieldset-width);
  }
@media (max-width: 576px) {
.ht2-Scope-registernonmemberofficeinfoOfficeInformation .ht2-StateFieldset {
      width: var(--app-OfficeMain-component-StateFieldset_mediamax-width576px-width)
  }
    }
.ht2-Scope-registernonmemberofficeinfoOfficeInformation .ht2-ZipCodeFieldset {
    width: var(--app-OfficeMain-component-ZipCodeFieldset-width);
  }
@media (max-width: 576px) {
.ht2-Scope-registernonmemberofficeinfoOfficeInformation .ht2-ZipCodeFieldset {
      width: var(--app-OfficeMain-component-ZipCodeFieldset_mediamax-width576px-width)
  }
    }
.ht2-Scope-registernonmemberAddEntityChoice .ht2-Collapsible {
    margin-top: var(--base-space-3);
  }
.ht2-Scope-registernonmemberAddEntityChoice .ht2-Legend {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-registernonmemberAddEntityChoice .ht2-HorizontalLine {
    margin: var(--base-space-4) 0;
  }
.ht2-Scope-registernonmemberaddentitiesEntitySearch .ht2-SectionTitleText {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-registernonmemberaddentitiesEntitySearch .ht2-HorizontalLine {
    margin: var(--base-space-4) 0;
  }
.ht2-Scope-registernonmemberaddentitiesEntitySearch .ht2-Form {
    margin-top: var(--base-space-3);
  }
.ht2-Scope-registernonmemberaddentitiesEntitySearch .ht2-Collapsible {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-registernonmemberAddUsersChoice .ht2-SectionTitleText {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-registernonmemberaddusersAddUsersSubmit .ht2-SectionTitleText {
    margin: var(--base-space-3) 0;
  }
.ht2-Scope-registernonmemberaddusersAddUsersSubmit .ht2-Collapsible {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-registernonmembersummarySummary .ht2-ShellMain {
    width: var(--app-Summary-component-Main-width);
  }
.ht2-Scope-registernonmembersummarySummary .ht2-ShellMainInnerWrapper {
    max-width: var(--app-Summary-component-MainInnerWrapper-maxWidth);
    width: var(--app-Summary-component-MainInnerWrapper-width);
    margin: var(--app-Summary-component-MainInnerWrapper-margin);
  }
.ht2-Scope-registernonmembersummarySummary .ht2-HeadingWithLink {
    margin: var(--base-space-3) 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
.ht2-Scope-registernonmembersummarySummary .ht2-Collapsible {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-registernonmembersummarySummary .ht2-HeadingWithLinkEditLink {
    margin-left: var(--base-space-2);
  }
.ht2-Scope-registernonmembercompleteRegistrationComplete .ht2-SectionTitleText {
    margin: var(--base-space-3) 0;
  }
.ht2-Scope-registernonmembercompleteRegistrationComplete .ht2-HorizontalLine {
    margin: var(--base-space-3) 0;
  }
.ht2-Scope-registernonmembersecurityagreementSecurityAgreements .ht2-Table {
    border-width: var(--app-SecurityAgreements-component-Table-borderWidth);
    border-style: var(--app-SecurityAgreements-component-Table-borderStyle);
    border-color: var(--app-SecurityAgreements-component-Table-borderColor);
  }
.ht2-BrowserSupportWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ht2-BrowserSupportButtons {
  margin: var(--base-space-2) 0;
}
.ht2-CollectSecurityInfo .ht2-ChangePasswordRowHints,
  .ht2-CollectSecurityInfo .ht2-ChangePasswordRowSecurityAnswer {
    margin-bottom: var(--base-space-3);
  }
.ht2-CollectSecurityInfo .ht2-ChangePasswordRowHints {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: var(--base-space-2);
  }
.ht2-CollectSecurityInfo .ht2-ChangePasswordRowFollowedByHintsRow {
    margin-bottom: var(--base-space-1);
  }
.ht2-CollectSecurityInfo .ht2-Form {
    margin: var(--base-space-2) 0;
  }
.ht2-CollectSecurityInfo .ht2-CollectSecurityInfoChangePassword {
    margin: var(--base-space-2) 0;
  }
.ht2-CollectSecurityInfo .ht2-SectionTitleText {
    margin: var(--base-space-2) 0 var(--base-space-3) 0;
  }
.ht2-CollectSecurityInfo .ht2-ChangePasswordActionsList {
    margin-top: var(--base-space-3);
  }
.ht2-CollectSecurityInfo .ht2-HorizontalLine {
    margin: var(--base-space-4) 0;
  }
.ht2-CollectSecurityInfo .ht2-FieldsetHint,
  .ht2-CollectSecurityInfo .ht2-FieldsetLabel {
    display: inline-block;
  }
.ht2-CollectSecurityInfo .ht2-ChangePasswordRowHints .ht2-FieldsetHint {
    margin-top: 0;
  }
.ht2-ChangePasswordSecurityModal {
  display: none;
  background: var(--app-CollectSecurityInfo-component-SecurityModal-backgroundColor);
  border-width: var(--app-CollectSecurityInfo-component-SecurityModal-borderWidth);
  border-color: var(--app-CollectSecurityInfo-component-SecurityModal-borderColor);
  border-style: solid;
  padding: var(--base-space-4);
  margin: var(--base-space-4);
  max-width: var(--app-CollectSecurityInfo-component-SecurityModal-maxWidth);
  position: var(--app-CollectSecurityInfo-component-SecurityModal-position);
}
.ht2-ChangePasswordSecurityModalClose {
  background-image: var(--app-CollectSecurityInfo-component-SecurityModalClose-backgroundImage);
  background-repeat: no-repeat;
  text-indent: var(--app-CollectSecurityInfo-component-SecurityModalClose-textIndent);
  width: var(--app-CollectSecurityInfo-component-SecurityModalClose-width);
  position: var(--app-CollectSecurityInfo-component-SecurityModalClose-position);
  right: var(--app-CollectSecurityInfo-component-SecurityModalClose-right);
  top: var(--app-CollectSecurityInfo-component-SecurityModalClose-top);
}
.ht2-ChangePasswordSecurityModalTitle {
  padding-bottom: var(--base-space-3);
}
.ht2-MainContent-associationManager-editAssociation {
  padding-top: var(--base-space-4);
}
.ht2-MainContent-associationManager-editAssociation .ht2-EditAssociationLabelAndInput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: var(--base-space-3);
  }
.ht2-MainContent-associationManager-editAssociation .ht2-EditAssociationInput {
    margin: 0 var(--base-space-3);
  }
.ht2-MainContent-associationManager-editAssociation .ht2-EditAssociationActionItems {
    margin-top: var(--base-space-3);
  }
.ht2-MainContent-associationManager-editAssociation .ht2-EditAssociationButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.ht2-MainContent-associationManager-editAssociation .ht2-EditAssociationCancelButton {
    margin-left: var(--base-space-3);
  }
.ht2-Scope-registererrorGeneralRegistrationError .ht2-Layout-RegistrationErrorLabelsContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-row-gap: var(--base-space-2);
    grid-row-gap: var(--base-space-2);
  }
.ht2-ExternalPagePageHeader {
  margin: var(--base-space-3) 0;
}
.ht2-ExternalPageSubHeader {
  margin-bottom: var(--base-space-3);
}
/* stylelint-disable selector-class-pattern -- This is for the mobile app */
.ht-mobileApp .ht2-ExternalNavLanguageLink {
  display: var(--app-Mobile-component-ExternalNavLanguageLink-display);
}
.ht-mobileApp .ht2-HeaderBannerLink {
  display: var(--app-Mobile-component-HeaderBannerLink-display);
}
.ht2-Scope-identityMustAcceptTOS .ht2-Layout-LoginForm {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 40px;
  }
.ht2-Scope-identityMustAcceptTOS .ht2-Layout-ExternalFooterInner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.ht2-Scope-identityMustAcceptTOS .ht2-Layout-ExternalFooterPatentsMessage {
    margin-left: auto;
    margin-right: auto;
  }
.ht2-MainContent-associationManager-listAssociations {
  padding-top: var(--base-space-4);
}
.ht2-MainContent-associationManager-listAssociations .ht2-ListAssociationsForm {
    margin-top: var(--base-space-3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
.ht2-MainContent-associationManager-listAssociations .ht2-ListAssociationsSubmitButton {
    margin-left: var(--base-space-3);
  }
.ht2-MainContent-associationManager-listAssociations .ht2-ListAssociationsTableCaption {
    text-align: left;
  }
.ht2-MainContent-associationManager-listAssociations .ht2-ListAssociationsTableHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.ht2-MainContent-associationManager-listAssociations .ht2-TableSort {
    margin: 25px 0;
  }
.ht2-NotificationWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--component-lib__NotificationWrapper-background);
  border-color: var(--component-lib__NotificationWrapper-borderColor);
  border-width: var(--component-lib__NotificationWrapper-borderWidth);
  border-radius: var(--component-lib__NotificationWrapper-borderRadius);
  border-style: var(--component-lib__NotificationWrapper-borderStyle);
  border-top-color: var(--component-lib__NotificationWrapper-borderTopColor);
  border-top-width: var(--component-lib__NotificationWrapper-borderTopWidth);
  min-height: var(--component-lib__NotificationWrapper-minHeight);
  padding-top: var(--component-lib__NotificationWrapper-paddingTop);
  padding-bottom: var(--component-lib__NotificationWrapper-paddingBottom);
  padding-right: var(--component-lib__NotificationWrapper-paddingRight);
  padding-left: var(--component-lib__NotificationWrapper-paddingLeft);
}
.ht2-NotificationWrapperIsAlert {
  border-top-color: var(--component-lib__NotificationWrapper_isAlert-borderTopColor);
}
.ht2-NotificationWrapperIsSuccess {
  border-top-color: var(--component-lib__NotificationWrapper_isSuccess-borderTopColor);
}
.ht2-NotificationWrapperIsError {
  border-top-color: var(--component-lib__NotificationWrapper_isError-borderTopColor);
}
.ht2-NotificationContentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin-left: var(--base-space-3);
  font-family: var(--component-lib__NotificationContentWrapper-fontFamily);
  color: var(--component-lib__NotificationContentWrapper-color);
}
.ht2-NotificationInfoIcon {
  fill: currentcolor;
  position: relative;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  width: var(--component-lib__Icon-width);
  height: var(--component-lib__Icon-height);
  background: var(--component-lib__Icon-background);
  -webkit-mask-image: var(--component-lib__NotificationInfoIcon-maskImage);
          mask-image: var(--component-lib__NotificationInfoIcon-maskImage);
  background-color: var(--component-lib__NotificationInfoIcon-backgroundColor);
}
.ht2-NotificationAlertIcon {
  fill: currentcolor;
  position: relative;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  width: var(--component-lib__Icon-width);
  height: var(--component-lib__Icon-height);
  background: var(--component-lib__Icon-background);
  -webkit-mask-image: var(--component-lib__NotificationAlertIcon-maskImage);
          mask-image: var(--component-lib__NotificationAlertIcon-maskImage);
  background-color: var(--component-lib__NotificationAlertIcon-backgroundColor);
}
.ht2-NotificationSuccessIcon {
  fill: currentcolor;
  position: relative;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  width: var(--component-lib__Icon-width);
  height: var(--component-lib__Icon-height);
  background: var(--component-lib__Icon-background);
  -webkit-mask-image: var(--component-lib__NotificationSuccessIcon-maskImage);
          mask-image: var(--component-lib__NotificationSuccessIcon-maskImage);
  background-color: var(--component-lib__NotificationSuccessIcon-backgroundColor);
}
.ht2-NotificationErrorIcon {
  fill: currentcolor;
  position: relative;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  width: var(--component-lib__Icon-width);
  height: var(--component-lib__Icon-height);
  background: var(--component-lib__Icon-background);
  -webkit-mask-image: var(--component-lib__NotificationErrorIcon-maskImage);
          mask-image: var(--component-lib__NotificationErrorIcon-maskImage);
  background-color: var(--component-lib__NotificationErrorIcon-backgroundColor);
}
.ht2-Login .ht2-LoginRow {
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));

    margin-left: 0;
    margin-right: 0;
    margin-bottom: var(--app-Login-component-LoginRow-marginBottom);
  }
@media (max-width: 800px) {
.ht2-Login .ht2-LoginRow {
  display: block;
  margin-right: 0;
  margin-left: 0;
  }
  }
.ht2-Login .ht2-LoginColumn {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: var(--app-Login-component-LoginColumn-alignItems);
        -ms-flex-align: var(--app-Login-component-LoginColumn-alignItems);
            align-items: var(--app-Login-component-LoginColumn-alignItems);
    margin-left: 0;
    margin-right: 0;
  }
@media (max-width: 800px) {
.ht2-Login .ht2-LoginColumn {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
  }
  }
.ht2-Login .ht2-LoginDivider {
    border-right: 1px solid var(--base-colors-black);
  }
.ht2-Login .ht2-ShellMain {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: var(--app-Login-component-LoginMain-paddingBottom);
    padding-left: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: var(--app-Login-component-LoginMain-justifyContent);
        -ms-flex-pack: var(--app-Login-component-LoginMain-justifyContent);
            justify-content: var(--app-Login-component-LoginMain-justifyContent);
    position: relative;
    max-width: none;
    height: var(--app-Login-component-LoginMain-height);
  }
@media (max-width: 800px) {
.ht2-Login .ht2-ShellMain {
      padding-bottom: var(--app-Login-component-LoginMain_mediamax-width800px-paddingBottom)
  }
  }
@media (max-width: 1200px) {
.ht2-Login .ht2-ShellMain {
      -webkit-box-pack: var(--app-Login-component-LoginMain_mediamax-width1200px-justifyContent);
          -ms-flex-pack: var(--app-Login-component-LoginMain_mediamax-width1200px-justifyContent);
              justify-content: var(--app-Login-component-LoginMain_mediamax-width1200px-justifyContent);
      height: var(--app-Login-component-LoginMain_mediamax-width1200px-height)
  }
  }
.ht2-SectionTitleTextContainer {
  text-align: center;
  margin-bottom: var(--base-space-3);
}
.ht2-ExternalPageLoginMainInner {
  position: relative;
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: var(--component-Shell-maxWidth);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: var(--app-Login-component-LoginMainInner-flexDirection);
	        flex-direction: var(--app-Login-component-LoginMainInner-flexDirection);
	-ms-flex-wrap: var(--app-Login-component-LoginMainInner-flexWrap);
	    flex-wrap: var(--app-Login-component-LoginMainInner-flexWrap);
	-webkit-box-align: var(--app-Login-component-LoginMainInner-alignItems);
	    -ms-flex-align: var(--app-Login-component-LoginMainInner-alignItems);
	        align-items: var(--app-Login-component-LoginMainInner-alignItems);
	-webkit-box-pack: var(--app-Login-component-LoginMainInner-justifyContent);
	    -ms-flex-pack: var(--app-Login-component-LoginMainInner-justifyContent);
	        justify-content: var(--app-Login-component-LoginMainInner-justifyContent);
	margin-top: var(--app-Login-component-LoginMainInner-marginTop);
	margin-right: var(--app-Login-component-LoginMainInner-marginRight);
	margin-bottom: var(--app-Login-component-LoginMainInner-marginBottom);
	margin-left: var(--app-Login-component-LoginMainInner-marginLeft);
	padding-top: var(--app-Login-component-LoginMainInner-paddingTop);
	padding-right: var(--app-Login-component-LoginMainInner-paddingRight);
	padding-bottom: var(--app-Login-component-LoginMainInner-paddingBottom);
	padding-left: var(--app-Login-component-LoginMainInner-paddingLeft);
	grid-gap: var(--app-Login-component-LoginMainInner-gap);
	grid-gap: var(--app-Login-component-LoginMainInner-gap);
}
@media (max-width: 1200px) {
.ht2-ExternalPageLoginMainInner {
    margin: var(--base-space-5)
}
  }
@media (max-width: 800px) {
.ht2-ExternalPageLoginMainInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
  }
.ht2-ExternalPageLoginHeroImageSection {
  position: var(--app-Login-component-LoginHeroImageSection-position);
  top: var(--app-Login-component-LoginHeroImageSection-top);
  left: var(--app-Login-component-LoginHeroImageSection-left);
  width: var(--app-Login-component-LoginHeroImageSection-width);
  height: var(--app-Login-component-LoginHeroImageSection-height);
  -webkit-box-flex: var(--app-Login-component-LoginHeroImageSection-flex);
      -ms-flex: var(--app-Login-component-LoginHeroImageSection-flex);
          flex: var(--app-Login-component-LoginHeroImageSection-flex) 1;
  border-radius: var(--app-Login-component-LoginHeroImageSection-borderRadius);
  -webkit-transform: var(--app-Login-component-LoginHeroImageSection-transform);
      -ms-transform: var(--app-Login-component-LoginHeroImageSection-transform);
          transform: var(--app-Login-component-LoginHeroImageSection-transform);
  background-image: var(--app-Login-component-LoginHeroImageSection-backgroundImage);
  background-size: var(--app-Login-component-LoginHeroImageSection-backgroundSize);
  background-repeat: var(--app-Login-component-LoginHeroImageSection-backgroundRepeat);
  background-position: var(--app-Login-component-LoginHeroImageSection-backgroundPosition);
  background-color: var(--app-Login-component-LoginHeroImageSection-backgroundColor);
}
@media (max-width: 1200px) {
.ht2-ExternalPageLoginHeroImageSection {
    background-position: var(--app-Login-component-LoginHeroImageSection_mediamax-width1200px-backgroundPosition)
}
  }
.ht2-ExternalPageLoginHeroImageSectionOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--app-Login-component-LoginHeroImageSectionOverlay-width);
  height: var(--app-Login-component-LoginHeroImageSectionOverlay-height);
  background-image: var(--app-Login-component-LoginHeroImageSectionOverlay-backgroundImage);
}
.ht2-ExternalPageLoginToListAndHeader {
  z-index: 2;
  -ms-flex-item-align: var(--app-Login-component-LoginToListAndHeader-alignSelf);
      align-self: var(--app-Login-component-LoginToListAndHeader-alignSelf);
  margin-bottom: var(--app-Login-component-LoginToListAndHeader-marginBottom);
  padding-top: var(--app-Login-component-LoginToListAndHeader-paddingTop);
  padding-right: var(--app-Login-component-LoginToListAndHeader-paddingRight);
  padding-bottom: var(--app-Login-component-LoginToListAndHeader-paddingBottom);
  padding-left: var(--app-Login-component-LoginToListAndHeader-paddingLeft);
  background-color: var(--app-Login-component-LoginToListAndHeader-backgroundColor);
  position: var(--app-Login-component-LoginToListAndHeader-position);
  top: var(--app-Login-component-LoginToListAndHeader-top);
  left: var(--app-Login-component-LoginToListAndHeader-left);
}
@media (max-width: 800px) {
.ht2-ExternalPageLoginToListAndHeader {
    -ms-flex-item-align: center;
        align-self: center;
    position: var(--app-Login-component-LoginToListAndHeader_mediamax-width800px-position)
}
  }
.ht2-ExternalPageLoginToHeader {
  color: var(--app-Login-component-LoginToHeader-color);
  font-size: var(--app-Login-component-LoginToHeader-fontSize);
}
.ht2-ExternalPageLoginBoxContainer {
  z-index: 2;
  height: 100%;
  background-color: var(--app-Login-component-LoginBoxContainer-backgroundColor);
  padding-top: var(--app-Login-component-LoginBoxContainer-paddingTop);
  padding-right: var(--app-Login-component-LoginBoxContainer-paddingRight);
  padding-bottom: var(--app-Login-component-LoginBoxContainer-paddingBottom);
  padding-left: var(--app-Login-component-LoginBoxContainer-paddingLeft);
}
.ht2-ExternalPageLoginBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 2;
  -webkit-box-align: var(--app-Login-component-LoginBox-alignItems);
      -ms-flex-align: var(--app-Login-component-LoginBox-alignItems);
          align-items: var(--app-Login-component-LoginBox-alignItems);
  -webkit-box-pack: var(--app-Login-component-LoginBox-justifyContent);
      -ms-flex-pack: var(--app-Login-component-LoginBox-justifyContent);
          justify-content: var(--app-Login-component-LoginBox-justifyContent);
  background-color: var(--app-Login-component-LoginBox-backgroundColor);
  border-style: solid;
  border-width: var(--app-Login-component-LoginBox-borderWidth);
  border-color: var(--app-Login-component-LoginBox-borderColor);
  border-radius: var(--app-Login-component-LoginBox-borderRadius);
  margin-top: var(--app-Login-component-LoginBox-marginTop);
  margin-bottom: var(--app-Login-component-LoginBox-marginBottom);
  margin-left: var(--app-Login-component-LoginBox-marginLeft);
  margin-right: var(--app-Login-component-LoginBox-marginRight);
  padding-top: var(--app-Login-component-LoginBox-paddingTop);
  padding-bottom: var(--app-Login-component-LoginBox-paddingBottom);
  padding-left: var(--app-Login-component-LoginBox-paddingLeft);
  padding-right: var(--app-Login-component-LoginBox-paddingRight);
  min-width: var(--app-Login-component-LoginBox-minWidth);
  max-width: var(--app-Login-component-LoginBox-maxWidth);
  height: var(--app-Login-component-LoginBox-height);
  width: var(--app-Login-component-LoginBox-width);
}
@media (max-width: 1200px) {
.ht2-ExternalPageLoginBox {
    margin-left: var(--app-Login-component-LoginBox_mediamax-width1200px-marginLeft);
    padding-top: var(--app-Login-component-LoginBox_mediamax-width1200px-paddingTop);
    padding-bottom: var(--app-Login-component-LoginBox_mediamax-width1200px-paddingBottom);
    padding-left: var(--app-Login-component-LoginBox_mediamax-width1200px-paddingLeft);
    padding-right: var(--app-Login-component-LoginBox-paddingRight)
}
  }
@media (max-width: 800px) {
.ht2-ExternalPageLoginBox {
    margin-bottom: var(--app-Login-component-LoginBox_mediamax-width800px-marginBottom);
    margin-right: var(--app-Login-component-LoginBox_mediamax-width800px-marginRight)
}
  }
.ht2-ExternalPageLoginBoxTitle {
  margin-bottom: var(--base-space-3);

  /*
    FIXME: Below fontSize+fontWeight+color shouldn't exist, but
    we don't have the typography definitions yet
    from design to implement this
  */
  color: var(--app-Login-component-LoginBoxTitle-color);
  font-family: var(--app-Login-component-LoginBoxTitle-fontFamily);
  font-size: var(--app-Login-component-LoginBoxTitle-fontSize);
  font-weight: var(--app-Login-component-LoginBoxTitle-fontWeight);
  text-align: var(--app-Login-component-LoginBoxTitle-textAlign);
  -ms-flex-item-align: var(--app-Login-component-LoginBoxTitle-alignSelf);
      align-self: var(--app-Login-component-LoginBoxTitle-alignSelf);
}
.ht2-ExternalPageLoginForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: var(--app-Login-component-LoginForm-marginTop);
  margin-right: var(--app-Login-component-LoginForm-marginRight);
  margin-bottom: var(--app-Login-component-LoginForm-marginBottom);
  margin-left: var(--app-Login-component-LoginForm-marginLeft);
  padding-top: var(--app-Login-component-LoginForm-paddingTop);
  padding-right: var(--app-Login-component-LoginForm-paddingRight);
  padding-bottom: var(--app-Login-component-LoginForm-paddingBottom);
  padding-left: var(--app-Login-component-LoginForm-paddingLeft);
}
.ht2-ExternalPageLoginFormSubmitButton {
    background: var(--component-lib__ButtonPrimary-background);
    border-top-width: var(--component-lib__ButtonPrimary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonPrimary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonPrimary-borderTopColor);
    border-right-width: var(--component-lib__ButtonPrimary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonPrimary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonPrimary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonPrimary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonPrimary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonPrimary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonPrimary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonPrimary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonPrimary-borderLeftColor);
    color: var(--component-lib__ButtonPrimary-color);
    font-weight: var(--component-lib__ButtonPrimary-fontWeight);
    border-radius: var(--component-lib__ButtonPrimary-borderRadius);
    text-transform: var(--component-lib__ButtonPrimary-textTransform);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);

  margin-top: var(--app-Login-component-LoginFormSubmitButton-marginTop);
  margin-bottom: var(--app-Login-component-LoginFormSubmitButton-marginBottom);
  margin-right: var(--app-Login-component-LoginFormSubmitButton-marginRight);
  margin-left: var(--app-Login-component-LoginFormSubmitButton-marginLeft);
  align-self: var(--app-Login-component-LoginFormSubmitButton-alignSelf);
  width: var(--app-Login-component-LoginFormSubmitButton-width);
}
.ht2-ExternalPageLoginFormSubmitButton:hover {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-ExternalPageLoginFormSubmitButton:active {
        color: var(--component-lib__ButtonPrimary_hover-color);
        background: var(--component-lib__ButtonPrimary_hover-background);
        border-top-color: var(--component-lib__ButtonPrimary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_hover-borderLeftColor);
        -webkit-text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonPrimary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonPrimary_hover-boxShadow)
    }
.ht2-ExternalPageLoginFormSubmitButton:disabled {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor);
        cursor: not-allowed
    }
.ht2-ExternalPageLoginFormSubmitButton:disabled:hover {
        color: var(--component-lib__ButtonPrimary_disabled-color);
        background: var(--component-lib__ButtonPrimary_disabled-background);
        border-top-color: var(--component-lib__ButtonPrimary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonPrimary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonPrimary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonPrimary_disabled-borderLeftColor)
    }
.ht2-ExternalPageLoginFormSubmitButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-ExternalPageLoginToLinksList {
  color: var(--app-Login-component-LoginToLinksList-color);
  line-height: var(--app-Login-component-LoginToLinksList-lineHeight);
  margin-top: var(--app-Login-component-LoginToLinksList-marginTop);
  font-weight: var(--app-Login-component-LoginToLinksList-fontWeight);
  font-size: var(--app-Login-component-LoginToLinksList-fontSize);
  font-family: var(--app-Login-component-LoginToLinksList-fontFamily);
  list-style-type: var(--app-Login-component-LoginToLinksList-listStyleType);
  padding: var(--app-Login-component-LoginToLinksList-padding);
}
.ht2-ExternalPageLoginFormUsernameSection,
.ht2-ExternalPageLoginFormPasswordSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding-top: var(--base-space-2);
  padding-bottom: var(--base-space-2);
  padding-left: 0;
  padding-right: 0;
}
.ht2-ExternalPageForgotUsernameAnchor,
.ht2-ExternalPageForgotPasswordAnchor {
  margin-top: var(--base-space-1);
	-webkit-text-decoration: var(--app-Login-component-ForgotUsernameAnchor-textDecoration);
	        text-decoration: var(--app-Login-component-ForgotUsernameAnchor-textDecoration);
	position: var(--app-Login-component-ForgotUsernameAnchor-position);
	top: var(--app-Login-component-ForgotUsernameAnchor-top);
	left: var(--app-Login-component-ForgotUsernameAnchor-left);
	font-weight: var(--app-Login-component-ForgotUsernameAnchor-fontWeight);
	font-size: var(--app-Login-component-ForgotUsernameAnchor-fontSize);
	font-family: var(--app-Login-component-ForgotUsernameAnchor-fontFamily);
	color: var(--app-Login-component-ForgotUsernameAnchor-color);
}
.ht2-ExternalPageUsernameInput,
.ht2-ExternalPagePasswordInput {
  width: 100%;
  margin-top: var(--base-space-1);
}
.ht2-ExternalPageUsernameInput {
  border-color: var(--app-Login-component-UsernameInput-borderColor);
  font-family: var(--app-Login-component-UsernameInput-fontFamily);
}
.ht2-ExternalPagePasswordInput {
  border-color: var(--app-Login-component-PasswordInput-borderColor);
  font-family: var(--app-Login-component-PasswordInput-fontFamily);
}
.ht2-ExternalPageHorizontallyAlignedForgotUsernameLabel {
  -webkit-box-ordinal-group: var(--app-Login-component-HorizontallyAlignedForgotUsernameLabel-order);
      -ms-flex-order: var(--app-Login-component-HorizontallyAlignedForgotUsernameLabel-order);
          order: var(--app-Login-component-HorizontallyAlignedForgotUsernameLabel-order);
  width: var(--app-Login-component-HorizontallyAlignedForgotUsernameLabel-width);
  text-align: var(--app-Login-component-HorizontallyAlignedForgotUsernameLabel-textAlign);
  margin-top: var(--app-Login-component-HorizontallyAlignedForgotUsernameLabel-marginTop);
}
.ht2-ExternalPageHorizontallyAlignedForgotPasswordLabel {
  -webkit-box-ordinal-group: var(--app-Login-component-HorizontallyAlignedForgotPasswordLabel-order);
      -ms-flex-order: var(--app-Login-component-HorizontallyAlignedForgotPasswordLabel-order);
          order: var(--app-Login-component-HorizontallyAlignedForgotPasswordLabel-order);
  width: var(--app-Login-component-HorizontallyAlignedForgotPasswordLabel-width);
  text-align: var(--app-Login-component-HorizontallyAlignedForgotPasswordLabel-textAlign);
  margin-top: var(--app-Login-component-HorizontallyAlignedForgotPasswordLabel-marginTop);
}
.ht2-ExternalPageHorizontallyAlignedForgotUsernameInput {
  -webkit-box-ordinal-group: var(--app-Login-component-HorizontallyAlignedForgotUsernameInput-order);
      -ms-flex-order: var(--app-Login-component-HorizontallyAlignedForgotUsernameInput-order);
          order: var(--app-Login-component-HorizontallyAlignedForgotUsernameInput-order);
}
.ht2-ExternalPageHorizontallyAlignedForgotPasswordInput {
  -webkit-box-ordinal-group: var(--app-Login-component-HorizontallyAlignedForgotPasswordInput-order);
      -ms-flex-order: var(--app-Login-component-HorizontallyAlignedForgotPasswordInput-order);
          order: var(--app-Login-component-HorizontallyAlignedForgotPasswordInput-order);
}
.ht2-ExternalPageHorizontallyAlignedForgotUsernameLink {
  -webkit-box-ordinal-group: var(--app-Login-component-HorizontallyAlignedForgotUsernameLink-order);
      -ms-flex-order: var(--app-Login-component-HorizontallyAlignedForgotUsernameLink-order);
          order: var(--app-Login-component-HorizontallyAlignedForgotUsernameLink-order);
  width: var(--app-Login-component-HorizontallyAlignedForgotUsernameLink-width);
  text-align: var(--app-Login-component-HorizontallyAlignedForgotUsernameLink-textAlign);
  margin-top: var(--app-Login-component-HorizontallyAlignedForgotUsernameLink-marginTop);
}
.ht2-ExternalPageHorizontallyAlignedForgotPasswordLink {
  -webkit-box-ordinal-group: var(--app-Login-component-HorizontallyAlignedForgotPasswordLink-order);
      -ms-flex-order: var(--app-Login-component-HorizontallyAlignedForgotPasswordLink-order);
          order: var(--app-Login-component-HorizontallyAlignedForgotPasswordLink-order);
  width: var(--app-Login-component-HorizontallyAlignedForgotPasswordLink-width);
  text-align: var(--app-Login-component-HorizontallyAlignedForgotPasswordLink-textAlign);
  margin-top: var(--app-Login-component-HorizontallyAlignedForgotPasswordLink-marginTop);
}
.ht2-ExternalPageForgotInfoLabel {
  font-weight: var(--app-Login-component-ForgotInfoLabel-fontWeight);
  font-size: var(--app-Login-component-ForgotInfoLabel-fontSize);
  color: var(--app-Login-component-ForgotInfoLabel-color);
}
.ht2-ExternalPageRegisterBox {
  display: var(--app-Login-component-RegisterBox-display);
  width: var(--app-Login-component-RegisterBox-width);
  margin-top: var(--app-Login-component-RegisterBox-marginTop);
}
@media (max-width: 800px) {
.ht2-ExternalPageRegisterBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: var(--app-Login-component-RegisterBox_mediamax-width800px-flexDirection);
            flex-direction: var(--app-Login-component-RegisterBox_mediamax-width800px-flexDirection)
}
  }
.ht2-ExternalPageLoginBoxRegistrationMemberContainer {
  width: var(--app-Login-component-LoginBoxRegistrationMemberContainer-width);
  text-align: var(--app-Login-component-LoginBoxRegistrationMemberContainer-textAlign);
  border-right: var(--app-Login-component-LoginBoxRegistrationMemberContainer-borderRight);
}
@media (max-width: 800px) {
.ht2-ExternalPageLoginBoxRegistrationMemberContainer {
    width: 100%;
    border-right: var(--app-Login-component-LoginBoxRegistrationMemberContainer_mediamax-width800px-borderRight)
}
  }
.ht2-ExternalPageLoginBoxRegistrationAuthRepLinkContainer {
  padding-left: var(--app-Login-component-LoginBoxRegistrationAuthRepLinkContainer-paddingLeft);
  padding-right: var(--app-Login-component-LoginBoxRegistrationAuthRepLinkContainer-paddingRight);
  height: var(--app-Login-component-LoginBoxRegistrationAuthRepLinkContainer-height);
  display: var(--app-Login-component-LoginBoxRegistrationAuthRepLinkContainer-display);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--app-Login-component-LoginBoxRegistrationAuthRepLinkContainer-flexDirection);
          flex-direction: var(--app-Login-component-LoginBoxRegistrationAuthRepLinkContainer-flexDirection);
  -webkit-box-pack: var(--app-Login-component-LoginBoxRegistrationAuthRepLinkContainer-justifyContent);
      -ms-flex-pack: var(--app-Login-component-LoginBoxRegistrationAuthRepLinkContainer-justifyContent);
          justify-content: var(--app-Login-component-LoginBoxRegistrationAuthRepLinkContainer-justifyContent);
  font-size: var(--app-Login-component-LoginBoxRegistrationAuthRepLinkContainer-fontSize);
  font-weight: var(--app-Login-component-LoginBoxRegistrationAuthRepLinkContainer-fontWeight);
}
.ht2-ExternalPageAuthorizedRepHeading {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

  color: var(--app-Login-component-AuthorizedRepHeading-color);
  margin-bottom: var(--base-space-2);
}
.ht2-ExternalPageAuthorizedRepresentativeAnchor {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;

  font-weight: var(--app-Login-component-AuthorizedRepresentativeAnchor-fontWeight);
  -webkit-text-decoration: var(--app-Login-component-AuthorizedRepresentativeAnchor-textDecoration);
          text-decoration: var(--app-Login-component-AuthorizedRepresentativeAnchor-textDecoration);
  padding-top: var(--app-Login-component-AuthorizedRepresentativeAnchor-paddingTop);
  padding-bottom: var(--app-Login-component-AuthorizedRepresentativeAnchor-paddingBottom);
}
.ht2-ExternalPageAuthorizedRepresentativeAnchor:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-ExternalPageAuthorizedRepresentativeAnchor:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-ExternalPageAuthorizedRepresentativeAnchor:hover {
    cursor: pointer;
  }
.ht2-ExternalPageLoginBoxRegistrationProviderContainer {
  width: var(--app-Login-component-LoginBoxRegistrationProviderContainer-width);
}
@media (max-width: 800px) {
.ht2-ExternalPageLoginBoxRegistrationProviderContainer {
    width: 100%
}
  }
.ht2-ExternalPageLoginBoxRegistrationLabelsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-row-gap: var(--app-Login-component-LoginBoxRegistrationLabelsWrapper-rowGap);
  grid-row-gap: var(--app-Login-component-LoginBoxRegistrationLabelsWrapper-rowGap);
  width: var(--app-Login-component-LoginBoxRegistrationLabelsWrapper-width);
}
.ht2-ExternalPageLoginBoxRegistrationWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: var(--app-Login-component-LoginBoxRegistrationWrapper-alignItems);
      -ms-flex-align: var(--app-Login-component-LoginBoxRegistrationWrapper-alignItems);
          align-items: var(--app-Login-component-LoginBoxRegistrationWrapper-alignItems);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: var(--app-Login-component-LoginBoxRegistrationWrapper-width);
  margin-top: var(--app-Login-component-LoginBoxRegistrationWrapper-marginTop);
  margin-bottom: var(--app-Login-component-LoginBoxRegistrationWrapper-marginBottom);
  padding-left: var(--app-Login-component-LoginBoxRegistrationWrapper-paddingLeft);
  padding-right: var(--app-Login-component-LoginBoxRegistrationWrapper-paddingRight);
}
.ht2-ExternalPageRegisterButton {
    background: var(--component-lib__ButtonSecondary-background);
    border-top-width: var(--component-lib__ButtonSecondary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonSecondary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonSecondary-borderTopColor);
    border-right-width: var(--component-lib__ButtonSecondary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonSecondary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonSecondary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonSecondary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonSecondary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonSecondary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonSecondary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonSecondary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonSecondary-borderLeftColor);
    color: var(--component-lib__ButtonSecondary-color);
    font-weight: var(--component-lib__ButtonSecondary-fontWeight);
    border-radius: var(--component-lib__ButtonSecondary-borderRadius);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);

  text-align: center;
  margin-top: var(--app-Login-component-RegisterButton-marginTop);
  margin-bottom: var(--app-Login-component-RegisterButton-marginBottom);
  margin-left: var(--app-Login-component-RegisterButton-marginLeft);
  margin-right: var(--app-Login-component-RegisterButton-marginRight);
  align-self: var(--app-Login-component-RegisterButton-alignSelf);
  width: var(--app-Login-component-RegisterButton-width);
}
.ht2-ExternalPageRegisterButton:hover {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ExternalPageRegisterButton:active {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ExternalPageRegisterButton:disabled {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth);
        cursor: not-allowed
    }
.ht2-ExternalPageRegisterButton:disabled:hover {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth)
    }
.ht2-ExternalPageRegisterButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
.ht2-RegisterGuestGenderRadioButtonLabel {
  margin-right: var(--app-Login-component-GenderRadioButtonLabel-marginRight);
}
.ht2-ExternalPageNewUserHeading {
  /*
    FIXME: Below font-weight+font-size shouldn't exist, but
    we don't have the typography definitions yet
    from design to implement this
  */
  font-family: var(--app-Login-component-NewUserHeading-fontFamily);
  font-weight: var(--app-Login-component-NewUserHeading-fontWeight);
  font-size: var(--app-Login-component-NewUserHeading-fontSize);
  color: var(--app-Login-component-NewUserHeading-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: var(--app-Login-component-NewUserHeading-justifyContent);
      -ms-flex-pack: var(--app-Login-component-NewUserHeading-justifyContent);
          justify-content: var(--app-Login-component-NewUserHeading-justifyContent);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--app-Login-component-NewUserHeading-width);
  margin-bottom: var(--app-Login-component-NewUserHeading-marginBottom);
}
.ht2-ExternalPageNewUserHeading::before,
  .ht2-ExternalPageNewUserHeading::after {
    content: '';
    display: var(--app-Login-component-NewUserHeadingDivider-display);
    height: 1px;
    width: 70px;
    border-width: var(--app-Login-component-NewUserHeadingDivider-borderWidth);
    border-style: solid;
    border-color: var(--app-Login-component-NewUserHeadingDivider-borderColor);
    background-color: var(--app-Login-component-NewUserHeadingDivider-backgroundColor);
  }
.ht2-ExternalPageRegistrationLabelsSubheading {
  color: var(--app-Login-component-RegistrationLabelsSubheading-color);
  font-weight: var(--app-Login-component-RegistrationLabelsSubheading-fontWeight);
  font-size: var(--app-Login-component-RegistrationLabelsSubheading-fontSize);
  text-align: center;
}
.ht2-ExternalPageLoginCallToActionSectionHeading {
    font-size: var(--component-lib__SectionTitleText-fontSize);
    font-weight: var(--component-lib__SectionTitleText-fontWeight);
    color: var(--component-lib__SectionTitleText-color);
    line-height: var(--component-lib__SectionTitleText-lineHeight);
    font-family: var(--component-lib__SectionTitleText-fontFamily);
}
.ht2-ExternalPageLoginCallToActionSectionButton {
    background: var(--component-lib__ButtonSecondary-background);
    border-top-width: var(--component-lib__ButtonSecondary-borderTopWidth);
    border-top-style: var(--component-lib__ButtonSecondary-borderTopStyle);
    border-top-color: var(--component-lib__ButtonSecondary-borderTopColor);
    border-right-width: var(--component-lib__ButtonSecondary-borderRightWidth);
    border-right-style: var(--component-lib__ButtonSecondary-borderRightStyle);
    border-right-color: var(--component-lib__ButtonSecondary-borderRightColor);
    border-bottom-width: var(--component-lib__ButtonSecondary-borderBottomWidth);
    border-bottom-style: var(--component-lib__ButtonSecondary-borderBottomStyle);
    border-bottom-color: var(--component-lib__ButtonSecondary-borderBottomColor);
    border-left-width: var(--component-lib__ButtonSecondary-borderLeftWidth);
    border-left-style: var(--component-lib__ButtonSecondary-borderLeftStyle);
    border-left-color: var(--component-lib__ButtonSecondary-borderLeftColor);
    color: var(--component-lib__ButtonSecondary-color);
    font-weight: var(--component-lib__ButtonSecondary-fontWeight);
    border-radius: var(--component-lib__ButtonSecondary-borderRadius);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
    text-transform: var(--component-lib__Button-textTransform);
    cursor: pointer;
    min-height: var(--component-lib__Button-minHeight);
    padding-top: var(--component-lib__Button-paddingTop);
    padding-left: var(--component-lib__Button-paddingLeft);
    padding-bottom: var(--component-lib__Button-paddingBottom);
    padding-right: var(--component-lib__Button-paddingRight);
    font-family: var(--component-lib__Button-fontFamily);
    font-size: var(--component-lib__Button-fontSize);
    grid-gap: var(--component-lib__Button-gap);
    grid-gap: var(--component-lib__Button-gap);
}
.ht2-ExternalPageLoginCallToActionSectionButton:hover {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ExternalPageLoginCallToActionSectionButton:active {
        color: var(--component-lib__ButtonSecondary_hover-color);
        background: var(--component-lib__ButtonSecondary_hover-background);
        border-top-color: var(--component-lib__ButtonSecondary_hover-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_hover-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_hover-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_hover-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_hover-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_hover-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_hover-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_hover-borderRightWidth);
        -webkit-text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
                text-decoration: var(--component-lib__ButtonSecondary_hover-textDecoration);
        -webkit-box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow);
                box-shadow: var(--component-lib__ButtonSecondary_hover-boxShadow)
    }
.ht2-ExternalPageLoginCallToActionSectionButton:disabled {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth);
        cursor: not-allowed
    }
.ht2-ExternalPageLoginCallToActionSectionButton:disabled:hover {
        color: var(--component-lib__ButtonSecondary_disabled-color);
        background: var(--component-lib__ButtonSecondary_disabled-background);
        border-top-color: var(--component-lib__ButtonSecondary_disabled-borderTopColor);
        border-right-color: var(--component-lib__ButtonSecondary_disabled-borderRightColor);
        border-bottom-color: var(--component-lib__ButtonSecondary_disabled-borderBottomColor);
        border-left-color: var(--component-lib__ButtonSecondary_disabled-borderLeftColor);
        border-top-width: var(--component-lib__ButtonSecondary_disabled-borderTopWidth);
        border-bottom-width: var(--component-lib__ButtonSecondary_disabled-borderBottomWidth);
        border-left-width: var(--component-lib__ButtonSecondary_disabled-borderLeftWidth);
        border-right-width: var(--component-lib__ButtonSecondary_disabled-borderRightWidth)
    }
.ht2-ExternalPageLoginCallToActionSectionButton:focus {
        outline: 1px solid var(--base-colors-focus)
    }
@media (max-width: 800px) {
.ht2-ExternalPageLoginMain {
    height: auto
}
  }
.ht2-ExternalPageTermsAndConditions {
  padding-top: var(--base-space-4);
  padding-right: var(--base-space-5);
  padding-bottom: var(--base-space-4);
  padding-left: var(--base-space-5);
  background: var(--base-colors-canvas);
  min-width: auto;
  max-width: auto;
  width: 350px;
  margin-bottom: var(--base-space-5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.ht2-ExternalPageTermsAndConditionsAcknowledgement {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);
}
.ht2-ExternalPageTermsAndConditionsLink {
  color: var(--component-Link-color);
  font-weight: var(--component-Link-fontWeight);
  -webkit-text-decoration: var(--component-Link-textDecoration);
          text-decoration: var(--component-Link-textDecoration);
  font-family: var(--component-Link-fontFamily);
  cursor: pointer;
}
.ht2-ExternalPageTermsAndConditionsLink:hover {
    color: var(--component-Link_hover-color);
    -webkit-text-decoration: var(--component-Link_hover-textDecoration);
            text-decoration: var(--component-Link_hover-textDecoration);
  }
.ht2-ExternalPageTermsAndConditionsLink:disabled {
    color: var(--component-Link_disabled-color);
  }
.ht2-Scope-registermemberloadedPreSecInfoInlineAgreement .ht2-ButtonsFieldset {
    margin-top: var(--base-space-3);
  }
.ht2-Scope-registererrorSessionExpired .ht2-SectionTitleText {
    margin: var(--base-space-2) 0 var(--base-space-3) 0;
  }
.ht2-MainContent-associationManager-saveAssociation {
  padding-top: var(--base-space-4);
}
.ht2-MainContent-associationManager-saveAssociation .ht2-SaveAssociationPageTitle {
    margin-bottom: var(--base-space-3);
  }
/*
  This is for the session expired messaging that appears at the top
  of the viewport when you're logged
  out and redirected back to the
  login screen.
 */
.ht2-SessionExpired {
  background-color: var(--base-colors-grey3);
  padding: var(--base-space-3);
}
.ht2-SessionExpiredMessage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht2-SessionExpiredIcon {
  margin-right: var(--base-space-2);
}
.ht2-Scope-appinfosystemRequirements .ht2-ExternalPagePageHeader {
    margin: var(--app-SystemRequirements-component-PageHeader-margin);
  }
.ht1-MainContent-elg-IdCardRequest .ht1-IdCardRequestTable-heading {
    display: block;
    margin-bottom: var(--base-space-4);
  }
/*
   * Illnesses / Conditions Main View
   * /phr/problem_list/problem_list_summary.cfm
   */
.ht2-MainContent-problem_list-problem_list_summary .ht2-ViewTitle {
    display: block;
    position: absolute;
    top: 34px;
    left: 0;
  }
.ht2-MainContent-problem_list-problem_list_summary .ht2-TabsContainer {
    margin-top: 100px;
  }
.ht2-MainContent-problem_list-problem_list_summary .ht2-HeaderActionItem {
    position: absolute;
    top: 38px;
  }
/* Only select buttons with actionItem class */
.ht2-MainContent-problem_list-problem_list_summary .ht2-HeaderActionItem.ht2-AddButton {
    right: 0;
  }
.ht2-MainContent-problem_list-problem_list_summary .ht2-HeaderActionItem.ht2-PrintPageAction {
    right: 120px;
  }
/* Align bottom AddButton right */
.ht2-MainContent-problem_list-problem_list_summary .ht2-BottomAddButtonWrapper {
    width: 100%;
  }
.ht2-MainContent-problem_list-problem_list_summary .ht2-BottomAddButton {
    float: right;
  }
/*
   * Illness/ Condition detail
   * phr/problem_list/problem_list_detail.cfm ... &show_all=NO
   */
.ht2-MainContent-problem_list-problem_list_detail .ht2-TableLayout {
    margin-top: 64px;
    margin-bottom: 24px;
    table-layout: fixed;
  }
.ht2-MainContent-problem_list-problem_list_detail .ht2-ViewTitle {
    display: block;
    position: absolute;
    top: calc(3px + var(--base-space-5));
    left: 50px;
  }
.ht2-MainContent-problem_list-problem_list_detail .ht2-ViewSubtitle {
    text-align: left;
    padding-bottom: var(--base-space-3);
  }
.ht2-MainContent-problem_list-problem_list_detail .ht2-ConditionDetailLabel {
    text-align: right;
    padding: var(--base-space-3) var(--base-space-4) var(--base-space-3) 0;
  }
.ht2-MainContent-problem_list-problem_list_detail .ht2-BackButton {
    display: block;
    position: absolute;
    top: var(--base-space-5);
    left: 0;
  }
.ht2-MainContent-problem_list-problem_list_detail .ht2-ActionItems {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: var(--base-space-5);
    right: 0;
  }
.ht2-MainContent-problem_list-problem_list_detail .ht2-DetailActions {
    display: none;
  }
.ht2-MainContent-problem_list-problem_list_detail .ht2-BackButtonBottom {
    display: none;
  }
/* stylelint-disable selector-max-type -- TODO: This screen needs to be reexamined. This stylelint disable should not exist. */
.ht2-MainContent-problem_list-problem_list_detail {
  /*
   * Illnesses / Conditions Detail -- Edit
   * /phr/problem_list/problem_list_detail.cfm
   */
  padding-top: var(--base-space-4);
  padding-bottom: var(--base-space-4);
}
.ht2-MainContent-problem_list-problem_list_detail .ht2-ProblemListEditViewTitle {
    position: relative;
    right: var(--base-space-2);
    text-align: left;
    padding: 0 0 var(--base-space-2);
  }
.ht2-MainContent-problem_list-problem_list_detail .ht2-ProblemListEditViewSubtitle {
    text-align: left;
    padding: 0 0 var(--base-space-5);
  }
.ht2-MainContent-problem_list-problem_list_detail .ht2-ProblemListEditBottomActions td {
    padding: var(--base-space-5) 0 0;
  }
/* stylelint-disable selector-max-type -- TODO: This screen needs to be reexamined. This stylelint disable should not exist. */
/*
   * Illnesses / Conditions Detail -- Add Note
   * /phr/problem_list/problem_list_detail.cfm
   */
.ht2-MainContent-problem_list-problem_list_detail .ht2-ProblemListAddNoteTitle {
    position: relative;
    right: var(--base-space-2);
    text-align: left;
    padding: 0 0 var(--base-space-1);
  }
.ht2-MainContent-problem_list-problem_list_detail .ht2-ProblemListAddNoteSubTitle {
    text-align: left;
    padding: 0 0 var(--base-space-5);
  }
.ht2-MainContent-problem_list-problem_list_detail .ht2-ProblemListAddNoteFormTitle th {
    text-align: left;
    padding: var(--base-space-5) 0 var(--base-space-3);
  }
.ht2-MainContent-problem_list-problem_list_detail .ht2-ProblemListAddNoteForm td {
    padding: 0 0 var(--base-space-5);
  }
/* stylelint-disable selector-max-type -- TODO: This screen needs to be reexamined. This stylelint disable should not exist. */
/*
   * Illnesses / Conditions Detail -- Add
   * /phr/problem_list/problem_list_edit.cfm
   */
.ht2-MainContent-problem_list-problem_list_edit .ht2-ProblemListEditLayoutTableRow > th,
    .ht2-MainContent-problem_list-problem_list_edit .ht2-ProblemListEditLayoutTableRow > td {
      padding: var(--base-space-2) 0;
      vertical-align: middle;
    }
.ht2-MainContent-problem_list-problem_list_edit .ht2-ProblemListEditViewTitle {
    position: relative;
    right: var(--base-space-2);
    text-align: left;
    padding: 0 0 var(--base-space-2);
  }
.ht2-MainContent-problem_list-problem_list_edit .ht2-ProblemListEditViewSubtitle {
    text-align: left;
    padding: 0 0 var(--base-space-5);
  }
.ht2-MainContent-problem_list-problem_list_edit .ht2-ProblemListEditBottomActions td {
    padding: var(--base-space-5) 0 0;
  }
/* stylelint-disable selector-max-type -- TODO: This screen needs to be reexamined. This stylelint disable should not exist. */
/*
   * Illnesses / Conditions search options
   * /phr/problem_list/problem_list_summary.cfm
   * search_select.cfm
   */
.ht2-MainContent-problem_list-problem_list_summary .ht2-SearchOptionsTitle {
    position: relative;
    height: 100px;
    text-align: left;
    vertical-align: middle;
    left: -10px;
  }
.ht2-MainContent-problem_list-problem_list_summary .ht2-Table.ht2-OptionsTable tr:nth-child(odd) {
      background-color: #f5fafe;
    }
.ht2-MainContent-problem_list-problem_list_summary .ht2-Table.ht2-OptionsTable tr:nth-child(even) {
      background-color: transparent;
    }
.ht2-MainContent-problem_list-problem_list_summary .ht2-SearchField {
    display: block;
  }
.ht2-MainContent-problem_list-problem_list_summary .ht2-TextInput {
    margin-right: var(--base-space-3);
  }
.ht2-MainContent-problem_list-problem_list_summary .ht2-SearchFieldLabel {
    padding-bottom: var(--base-space-2);
    display: block;
    text-align: left;
  }
.ht2-MainContent-procedure_immunization-procedure_immunization_summary {
  /*
   * /phr/procedure_immunization/procedure_immunization_summary.cfm
   * My Health -> Immunizations
   */
  padding-top: var(--base-space-5);
  padding-bottom: var(--base-space-5);
}
.ht2-MainContent-procedure_immunization-procedure_immunization_summary .ht2-Table {
    width: 100% !important; /* width added to style attribute */
  }
.ht2-MainContent-procedure_immunization-procedure_immunization_summary .ht2-PageTitle,
  .ht2-MainContent-procedure_immunization-procedure_immunization_summary .ht2-PrintPageAction,
  .ht2-MainContent-procedure_immunization-procedure_immunization_summary .ht2-TopAddButton {
    position: absolute;
    top: var(--base-space-5);
  }
.ht2-MainContent-procedure_immunization-procedure_immunization_summary .ht2-PageTitle {
    left: 0;
  }
.ht2-MainContent-procedure_immunization-procedure_immunization_summary .ht2-TopAddButton {
    right: 0;
  }
.ht2-MainContent-procedure_immunization-procedure_immunization_summary .ht2-PrintPageAction {
    right: 150px;
  }
.ht2-MainContent-procedure_immunization-procedure_immunization_summary .ht2-TopPagination {
    margin-top: var(--base-space-5);
    margin-bottom: -18px;
  }
.ht2-MainContent-procedure_immunization-procedure_immunization_summary .ht2-BottomAddButton {
    position: absolute;
    right: 0;
    bottom: var(--base-space-4);
  }
.ht2-MainContent-procedure_immunization-procedure_immunization_summary .ht2-BottomPagination {
    margin-top: -18px;
  }
.ht2-MainContent-procedure_immunization-action_detail {
  /*
   * Illness/ Condition detail
   * phr/problem_list/problem_list_detail.cfm ... &show_all=NO
   */
  padding: var(--base-space-5) 0;
}
.ht2-MainContent-procedure_immunization-action_detail .ht2-ImmunizationDetailHeaderActions * {
      vertical-align: middle;
    }
.ht2-MainContent-procedure_immunization-action_detail .ht2-BackButton {
    display: block;
    position: absolute;
    top: calc(var(--base-space-11) - 3px);
    left: 0;
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-ViewTitle {
    display: block;
    position: absolute;
    top: var(--base-space-11);
    left: 50px;
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-ViewSubtitle {
    text-align: left;
    padding-bottom: var(--base-space-3);
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-ImmunizationDetailContentWrapper {
    margin-top: var(--base-space-10);
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-TableLayout {
    margin-top: 64px;
    max-width: 900px;
    table-layout: fixed;
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-TableLayout * {
      vertical-align: middle;
    }
.ht2-MainContent-procedure_immunization-action_detail .ht2-ImmunizationDetailLabel {
    text-align: right;
    padding: var(--base-space-3) var(--base-space-4) var(--base-space-3) 0;
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-ActionItems {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 34px;
    right: 0;
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-DetailActions {
    display: none;
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-BackButtonBottom {
    display: none;
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-BottomActionButtons {
    margin-top: var(--base-space-5);
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-TableTitle {
    padding: var(--base-space-3);
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-ImmunizationDetailVoidFormStructure,
  .ht2-MainContent-procedure_immunization-action_detail .ht2-ImmunizationDetailReactivateFormStructure,
  .ht2-MainContent-procedure_immunization-action_detail .ht2-ImmunizationDetailDisputeFormStructure {
    max-width: 500px;
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-ImmunizationDetailVoidActions {
    padding: var(--base-space-3);
  }
.ht2-MainContent-procedure_immunization-action_detail .ht2-ImmunizationDetailVoidHeading {
    padding: var(--base-space-3);
    text-align: left;
  }
/*
   * Illnesses / Conditions Detail -- Add Note
   * /phr/problem_list/problem_list_detail.cfm
   */
.ht2-MainContent-procedure_immunization-action_edit .ht2-ImmunizationAddNotePageTitle, .ht2-MainContent-procedure_immunization-action_add_note_route .ht2-ImmunizationAddNotePageTitle {
    position: relative;
    right: var(--base-space-2);
    text-align: left;
    padding-bottom: var(--base-space-4);
    padding-top: var(--base-space-4);
  }
.ht2-MainContent-procedure_immunization-action_edit .ht2-PrintPageAction, .ht2-MainContent-procedure_immunization-action_add_note_route .ht2-PrintPageAction {
    position: absolute;
    right: 0;
    top: var(--base-space-5);
  }
.ht2-MainContent-procedure_immunization-action_edit .ht2-TableLayout *, .ht2-MainContent-procedure_immunization-action_add_note_route .ht2-TableLayout * {
      vertical-align: middle;
    }
.ht2-MainContent-procedure_immunization-action_edit .ht2-ImmunizationAddNoteTableRowTitle, .ht2-MainContent-procedure_immunization-action_add_note_route .ht2-ImmunizationAddNoteTableRowTitle {
    text-align: left;
    padding-top: var(--base-space-3);
    padding-bottom: var(--base-space-3);
    padding-right: var(--base-space-4);
  }
.ht2-MainContent-procedure_immunization-action_edit .ht2-BottomActions, .ht2-MainContent-procedure_immunization-action_add_note_route .ht2-BottomActions {
    padding-top: var(--base-space-5);
    padding-bottom: var(--base-space-3);
  }
/* stylelint-disable selector-max-type -- TODO: This screen needs to be reexamined. This stylelint disable should not exist. */
/*
   * /phr/procedure_immunization/action_route.cfm?
   * My Health -> Immunizations -> Add Button
   */
.ht2-MainContent-procedure_immunization-action_route .ht2-SearchOptionsTitle {
    position: relative;
    height: 100px;
    text-align: left;
    vertical-align: middle;
    left: -10px;
  }
.ht2-MainContent-procedure_immunization-action_route .ht2-Table.ht2-OptionsTable tr:nth-child(odd) {
      background-color: #f5fafe;
    }
.ht2-MainContent-procedure_immunization-action_route .ht2-Table.ht2-OptionsTable tr:nth-child(even) {
      background-color: transparent;
    }
.ht2-MainContent-procedure_immunization-action_route .ht2-SearchField {
    display: block;
  }
.ht2-MainContent-procedure_immunization-action_route .ht2-TextInput {
    margin-right: var(--base-space-3);
  }
.ht2-MainContent-procedure_immunization-action_route .ht2-SearchFieldLabel {
    padding-bottom: var(--base-space-2);
    display: block;
    text-align: left;
  }
.ht2-MainContent-procedure_immunization-action_detail_submit_route {
  /*
 * /phr/procedure_immunization/action_detail_submit_route.cfm?
 */
  padding: var(--base-space-5);
}
.ht2-MainContent-procedure_immunization-action_detail_submit_route .ht2-VaccineSearchPageHeader {
    text-align: left;
    padding-bottom: var(--base-space-4);
  }
.ht2-MainContent-procedure_immunization-action_detail_submit_route .ht2-VaccineSearchSearchField {
    display: block;
    padding-bottom: var(--base-space-3);
  }
.ht2-MainContent-procedure_immunization-action_detail_submit_route .ht2-VaccineSearchSearchField .ht2-SearchFieldLabel {
      display: block;
      text-align: left;
    }
.ht2-MainContent-procedure_immunization-action_detail_submit_route .ht2-VaccineSearchTableHeaderTitle {
    text-align: left;
  }
.ht2-MainContent-procedure_immunization-action_detail_submit_route {
  /*
 * /phr/procedure_immunization/action_detail_submit_route.cfm?
 */
  padding: var(--base-space-5);
}
.ht2-MainContent-procedure_immunization-action_detail_submit_route .ht2-ManufacturerPageHeader {
    text-align: left;
    padding-bottom: var(--base-space-4);
  }
.ht2-MainContent-procedure_immunization-action_detail_submit_route .ht2-VaccineSearchTableHeaderTitle {
    text-align: left;
  }
/*
   * Immunizations -- Add
   * /phr/procedure_immunization/action_edit.cfm
   */
.ht2-MainContent-procedure_immunization-action_edit .ht2-ActionEditTimeForm .ht2-TextInput {
      display: block;
      margin-top: var(--base-space-1);
      margin-bottom: var(--base-space-3);
    }
.ht2-Scope-kitchensink .ht2-PageHeader {
    margin-bottom: var(--base-space-5);
  }
.ht2-Scope-kitchensink .ht2-SectionTitleText {
    margin-bottom: var(--base-space-3);
  }
.ht2-Scope-kitchensink .ht2-SectionRow {
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-SectionRow {
  display: block;
  margin-right: 0;
  margin-left: 0;
  }
  }
.ht2-Scope-kitchensink .ht2-SectionTitle {
    margin-bottom: var(--base-space-5);
    border-bottom: solid 3px var(--base-colors-primary);
    padding-bottom: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-Section > *, .ht2-Scope-kitchensink .ht2-SectionContent > * {
      margin-bottom: var(--base-space-5);
    }
.ht2-Scope-kitchensink .ht2-TypographySection {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

    max-width: 300px;
    margin-bottom: var(--base-space-5);
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-TypographySection {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter)
  }
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-TypographySection {
      max-width: 100%
  }
  }
.ht2-Scope-kitchensink .ht2-InputSection {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

    max-width: 500px;
    margin-bottom: var(--base-space-5);
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-InputSection {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter)
  }
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-InputSection {
      max-width: 100%
  }
  }
.ht2-Scope-kitchensink .ht2-ButtonSection {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-ButtonSection {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter);
  }
  }
.ht2-Scope-kitchensink .ht2-InputSectionCheckbox {
    margin-bottom: var(--base-space-5);
  }
.ht2-Scope-kitchensink .ht2-TableSection {
    margin-bottom: var(--base-space-5);
  }
.ht2-Scope-kitchensink .ht2-LayoutMixinsSection {
    margin-bottom: var(--base-space-5);
  }
.ht2-Scope-kitchensink .ht2-RowExample {
  --negOne: -1;
    --gutter: var(--base-space-gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--negOne)*var(--gutter));
  margin-left: calc(var(--negOne)*var(--gutter));
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-RowExample {
  display: block;
  margin-right: 0;
  margin-left: 0;
  }
  }
.ht2-Scope-kitchensink .ht2-ColumnExample {
    --gutter: var(--base-space-gutter);
  width: 100%;
  margin-right: var(--gutter);
  margin-left: var(--gutter);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  }
@media (max-width: 800px) {
.ht2-Scope-kitchensink .ht2-ColumnExample {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--gutter)
  }
  }
.ht2-Scope-kitchensink .ht2-ColumnExample * {
      background: var(--base-colors-primary);
      height: 200px;
      color: var(--base-colors-white);
      font-size: var(--base-fontSizes-6);
      padding: var(--base-space-5);
    }
.ht2-Scope-kitchensink .ht2-KitchenSinkDatepickerExample {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-Scope-kitchensink .ht2-KitchenSinkDatepickerExample .datepick-trigger {
      margin-left: var(--base-space-2);
    }
.ht2-Scope-kitchensink .ht2-CardList {
    max-width: 870px;
  }
.ht2-Scope-kitchensink .ht2-DropdownLabel {
    display: inline-block;
    margin-bottom: var(--base-space-1);
  }
.ht2-Scope-kitchensink .ht2-DocumentManagerListDocumentsControlsSortBy {
    max-width: 400px;
  }
.ht2-Scope-kitchensink .ht2-PanePrimary,
  .ht2-Scope-kitchensink .ht2-Accordion,
  .ht2-Scope-kitchensink .ht2-PaneSecondary {
    height: 150px;
  }
.ht2-Scope-kitchensink .ht2-PaletteSection {
    container-type: inline-size;
    display: grid;
    grid-gap: var(--base-space-5);
    grid-template-columns: 2fr 1fr 2fr 2fr 2fr 1fr 2fr;
    grid-template-areas:
      'bwcPalette . pPalette sPalette tPalette . semaPalette'
      'bgPalette  . linkPalette otherPalette textPalette . semaLightPalette'
      'bgPalette  . linkPalette . textPalette . .';
    container-type: inline-size;
  }
.ht2-Scope-kitchensink .ht2-PaletteItem,
  .ht2-Scope-kitchensink .ht2-PaletteItemWhite {
    margin-bottom: var(--base-space-2);
  }
.ht2-Scope-kitchensink .ht2-PaletteItemWhite {
    margin-top: auto;
  }
.ht2-Scope-kitchensink .ht2-BlackWhiteCanvas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    grid-area: bwcPalette;
  }
.ht2-Scope-kitchensink .ht2-BackgroundPalette {
    grid-area: bgPalette;
  }
.ht2-Scope-kitchensink .ht2-PrimaryPalette {
    grid-area: pPalette;
  }
.ht2-Scope-kitchensink .ht2-SecondaryPalette {
    grid-area: sPalette;
  }
.ht2-Scope-kitchensink .ht2-TertiaryPalette {
    grid-area: tPalette;
  }
.ht2-Scope-kitchensink .ht2-SemaphoricPalette {
    grid-area: semaPalette;
  }
.ht2-Scope-kitchensink .ht2-SemaphoricLightPalette {
    grid-area: semaLightPalette;
  }
.ht2-Scope-kitchensink .ht2-LinkPalette {
    grid-area: linkPalette;
  }
.ht2-Scope-kitchensink .ht2-TextPalette {
    grid-area: textPalette;
  }
.ht2-Scope-kitchensink .ht2-OtherPalette {
    grid-area: otherPalette;
  }
.ht2-Scope-kitchensink .ht2-PaletteLabel {
    font-size: var(--component-lib__BodyBoldText-fontSize);
    font-weight: var(--component-lib__BodyBoldText-fontWeight);
    color: var(--component-lib__BodyBoldText-color);
    line-height: var(--component-lib__BodyBoldText-lineHeight);
    font-family: var(--component-lib__BodyBoldText-fontFamily);
  }
.ht2-Scope-kitchensink .ht2-PaletteBlack {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-black);
  }
.ht2-Scope-kitchensink .ht2-PaletteWhite {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-white);
  }
.ht2-Scope-kitchensink .ht2-PaletteCanvas {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-canvas);
  }
.ht2-Scope-kitchensink .ht2-PalettePrimary {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-primary);
  }
.ht2-Scope-kitchensink .ht2-PalettePrimaryLighten {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-primaryLighten);
  }
.ht2-Scope-kitchensink .ht2-PalettePrimaryDarken {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-primaryDarken);
  }
.ht2-Scope-kitchensink .ht2-PalettePrimaryAccent {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-primaryAccent);
  }
.ht2-Scope-kitchensink .ht2-PaletteSecondary {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-secondary);
  }
.ht2-Scope-kitchensink .ht2-PaletteSecondaryLighten {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-secondaryLighten);
  }
.ht2-Scope-kitchensink .ht2-PaletteSecondaryDarken {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-secondaryDarken);
  }
.ht2-Scope-kitchensink .ht2-PaletteSecondaryAccent {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-secondaryAccent);
  }
.ht2-Scope-kitchensink .ht2-PaletteTertiary {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-tertiary);
  }
.ht2-Scope-kitchensink .ht2-PaletteTertiaryLighten {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-tertiaryLighten);
  }
.ht2-Scope-kitchensink .ht2-PaletteTertiaryDarken {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-tertiaryDarken);
  }
.ht2-Scope-kitchensink .ht2-PaletteTertiaryAccent {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-tertiaryAccent);
  }
.ht2-Scope-kitchensink .ht2-PaletteWarning {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-warning);
  }
.ht2-Scope-kitchensink .ht2-PaletteAlert {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-alert);
  }
.ht2-Scope-kitchensink .ht2-PaletteDanger {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-danger);
  }
.ht2-Scope-kitchensink .ht2-PaletteSuccess {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-success);
  }
.ht2-Scope-kitchensink .ht2-PaletteWarningLight {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-warningLight);
  }
.ht2-Scope-kitchensink .ht2-PaletteDangerLight {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-dangerLight);
  }
.ht2-Scope-kitchensink .ht2-PaletteSuccessLight {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-successLight);
  }
.ht2-Scope-kitchensink .ht2-PaletteBackgroundDark {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-backgroundDark);
  }
.ht2-Scope-kitchensink .ht2-PaletteBackgroundLight {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-backgroundLight);
  }
.ht2-Scope-kitchensink .ht2-PaletteLink {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-link);
  }
.ht2-Scope-kitchensink .ht2-PaletteLinkOnLight {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-linkOnLight);
  }
.ht2-Scope-kitchensink .ht2-PaletteLinkOnDark {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-linkOnDark);
  }
.ht2-Scope-kitchensink .ht2-PaletteText {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-text);
  }
.ht2-Scope-kitchensink .ht2-PaletteTextOnLight {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-textOnLight);
  }
.ht2-Scope-kitchensink .ht2-PaletteTextOnDark {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-textOnDark);
  }
.ht2-Scope-kitchensink .ht2-PaletteFocus {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-focus);
  }
.ht2-Scope-kitchensink .ht2-PalettePrimaryIcon {
  width: 100%;
  height: 100px;
  outline: 1px dashed #000;

    background-color: var(--base-colors-primaryIcon);
  }
@container (width < 800px) {
    .ht2-Scope-kitchensink .ht2-PaletteSection {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-gap: var(--base-space-1);
      grid-template-areas:
        'bwcPalette pPalette sPalette tPalette otherPalette'
        'bgPalette linkPalette textPalette semaPalette semaLightPalette';
    }
  }
@container (width < 530px) {
    .ht2-Scope-kitchensink .ht2-PaletteSection {
      grid-template-columns: 1fr 1fr;
      grid-template-areas:
        'bwcPalette bgPalette'
        'pPalette sPalette'
        'tPalette otherPalette'
        'semaPalette semaLightPalette'
        'linkPalette textPalette';
    }
  }
.ht2-MainContent-med_profile-active_meds {
  position: relative;
}
.ht2-MainContent-med_profile-active_meds .ht2-MedicationsTableMedications {
    width: 100%;
  }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationTabs {
    margin-top: 70px;
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationsFormMedication .ht2-MedicationsHeaderRow {
      position: absolute;
      top: 35px;
    }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationsFormMedication .ht2-PrimaryPageButtonContainer {
      position: absolute;
      right: 0;
      top: 35px;
    }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationsFormMedication .ht2-SecondaryPageButtonsContainerMedication {
      position: absolute;
      right: 120px;
      top: 35px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationCheckTable {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationCheckTable .ht2-MedicationsHeader {
      text-align: left;
      margin: 20px 0;
      display: block;
    }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationCheckTable .ht2-MedicationCheckHeaderContainer {
      text-align: left;
      padding: 20px 0;
      border-bottom: 1px solid var(--base-colors-grey6);
      border-top: 1px solid var(--base-colors-grey6);
    }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationCheckTable .ht2-MedicationCheckHeaderLabel {
      font-weight: bold;
    }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationCheckTable .ht2-MedicationCheckSectionContainer {
      padding: 16px;
    }
.ht2-MainContent-med_profile-active_meds .ht2-BottomButtonMedication {
    display: none;
  }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationsTableHeaderCellData {
    color: var(--base-colors-black);
  }
@media (max-width: 750px) {
    .ht2-MainContent-med_profile-active_meds .ht2-MedicationTabs {
      margin-top: 140px;
    }
      .ht2-MainContent-med_profile-active_meds .ht2-MedicationsFormMedication .ht2-SecondaryPageButtonsContainerMedication {
        left: 0;
        top: 125px;
      }

      .ht2-MainContent-med_profile-active_meds .ht2-MedicationsFormMedication .ht2-PrimaryPageButtonContainer {
        left: 0;
        top: 80px;
      }
}
.ht2-MainContent-med_profile-active_meds .ht2-MedicationsTableMedicationHistory {
    width: 100%;
  }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationsTableMedicationHistory .ht2-MedicationsHeaderRow {
      position: absolute;
      top: 35px;
    }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationsFormMedicationHistory .ht2-PrimaryPageButtonContainer {
      position: absolute;
      right: 0;
      top: 33px;
    }
.ht2-MainContent-med_profile-active_meds .ht2-SecondaryPageButtonsContainerMedicationHistory {
    position: absolute;
    right: 120px;
    top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationHistoryTabs {
    margin-top: 70px;
    margin-bottom: var(--base-space-3);
  }
@media (max-width: 750px) {
    .ht2-MainContent-med_profile-active_meds .ht2-MedicationHistoryTabs {
      margin-top: 140px;
    }
      .ht2-MainContent-med_profile-active_meds .ht2-MedicationsFormMedicationHistory .ht2-SecondaryPageButtonsContainerMedicationHistory {
        left: 0;
        top: 125px;
      }

      .ht2-MainContent-med_profile-active_meds .ht2-MedicationsFormMedicationHistory .ht2-PrimaryPageButtonContainer {
        left: 0;
        top: 80px;
      }
}
.ht2-AddMedicationHeader {
  margin: 20px 0;
}
.ht2-FormularyInfoHeader {
  margin: 20px 0;
  text-align: left;
}
.ht2-AddMedicationTable {
  width: 100%;
}
.ht2-FormularyFormContainerMedication .ht2-FormularySearchLabel {
    padding: 10px 0;
  }
.ht2-FormularyFormContainerMedication .ht2-FormularySearchFormFieldsContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
  }
.ht2-FormularyFormContainerMedication .ht2-FormularySearchFormFieldContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 10px;
  }
.ht2-FormularyFormContainerMedication .ht2-FormularySearchFormFieldInput {
    margin: 10px 0;
    border: 1px solid var(--base-colors-grey4);
  }
.ht2-FormularyFormContainerMedication .ht2-FormularySearchFormFieldInfo {
    font-size: 14px;
    color: var(--base-colors-grey5);
  }
.ht2-FormularyFormContainerMedication .ht2-AddMedicationSearchButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-CategorySearchTableMedication .ht2-MedicationsHeader {
    text-align: left;
    margin: 20px 0;
    display: block;
  }
.ht2-CategorySearchTableMedication .ht2-CategorySearchItemContainer {
    margin: 10px 0;
  }
.ht2-CategorySearchTableMedication .ht2-CategorySearchItemIcon {
    margin-right: 8px;
  }
.ht2-CategorySearchTableMedication .ht2-CategorySearchItemLink .ht2-CategorySearchItemIcon {
      display: none;
    }
.ht2-CategorySearchTableMedication .ht2-CategorySearchItemLink .ht2-CategorySearchItemLabel::before {
      margin-right: 10px;
      position: relative;
      top: 3px;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-ExpandIcon-mask);
          mask: var(--component-ExpandIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

      background: var(--base-colors-primary);
    }
.ht2-MainContent-med_profile-med_formulary .ht2-MedicationSearchResultsTable {
    width: 100%;
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-med_profile-med_formulary .ht2-MedicationSearchResultsTableHeader {
    padding: 20px 0;
    text-align: left;
  }
@media (max-width: 767px) {
    .ht2-FormularyFormContainerMedication .ht2-FormularySearchFormFieldsContainer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

  .ht2-AddMedicationTabsMedication {
    margin-top: 140px;
  }
}
/* stylelint-disable selector-max-type, max-nesting-depth -- TODO: This needs to be reexamined.
When doing this screen again, remove the element selectors. */
.ht2-MainContent-med_profile-Med_history,
.ht2-MainContent-med_profile-Med_profile_add_final,
.ht2-MainContent-med_profile-med_profile_action {
  position: relative;
}
.ht2-MainContent-med_profile-Med_history .ht2-MedicationsDetailBackArrow, .ht2-MainContent-med_profile-Med_profile_add_final .ht2-MedicationsDetailBackArrow, .ht2-MainContent-med_profile-med_profile_action .ht2-MedicationsDetailBackArrow {
    font-size: 0;
    padding: 0;
    position: absolute;
    top: 30px;
  }
.ht2-MainContent-med_profile-Med_history .ht2-MedicationsDetailBackArrow::before, .ht2-MainContent-med_profile-Med_profile_add_final .ht2-MedicationsDetailBackArrow::before, .ht2-MainContent-med_profile-med_profile_action .ht2-MedicationsDetailBackArrow::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-BackIcon-mask);
          mask: var(--component-BackIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

      background: var(--base-colors-primary);
    }
.ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailTopButtonContainer, .ht2-MainContent-med_profile-Med_profile_add_final .ht2-MedicationDetailTopButtonContainer, .ht2-MainContent-med_profile-med_profile_action .ht2-MedicationDetailTopButtonContainer {
    display: none;
  }
.ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailSecondaryButtonsContainer, .ht2-MainContent-med_profile-Med_profile_add_final .ht2-MedicationDetailSecondaryButtonsContainer, .ht2-MainContent-med_profile-med_profile_action .ht2-MedicationDetailSecondaryButtonsContainer {
    position: absolute;
    top: 40px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailSecondaryButtonsContainer .ht2-SearchPageButtonLabel, .ht2-MainContent-med_profile-Med_profile_add_final .ht2-MedicationDetailSecondaryButtonsContainer .ht2-SearchPageButtonLabel, .ht2-MainContent-med_profile-med_profile_action .ht2-MedicationDetailSecondaryButtonsContainer .ht2-SearchPageButtonLabel {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
.ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailSecondaryButtonsContainer .ht2-SearchPageButtonLabel .ht2-SearchPageButtonLegacyIcon, .ht2-MainContent-med_profile-Med_profile_add_final .ht2-MedicationDetailSecondaryButtonsContainer .ht2-SearchPageButtonLabel .ht2-SearchPageButtonLegacyIcon, .ht2-MainContent-med_profile-med_profile_action .ht2-MedicationDetailSecondaryButtonsContainer .ht2-SearchPageButtonLabel .ht2-SearchPageButtonLegacyIcon {
        display: none;
      }
.ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailSecondaryButtonsContainer .ht2-SearchPageButtonLabel::before, .ht2-MainContent-med_profile-Med_profile_add_final .ht2-MedicationDetailSecondaryButtonsContainer .ht2-SearchPageButtonLabel::before, .ht2-MainContent-med_profile-med_profile_action .ht2-MedicationDetailSecondaryButtonsContainer .ht2-SearchPageButtonLabel::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-SearchIcon-mask);
          mask: var(--component-SearchIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-SearchIcon-backgroundColor);

        margin-right: 10px;
        background: var(--base-colors-primary);
      }
.ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailHeader, .ht2-MainContent-med_profile-Med_profile_add_final .ht2-MedicationDetailHeader, .ht2-MainContent-med_profile-med_profile_action .ht2-MedicationDetailHeader {
    position: absolute;
    top: 30px;
    left: 45px;
  }
.ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailTabs, .ht2-MainContent-med_profile-Med_profile_add_final .ht2-MedicationDetailTabs, .ht2-MainContent-med_profile-med_profile_action .ht2-MedicationDetailTabs {
    margin-top: 70px;
  }
.ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailSecondaryButtonBottom, .ht2-MainContent-med_profile-Med_profile_add_final .ht2-MedicationDetailSecondaryButtonBottom, .ht2-MainContent-med_profile-med_profile_action .ht2-MedicationDetailSecondaryButtonBottom {
    display: none;
  }
.ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailButton, .ht2-MainContent-med_profile-Med_profile_add_final .ht2-MedicationDetailButton, .ht2-MainContent-med_profile-med_profile_action .ht2-MedicationDetailButton {
    display: inline;
  }
@media (max-width: 767px) {
    .ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailTabs {
      margin-top: 140px;
    }

    .ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailSecondaryButtonsContainer {
      left: 0;
      top: 85px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }

      .ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailSecondaryButtonsContainer .ht2-SearchPageButtonLabel {
        margin-bottom: 15px;
      }

    .ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailButton {
      margin-bottom: var(--base-space-3);
    }

    .ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailTable {
      display: block;
      width: 100%;
      text-align: left;
    }

      .ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailTable tr,
      .ht2-MainContent-med_profile-Med_history .ht2-MedicationDetailTable td {
        display: block;
        width: 100%;
        text-align: left;
      }
}
/* stylelint-disable selector-max-type, max-nesting-depth -- TODO: This screen needs to be reexamined. This stylelint disable should not exist. */
.ht2-MainContent-med_profile-active_meds .ht2-MedicationsHeaderEditMedication {
    padding: 20px 0;
    text-align: left;
    margin-left: -10px;
  }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationsSubHeaderEditMedication {
    text-align: left;
  }
.ht2-MainContent-med_profile-active_meds .ht2-EditMedicationActionButton {
    display: inline;
  }
@media (max-width: 767px) {
    .ht2-MainContent-med_profile-active_meds .ht2-MedicationActionTable {
      display: block;
      width: 100%;
      text-align: left;
    }

      .ht2-MainContent-med_profile-active_meds .ht2-MedicationActionTable tr,
      .ht2-MainContent-med_profile-active_meds .ht2-MedicationActionTable th,
      .ht2-MainContent-med_profile-active_meds .ht2-MedicationActionTable td {
        display: block;
        width: 100%;
        text-align: left;
      }

        .ht2-MainContent-med_profile-active_meds .ht2-MedicationActionTable tr textarea, .ht2-MainContent-med_profile-active_meds .ht2-MedicationActionTable th textarea, .ht2-MainContent-med_profile-active_meds .ht2-MedicationActionTable td textarea {
          width: 100%;
        }
}
.ht2-MainContent-med_profile-active_meds .ht2-MedicationActionHeader {
    text-align: left;
    padding: 20px 0;
  }
.ht2-MainContent-med_profile-active_meds .ht2-MedicationActionReasonLabel {
    vertical-align: top;
  }
.ht2-MainContent-med_profile-active_meds .ht2-AddMedicationNoteButton {
    display: inline;
  }
.ht2-MainContent-med_profile-Med_profile_audit_display {
  position: relative;
}
.ht2-MainContent-med_profile-Med_profile_audit_display .ht2-MedicationAuditHeader {
    position: absolute;
    top: 35px;
  }
.ht2-MainContent-med_profile-Med_profile_audit_display .ht2-MedicationAuditTabs {
    margin-top: 70px;
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-med_profile-Med_profile_audit_display .ht2-MedicationAuditTable {
    width: 100%;
  }
.ht2-MedicationsFormAllergy .ht2-MedicationsTableAllergy {
    width: 100%;
  }
.ht2-MedicationsFormAllergy .ht2-PrimaryPageButtonContainer {
    position: absolute;
    right: 0;
    top: 30px;
  }
.ht2-MedicationsFormAllergy .ht2-MedicationsHeader {
    text-align: left;
    padding: 20px 0;
  }
.ht2-MedicationsFormAllergy .ht2-SecondaryPageButtonsContainerAllergy {
    position: absolute;
    right: 120px;
    top: 30px;
  }
.ht2-MedicationsFormAllergy .ht2-BottomButtonAllergy {
    display: none;
  }
.ht2-MainContent-med_profile-active_meds .ht2-AddAllergyHeader, .ht2-MainContent-med_profile-Med_formulary_head .ht2-AddAllergyHeader {
    margin: 20px 0;
  }
.ht2-MainContent-med_profile-active_meds .ht2-AllergySearchSubHeader, .ht2-MainContent-med_profile-Med_formulary_head .ht2-AllergySearchSubHeader {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-med_profile-active_meds .ht2-AllergySearchButtonContainer, .ht2-MainContent-med_profile-Med_formulary_head .ht2-AllergySearchButtonContainer {
    margin-top: var(--base-space-3);
  }
.ht2-MainContent-med_profile-active_meds .ht2-AddAllergyClearButton, .ht2-MainContent-med_profile-Med_formulary_head .ht2-AddAllergyClearButton {
    margin-left: var(--base-space-3);
  }
.ht2-MainContent-med_profile-active_meds .ht2-AllergySearchHeader, .ht2-MainContent-med_profile-Med_formulary_head .ht2-AllergySearchHeader {
    margin: 20px 0;
  }
.ht2-MainContent-med_profile-active_meds .ht2-AllergenSearchResultsItemContainer, .ht2-MainContent-med_profile-Med_formulary_head .ht2-AllergenSearchResultsItemContainer {
    margin: 10px 0;
  }
.ht2-MainContent-med_profile-active_meds .ht2-AddAllergySearchButton, .ht2-MainContent-med_profile-Med_formulary_head .ht2-AddAllergySearchButton {
    display: inline;
  }
.ht2-MainContent-med_profile-allg_history,
.ht2-MainContent-med_profile-med_profile_action {
  position: relative;
}
.ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailBackArrow, .ht2-MainContent-med_profile-med_profile_action .ht2-AllergyDetailBackArrow {
    font-size: 0;
    padding: 0;
    position: absolute;
    top: 30px;
  }
.ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailBackArrow::before, .ht2-MainContent-med_profile-med_profile_action .ht2-AllergyDetailBackArrow::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-BackIcon-mask);
          mask: var(--component-BackIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primary);

      background: var('--base-colors-primary');
    }
.ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailButtons, .ht2-MainContent-med_profile-med_profile_action .ht2-AllergyDetailButtons {
    display: none;
  }
.ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailHeader, .ht2-MainContent-med_profile-med_profile_action .ht2-AllergyDetailHeader {
    position: absolute;
    top: 30px;
    left: 60px;
  }
.ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailTable, .ht2-MainContent-med_profile-med_profile_action .ht2-AllergyDetailTable {
    margin-top: 30px;
  }
.ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailViewAuditLabel, .ht2-MainContent-med_profile-med_profile_action .ht2-AllergyDetailViewAuditLabel {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailViewAuditLabel .ht2-AllergyDetailViewAuditIcon, .ht2-MainContent-med_profile-med_profile_action .ht2-AllergyDetailViewAuditLabel .ht2-AllergyDetailViewAuditIcon {
      display: none;
    }
.ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailViewAuditLabel::before, .ht2-MainContent-med_profile-med_profile_action .ht2-AllergyDetailViewAuditLabel::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-SearchIcon-mask);
          mask: var(--component-SearchIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--component-SearchIcon-backgroundColor);

      margin-right: 10px;
      background: var(--base-colors-primary);
    }
.ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailSubMenuContainer, .ht2-MainContent-med_profile-med_profile_action .ht2-AllergyDetailSubMenuContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
.ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailBottomReturnButton, .ht2-MainContent-med_profile-med_profile_action .ht2-AllergyDetailBottomReturnButton {
    display: none;
  }
.ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailButtonBottom, .ht2-MainContent-med_profile-med_profile_action .ht2-AllergyDetailButtonBottom {
    display: inline;
  }
@media (max-width: 767px) {
    .ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailSubMenuRow {
      display: block;
      margin-top: 50px;
    }

    .ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailSubMenuContainer {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }

    .ht2-MainContent-med_profile-allg_history .ht2-AllergyDetailButtonBottom {
      margin-bottom: 20px;
    }
}
.ht2-MainContent-med_profile-allergy_audit_display .ht2-AllergyAuditHeader {
    text-align: left;
  }
.ht2-MainContent-med_profile-allergy_audit_display .ht2-TransactionHistoryTable {
    width: 100%;
  }
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailsHeader {
    margin: 20px 0;
    text-align: left;
    padding-left: 60px;
    padding-top: 25px;
  }
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailsSubheading {
    text-align: left;
    padding: 20px 0;
  }
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailBackButton {
    position: relative;
  }
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailBackButton::before {
      position: absolute;
      top: 25px;
      left: 0;
    }
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailBackButtonBottom {
    display: none;
  }
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailsTableCellFirstColumn {
    text-align: right;
  }
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailsAdditionalInformationLabel {
    text-align: left;
    padding: 20px 0;
  }
/* stylelint-disable-next-line selector-max-type -- TODO: Replace this element selector */
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailsAdditionalInformationLabel a {
      color: #000;
      text-decoration: none;
    }
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailsHospitalTableHeader {
    padding: 20px 0;
    text-align: left;
  }
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailsContractInformationTableHeader {
    padding: 20px 0;
    text-align: left;
  }
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailsProviderContactTableHeader {
    padding: 20px 0;
    text-align: left;
  }
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailsAddContactNoteButton {
    margin-top: var(--base-space-3);
  }
.ht2-MainContent-providers-prov_single .ht2-ProviderDetailsPrintButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: 0;
    top: 50px;
  }
.ht2-ProviderDetailsCertModal {
  display: none;
}
.ht2-ProviderDetailsCertModalModalContent {
  background: #fff;
  min-height: 242px;
  border: 2px solid #c4c4c4;
  padding: 18px;
  text-align: left;
  width: 580px;
  -webkit-box-shadow: 5px 5px rgb(0 0 0 / 20%);
          box-shadow: 5px 5px rgb(0 0 0 / 20%);
}
.ht2-ProviderDetailsCertModalModalClose {
  display: block;
  text-decoration: none;
  color: black;
}
/* stylelint-disable selector-max-type -- This needs to be reexamined.
When doing this screen again, remove the element selectors. */
/* /member/member_info.cfm */
.ht2-MainContent-member-member_info .ht2-MemberInfoActionsTable {
    margin: 42px 0;
  }
.ht2-MainContent-member-member_info .ht2-MemberInfoActionsTableLinkContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
  }
.ht2-MainContent-member-member_info .ht2-MemberInfoForm {
    position: relative;
  }
.ht2-MainContent-member-member_info .ht2-MemberInfoHeader {
    position: absolute;
    top: -70px;
  }
.ht2-MainContent-member-member_info .ht2-MemberInfoFormTableRow {
    color: #000;
  }
.ht2-MainContent-member-member_info .ht2-MemberInfoFormTableSubheadingRow {
    text-align: left;
  }
.ht2-MainContent-member-member_info .ht2-MemberInfoFormTableSubheading {
    padding: var(--base-space-4) 0;
    text-align: left;
  }
.ht2-MainContent-member-member_info .ht2-MemberInfoFormTableRow td,
  .ht2-MainContent-member-member_info .ht2-MemberInfoFormTableRow th {
    padding-top: var(--base-space-2);
    padding-bottom: var(--base-space-2);
    vertical-align: middle;
  }
.ht2-MainContent-member-member_info .ht2-MemberInfoFormTableRow th {
    padding-right: var(--base-space-4);
    font-weight: bold;
    text-align: right;
  }
.ht2-MainContent-member-member_info .ht2-MemberInfoFormTableRow br {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-member-member_info .ht2-MemberInfoFormTableChangePcpBtn,
  .ht2-MainContent-member-member_info .ht2-MemberInfoFormTableChangeMemBtn,
  .ht2-MainContent-member-member_info .ht2-MemberInfoFormTableRequestIDBtn,
  .ht2-MainContent-member-member_info .ht2-MemberInfoFormTablePrintIDBtn {
    margin: var(--base-space-4) var(--base-space-2) 0 0;
  }
.ht2-MainContent-member-member_info .ht2-MemberInfoFormTableRowButtonForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
/* stylelint-disable selector-max-type -- TODO: This needs to be reexamined.
When doing this screen again, remove the element selectors. */
/* /member/member_shell.cfm */
.ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableHeading {
    padding: var(--base-space-4) 0;
    text-align: left;
  }
.ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableSubheading {
    padding: var(--base-space-4) 0;
    text-align: left;
  }
.ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableRow {
    color: #000;
  }
.ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableRow td,
  .ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableRow th {
    padding-top: var(--base-space-2);
    padding-bottom: var(--base-space-2);
    vertical-align: middle;
  }
.ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableRow th {
    padding-right: var(--base-space-4);
    font-weight: bold;
    text-align: right;
  }
.ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableContactNum1Select,
  .ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableContactNum1Input,
  .ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableContactNum2Select,
  .ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableContactNum2Input,
  .ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableContactNum3Select,
  .ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableContactNum3Input,
  .ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableChangePhoneInput,
  .ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableWorkPhoneInput {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableHireDate {
    width: 100%;
    max-width: 32%;
  }
.ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableResidenceZipInput,
  .ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableResidenceStateInput,
  .ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableMailingZipInput,
  .ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableMailingStateInput {
    width: auto;
    max-width: none;
  }
.ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableCommaSpace {
    display: none;
  }
.ht2-MainContent-member-member_shell .ht2-MemberInfoFormTableRowButtonForm td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableCancelButton,
  .ht2-MainContent-member-member_shell .ht2-MemberInfoEditTableUpdateButton {
    margin: var(--base-space-4) var(--base-space-2) 0 0;
  }
/* stylelint-disable selector-max-type -- This needs to be reexamined.
When doing this screen again, remove the element selectors. */
/* /elg/IdCardRequest.cfm? */
.ht2-MainContent-elg-IdCardRequest .ht2-IdCardRequestTable {
    width: 100%;
    position: relative;
  }
.ht2-MainContent-elg-IdCardRequest tr:nth-child(even).ht2-IdCardRequestFormTableActionsRow {
    background-color: transparent;
  }
.ht2-MainContent-elg-IdCardRequest .ht2-IdCardRequestTablePrintButtonRow {
    position: absolute;
    top: var(--base-space-4);
    right: 0;
  }
.ht2-MainContent-elg-IdCardRequest .ht2-IdCardRequestTable
    td:last-child.ht2-IdCardRequestTablePrintButtonContainer {
    padding: 0;
  }
.ht2-MainContent-elg-IdCardRequest .ht2-IdCardRequestTablePrintButtonContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
.ht2-MainContent-elg-IdCardRequest tr:nth-child(even).ht2-IdCardRequestTableHeadingRow,
  .ht2-MainContent-elg-IdCardRequest tr:nth-child(even).ht2-TableActionsRow {
    background-color: transparent;
  }
.ht2-MainContent-elg-IdCardRequest .ht2-IdCardRequestTableHeading {
    padding: var(--base-space-4) 0;
    text-align: left;
  }
.ht2-MainContent-elg-IdCardRequest .ht2-IdCardRequestTableSubmitButton,
  .ht2-MainContent-elg-IdCardRequest .ht2-IdCardRequestTableCancelButton {
    margin: var(--base-space-4) var(--base-space-2) 0 0;
  }
.ht2-MainContent-elg-IdCardRequest .ht2-IdCardRequestFormTableActionsRow td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
/* stylelint-disable selector-max-type -- TODO: Fix the tr, shouldn't be using element selectors */
/* /elg/IdCardRequest.cfm? */
.ht2-MainContent-elg-IdCardRequest tr:nth-child(even).ht2-IdCardPrintTableHeadingRow,
  .ht2-MainContent-elg-IdCardRequest tr:nth-child(even).ht2-TableActionsRow {
    background-color: transparent;
  }
.ht2-MainContent-elg-IdCardRequest .ht2-IdCardPrintTableHeading {
    padding: var(--base-space-4) 0;
    text-align: left;
  }
.ht2-MainContent-elg-IdCardRequest .ht2-IdCardPrintTable {
    width: 100%;
  }
.ht2-MainContent-elg-IdCardRequest .ht2-IdCardPrintTableCancelButton {
    margin: var(--base-space-4) var(--base-space-2) 0 0;
  }
.ht2-MainContent-member-my_providers {

  /* TODO: Either remove or add a rule to this so it's not empty
  .ht2-MyProvidersPageButtonsAdd {

  }
   */
}
.ht2-MainContent-member-my_providers .ht2-MyProvidersHeader {
    padding: 20px 0;
    text-align: left;
  }
.ht2-MainContent-member-my_providers .ht2-Table .ht2-TableRow:nth-child(even) {
    background: none;
  }
.ht2-MainContent-member-my_providers .ht2-MyProvidersPrintButtonContainer {
    position: absolute;
    right: 125px;
    top: 14px;
  }
.ht2-MainContent-member-my_providers .ht2-MyProvidersPrintButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-MainContent-member-my_providers .ht2-MyProvidersPageButtonsTable {
    position: absolute;
    right: 0;
    width: auto;
    top: 20px;
  }
.ht2-MainContent-member-my_providers .ht2-MyProvidersPageButtonsBottom {
    display: none;
  }
.ht2-MainContent-member-my_providers .ht2-MyProvidersPageButtonsContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.ht2-MainContent-member-my_providers .ht2-MyProvidersPageButtonsUpdate {
    margin-right: 20px;
  }
@media print {
  .ht2-MainContent-member-my_providers {
    margin-top: 25px;
  }

  .ht2-MainContent-member-my_providers .ht2-MyProvidersHeader {
    font-size: 24px;
  }
}
.ht2-MainContent-member-member_shell .ht2-AddProviderHeader {
    padding: 20px 0;
    text-align: left;
  }
.ht2-MainContent-member-member_shell .ht2-AddProviderTable {
    width: 100%;
  }
.ht2-MainContent-member-member_shell .ht2-AddProviderButtonsContainer {
    padding-top: 20px;
  }
.ht2-MainContent-member-member_shell .ht2-AddProviderSearchButton {
    display: inline;
  }
.ht2-MainContent-member-member_shell .ht2-AddProviderClearButton {
    display: inline;
  }
.ht2-MainContent-member-member_shell .ht2-SearchResultsHeader {
    padding: 20px 0;
    text-align: left;
  }
.ht2-MainContent-member-member_shell .ht2-ProviderSearchResultsPaginationTop {
    display: none;
  }
.ht2-MainContent-member-member_shell .ht2-SearchResultsPrintContainer {
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 25px;
    width: auto;
  }
.ht2-MainContent-member-member_shell .ht2-SearchResultsTable {
    width: 100%;
  }
.ht2-MainContent-member-member_shell .ht2-SearchResultsPrintLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-MainContent-member-member_shell .ht2-SearchResultsPrintLink::before {
      top: -2px;
    }
.ht2-MainContent-member-member_shell .ht2-HelpIcon {
    display: none;
  }
.ht2-MainContent-providers-prov_add_note .ht2-ProviderAddNoteHeader {
    padding: 20px 0 20px 60px;
    text-align: left;
  }
.ht2-MainContent-providers-prov_add_note .ht2-ProviderAddNoteTextarea {
    margin-bottom: 20px;
    width: 100%;
    max-width: 500px;
  }
.ht2-MainContent-providers-prov_add_note .ht2-ProviderAddNoteBackButton {
    position: absolute;
    top: 20px;
    left: 0;
  }
.ht2-MainContent-providers-prov_add_note .ht2-ProviderAddNoteSubmitButton,
  .ht2-MainContent-providers-prov_add_note .ht2-ProviderAddNoteCancelButton {
    display: inline;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-PageHeader, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-PageHeader, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-PageHeader, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-PageHeader, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-PageHeader, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-PageHeader, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-PageHeader {
    margin-top: var(--base-space-4);
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-SubPageHeader, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-SubPageHeader, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-SubPageHeader, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-SubPageHeader, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-SubPageHeader, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-SubPageHeader, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-SubPageHeader {
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--base-colors-grey9);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-SubPageTitleSection, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-SubPageTitleSection, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-SubPageTitleSection, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-SubPageTitleSection, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-SubPageTitleSection, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-SubPageTitleSection, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-SubPageTitleSection {
    margin-left: 0;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-SubPageTitleActions, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-SubPageTitleActions, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-SubPageTitleActions, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-SubPageTitleActions, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-SubPageTitleActions, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-SubPageTitleActions, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-SubPageTitleActions {
    padding-right: 0;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-PageTitleSection, .ht2-MainContent-secureMessaging-composeMessage .ht2-PageTitleSection, .ht2-MainContent-secureMessaging-viewMessage .ht2-PageTitleSection, .ht2-MainContent-secureMessaging-listMailboxes .ht2-PageTitleSection, .ht2-MainContent-secureMessaging-addMailbox .ht2-PageTitleSection, .ht2-MainContent-secureMessaging-editMailbox .ht2-PageTitleSection, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-PageTitleSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-ServerPaginationPageCount, .ht2-MainContent-secureMessaging-composeMessage .ht2-ServerPaginationPageCount, .ht2-MainContent-secureMessaging-viewMessage .ht2-ServerPaginationPageCount, .ht2-MainContent-secureMessaging-listMailboxes .ht2-ServerPaginationPageCount, .ht2-MainContent-secureMessaging-addMailbox .ht2-ServerPaginationPageCount, .ht2-MainContent-secureMessaging-editMailbox .ht2-ServerPaginationPageCount, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-ServerPaginationPageCount {
    margin-left: auto;
    margin-right: var(--base-space-4);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-PaginationContainer, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-PaginationContainer, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-PaginationContainer, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-PaginationContainer, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-PaginationContainer, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-PaginationContainer, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-PaginationContainer {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-TableContainer, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-TableContainer, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-TableContainer, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-TableContainer, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-TableContainer, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-TableContainer, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-TableContainer {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ContentContainer, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-ContentContainer, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ContentContainer, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-ContentContainer, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-ContentContainer, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-ContentContainer, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-ContentContainer {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-InputEncapsulatingNode, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-InputEncapsulatingNode, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-InputEncapsulatingNode, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-InputEncapsulatingNode, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-InputEncapsulatingNode, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-InputEncapsulatingNode, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-InputEncapsulatingNode {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-InputGroup, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-InputGroup, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-InputGroup, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-InputGroup, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-InputGroup, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-InputGroup, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-InputGroup {
    margin-bottom: var(--base-space-4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-SectionTitleText, .ht2-MainContent-secureMessaging-composeMessage .ht2-SectionTitleText, .ht2-MainContent-secureMessaging-viewMessage .ht2-SectionTitleText, .ht2-MainContent-secureMessaging-listMailboxes .ht2-SectionTitleText, .ht2-MainContent-secureMessaging-addMailbox .ht2-SectionTitleText, .ht2-MainContent-secureMessaging-editMailbox .ht2-SectionTitleText, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-SectionTitleText {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-LabelText, .ht2-MainContent-secureMessaging-composeMessage .ht2-LabelText, .ht2-MainContent-secureMessaging-viewMessage .ht2-LabelText, .ht2-MainContent-secureMessaging-listMailboxes .ht2-LabelText, .ht2-MainContent-secureMessaging-addMailbox .ht2-LabelText, .ht2-MainContent-secureMessaging-editMailbox .ht2-LabelText, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-LabelText {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-RadioLabel, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-RadioLabel, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-RadioLabel, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-RadioLabel, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-RadioLabel, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-RadioLabel, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-RadioLabel {
    margin-bottom: var(--base-space-1);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-CheckableWrapper, .ht2-MainContent-secureMessaging-composeMessage .ht2-CheckableWrapper, .ht2-MainContent-secureMessaging-viewMessage .ht2-CheckableWrapper, .ht2-MainContent-secureMessaging-listMailboxes .ht2-CheckableWrapper, .ht2-MainContent-secureMessaging-addMailbox .ht2-CheckableWrapper, .ht2-MainContent-secureMessaging-editMailbox .ht2-CheckableWrapper, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-CheckableWrapper {
    margin-bottom: 0;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-GroupRowContainer, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-GroupRowContainer, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-GroupRowContainer, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-GroupRowContainer, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-GroupRowContainer, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-GroupRowContainer, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-GroupRowContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
@media (max-width: 530px) {
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-GroupRowContainer, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-GroupRowContainer, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-GroupRowContainer, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-GroupRowContainer, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-GroupRowContainer, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-GroupRowContainer, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-GroupRowContainer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start
  }
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-GroupRowContainer .ht2-TextInput, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-GroupRowContainer .ht2-TextInput, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-GroupRowContainer .ht2-TextInput, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-GroupRowContainer .ht2-TextInput, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-GroupRowContainer .ht2-TextInput, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-GroupRowContainer .ht2-TextInput, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-GroupRowContainer .ht2-TextInput {
      margin-top: 0;
    }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-GroupColumnContainer, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-GroupColumnContainer, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-GroupColumnContainer, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-GroupColumnContainer, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-GroupColumnContainer, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-GroupColumnContainer, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-GroupColumnContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-InputWrapper, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-InputWrapper, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-InputWrapper, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-InputWrapper, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-InputWrapper, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-InputWrapper, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-InputWrapper {
    width: 100%;
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ResultsWrapper, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-ResultsWrapper, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ResultsWrapper, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-ResultsWrapper, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-ResultsWrapper, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-ResultsWrapper, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-ResultsWrapper {
    min-height: 40px;
    width: 100%;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-RestrictedWidthInputWrapper, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-RestrictedWidthInputWrapper, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-RestrictedWidthInputWrapper, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-RestrictedWidthInputWrapper, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-RestrictedWidthInputWrapper, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-RestrictedWidthInputWrapper, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-RestrictedWidthInputWrapper {
    margin-bottom: var(--base-space-2);
    width: 75%;
    min-height: 40px;
  }
@media (max-width: 530px) {
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-RestrictedWidthInputWrapper, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-RestrictedWidthInputWrapper, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-RestrictedWidthInputWrapper, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-RestrictedWidthInputWrapper, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-RestrictedWidthInputWrapper, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-RestrictedWidthInputWrapper, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-RestrictedWidthInputWrapper {
      width: 100%
  }
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-RestrictedWidthTextareaWrapper, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-RestrictedWidthTextareaWrapper, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-RestrictedWidthTextareaWrapper, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-RestrictedWidthTextareaWrapper, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-RestrictedWidthTextareaWrapper, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-RestrictedWidthTextareaWrapper, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-RestrictedWidthTextareaWrapper {
    margin-bottom: var(--base-space-2);
    width: 78%;
  }
@media (max-width: 530px) {
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-RestrictedWidthTextareaWrapper, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-RestrictedWidthTextareaWrapper, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-RestrictedWidthTextareaWrapper, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-RestrictedWidthTextareaWrapper, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-RestrictedWidthTextareaWrapper, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-RestrictedWidthTextareaWrapper, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-RestrictedWidthTextareaWrapper {
      width: 100%
  }
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-TableCellOpenEnvelopeIcon, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-TableCellOpenEnvelopeIcon, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-TableCellOpenEnvelopeIcon, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-TableCellOpenEnvelopeIcon, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-TableCellOpenEnvelopeIcon, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-TableCellOpenEnvelopeIcon, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-TableCellOpenEnvelopeIcon {
    display: block;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-HelpAction, .ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-HelpAction, .ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-HelpAction, .ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-HelpAction, .ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-HelpAction, .ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-HelpAction, .ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-HelpAction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 0 var(--base-space-2);
    grid-gap: 0 var(--base-space-2);
    padding-left: var(--base-space-4);
    padding-right: var(--base-space-4);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-MailboxDetailsSectionTitleText, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-MailboxDetailsSectionTitleText {
	margin-top: var(--app-SecureMessaging-component-MailboxDetailsSectionTitleText-marginTop);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-AddAdditionalMailboxUsersSection, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-AddAdditionalMailboxUsersSection {
	margin-top: var(--app-SecureMessaging-component-AddAdditionalMailboxUsersSection-marginTop);
	margin-bottom: var(--app-SecureMessaging-component-AddAdditionalMailboxUsersSection-marginBottom);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-AddMailboxUsersTable, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-AddMailboxUsersTable {
	margin-top: var(--app-SecureMessaging-component-AddMailboxUsersTable-marginTop);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-ExternalEmailAddressSection, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-ExternalEmailAddressSection {
	margin-bottom: var(--app-SecureMessaging-component-ExternalEmailAddressSection-marginBottom);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-InformationContainer, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-InformationContainer {
	margin-bottom: var(--app-SecureMessaging-component-InformationContainer-marginBottom);
	display: var(--app-SecureMessaging-component-InformationContainer-display);
	-webkit-box-align: var(--app-SecureMessaging-component-InformationContainer-alignItems);
	    -ms-flex-align: var(--app-SecureMessaging-component-InformationContainer-alignItems);
	        align-items: var(--app-SecureMessaging-component-InformationContainer-alignItems);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-InformationContainerLabelText, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-InformationContainerLabelText {
	margin-bottom: var(--app-SecureMessaging-component-InformationContainerLabelText-marginBottom);
	margin-right: var(--app-SecureMessaging-component-InformationContainerLabelText-marginRight);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-ListAdditionalUsersForm, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-ListAdditionalUsersForm {
	margin-top: var(--app-SecureMessaging-component-ListAdditionalUsersForm-marginTop);
	margin-bottom: var(--app-SecureMessaging-component-ListAdditionalUsersForm-marginBottom);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-AdditionalUserSummaryTable, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-AdditionalUserSummaryTable {
	margin-top: var(--app-SecureMessaging-component-AdditionalUserSummaryTable-marginTop);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-AdditionalUsersTableRow, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-AdditionalUsersTableRow {
	display: var(--app-SecureMessaging-component-AdditionalUsersTableRow-display);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-ClonedAddedUsers .ht2-Layout-AdditionalUsersTableRow, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-ClonedAddedUsers .ht2-Layout-AdditionalUsersTableRow {
	display: var(--app-SecureMessaging-component-ClonedAdditionalUsersTableRow-display);
    }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-AdditionalUsersListItem, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-AdditionalUsersListItem {
	display: var(--app-SecureMessaging-component-AdditionalUsersListItem-display);
	-ms-flex-wrap: var(--app-SecureMessaging-component-AdditionalUsersListItem-flexWrap);
	    flex-wrap: var(--app-SecureMessaging-component-AdditionalUsersListItem-flexWrap);
	width: var(--app-SecureMessaging-component-AdditionalUsersListItem-width);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-AdditionalUsersSearchLabel, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-AdditionalUsersSearchLabel {
	width: var(--app-SecureMessaging-component-AdditionalUsersSearchLabel-width);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-AdditionalUsersSearchInput, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-AdditionalUsersSearchInput {
	width: var(--app-SecureMessaging-component-AdditionalUsersSearchInput-width);
	margin-bottom: var(--app-SecureMessaging-component-AdditionalUsersSearchInput-marginBottom);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-AdditionalUsersSearchInfo, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-AdditionalUsersSearchInfo {
	-webkit-box-ordinal-group: var(--app-SecureMessaging-component-AdditionalUsersSearchInfo-order);
	    -ms-flex-order: var(--app-SecureMessaging-component-AdditionalUsersSearchInfo-order);
	        order: var(--app-SecureMessaging-component-AdditionalUsersSearchInfo-order);
	margin-right: var(--app-SecureMessaging-component-AdditionalUsersSearchInfo-marginRight);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-AdditionalUsersSearchPrimary, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-AdditionalUsersSearchPrimary {
	-webkit-box-ordinal-group: var(--app-SecureMessaging-component-AdditionalUsersSearchPrimary-order);
	    -ms-flex-order: var(--app-SecureMessaging-component-AdditionalUsersSearchPrimary-order);
	        order: var(--app-SecureMessaging-component-AdditionalUsersSearchPrimary-order);
	margin-left: var(--app-SecureMessaging-component-AdditionalUsersSearchPrimary-marginLeft);
  }
.ht2-MainContent-secureMessaging-addMailbox .ht2-Layout-AdditionalUsersSearchSecondary, .ht2-ScopeModal-AppSecureMessagingListAdditionalUsers .ht2-Layout-AdditionalUsersSearchSecondary {
	-webkit-box-ordinal-group: var(--app-SecureMessaging-component-AdditionalUsersSearchSecondary-order);
	    -ms-flex-order: var(--app-SecureMessaging-component-AdditionalUsersSearchSecondary-order);
	        order: var(--app-SecureMessaging-component-AdditionalUsersSearchSecondary-order);
	margin-left: var(--app-SecureMessaging-component-AdditionalUsersSearchSecondary-marginLeft);
  }
.ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-PageHeader {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
.ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-CarbonCopyInputGroup {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-CarbonCopyInputGroupWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
.ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-MyContactsSection {
    width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
@media (max-width: 530px) {
.ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-MyContactsSection {
      width: 100%
  }
  }
.ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-DeleteContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: var(--base-space-1);
  }
.ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-GroupColumnContainer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-VerticallyAlignedLabelText {
    margin-bottom: 0;
  }
.ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-HorizontallyAlignedFieldLabelText {
    min-width: 100px;
    margin-bottom: 0;
    margin-right: var(--base-space-4);
    margin-top: 10px;
  }
@media (max-width: 530px) {
.ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-HorizontallyAlignedFieldLabelText {
      margin-right: 0;
      margin-bottom: var(--base-space-2)
  }
  }
.ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-HorizontallyAlignedLabelText {
    min-width: 100px;
    margin-bottom: 0;
    margin-right: var(--base-space-4);
  }
@media (max-width: 530px) {
.ht2-MainContent-secureMessaging-composeMessage .ht2-Layout-HorizontallyAlignedLabelText {
      margin-right: 0;
      margin-bottom: var(--base-space-2)
  }
  }
.ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-MailboxDetailsSectionTitleText {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-AddAdditionalMailboxUsersSection {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-AddMailboxUsersTable {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-ExternalEmailAddressSection {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-InformationContainer {
    margin-bottom: var(--base-space-2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-MainContent-secureMessaging-editMailbox .ht2-Layout-InformationContainerLabelText {
    margin-bottom: 0;
    margin-right: var(--base-space-2);
  }
.ht2-MainContent-secureMessaging-listMailboxes .ht2-Layout-TableActionsWrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--base-space-gutterSmall);
    -webkit-column-gap: var(--base-space-gutterSmall);
       -moz-column-gap: var(--base-space-gutterSmall);
            grid-column-gap: var(--base-space-gutterSmall);
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-AddRecipients {
    /* match max-width of .ht2-LegacyJavascriptModal */
    width: 800px;
  }
@media (max-width: 530px) {
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-AddRecipients {
      width: 100%
  }
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-DeleteContainer {
    margin-bottom: var(--base-space-1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-ContentContainer {
    margin-bottom: var(--base-space-2);
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-ServerPaginationContainer {
    margin-bottom: var(--base-space-3);
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-QuickView {
    display: none;
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-RecipientSummaryTable {
    margin-bottom: var(--base-space-4);
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-TableCellActionsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-TableCellActionLink {
    margin-top: var(--base-space-2);
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-TableCellActionLink:first-of-type {
      margin-top: 0;
    }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-ModalSelectionSection {
    margin-bottom: var(--base-space-4);
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-ModalDetailGroup {
    padding: var(--base-space-2) var(--base-space-4);
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-ModalDetailItem {
    margin-bottom: var(--base-space-1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-ModalDetailItem:last-of-type {
      margin-bottom: 0;
    }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-ModalDetailLabel {
    text-align: left;
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-ModalDetailValue {
    text-align: right;
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-ModalSelectionLabel {
    margin-bottom: var(--base-space-1);
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-RecipientSelectionWrapper {
    margin-bottom: var(--base-space-4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-row-gap: var(--base-space-3);
    grid-row-gap: var(--base-space-3);
  }
.ht2-ScopeModal-AppSecureMessagingAddressBookResults .ht2-Layout-RecipientSelectionForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: var(--base-space-3);
    grid-gap: var(--base-space-3);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-ListMessagesSearchFormContainer {
    padding-top: var(--base-space-4);
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-SearchMessagesInputGroup {
    display: grid;
    grid-template-columns: 7fr 1fr 1fr;
    grid-column-gap: 10px;
  }
@media (max-width: 530px) {
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-SearchMessagesInputGroup {
      grid-template-columns: repeat(2, 1fr)
  }
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchWrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
@media (max-width: 530px) {
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchWrapper {
      grid-column: 1 / 3;
      margin-bottom: var(--base-space-2)
  }
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput {
  border: var(--base-borderWidths-1) solid
    var(--component-lib__Input-borderColor);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: var(--component-lib__Input-fontSize);
  padding: var(--base-space-2);
  width: var(--component-lib__Input-width);
  background-color: var(--component-lib__Input-backgroundColor);
  height: var(--component-lib__Input-height);
  border-radius: var(--component-lib__Input-borderRadius);
  -webkit-box-shadow: var(--component-lib__Input-boxShadow);
          box-shadow: var(--component-lib__Input-boxShadow);
  color: var(--base-colors-text);
  font-weight: var(--base-fontSizes-normal);
  font-family: var(--component-lib__Input-fontFamily);
  cursor: var(--component-TextInput-cursor);
  -webkit-box-shadow: var(--component-TextInput-boxShadow);
          box-shadow: var(--component-TextInput-boxShadow);

    margin-top: 0;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput::-webkit-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput::-moz-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput:-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput::-ms-input-placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput::placeholder {
    color: var(--component-lib__Input_placeholder-color);
    font-family: var(--component-lib__Input_placeholder-fontFamily);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput:disabled {
    cursor: not-allowed;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput:disabled {
    background-color: var(--component-TextInput_disabled-backgroundColor);
    cursor: var(--component-TextInput_disabled-cursor);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput::-webkit-input-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput::-moz-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput:-ms-input-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput::-ms-input-placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSearchInput::placeholder {
    color: var(--component-TextInput_placeholder-color);
    font-family: var(--component-TextInput_placeholder-fontFamily);
    font-weight: var(--component-TextInput_placeholder-fontWeight);
    text-transform: var(--component-TextInput_placeholder-textTransform);
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesSubmitWrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesClearWrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.ht2-MainContent-secureMessaging-retrieveMessages .ht2-Layout-ListMessagesInboxSummaryTable {
    width: 100%;
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-MessageHeaderSection {
    margin-bottom: 40px;
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-MessageDetailSection {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--base-colors-grey9);
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-MessageHeaderItem {
    margin-bottom: var(--base-space-3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    grid-column-gap: var(--base-space-2);
    -webkit-column-gap: var(--base-space-2);
       -moz-column-gap: var(--base-space-2);
            grid-column-gap: var(--base-space-2);
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-MessageHeaderBoldLabel {
    margin-bottom: var(--base-space-1);
    min-width: 115px;
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ThreadMessageHeaderLabel {
    min-width: 115px;
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-MessageHeaderLabel {
    margin-bottom: 0;
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-AttachmentItem {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-AttachmentItem:last-of-type {
      margin-bottom: 0;
    }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ThreadMessages {
    margin-bottom: 40px;
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ThreadMessageHeaderSection {
    margin-bottom: var(--base-space-4);
    border-bottom: 1px solid var(--base-colors-grey5);
    padding: var(--base-space-4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ThreadHeaderWrapper {
    padding: var(--base-space-4);
    background: var(--base-colors-grey2);
    border-bottom: 1px solid var(--base-colors-grey4);
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ThreadMessageHeaderList {
    margin-bottom: var(--base-space-4);
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ThreadMessageHeaderListItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ThreadMessageDetailSection {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ExpandButton {
    margin-left: auto;
  }
@media (max-width: 530px) {
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ExpandButton {
      margin-left: 0
  }
  }
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ThreadMessagesSection {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: var(--base-space-4);
    margin-bottom: 0;
    padding-left: var(--base-space-4);
    padding-right: var(--base-space-4);
    padding-bottom: var(--base-space-4);
    border-bottom: 1px solid var(--base-colors-grey9);
  }
@media (max-width: 530px) {
.ht2-MainContent-secureMessaging-viewMessage .ht2-Layout-ThreadMessagesSection {
      grid-template-columns: repeat(1, 1fr);
      grid-row-gap: var(--base-space-2);
      grid-row-gap: var(--base-space-2)
  }
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-OuterContainer {
    padding: 30px;
    width: 100%;
    background: var(--base-colors-grey1);
    border-radius: 8px;
    -webkit-box-shadow: rgb(0 0 0 / 50%) 0 0 3px 0;
            box-shadow: rgb(0 0 0 / 50%) 0 0 3px 0;
  }
@media (max-width: 530px) {
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-OuterContainer {
      padding: 15px
  }
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InnerContainer {
    padding: 30px;
    width: 100%;
    max-width: 850px;
    background: var(--base-colors-white);
    border-radius: 8px;
    -webkit-box-shadow: rgb(0 0 0 / 50%) 0 0 3px 0;
            box-shadow: rgb(0 0 0 / 50%) 0 0 3px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-row-gap: var(--base-space-4);
    grid-row-gap: var(--base-space-4);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
@media (max-width: 530px) {
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InnerContainer {
      padding: 15px
  }
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-PageTitle {
    margin-bottom: var(--base-space-1);
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-PageSubtitle {
    margin-bottom: var(--base-space-4);
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-PageCaption {
    margin-bottom: var(--base-space-1);
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InfoTable {
    margin-bottom: var(--base-space-2);
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-TableLabel {
    padding: var(--base-space-1) 0;
    min-width: 150px;
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-SecurityStatementLabel {
    margin-bottom: 40px;
  }
@media (max-width: 530px) {
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-SecurityStatementLabel {
      margin-bottom: var(--base-space-4)
  }
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InnerContainerHeaderWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: var(--base-space-1);
    margin-bottom: var(--base-space-2);
    border-bottom: 1px solid var(--base-colors-grey5);
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InnerContainerWrapper {
    max-width: 550px;
    width: 100%;
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InnerForm {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    margin-bottom: 40px;
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InnerFormWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    grid-column-gap: var(--base-space-4);
    -webkit-column-gap: var(--base-space-4);
       -moz-column-gap: var(--base-space-4);
            grid-column-gap: var(--base-space-4);
    padding: 0 var(--base-space-3);
  }
@media (max-width: 530px) {
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InnerFormWrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-row-gap: var(--base-space-4);
      grid-row-gap: var(--base-space-4)
  }
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InnerFormImageWrapper {
    min-width: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InnerFormImagePhone {
    margin: 0;
    width: 55px;
    height: auto;
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InnerFormImageEnvelope {
    margin: 0;
    width: 80px;
    height: auto;
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InnerFieldWrapper {
    width: 100%;
    max-width: 450px;
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-NoticeLabel {
    text-align: center;
    margin-bottom: var(--base-space-4);
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InnerField {
    margin-bottom: var(--base-space-4);
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InputContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: var(--base-space-2);
    -webkit-column-gap: var(--base-space-2);
       -moz-column-gap: var(--base-space-2);
            grid-column-gap: var(--base-space-2);
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InputWrapper {
    max-width: 350px;
    width: 100%;
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-FormLabel {
    margin-bottom: var(--base-space-1);
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-FieldsetButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: var(--base-space-4);
    -webkit-column-gap: var(--base-space-4);
       -moz-column-gap: var(--base-space-4);
            grid-column-gap: var(--base-space-4);
    align-self: flex-start;
    padding: 0;
  }
@media (max-width: 530px) {
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-FieldsetButtons {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-row-gap: var(--base-space-4);
      grid-row-gap: var(--base-space-4);
      margin: 0 auto
  }
  }
.ht2-Scope-registermemberloadedSubmitSecurityInformation .ht2-Layout-InputError {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 24px;
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-TwoFactorHeader {
    padding-bottom: var(--base-space-3);
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-UserInfoForm {
    padding: 30px;
    width: 100%;
    background: var(--base-colors-grey1);
    border-radius: 5px;
    -webkit-box-shadow: rgb(0 0 0 / 50%) 0 0 3px 0;
            box-shadow: rgb(0 0 0 / 50%) 0 0 3px 0;
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CommunicationContainerHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-width: var(--base-borderWidths-1);
    border-style: solid;
    border-color: var(--base-colors-grey6);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    width: 90%;
    margin-bottom: 10px;
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CollectInfoForm {
    background: var(--base-colors-white);
    border-radius: 8px;
    max-width: 700px;
    width: 90%;
    margin-top: var(--base-space-5);
    margin-right: auto;
    margin-bottom: var(--base-space-5);
    margin-left: auto;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%);
            box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%);
    padding-top: var(--base-space-5);
    padding-right: var(--base-space-5);
    padding-bottom: var(--base-space-5);
    padding-left: var(--base-space-5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CollectInfoFormInfoMessage {
    padding-bottom: var(--base-space-2);
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CommunicationContainerItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: var(--base-space-5);
    padding-right: 0;
    padding-bottom: var(--base-space-5);
    padding-left: var(--base-space-5);
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CommunicationContainerItemsIcon {
    padding-left: 0;
    width: 50px;
    min-width: 50px;
    height: 75px;
    fill: rgb(255 255 255);
    margin-right: 25px;
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CommunicationContainerItemsFields {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-row-gap: var(--base-space-4);
    grid-row-gap: var(--base-space-4);
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CommunicationContainerItemsFieldsMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--base-space-4);
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CommunicationContainerItemsFieldsMainLabel {
    width: 115px;
    margin-right: var(--base-space-5);
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CommunicationInputContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CommnicationInput {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: inherit;
    border-width: var(--base-borderWidths-1);
    border-style: solid;
    border-color: var(--base-colors-grey6);
    height: 30px;
    padding-top: 0;
    padding-right: var(--base-space-2);
    padding-bottom: 0;
    padding-left: var(--base-space-2);
    font-size: var(--base-fontSizes-1);
    width: 84%;
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CommunicationContainerItemsFieldsMainInputTextNotice {
    position: absolute;
    top: 33px;
    left: 0;
    color: var(--base-colors-danger);
    font-family: sans-serif;
    font-size: var(--base-fontSizes-1);
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CommunicationFormInputError {
    fill: var(--base-colors-danger);
  }
.ht2-Scope-registernonmemberuserinfoUserInformationSubmit .ht2-Layout-CommuncationInputContainerErrorIcon {
    width: 35px;
    height: 25px;
    padding-top: 2px;
    padding-left: 5px;
  }
.ht2-MainContent-user_admin-user_maint_single {
  position: relative;
  margin-top: 25px;
  padding: 0 10px;
}
.ht2-MainContent-user_admin-user_maint_single .ht2-UserInfoHeader {
    position: absolute;
    top: 0;
    margin-top: 20px;
  }
.ht2-MainContent-user_admin-user_maint_single .ht2-UserInfoTable {
    margin-top: 50px;
  }
.ht2-MainContent-user_admin-user_maint_single .ht2-UserInfoForm {
    position: relative;
    padding-top: 120px;
  }
.ht2-MainContent-user_admin-user_maint_single .ht2-TabsContainer {
    position: absolute;
    margin-top: 80px;
    z-index: 5;
  }
.ht2-MainContent-user_admin-user_maint_single .ht2-TabsContainerTabGroupSize2 ~ .ht2-UserInfoTable {
    margin-top: 110px;
  }
.ht2-MainContent-user_admin-user_maint_single .ht2-UserInfoTableRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 40px;
    padding: 5px 0;
  }
.ht2-MainContent-user_admin-user_maint_single .ht2-UserInfoTableLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    max-width: 250px;
    padding-right: 30px;
  }
.ht2-MainContent-user_admin-user_maint_single .ht2-UserInfoTableSubmitBtn {
    margin: 45px 0;
  }
/* styles relate to /app/account/setupSecurityInfoCollection.page */
.ht2-MainContent-account-setupSecurityInfoCollection {
  position: relative;
  margin-top: 50px;
  padding: 0 10px;
}
.ht2-MainContent-account-setupSecurityInfoCollection .ht2-TabsContainer {
    margin-top: 25px;
    margin-bottom: 35px;
  }
.ht2-MainContent-account-setupSecurityInfoCollection .ht2-TabsContainerTabGroupSize2 ~ .ht2-UserInfoTable {
    margin-top: 110px;
  }
.ht2-MainContent-account-setupSecurityInfoCollection .ht2-ChangePasswordRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 40px;
    padding: 5px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
.ht2-MainContent-account-setupSecurityInfoCollection .ht2-ChangePasswordRowHints {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 0;
  }
.ht2-MainContent-account-setupSecurityInfoCollection .ht2-ChangePasswordHint,
  .ht2-MainContent-account-setupSecurityInfoCollection .ht2-ChangePasswordError {
    width: 100%;
    margin-left: 20%;
    padding: 8px;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
.ht2-MainContent-account-setupSecurityInfoCollection .ht2-ChangePasswordHint + .ht2-ChangePasswordHint {
    padding: 0 8px 8px;
  }
.ht2-MainContent-account-setupSecurityInfoCollection .ht2-ChangePasswordLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    max-width: 250px;
    padding-right: 30px;
  }
.ht2-MainContent-account-setupSecurityInfoCollection .ht2-ChangePasswordRowSecurityAnswer,
  .ht2-MainContent-account-setupSecurityInfoCollection .ht2-ChangePasswordRowSecurityQuestion {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
.ht2-MainContent-account-setupSecurityInfoCollection .ht2-ChangePasswordActionsList {
    margin: 45px 0;
  }
.ht2-MainContent-careplan-view .ht2-Layout-AuthSummaryView,
  .ht2-MainContent-careplan-view .ht2-Layout-InPatientSection,
  .ht2-MainContent-careplan-view .ht2-Layout-ReferActivity,
  .ht2-MainContent-careplan-view .ht2-Layout-ProblemSection,
  .ht2-MainContent-careplan-view .ht2-Layout-ProblemBody,
  .ht2-MainContent-careplan-view .ht2-Layout-GoalSection,
  .ht2-MainContent-careplan-view .ht2-Layout-InterventionSection,
  .ht2-MainContent-careplan-detail .ht2-Layout-AuthSummaryView,
  .ht2-MainContent-careplan-detail .ht2-Layout-InPatientSection,
  .ht2-MainContent-careplan-detail .ht2-Layout-ReferActivity,
  .ht2-MainContent-careplan-detail .ht2-Layout-ProblemSection,
  .ht2-MainContent-careplan-detail .ht2-Layout-ProblemBody,
  .ht2-MainContent-careplan-detail .ht2-Layout-GoalSection,
  .ht2-MainContent-careplan-detail .ht2-Layout-InterventionSection,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-AuthSummaryView,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InPatientSection,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ReferActivity,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ProblemSection,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ProblemBody,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-GoalSection,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InterventionSection,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-AuthSummaryView,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InPatientSection,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ReferActivity,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ProblemSection,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ProblemBody,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-GoalSection,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InterventionSection,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-AuthSummaryView,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InPatientSection,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferActivity,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ProblemSection,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ProblemBody,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-GoalSection,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InterventionSection,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-AuthSummaryView,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-InPatientSection,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-ReferActivity,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-ProblemSection,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-ProblemBody,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-GoalSection,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-InterventionSection,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-AuthSummaryView,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-InPatientSection,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-ReferActivity,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-ProblemSection,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-ProblemBody,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-GoalSection,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-InterventionSection {
    margin-bottom: var(--base-space-5);
  }
.ht2-MainContent-careplan-view .ht2-Layout-ToggleDisplay, .ht2-MainContent-careplan-detail .ht2-Layout-ToggleDisplay, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ToggleDisplay, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ToggleDisplay, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ToggleDisplay, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ToggleDisplay, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ToggleDisplay {
    padding: var(--base-space-3);
    border: 2px solid var(--base-colors-primary);
    border-radius: 5px;
    margin-top: var(--base-space-1);
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.ht2-MainContent-careplan-view .ht2-Layout-ToggleDisplayDown, .ht2-MainContent-careplan-detail .ht2-Layout-ToggleDisplayDown, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ToggleDisplayDown, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ToggleDisplayDown, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ToggleDisplayDown, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ToggleDisplayDown, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ToggleDisplayDown {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-AccordionCollapseIcon-mask);
          mask: var(--component-AccordionCollapseIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  }
.ht2-MainContent-careplan-view .ht2-Layout-ToggleDisplayUp, .ht2-MainContent-careplan-detail .ht2-Layout-ToggleDisplayUp, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ToggleDisplayUp, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ToggleDisplayUp, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ToggleDisplayUp, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ToggleDisplayUp, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ToggleDisplayUp {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
  -webkit-mask: var(--component-AccordionExpandIcon-mask);
          mask: var(--component-AccordionExpandIcon-mask);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  background-color: var(--base-colors-primaryDarken);
  }
.ht2-MainContent-careplan-view .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-detail .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ToggleFilters {
    padding: var(--base-space-4);
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-view .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-detail .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ToggleFilters {
      padding: var(--base-space-3)
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-detail .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ToggleFilters, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ToggleFilters {
      padding: var(--base-space-2)
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-detail .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-mapDetail .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-viewMappings .ht2-Layout-CarePlansActivityList {
    margin-bottom: var(--base-space-5);
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--base-space-3);
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-view .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-detail .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-mapDetail .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-viewMappings .ht2-Layout-CarePlansActivityList {
      grid-gap: var(--base-space-2)
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-detail .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-mapDetail .ht2-Layout-CarePlansActivityList, .ht2-MainContent-careplan-viewMappings .ht2-Layout-CarePlansActivityList {
      grid-gap: var(--base-space-1)
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-ActivityEventDate,
  .ht2-MainContent-careplan-view .ht2-Layout-ActivityEventIcon,
  .ht2-MainContent-careplan-view .ht2-Layout-ActivityEventDetail,
  .ht2-MainContent-careplan-detail .ht2-Layout-ActivityEventDate,
  .ht2-MainContent-careplan-detail .ht2-Layout-ActivityEventIcon,
  .ht2-MainContent-careplan-detail .ht2-Layout-ActivityEventDetail,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventDate,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventIcon,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventDetail,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ActivityEventDate,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ActivityEventIcon,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ActivityEventDetail,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ActivityEventDate,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ActivityEventIcon,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ActivityEventDetail,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-ActivityEventDate,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-ActivityEventIcon,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-ActivityEventDetail,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-ActivityEventDate,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-ActivityEventIcon,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-ActivityEventDetail {
    padding: var(--base-space-3) var(--base-space-2);
    margin: var(--base-space-1) 0;
  }
.ht2-MainContent-careplan-view .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-detail .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ActivityEventDate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    grid-column: span 2;
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-view .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-detail .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ActivityEventDate {
      grid-column: span 3
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-detail .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ActivityEventDate, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ActivityEventDate {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-ActivityEventIcon, .ht2-MainContent-careplan-detail .ht2-Layout-ActivityEventIcon, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventIcon, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ActivityEventIcon, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ActivityEventIcon, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ActivityEventIcon, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ActivityEventIcon {
    grid-column: span 1;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-ActivityEventIcon, .ht2-MainContent-careplan-detail .ht2-Layout-ActivityEventIcon, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventIcon, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ActivityEventIcon, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ActivityEventIcon, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ActivityEventIcon, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ActivityEventIcon {
      grid-column: span 3
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-detail .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ActivityEventDetail {
    grid-column: span 9;
    background: var(--base-colors-grey2);
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-view .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-detail .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ActivityEventDetail {
      grid-column: span 8
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-detail .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ActivityEventDetail, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ActivityEventDetail {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityList {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--base-space-3);
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-view .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityList {
      grid-gap: var(--base-space-2)
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityList, .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityList {
      grid-gap: var(--base-space-1)
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-InnerActivityEventDate,
  .ht2-MainContent-careplan-view .ht2-Layout-InnerActivityEventIcon,
  .ht2-MainContent-careplan-view .ht2-Layout-InnerActivityEventDetail,
  .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityEventDate,
  .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityEventIcon,
  .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityEventDetail,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityEventDate,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityEventIcon,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityEventDetail,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityEventDate,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityEventIcon,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityEventDetail,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityEventDate,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityEventIcon,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityEventDetail,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityEventDate,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityEventIcon,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityEventDetail,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityEventDate,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityEventIcon,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityEventDetail {
    padding: var(--base-space-3) var(--base-space-2);
    margin: var(--base-space-1) 0;
  }
.ht2-MainContent-careplan-view .ht2-Layout-InnerActivityEventDate, .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityEventDate, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityEventDate, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityEventDate, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityEventDate, .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityEventDate, .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityEventDate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    grid-column: span 2;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-InnerActivityEventDate, .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityEventDate, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityEventDate, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityEventDate, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityEventDate, .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityEventDate, .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityEventDate {
      grid-column: span 10
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-InnerActivityEventIcon, .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityEventIcon, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityEventIcon, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityEventIcon, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityEventIcon, .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityEventIcon, .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityEventIcon {
    grid-column: span 2;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-InnerActivityEventIcon, .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityEventIcon, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityEventIcon, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityEventIcon, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityEventIcon, .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityEventIcon, .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityEventIcon {
      grid-column: span 2
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityEventDetail {
    grid-column: span 8;
    background: var(--base-colors-grey2);
    display: block;
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-view .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityEventDetail {
      grid-column: span 12
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-detail .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-mapDetail .ht2-Layout-InnerActivityEventDetail, .ht2-MainContent-careplan-viewMappings .ht2-Layout-InnerActivityEventDetail {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-detail .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-mapDetail .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-viewMappings .ht2-Layout-TimelineFilters {
    margin-top: var(--base-space-2);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--base-space-3);
  }
@media (max-width: 1200px) {
.ht2-MainContent-careplan-view .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-detail .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-mapDetail .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-viewMappings .ht2-Layout-TimelineFilters {
      grid-template-columns: repeat(3, 1fr)
  }
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-view .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-detail .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-mapDetail .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-viewMappings .ht2-Layout-TimelineFilters {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: var(--base-space-2)
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-detail .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-mapDetail .ht2-Layout-TimelineFilters, .ht2-MainContent-careplan-viewMappings .ht2-Layout-TimelineFilters {
      grid-template-columns: 1fr;
      grid-gap: var(--base-space-1)
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-detail .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ConceptSection {
    margin-bottom: var(--base-space-3);
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--base-space-3);
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-view .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-detail .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ConceptSection {
      grid-gap: var(--base-space-1)
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-detail .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ConceptSection, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ConceptSection {
      grid-gap: var(--base-space-1)
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-ConceptName, .ht2-MainContent-careplan-detail .ht2-Layout-ConceptName, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ConceptName, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ConceptName, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ConceptName, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ConceptName, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ConceptName {
    grid-column: span 6;
  }
.ht2-MainContent-careplan-view .ht2-Layout-ConceptDescription, .ht2-MainContent-careplan-detail .ht2-Layout-ConceptDescription, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ConceptDescription, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ConceptDescription, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ConceptDescription, .ht2-MainContent-careplan-mapDetail .ht2-Layout-ConceptDescription, .ht2-MainContent-careplan-viewMappings .ht2-Layout-ConceptDescription {
    grid-column: span 6;
  }
.ht2-MainContent-careplan-view .ht2-Layout-SummaryLink, .ht2-MainContent-careplan-detail .ht2-Layout-SummaryLink, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-SummaryLink, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-SummaryLink, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-SummaryLink, .ht2-MainContent-careplan-mapDetail .ht2-Layout-SummaryLink, .ht2-MainContent-careplan-viewMappings .ht2-Layout-SummaryLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
  }
.ht2-MainContent-careplan-view .ht2-Layout-SummaryLinkItem, .ht2-MainContent-careplan-detail .ht2-Layout-SummaryLinkItem, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-SummaryLinkItem, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-SummaryLinkItem, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-SummaryLinkItem, .ht2-MainContent-careplan-mapDetail .ht2-Layout-SummaryLinkItem, .ht2-MainContent-careplan-viewMappings .ht2-Layout-SummaryLinkItem {
    margin-right: var(--base-space-2);
  }
.ht2-MainContent-careplan-view .ht2-Layout-MemberCarePlanNote, .ht2-MainContent-careplan-detail .ht2-Layout-MemberCarePlanNote, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-MemberCarePlanNote, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-MemberCarePlanNote, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-MemberCarePlanNote, .ht2-MainContent-careplan-mapDetail .ht2-Layout-MemberCarePlanNote, .ht2-MainContent-careplan-viewMappings .ht2-Layout-MemberCarePlanNote {
    grid-row-gap: var(--base-space-2);
    grid-row-gap: var(--base-space-2);
  }
.ht2-MainContent-careplan-view .ht2-Layout-DetailBubble, .ht2-MainContent-careplan-detail .ht2-Layout-DetailBubble, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-DetailBubble, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-DetailBubble, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-DetailBubble, .ht2-MainContent-careplan-mapDetail .ht2-Layout-DetailBubble, .ht2-MainContent-careplan-viewMappings .ht2-Layout-DetailBubble {
    padding: var(--base-space-5) var(--base-space-2);
  }
.ht2-MainContent-careplan-view .ht2-Layout-DetailBubbleDisplay, .ht2-MainContent-careplan-detail .ht2-Layout-DetailBubbleDisplay, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-DetailBubbleDisplay, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-DetailBubbleDisplay, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-DetailBubbleDisplay, .ht2-MainContent-careplan-mapDetail .ht2-Layout-DetailBubbleDisplay, .ht2-MainContent-careplan-viewMappings .ht2-Layout-DetailBubbleDisplay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: var(--base-space-4);
  }
.ht2-MainContent-careplan-view .ht2-Layout-ResultsDetailList,
  .ht2-MainContent-careplan-view .ht2-Layout-HealthCarePlansDetailList,
  .ht2-MainContent-careplan-view .ht2-Layout-HealthConditionsDetailList,
  .ht2-MainContent-careplan-view .ht2-Layout-HealthProblemsDetailList,
  .ht2-MainContent-careplan-view .ht2-Layout-HealthGoalsDetailList,
  .ht2-MainContent-careplan-view .ht2-Layout-HealthBarriersDetailList,
  .ht2-MainContent-careplan-view .ht2-Layout-HealthInterventionsDetailList,
  .ht2-MainContent-careplan-view .ht2-Layout-DetailList,
  .ht2-MainContent-careplan-detail .ht2-Layout-ResultsDetailList,
  .ht2-MainContent-careplan-detail .ht2-Layout-HealthCarePlansDetailList,
  .ht2-MainContent-careplan-detail .ht2-Layout-HealthConditionsDetailList,
  .ht2-MainContent-careplan-detail .ht2-Layout-HealthProblemsDetailList,
  .ht2-MainContent-careplan-detail .ht2-Layout-HealthGoalsDetailList,
  .ht2-MainContent-careplan-detail .ht2-Layout-HealthBarriersDetailList,
  .ht2-MainContent-careplan-detail .ht2-Layout-HealthInterventionsDetailList,
  .ht2-MainContent-careplan-detail .ht2-Layout-DetailList,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ResultsDetailList,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-HealthCarePlansDetailList,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-HealthConditionsDetailList,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-HealthProblemsDetailList,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-HealthGoalsDetailList,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-HealthBarriersDetailList,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-HealthInterventionsDetailList,
  .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-DetailList,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-ResultsDetailList,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-HealthCarePlansDetailList,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-HealthConditionsDetailList,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-HealthProblemsDetailList,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-HealthGoalsDetailList,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-HealthBarriersDetailList,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-HealthInterventionsDetailList,
  .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-DetailList,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ResultsDetailList,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-HealthCarePlansDetailList,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-HealthConditionsDetailList,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-HealthProblemsDetailList,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-HealthGoalsDetailList,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-HealthBarriersDetailList,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-HealthInterventionsDetailList,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-DetailList,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-ResultsDetailList,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-HealthCarePlansDetailList,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-HealthConditionsDetailList,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-HealthProblemsDetailList,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-HealthGoalsDetailList,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-HealthBarriersDetailList,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-HealthInterventionsDetailList,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-DetailList,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-ResultsDetailList,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-HealthCarePlansDetailList,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-HealthConditionsDetailList,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-HealthProblemsDetailList,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-HealthGoalsDetailList,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-HealthBarriersDetailList,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-HealthInterventionsDetailList,
  .ht2-MainContent-careplan-viewMappings .ht2-Layout-DetailList {
    padding: var(--base-space-5) 0;
    border-bottom: 1px solid var(--base-colors-grey3);
    grid-row-gap: var(--base-space-2);
    grid-row-gap: var(--base-space-2);
  }
.ht2-MainContent-careplan-view .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-detail .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-mapDetail .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-viewMappings .ht2-Layout-CarePlanActivity {
    margin-bottom: var(--base-space-5);
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--base-space-3);
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-view .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-detail .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-mapDetail .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-viewMappings .ht2-Layout-CarePlanActivity {
      grid-gap: var(--base-space-2)
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-detail .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-mapDetail .ht2-Layout-CarePlanActivity, .ht2-MainContent-careplan-viewMappings .ht2-Layout-CarePlanActivity {
      grid-gap: var(--base-space-1)
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-CarePlanInfo, .ht2-MainContent-careplan-detail .ht2-Layout-CarePlanInfo, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-CarePlanInfo, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-CarePlanInfo, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CarePlanInfo, .ht2-MainContent-careplan-mapDetail .ht2-Layout-CarePlanInfo, .ht2-MainContent-careplan-viewMappings .ht2-Layout-CarePlanInfo {
    grid-column: span 3;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-CarePlanInfo, .ht2-MainContent-careplan-detail .ht2-Layout-CarePlanInfo, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-CarePlanInfo, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-CarePlanInfo, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CarePlanInfo, .ht2-MainContent-careplan-mapDetail .ht2-Layout-CarePlanInfo, .ht2-MainContent-careplan-viewMappings .ht2-Layout-CarePlanInfo {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-view .ht2-Layout-CarePlanDescription, .ht2-MainContent-careplan-detail .ht2-Layout-CarePlanDescription, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-CarePlanDescription, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-CarePlanDescription, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CarePlanDescription, .ht2-MainContent-careplan-mapDetail .ht2-Layout-CarePlanDescription, .ht2-MainContent-careplan-viewMappings .ht2-Layout-CarePlanDescription {
    grid-column: span 9;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-CarePlanDescription, .ht2-MainContent-careplan-detail .ht2-Layout-CarePlanDescription, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-CarePlanDescription, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-CarePlanDescription, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CarePlanDescription, .ht2-MainContent-careplan-mapDetail .ht2-Layout-CarePlanDescription, .ht2-MainContent-careplan-viewMappings .ht2-Layout-CarePlanDescription {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-view .ht2-TableHeaderCell, .ht2-MainContent-careplan-detail .ht2-TableHeaderCell, .ht2-MainContent-careplan-viewMemberSummary .ht2-TableHeaderCell, .ht2-MainContent-careplan-viewMemberInContext .ht2-TableHeaderCell, .ht2-MainContent-careplan-referActivityForm .ht2-TableHeaderCell, .ht2-MainContent-careplan-mapDetail .ht2-TableHeaderCell, .ht2-MainContent-careplan-viewMappings .ht2-TableHeaderCell {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);

    font-weight: 800;
  }
.ht2-MainContent-careplan-view .ht2-TableCell, .ht2-MainContent-careplan-detail .ht2-TableCell, .ht2-MainContent-careplan-viewMemberSummary .ht2-TableCell, .ht2-MainContent-careplan-viewMemberInContext .ht2-TableCell, .ht2-MainContent-careplan-referActivityForm .ht2-TableCell, .ht2-MainContent-careplan-mapDetail .ht2-TableCell, .ht2-MainContent-careplan-viewMappings .ht2-TableCell {
    font-size: var(--component-lib__BodyText-fontSize);
    font-weight: var(--component-lib__BodyText-fontWeight);
    color: var(--component-lib__BodyText-color);
    line-height: var(--component-lib__BodyText-lineHeight);
    font-family: var(--component-lib__BodyText-fontFamily);
    margin-bottom: var(--component-lib__BodyText-marginBottom);
  }
.ht2-MainContent-careplan-view .ht2-Layout-TabsGroup, .ht2-MainContent-careplan-detail .ht2-Layout-TabsGroup, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-TabsGroup, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-TabsGroup, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-TabsGroup, .ht2-MainContent-careplan-mapDetail .ht2-Layout-TabsGroup, .ht2-MainContent-careplan-viewMappings .ht2-Layout-TabsGroup {
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-careplan-view .ht2-Layout-MemberSummary, .ht2-MainContent-careplan-detail .ht2-Layout-MemberSummary, .ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-MemberSummary, .ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-MemberSummary, .ht2-MainContent-careplan-referActivityForm .ht2-Layout-MemberSummary, .ht2-MainContent-careplan-mapDetail .ht2-Layout-MemberSummary, .ht2-MainContent-careplan-viewMappings .ht2-Layout-MemberSummary {
    margin-top: var(--base-space-5);
  }
.ht2-MainContent-careplan-view .ht2-Layout-AllAvailCarePlans,
  .ht2-MainContent-careplan-view .ht2-Layout-PatientSection,
  .ht2-MainContent-careplan-view .ht2-Layout-NoteSection {
    margin-bottom: var(--base-space-5);
  }
.ht2-MainContent-careplan-view .ht2-Layout-LinkActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: var(--base-space-2);
  }
.ht2-MainContent-careplan-view .ht2-Layout-LinkActionsItem {
    margin-right: var(--base-space-2);
  }
.ht2-MainContent-careplan-view .ht2-Layout-LinkActionsItem:last-child {
      margin-right: var(--base-space-0);
    }
.ht2-MainContent-careplan-view .ht2-Layout-NotesModal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
.ht2-MainContent-careplan-view .ht2-Layout-CarePlanDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
.ht2-MainContent-careplan-view .ht2-Layout-CarePlanDetailColumnHalf {
    display: block;
    width: 50%;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-view .ht2-Layout-CarePlanDetailColumnHalf {
      width: 100%
  }
  }
.ht2-MainContent-careplan-detail .ht2-Layout-SMCCheckMessages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
.ht2-MainContent-careplan-detail .ht2-Layout-ProblemDetail,
  .ht2-MainContent-careplan-detail .ht2-Layout-GoalDetail,
  .ht2-MainContent-careplan-detail .ht2-Layout-InterventionsDetail {
    width: 100%;
  }
.ht2-MainContent-careplan-detail .ht2-Layout-GoalDetail {
    margin-top: var(--base-space-5);
    margin-bottom: var(--base-space-2);
  }
.ht2-MainContent-careplan-detail .ht2-Layout-SMCCheckMessagesColumnHalf {
    margin-right: var(--base-space-3);
  }
.ht2-MainContent-careplan-detail .ht2-Layout-CarePlansSections {
    margin-top: var(--base-space-5);
  }
.ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-FilterToggle {
    margin-bottom: var(--base-space-2);
    text-align: right;
  }
.ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-SummarySection {
    margin-top: var(--base-space-3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
.ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventDetailBubble {
    position: relative;
  }
.ht2-MainContent-careplan-viewMemberSummary .ht2-Layout-ActivityEventLink {
    position: absolute;
    right: 0;
    top: 0;
  }
.ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-CollapseableNotes {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: var(--base-space-3);
    border: 2px solid var(--base-colors-primary);
    border-radius: 5px;
    margin-top: var(--base-space-1);
  }
.ht2-MainContent-careplan-viewMemberInContext .ht2-CarePlanIcon {
    height: 48px;
    width: 48px;
  }
.ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-IconWrapper {
    display: block;
  }
.ht2-MainContent-careplan-viewMemberInContext .ht2-Layout-Return {
    margin-bottom: var(--base-space-2);
    display: inline-block;
  }
.ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferActivity {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: var(--base-space-5);
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferActivity {
      grid-gap: var(--base-space-2)
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferActivity {
      grid-gap: var(--base-space-1)
  }
  }
.ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferralDateFieldLabel,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-PriorityFieldLabel,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferringProviderFieldLabel,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReasonsFieldLabel,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-SourceIdFieldLabel,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-SourceDescriptionFieldLabel,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CommentFieldLabel {
    grid-column: span 3;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferralDateFieldLabel,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-PriorityFieldLabel,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferringProviderFieldLabel,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReasonsFieldLabel,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-SourceIdFieldLabel,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-SourceDescriptionFieldLabel,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CommentFieldLabel {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferralField,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-PriorityField,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferringProviderField,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReasonsField,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-SourceIdField,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-SourceDescriptionField,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CommentField {
    margin-bottom: var(--base-space-3);
    grid-column: span 9;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferralField,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-PriorityField,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferringProviderField,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReasonsField,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-SourceIdField,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-SourceDescriptionField,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-CommentField {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferralDateError,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-PriorityError,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferringProviderError,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReasonsError,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-SourceIdError {
    grid-column-start: 4;
    grid-column-end: 13;
    margin-bottom: var(--base-space-3);
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferralDateError,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-PriorityError,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferringProviderError,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReasonsError,
  .ht2-MainContent-careplan-referActivityForm .ht2-Layout-SourceIdError {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-referActivityForm .ht2-Layout-ReferPatient {
    margin-bottom: var(--base-space-3);
  }
/* This screen is wild */
.ht2-MainContent-careplan-mapDetail .ht2-Layout-UpdateMapElement {
    grid-row-gap: var(--base-space-3);
    grid-row-gap: var(--base-space-3);
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--base-space-3);
    margin: var(--base-space-3) 0;
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-UpdateMapElement {
      grid-gap: var(--base-space-2)
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-UpdateMapElement {
      grid-gap: var(--base-space-1)
  }
  }
/* 
    Use unique grid to remain aligned with layouts in
    .ht2-Layout-MapDetailLaymanName &
    .ht2-Layout-MapDetailLaymanDescription 
  */
.ht2-MainContent-careplan-mapDetail .ht2-Layout-UpdateMapField {
    grid-column: span 3;
    margin-bottom: var(--base-space-3);
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-UpdateMapField {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-UpdateMapIdDisplay {
    margin-bottom: var(--base-space-3);
    grid-column: span 9;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-UpdateMapIdDisplay {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailLaymanName,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailLaymanDescription {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--base-space-3);
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailLaymanName,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailLaymanDescription {
      grid-gap: var(--base-space-2)
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailLaymanName,
  .ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailLaymanDescription {
      grid-gap: var(--base-space-1)
  }
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailLaymanName {
    margin-top: var(--base-space-3);
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailLaymanDescription {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailFieldLabel {
    grid-column: span 3;
    margin-bottom: var(--base-space-3);
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailFieldLabel {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailField {
    margin-bottom: var(--base-space-3);
    grid-column: span 9;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailField {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailError {
    grid-column-start: 4;
    grid-column-end: 13;
    margin-bottom: var(--base-space-3);
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-MapDetailError {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-SelectedConcept {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--base-space-3);
    margin: var(--base-space-3) 0;
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-SelectedConcept {
      grid-gap: var(--base-space-2)
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-SelectedConcept {
      grid-gap: var(--base-space-1)
  }
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-SelectedConceptName {
    grid-column: span 3;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-SelectedConceptName {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-SelectedConceptDescription {
    grid-column: span 9;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-SelectedConceptDescription {
      grid-column: span 12
  }
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-SubPageTitleWithLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-SMCCheckMessagesColumnHalf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 50%;
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-mapDetail .ht2-Layout-SMCCheckMessagesColumnHalf {
      width: 100%
  }
  }
.ht2-MainContent-careplan-mapDetail .ht2-Layout-SMCCheckMessagesDetailList {
    width: 100%;
    padding: var(--base-space-5) 0;
    margin: var(--base-space-5) 0;
    border-bottom: 1px solid var(--base-colors-grey3);
    grid-row-gap: var(--base-space-2);
  }
.ht2-MainContent-careplan-viewMappings .ht2-Layout-ActivityList {
    margin-top: var(--base-space-3);
  }
.ht2-MainContent-careplan-viewMappings .ht2-Layout-FiltersHeader {
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-careplan-viewMappings .ht2-Layout-MappingFilter {
    margin-bottom: var(--base-space-3);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--base-space-3);
  }
@media (max-width: 1200px) {
.ht2-MainContent-careplan-viewMappings .ht2-Layout-MappingFilter {
      grid-template-columns: repeat(3, 1fr)
  }
  }
@media (max-width: 800px) {
.ht2-MainContent-careplan-viewMappings .ht2-Layout-MappingFilter {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: var(--base-space-2)
  }
  }
@media (max-width: 530px) {
.ht2-MainContent-careplan-viewMappings .ht2-Layout-MappingFilter {
      grid-template-columns: 1fr;
      grid-gap: var(--base-space-1)
  }
  }
.ht2-MainContent-careplan-viewMappings .ht2-Layout-ConceptBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.ht2-MainContent-careplan-viewMappings .ht2-Layout-ConceptBoxIcon {
    margin-right: var(--base-space-2);
  }
.ht2-MainContent-careplan-referActivity .ht2-Layout-CarePlanToggleDisplay {
    margin-bottom: var(--base-space-3);
  }
/* TODO - this is almost identcial to UploadDisclaimer.pcss */
.ht2-MainContent-careplan-referActivity .ht2-WarningDisclaimer {
  background-color: var(--component-MessageBoxWarningMessage-backgroundColor);
  color: var(--component-MessageBoxWarningMessage-color);
  border-top-color: var(--component-MessageBoxWarningMessage-borderTopColor);
  border-bottom-color: var(--component-MessageBoxWarningMessage-borderBottomColor);
  border-left-color: var(--component-MessageBoxWarningMessage-borderLeftColor);
  border-right-color: var(--component-MessageBoxWarningMessage-borderRightColor);
  border-style: solid;
  border-top-width: var(--component-MessageBoxWarningMessage-borderTopWidth);
  border-bottom-width: var(--component-MessageBoxWarningMessage-borderBottomWidth);
  border-left-width: var(--component-MessageBoxWarningMessage-borderLeftWidth);
  border-right-width: var(--component-MessageBoxWarningMessage-borderRightWidth);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    padding: var(--base-space-4);
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-careplan-referActivity .ht2-SuccessDisclaimer {
  background-color: var(--component-MessageBoxWarningMessage-backgroundColor);
  color: var(--component-MessageBoxWarningMessage-color);
  border-top-color: var(--component-MessageBoxWarningMessage-borderTopColor);
  border-bottom-color: var(--component-MessageBoxWarningMessage-borderBottomColor);
  border-left-color: var(--component-MessageBoxWarningMessage-borderLeftColor);
  border-right-color: var(--component-MessageBoxWarningMessage-borderRightColor);
  border-style: solid;
  border-top-width: var(--component-MessageBoxWarningMessage-borderTopWidth);
  border-bottom-width: var(--component-MessageBoxWarningMessage-borderBottomWidth);
  border-left-width: var(--component-MessageBoxWarningMessage-borderLeftWidth);
  border-right-width: var(--component-MessageBoxWarningMessage-borderRightWidth);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    padding: var(--base-space-4);
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-careplan-referActivity .ht2-ErrorDisclaimer {
  background-color: var(--component-MessageBoxWarningMessage-backgroundColor);
  color: var(--component-MessageBoxWarningMessage-color);
  border-top-color: var(--component-MessageBoxWarningMessage-borderTopColor);
  border-bottom-color: var(--component-MessageBoxWarningMessage-borderBottomColor);
  border-left-color: var(--component-MessageBoxWarningMessage-borderLeftColor);
  border-right-color: var(--component-MessageBoxWarningMessage-borderRightColor);
  border-style: solid;
  border-top-width: var(--component-MessageBoxWarningMessage-borderTopWidth);
  border-bottom-width: var(--component-MessageBoxWarningMessage-borderBottomWidth);
  border-left-width: var(--component-MessageBoxWarningMessage-borderLeftWidth);
  border-right-width: var(--component-MessageBoxWarningMessage-borderRightWidth);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    padding: var(--base-space-4);
    margin-bottom: var(--base-space-3);
  }
.ht2-MainContent-careplan-referActivity .ht2-DisclaimerErrorText {
    font-family: var(--component-lib__ErrorText-fontFamily);
    color: var(--component-lib__ErrorText-color);
    font-size: var(--component-lib__ErrorText-fontSize);

    font-size: var(--base-fontSizes-2);
  }
.ht2-MainContent-careplan-referActivity .ht2-DisclaimerWarningText {
    font-family: var(--component-lib__WarningText-fontFamily);
    color: var(--component-lib__WarningText-color);
    font-size: var(--component-lib__WarningText-fontSize);

    font-size: var(--base-fontSizes-2);
  }
.ht2-MainContent-careplan-referActivity .ht2-DisclaimerSuccessText {
    font-family: var(--component-lib__SuccessText-fontFamily);
    color: var(--component-lib__SuccessText-color);
    font-size: var(--component-lib__SuccessText-fontSize);

    font-size: var(--base-fontSizes-2);
  }


/*# sourceMappingURL=theme.css.map*/