/* Inter (variable, weights 100-900), self-hosted from @fontsource-variable/inter 5.2.5, SIL OFL 1.1 */
/* The latin subset has no arrow or check mark; per the HYCU style guide, load Inter's
   U+2192 (→) and U+2713 (✓) from their own file (Google Fonts subset, variable weight) */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/hc/theming_assets/01M5DC8YWWQZRVPBV8F1RCHWTK) format("woff2");
  unicode-range: U+2192, U+2713;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/hc/theming_assets/01M5DC9161VG5V7RMKVF66M4S5) format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/hc/theming_assets/01M5DC8XYJN83VWC95J85K79JF) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(/hc/theming_assets/01M5DC8YSS5TP3CY6RJB3JH1JD) format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(/hc/theming_assets/01M5DC8XTHEX4PG003VRYEHCKC) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  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 {
  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 */
  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 {
  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;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 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"] {
  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; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 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;
}
  
:root {
  --gray: var(--hs3); /* was blue-gray #55595c */
  --gray-light: var(--hs5); /* was #818a91 */
  --gray-lighter: var(--hs9); /* was blue-gray #eceeef */
  --gray-lightest: var(--hs10); /* was blue-gray #f2f4fa */

  --meta-text-color: var(--hs4); /* was blue-gray #6b7280 */
  --grid-gutter-width: 1rem;

  --padding-base-horizontal: 12px;
  --font-base-override: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-size-small: calc(16px * 0.875);
  --font-size-h1: calc(16px * 3);
  --font-size-h2: calc(16px * 1.75);
  --font-size-h3: calc(16px * 1.5);
  --font-size-h4: calc(16px * 1.25);
  --font-size-h5: calc(16px * 1.1);
  --font-size-h6: calc(16px * 1);
  --line-height-computed: calc(16px * 1.5);
  --strong-font-weight: 600;
  --input-border-color: var(--hs9); /* input border in the style guide */
  /* HYCU style guide tokens (style-guides/styles.css) */
  --hs12: #fdfcfb; /* White Sand */
  --hs11: #f5f3f1; /* Ghost Sand */
  --hs10: #ebe8e5; /* Lighter Sand */
  --hs9: #dbd7d3; /* Light Sand */
  --hs5: #99938d; /* Vivid Sand */
  --hs4-5: #88827c; /* Dusk Sand */
  --hs4: #736e69; /* Solid Sand */
  --hs3: #655f5a; /* Shadow Sand */
  --hp10: #e2e0fd; /* Lighter Purple */
  --hp9: #d0cefb; /* Light Purple */
  --hp6: #8980ff; /* Lavender */
  --g105: #696969; /* Gray 105 */
  --g90: #5a5a5a; /* Gray 90 */
  --hp5: #7d5eff; /* Vivid Purple */
  --hp4-5: #783ef9; /* Dusk Purple */
  --hp2: #43128e; /* Hycu Purple */
  --hp0: #1b0c33; /* Black Purple */
  --radius-pill: 999px;
  --radius-chip: 7px;
  --radius-card: 30px;
  --hycu-purple: var(--hp2);
  --input-focus-border-color: #a19afe; /* HP7, input focus border in the HYCU style guide */

  --lt-font-monospace: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
/* Reset the box-sizing */
*,
*:before,
*:after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    transition-duration: 0.01ms !important;
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :focus {
    outline-offset: 5px;
    transition: outline-offset 0.25s ease;
  }
}

html,
body {
  height: 100%;
}
/* Body reset */
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: var(--font-base-override);
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background-color: #F5F3F1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
/* Reset fonts for relevant elements */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/* Links */
a {
  color: #783EF9;
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--hp5);
  text-decoration: none;
}

figure {
  margin: 0;
}

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

hr {
  border-top: 1px solid #DBD7D3;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-base-override);
  font-weight: 700;
  line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p {
  margin: 0 0 calc(var(--line-height-computed));
}

h1,
.h1 {
  font-size: var(--font-size-h1);
}

h2,
.h2 {
  font-size: var(--font-size-h2);
}

h3,
.h3 {
  font-size: var(--font-size-h3);
}

h4,
.h4 {
  font-size: var(--font-size-h4);
}

h5,
.h5 {
  font-size: var(--font-size-h5);
}

h6,
.h6 {
  font-size: var(--font-size-h6);
}

b,
strong {
  font-weight: bold;
}

small,
.small {
  font-size: 80%;
  font-weight: normal;
  line-height: 1;
}
/* Description Lists */
dl {
  margin-top: 0;
  margin-bottom: calc(var(--line-height-computed));
}

dt,
dd {
  margin-bottom: calc(var(--line-height-computed) / 2);
  line-height: 1.5;
}

dt {
  font-weight: bold;
}

[dir="ltr"] dd {
  margin-left: 0;
}

[dir="rtl"] dd {
  margin-right: 0;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}
@media (min-width: 576px) {
  .dl-horizontal dt {
    float: left;
    width: 30%;
    padding-right: var(--grid-gutter-width);
    clear: both;
  }
}

.dl-horizontal dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .dl-horizontal dd {
    float: right;
    width: 70%;
  }
}
/* Blockquotes */
blockquote {
  padding: calc(var(--line-height-computed) / 2)
    calc(var(--line-height-computed));
  margin: 0 0 calc(var(--line-height-computed));
  font-family: var(--font-base-override);
  font-style: italic;
  background-color: var(--gray-lightest);
}

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

[dir="ltr"] blockquote {
  border-left: 5px solid var(--gray-lighter);
}

[dir="ltr"] blockquote.is-colored {
  border-left: 5px solid #43128E;
}

[dir="rtl"] blockquote {
  border-right: 5px solid var(--gray-lighter);
}

[dir="rtl"] blockquote.is-colored {
  border-right: 5px solid #43128E;
}
/* Code */
code {
  padding: 20px !important;
  border-radius: 13px !important;
}
/*  Addresses */
address {
  margin-bottom: calc(var(--line-height-computed));
}

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

.is-hidden,
.hidden,
[hidden],
[x-cloak],
.powered-by-zendesk {
  display: none !important;
}

.visibility-hidden,
.recent-activity-accessibility-label,
.pagination-first-text,
.pagination-last-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}
/* Layout */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
/* 
Normalize non-controls

Restyle and baseline non-control form elements. 
*/
fieldset {
  /*  
  Chrome and Firefox set a `min-width: min-content;` on fieldsets, 
  so we reset that to ensure it behaves more like a standard block element
  See https:github.com/twbs/bootstrap/issues/12359. 
  */
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: calc(var(--line-height-computed));
  font-size: calc(16px * 1.5);
  line-height: inherit;
  color: #373a3c;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-weight: var(--strong-font-weight);
}
/* 
 Normalize form controls

 While most of our form styles require extra classes, some basic normalization
 is required to ensure optimum display with or without those classes to better
 address browser inconsistencies. 
*/
/*  Override content-box in Normalize (* isn't specific enough) */
input[type="search"] {
  box-sizing: border-box;
}
/*  Position radios and checkboxes better */
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
/*  Set the height of file controls to match text inputs */
input[type="file"] {
  display: block;
}
/*  Make range inputs behave like textual form controls */
input[type="range"] {
  display: block;
  width: 100%;
}
/*  Make multiple select elements height not fixed */
select[multiple],
select[size] {
  height: auto;
}
/*  Focus for file, radio, and checkbox */
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/*  Adjust output element */
output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.5;
  color: #55595c;
}
/* 
 Common form controls

 Shared size and type resets for form controls. Apply `.form-control` to any
 of the following form controls:
 
*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.nesty-input {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid var(--input-border-color);
  border-radius: 13px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
/*  Customize the `:focus` state to imitate native WebKit styles. */
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.nesty-input:focus {
  border-color: var(--input-focus-border-color);
  outline: 0;
}
/*  Placeholder */
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.nesty-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}

select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.nesty-input:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}

select::placeholder,
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.nesty-input::placeholder {
  color: #999;
  opacity: 1;
}
/* select {
  height: calc(
    var(--line-height-computed) + var(--padding-base-horizontal) + 2px
  );
} */
select {
  width: 100%;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A")
    no-repeat #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[dir="ltr"] select {
  padding-right: 36px;
  background-position: right 12px center;
}

[dir="rtl"] select {
  padding-left: 36px;
  background-position: left 12px center;
}

select::-ms-expand {
  display: none;
}
/*  Reset height for `textarea`s */
textarea {
  height: auto;
  height: calc(
    (var(--line-height-computed) + var(--padding-base-horizontal) + 2px) * 3
  );
  resize: vertical;
}

#hc-wysiwyg {
  border-color: var(--input-border-color);
  border-width: 1px;
}
/*  Search inputs in iOS */
/* 
 This overrides the extra rounded corners on search inputs in iOS so that our
 `.form-control` class can properly style them. Note that this cannot simply
 be added to `.form-control` as it's not specific enough. For details, see
 https:github.com/twbs/bootstrap/issues/11586. */
input[type="search"] {
  -webkit-appearance: none;
}
/*  Special styles for iOS temporal inputs

 In Mobile Safari, setting `display: block` on temporal inputs causes the
 text within the input to become vertically misaligned. As a workaround, we
 set a pixel line-height that matches the given height of the input, but only
 for Safari. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: calc(16px * 1.5 * 2.5);
  }
}
/*  Form groups

 Designed to help with the organization and spacing of vertical forms. For
 horizontal forms, use the predefined grid classes. */
.form-field {
  margin-bottom: calc(var(--line-height-computed));
}

.form-field .optional {
  color: #333;
}

[dir="ltr"] .form-field .optional {
  margin-left: 4px;
}

[dir="rtl"] .form-field .optional {
  margin-right: 4px;
}

.form-field.boolean {
  position: relative;
}

.form-field.boolean input[type="checkbox"] {
  position: absolute;
}

.form-field.boolean label {
  min-height: calc(var(--line-height-computed));
  /* Ensure the input doesn't jump when there is no text */
  margin-bottom: 0;
  cursor: pointer;
}

[dir="ltr"] .form-field.boolean {
  padding-left: 20px;
}

[dir="ltr"] .form-field.boolean input[type="checkbox"] {
  left: 0;
}

[dir="rtl"] .form-field.boolean {
  padding-right: 20px;
}

[dir="rtl"] .form-field.boolean input[type="checkbox"] {
  right: 0;
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
/*  Help text

 Apply to any element you wish to create light text for placement immediately
 below a form control. Use for general help, formatting, or instructional text. */
.form-field p,
.help-block {
  display: block; /* account for any element using help-block */
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 90%;
  color: #404040; /* lighten the text some for contrast */
}

ul[data-hc-pills-container],
ul[data-hc-pills-container][data-hc-focus="true"] {
  border-width: 1px;
}

ul[data-hc-pills-container] {
  margin: 0 0 calc(1px * -1);
  border-color: var(--input-border-color);
  border-radius: 13px;
}

ul[data-hc-pills-container][data-hc-focus="true"] {
  position: relative;
  z-index: 2;
  border-color: var(--input-focus-border-color);
}

.lt-comment-form__ccs ul[data-hc-pills-container] {
  border-radius: 13px 13px 0 0;
}

.lt-container {
  padding-right: var(--grid-gutter-width);
  padding-left: var(--grid-gutter-width);
}
@media (min-width: 576px) {
  .lt-container {
    padding-right: calc(var(--grid-gutter-width) * 2);
    padding-left: calc(var(--grid-gutter-width) * 2);
  }
}

.lt-container-inner {
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}

/* Flex column instead of the original 3-row grid (auto 1fr auto): the grid assigned rows by
   position, so when the HYCU announcement bar (#secondary-nav-component) is shown as an extra
   first child, the header landed in the 1fr row and stretched. With flex, only main grows. */
.lt-layout {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.lt-layout > * {
  flex: 0 0 auto;
}

.lt-layout__main {
  flex: 1 0 auto;
  overflow: hidden;
}

/* Zendesk's React request form and flash notifications (Garden) default to the system font stack */
#new-request-form *:not(code, pre, kbd, samp),
[data-garden-id]:not(code, pre, kbd, samp) {
  font-family: var(--font-base-override);
}

/* Garden buttons in the request form: pill shape and weight of the style guide buttons */
[data-garden-id="buttons.button"][data-garden-id] {
  border-radius: var(--radius-pill);
  font-weight: 400;
}

/* Skip link target: focused programmatically, so no outline */
.lt-layout__main:focus {
  outline: none;
}

/* Header: a floating pill on the page background (HYCU style guide nav bar).
   The pill (the inner container) has the Header background color (HS12), 42px rounded
   ends, a soft HP0 glow, and reaches 25px past the 1280px content on wide screens.
   It is not sticky: it scrolls away with the page. */
.lt-topbar {
  padding-top: 14px;
  padding-bottom: 14px;
  margin-bottom: 0 !important;
  font-weight: 700;
  color: #1B0C33;
  background-color: transparent;
}

.lt-topbar > .lt-container-inner {
  max-width: 1330px;
  min-height: 64px;
  padding: 0 20px;
  background-color: #FDFCFB;
  border-radius: 42px;
  box-shadow: 0 0 24px rgba(27, 12, 51, 0.1); /* HP0 at 10% */
}

@media (min-width: 992px) {
  .lt-topbar > .lt-container-inner {
    min-height: 84px;
    padding: 0 25px;
  }
}

.lt-layout__main {
  padding-top: 1rem;
}

@media (min-width: 992px) {
  .lt-layout__main {
    padding-top: 2.5rem;
  }
}

.lt-topbar__logo {
  display: block;
  width: auto;
  height: 40px;
}

.lt-topbar__link {
  font-size: 15px;
  font-weight: 700;
  background-color: transparent;
  border: 0;
}

.lt-topbar__link {
  color: #1B0C33;
  transition: color 0.15s ease;
}

.lt-topbar__link:hover,
.lt-topbar__link:focus,
.lt-topbar__link:active {
  color: var(--hp4-5);
}
@media (max-width: 991px) {
  .lt-topbar__link {
    color: #000;
  }

  .lt-topbar__link:hover,
  .lt-topbar__link:focus,
  .lt-topbar__link:active {
    color: #783EF9;
  }

  .lt-topbar__controls {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 10;
    width: 80%;
    max-width: 250px;
    padding: 2rem 20px; /* 20px sides: phone padding in the HYCU style guide */
    color: #000;
    background-color: #fff;
    transition: transform 600ms ease;
  }

  [dir="ltr"] .lt-topbar__controls {
    left: 0;
    transform: translateX(-100%);
  }

  [dir="rtl"] .lt-topbar__controls {
    right: 0;
    transform: translateX(100%);
  }

  .lt-topbar__controls > * + * {
    margin-top: 1rem;
  }

  .lt-topbar__controls.is-active {
    transform: translateX(0);
  }

  /* Smaller Sign in button in the mobile menu */
  .lt-topbar__controls > .lt-btn {
    height: 36px;
    padding: 0 18px;
    font-size: 14px;
  }

  /* Logo and search at the top of the mobile menu */
  .lt-topbar__controls > .lt-mobile-menu__top {
    order: -2; /* above the signed-in user block, which is order: -1 */
    width: 100%;
    margin-top: 0;
    margin-bottom: 1.5rem;
  }

  .lt-mobile-menu__logo {
    display: inline-block;
    margin-bottom: 1.5rem;
  }

  .lt-mobile-menu__logo img {
    display: block;
    width: auto;
    height: 32px;
  }

  .lt-mobile-menu__search input[type="search"] {
    width: 100%;
    height: 44px; /* standard input in the HYCU style guide */
    padding: 0 1rem 0 2.75rem;
    font-size: 16px;
    border-radius: 13px;
  }

  [dir="ltr"] .lt-topbar__controls.is-active {
    left: 0;
    box-shadow: 5px 0 40px rgb(0 0 0 / 45%);
  }

  [dir="rtl"] .lt-topbar__controls.is-active {
    right: 0;
    box-shadow: -5px 0 40px rgb(0 0 0 / 45%);
  }

  .lt-topbar-open {
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  [dir="ltr"] .lt-topbar__controls > * + * {
    margin-left: 1.5rem;
  }

  [dir="rtl"] .lt-topbar__controls > * + * {
    margin-right: 1.5rem;
  }
}

.lt-footer {
  line-height: 1.1;
  color: #655F5A;
  background-color: rgba(255, 255, 255, 0);
}

.lt-footer__copyright a {
  color: #783EF9;
}

.lt-footer__copyright p:last-of-type {
  margin-bottom: 0;
}

/* Footer panel: Lighter Sand fill, 30px top corners, runs into the bottom of the page.
   Phone: centered and stacked; from 768px one row, copyright left and icons right. */
.lt-footer__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 32px 24px;
  text-align: center;
  background-color: var(--hs10);
  border-radius: var(--radius-card) var(--radius-card) 0 0;
}

@media (min-width: 768px) {
  .lt-footer__panel {
    flex-direction: row;
    justify-content: space-between;
    gap: 32px;
    padding: 40px 50px;
  }
}

.lt-footer__copyright {
  font-size: 13px;
  white-space: nowrap;
}

.lt-footer__social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.lt-footer__social-link {
  padding: 6px;
  font-size: 1.125rem !important;
  color: #655F5A;
  vertical-align: middle;
}

.lt-footer__social-link:hover,
.lt-footer__social-link:focus,
.lt-footer__social-link:active {
  color: var(--hp4-5);
}

[dir="ltr"] .lt-footer__social-link + [dir="ltr"] .lt-footer__social-link {
  margin-left: 5px;
}

[dir="rtl"] .lt-footer__social-link + [dir="rtl"] .lt-footer__social-link {
  margin-right: 5px;
}
/* Components */
.lt-dropdown {
  position: relative;
  display: inline-block;
}

.lt-dropdown-toggle {
  display: inline-block;
  padding: 0;
  cursor: pointer;
  background: none;
  border: 0;
}

.lt-dropdown-toggle:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: calc(16px - 4px);
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: currentColor;
  content: "\f107";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir="ltr"] .lt-dropdown-toggle:after {
  margin-left: 8px;
}

[dir="rtl"] .lt-dropdown-toggle:after {
  margin-right: 8px;
}

.lt-dropdown-toggle--no-icon:after {
  display: none;
}

.lt-dropdown-toggle:hover {
  text-decoration: none;
}

.lt-dropdown-toggle > * {
  display: inline-block;
}

.lt-dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 170px;
  padding: 10px 0;
  margin-top: 1px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  background: #fff;
  border: 1px solid #ebeaeb;
  border-radius: 13px;
  box-shadow: 0 0 2rem rgb(0 0 0 / 10%);
}

[dir="ltr"] .lt-dropdown-menu {
  left: 0;
  text-align: left;
}

[dir="rtl"] .lt-dropdown-menu {
  right: 0;
  text-align: right;
}

[dir="rtl"] .lt-dropdown-menu {
  text-align: right;
}

.lt-dropdown-menu[aria-expanded="true"] {
  display: block;
}

.lt-dropdown-menu [role="separator"] {
  display: block;
  padding: 5px 0;
  margin: 5px 20px 10px;
  font-size: 11px;
  font-weight: normal;
  color: #969696;
  border-bottom: 1px solid #d8d8d8;
}

.lt-dropdown-menu [role="menuitem"] {
  display: block;
  width: 100%;
  line-height: inherit;
  color: #333;
  text-align: start;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

[dir="ltr"] .lt-dropdown-menu [role="menuitem"] {
  padding: 7px 40px 7px 20px;
}

[dir="rtl"] .lt-dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

[dir="rtl"] .lt-dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

.lt-dropdown-menu [role="menuitem"]:hover,
.lt-dropdown-menu [role="menuitem"]:focus {
  color: #333;
  text-decoration: none;
  background: #f3f3f3;
}

.lt-dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}

.lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  display: inline-block;
  width: 12px;
  height: 12px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
}

[dir="ltr"] .lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  margin-left: 10px;
}

[dir="rtl"] .lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  margin-right: 10px;
}

[dir="rtl"] .lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  float: left;
  margin-right: 10px;
  margin-left: 0;
}

.lt-dropdown-menu [role="menuitem"][hidden],
.lt-dropdown-menu [role="menuitem"][aria-hidden="true"] {
  display: none !important;
}

[dir="ltr"] .lt-dropdown-menu-end {
  right: 0;
  left: auto;
}

[dir="rtl"] .lt-dropdown-menu-end {
  right: auto;
  left: 0;
}

.lt-dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir="rtl"] .lt-dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}

[dir="rtl"] .lt-dropdown-menu-end {
  right: auto;
  left: 0;
}

.lt-dropdown-toggle--user {
  padding: 0;
  font-size: calc(16px - 5px);
  font-weight: 700;
  line-height: 1.5;
  color: inherit;
  text-transform: uppercase;
  border: 0;
}
@media (max-width: 991px) {
  .lt-dropdown--topbar {
    width: 100%;
  }

  .lt-dropdown-menu--topbar {
    position: static;
    width: 100%;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  .lt-dropdown-menu--topbar .lt-dropdown-toggle {
    width: 100%;
  }

  .lt-dropdown-menu--topbar .lt-dropdown-toggle--user:after {
    display: none;
  }

  .lt-dropdown-menu--topbar [role="menuitem"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/* ==========================================================================
  Buttons (HYCU style guide: .btn in style-guides/styles.css)
  Sizes: standard 44px (default), --large 56px, --hidden 28px.
  Styles: --primary, --primary-alt, --default (= secondary), --secondary-alt1,
  --secondary-alt2, --ghost. Zendesk-generated buttons (subscribe, follow,
  pagination, profile) are secondary; input[type=submit] is primary.
  ========================================================================== */
.lt-btn,
input[type="submit"],
.lt-section-subscribe button,
.lt-article-subscribe button,
.lt-community-follow button,
.lt-profile__buttons button,
.lt-profile__buttons a,
.lt-organization-subscribe button,
.lt-subscriptions-subscribe button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link,
.recent-activity-controls a {
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 0 25px;
  margin-bottom: 0;
  font-family: var(--font-base-override);
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  transition: background-color 0.15s ease, border-color 0.15s ease;
  touch-action: manipulation;
}

.lt-btn:hover,
.lt-btn:focus,
input[type="submit"]:hover,
.lt-section-subscribe button:hover,
.lt-article-subscribe button:hover,
.lt-community-follow button:hover,
.lt-profile__buttons button:hover,
.lt-profile__buttons a:hover,
.lt-organization-subscribe button:hover,
.lt-subscriptions-subscribe button:hover,
.pagination-next-link:hover,
.pagination-prev-link:hover,
.pagination-first-link:hover,
.pagination-last-link:hover,
.recent-activity-controls a:hover {
  text-decoration: none;
}

/* The style guide has no focus style; keep a visible ring for keyboard users */
.lt-btn:focus-visible,
input[type="submit"]:focus-visible,
.lt-section-subscribe button:focus-visible,
.lt-article-subscribe button:focus-visible,
.lt-community-follow button:focus-visible,
.lt-profile__buttons button:focus-visible,
.lt-profile__buttons a:focus-visible,
.lt-organization-subscribe button:focus-visible,
.lt-subscriptions-subscribe button:focus-visible,
.pagination-next-link:focus-visible,
.pagination-prev-link:focus-visible,
.pagination-first-link:focus-visible,
.pagination-last-link:focus-visible,
.recent-activity-controls a:focus-visible {
  outline: 2px solid var(--hp6);
  outline-offset: 2px;
}

.lt-btn--large {
  height: 56px;
  padding: 0 30px;
  font-size: 16px;
}

.lt-btn--hidden {
  height: 28px;
  padding: 0 13px;
  font-size: 14px;
}

/* Link buttons: keep the button text color on focus (a:focus would make it purple) */
a.lt-btn--primary:focus,
a.lt-btn--primary-alt:focus,
a.lt-btn--secondary-alt2:focus {
  color: #fff;
}

a.lt-btn--default:focus,
a.lt-btn--secondary-alt1:focus,
a.lt-btn--ghost:focus {
  color: var(--hp0);
}

/* Primary */
input[type="submit"],
.lt-btn--primary {
  color: #fff;
  background-color: var(--hp4-5);
  border-color: transparent;
}

input[type="submit"]:hover,
.lt-btn--primary:hover {
  color: #fff;
  background-color: var(--hp5);
}

.lt-btn--primary-alt {
  color: #fff;
  background-color: var(--hp0);
  border-color: transparent;
}

.lt-btn--primary-alt:hover {
  color: #fff;
  background-color: #544966;
}

/* Secondary */
.lt-btn--default,
.lt-section-subscribe button,
.lt-article-subscribe button,
.lt-community-follow button,
.lt-profile__buttons button,
.lt-profile__buttons a,
.lt-organization-subscribe button,
.lt-subscriptions-subscribe button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link,
.recent-activity-controls a {
  color: var(--hp0);
  background-color: #fff;
  border-color: var(--hs9);
}

.lt-btn--default:hover,
.lt-section-subscribe button:hover,
.lt-article-subscribe button:hover,
.lt-community-follow button:hover,
.lt-profile__buttons button:hover,
.lt-profile__buttons a:hover,
.lt-organization-subscribe button:hover,
.lt-subscriptions-subscribe button:hover,
.pagination-next-link:hover,
.pagination-prev-link:hover,
.pagination-first-link:hover,
.pagination-last-link:hover,
.recent-activity-controls a:hover {
  color: var(--hp0);
  background-color: var(--hs10);
  border-color: var(--hs9);
}

/* Outline: transparent fill, HS4 border (3:1 or better against white) (header Sign in) */
.lt-btn--outline {
  color: var(--hp0);
  background-color: transparent;
  border-color: var(--hs4);
}

.lt-btn--outline:hover {
  color: var(--hp0);
  background-color: var(--hs10);
  border-color: var(--hs4);
}

a.lt-btn--outline:focus {
  color: var(--hp0);
}

.lt-btn--secondary-alt1 {
  color: var(--hp0);
  background-color: var(--hs9);
  border-color: var(--hs9);
}

.lt-btn--secondary-alt1:hover {
  background-color: var(--hs10);
}

.lt-btn--secondary-alt2 {
  color: #fff;
  background-color: var(--hs4);
  border-color: var(--hs4-5);
}

.lt-btn--secondary-alt2:hover {
  color: #fff;
  background-color: var(--hs5);
}

/* Ghost (use with --hidden) */
.lt-btn--ghost {
  color: var(--hp0);
  background-color: transparent;
  border-color: transparent;
}

.lt-btn--ghost:hover {
  background-color: var(--hs11);
}

/* Disabled: flat HS9 fill, HS5 text; hidden-size buttons fade to 35% instead */
.lt-btn:disabled:not(.lt-btn--hidden),
.lt-btn[aria-disabled="true"]:not(.lt-btn--hidden),
input[type="submit"]:disabled,
.lt-section-subscribe button:disabled,
.lt-article-subscribe button:disabled,
.lt-community-follow button:disabled,
.lt-profile__buttons button:disabled,
.lt-profile__buttons a:disabled,
.lt-organization-subscribe button:disabled,
.lt-subscriptions-subscribe button:disabled,
.pagination-next-link:disabled,
.pagination-prev-link:disabled,
.pagination-first-link:disabled,
.pagination-last-link:disabled,
.recent-activity-controls button:disabled {
  color: var(--hs5);
  background-color: var(--hs9);
  border-color: transparent;
  cursor: default;
  pointer-events: none;
}

.lt-btn--hidden:disabled,
.lt-btn--hidden[aria-disabled="true"] {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

/* Icon-only buttons (article print and share): round 44px, no fill until hover */
.lt-btn--print {
  width: 44px;
  padding: 0 !important;
  font-size: var(--font-size-h5) !important;
  color: #000 !important;
  background-color: transparent !important;
  border: 0 !important;
}

.lt-btn--print:hover {
  background-color: var(--hs10) !important;
}

.lt-btn--print .lt-ms-2 {
  margin-left: 0 !important; /* share icon is centered, not offset */
}

.lt-avatar {
  position: relative;
  margin-right: 8px;
  display: inline-block;
}

.lt-avatar__badge {
  position: absolute;
  top: -0.5rem;
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  padding: 4px;
  font-size: 0.75rem;
  color: #fff;
  background: #cc0000;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-avatar__badge {
  right: -0.5rem;
}

[dir="rtl"] .lt-avatar__badge {
  left: -0.5rem;
}

.lt-avatar__badge:not(.is-active) {
  display: none;
}

.lt-avatar--agent:before {
  position: absolute;
  bottom: -4px;
  display: flex;
  width: 18px;
  height: 18px;
  font-family: "Font Awesome 5 Free";
  font-size: 6px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  content: "\f007";
  background-color: #43128E;
  border: 2px solid #F5F3F1;
  border-radius: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-avatar--agent:before {
  right: -4px;
}

[dir="rtl"] .lt-avatar--agent:before {
  left: -4px;
}

.lt-user-avatar {
  border-radius: 100%;
}

.lt-user-avatar--default {
  width: 2.5rem;
  height: 2.5rem;
}

.lt-user-avatar--topbar {
  width: 2rem;
  height: 2rem;
}

.lt-meta {
  font-size: 14px;
  color: var(--meta-text-color);
}

.lt-meta__item {
  display: inline-block;
}

[dir="ltr"] .lt-meta__item {
  margin-right: 0.25rem;
}

[dir="rtl"] .lt-meta__item {
  margin-left: 0.25rem;
}

.lt-meta__item + .lt-meta__item:before {
  font-size: 0.75rem;
  content: "\2022";
}

[dir="ltr"] .lt-meta__item + .lt-meta__item:before {
  margin-right: 0.25rem;
}

[dir="rtl"] .lt-meta__item + .lt-meta__item:before {
  margin-left: 0.25rem;
}

.lt-meta__link {
  color: inherit;
}

.lt-meta--profile {
  margin-bottom: 0;
}

.breadcrumbs {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 600;
  list-style: none;
  background-color: transparent;
  border-radius: 13px;
}

.breadcrumbs > li {
  display: inline-block;
}

.breadcrumbs > li + li:before {
  padding: 0 10px;
  font-weight: 400;
  color: var(--meta-text-color);
  content: "\00a0";
  content: "› ";
}

/* Phones: smaller breadcrumbs with tighter separators */
@media (max-width: 767px) {
  .breadcrumbs {
    font-size: 14px;
  }

  .breadcrumbs > li + li:before {
    padding: 0 6px;
  }
}

.breadcrumbs > li:last-child a {
  color: #000;
}

[dir="ltr"] .breadcrumbs {
  padding-left: 0;
}

[dir="rtl"] .breadcrumbs {
  padding-right: 0;
}

.lt-breadcrumbs--search-results {
  padding: 0;
  font-size: var(--font-size-small);
}

.lt-menu-toggle {
  position: relative;
  display: block;
  height: auto;
  padding: 1rem 0.5rem;
  cursor: pointer;
  background-color: transparent;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  order: 1;
}

[dir="ltr"] .lt-menu-toggle {
  margin-right: -0.5rem;
}

[dir="rtl"] .lt-menu-toggle {
  margin-left: -0.5rem;
}
@media (min-width: 992px) {
  .lt-menu-toggle {
    display: none;
  }
}

.lt-menu-toggle span {
  position: relative;
  display: block;
  pointer-events: none;
}

.lt-menu-toggle span,
.lt-menu-toggle span:after,
.lt-menu-toggle span:before {
  width: 26px;
  height: 2px;
  background-color: #1B0C33;
  outline: 1px solid transparent;
  transition: background-color 0.15s, transform 0.15s;
}

.lt-menu-toggle span:after,
.lt-menu-toggle span:before {
  position: absolute;
  content: "";
}

[dir="ltr"] .lt-menu-toggle span:after,
[dir="ltr"] .lt-menu-toggle span:before {
  left: 0;
}

[dir="rtl"] .lt-menu-toggle span:after,
[dir="rtl"] .lt-menu-toggle span:before {
  right: 0;
}

.lt-menu-toggle span:before {
  top: -7px;
}

.lt-menu-toggle span:after {
  top: 7px;
}

.lt-menu-toggle.is-active {
  outline: 0;
}

.lt-menu-toggle.is-active span {
  background-color: transparent;
}

.lt-menu-toggle.is-active span:after,
.lt-menu-toggle.is-active span:before {
  top: 0;
}

[dir="ltr"] .lt-menu-toggle.is-active span:before {
  transform: rotate(-45deg);
}

[dir="rtl"] .lt-menu-toggle.is-active span:before {
  transform: rotate(45deg);
}

[dir="ltr"] .lt-menu-toggle.is-active span:after {
  transform: rotate(45deg);
}

[dir="rtl"] .lt-menu-toggle.is-active span:after {
  transform: rotate(-45deg);
}

.lt-entry-info {
  display: flex;
  font-size: 14px;
}

.lt-entry-info__avatar {
  flex-shrink: 0;
}

[dir="ltr"] .lt-entry-info__avatar {
  padding-right: 1rem;
}

[dir="rtl"] .lt-entry-info__avatar {
  padding-left: 1rem;
}

.lt-status-label {
  padding: 2px calc(var(--padding-base-horizontal) / 2);
  font-size: 12px;
  color: #fff;
  border-radius: 13px;
}

.lt-status-label--pending {
  background-color: #DD6D00;
}

.lt-status-label--with-ticket {
  background-color: #43128E;
}

.lt-status-label--with-ticket:hover,
.lt-status-label--with-ticket:focus,
.lt-status-label--with-ticket:active {
  color: #fff;
}

.lt-status-label--solved,
.lt-status-label--closed {
  background-color: #188038;
}

.lt-status-label--new,
.lt-status-label--open {
  background-color: #DA1E28;
}

.lt-status-label--answered {
  background-color: #DD6D00;
}

.lt-status-label--official {
  background-color: #43128E;
}

.lt-status-label--completed,
.lt-status-label--answered {
  background-color: #188038;
}

.lt-status-label--planned {
  background-color: #43128E;
}

.lt-status-label--not-planned {
  color: #000;
  background-color: var(--gray-lighter);
}

/* .top-links / .link-wrapper (home page header link pills) removed: the markup is commented
   out in home_page.hbs and the old rules had two stray braces that broke the next rule */

.lt-hero-unit {
  position: relative;
  /* Cancel .lt-layout__main's top padding; the hero has its own */
  margin-top: -1rem;
}

@media (min-width: 992px) {
  .lt-hero-unit {
    margin-top: -2.5rem;
  }
}

@media (max-width: 575px) {
  .lt-hero-unit {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .lt-hero-unit {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 992px) {
  .lt-hero-unit {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.lt-hero-unit__title {
  text-align: center;
}

/* Section subtitle in the HYCU style guide: H5 (18px), max 600px; gray on white */
.lt-hero-unit__subtitle {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  font-size: 18px;
  line-height: 1.5;
  color: var(--g90);
  text-align: center;
}
@media (min-width: 992px) {
  .lt-hero-unit__title {
    font-size: calc(var(--font-size-h1) * 1.2);
  }
}

/* Custom blocks: white cards from the HYCU style guide (.card.white, whole card is the
   link). Phone 1 column, tablet 2, desktop the number set in theme settings. Each card
   spans three shared rows (icon, title, text) so they line up across a row.
   Hover: border and glow only, no lift. */
.lt-custom-blocks__grid {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 20px;
}

@media (min-width: 768px) {
  .lt-custom-blocks__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .lt-custom-blocks__grid--cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lt-custom-blocks__grid--cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.lt-custom-block {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  row-gap: 0;
  margin-bottom: 20px;
  padding: 24px;
  color: var(--g105);
  text-decoration: none;
  background-color: #fff;
  border: 1px solid var(--hs10);
  border-radius: var(--radius-card);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.lt-custom-block:hover,
.lt-custom-block:focus-visible {
  color: var(--g105);
  text-decoration: none;
  border-color: var(--hp9);
  box-shadow: 0 0 15px rgba(137, 128, 255, 0.5); /* HP6 at 50% */
}

.lt-custom-block:focus-visible {
  outline: 2px solid var(--hp6);
  outline-offset: 2px;
}

.lt-custom-block__icon {
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
}

.lt-custom-block__title {
  margin-bottom: 13px; /* card gap 18px, 30% smaller between title and text */
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
  color: #000;
}

.lt-custom-block__text {
  font-size: 16px;
  line-height: 1.5;
}

.lt-block-list {
  position: relative;
}
@media (min-width: 768px) {


  [dir="ltr"] .lt-block-list:after {
    right: -67px;
  }

  [dir="rtl"] .lt-block-list:after {
    left: -67px;
  }
}

/* Block lists (community topics, sub-sections, home category boxes): white cards like
   the home page custom blocks (HYCU style guide .card.white, whole card is the link;
   border and glow on hover, no lift). Icon: purple star on a light purple square. */
.lt-block-list-item__icon {
  padding: 10px;
  background-color: var(--hp10);
  border-radius: 13px;
}

.lt-block-list-item__link {
  flex-grow: 1;
  border: 1px solid var(--hs10);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.lt-block-list-item__link,
.lt-block-list-item__link:active,
.lt-block-list-item__link:focus,
.lt-block-list-item__link:hover {
  color: var(--g105);
  text-decoration: none;
  background-color: #fff;
  border-radius: var(--radius-card);
}

.lt-block-list-item__link:hover,
.lt-block-list-item__link:focus-visible {
  border-color: var(--hp9);
  box-shadow: 0 0 15px rgba(137, 128, 255, 0.5); /* HP6 at 50% */
}

.lt-block-list-item__link:focus-visible {
  outline: 2px solid var(--hp6);
  outline-offset: 2px;
}

.lt-block-list-item__title {
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
  color: #000;
  word-break: break-word;
}

.lt-block-list-item__desc {
  margin-top: 13px;
  font-size: 16px;
  line-height: 1.5;
}

.lt-block-list-item__meta {
  font-size: 14px;
  color: var(--hs3);
}

.lt-block-list-item__see-all {
  font-weight: bold;
  color: #783EF9;
}

.recent-activity {
  margin-bottom: 4rem;
}

.recent-activity-item-link {
  display: block;
  margin-bottom: 0.5rem;
}

.recent-activity-header {
  margin-bottom: 2rem;
}

.recent-activity-list {
  display: grid;
  margin-bottom: 0;
  list-style: none;
  gap: calc(var(--grid-gutter-width) * 2);
}

[dir="ltr"] .recent-activity-list {
  padding-left: 0;
}

[dir="rtl"] .recent-activity-list {
  padding-right: 0;
}
@media (min-width: 992px) {
  .recent-activity-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.recent-activity-item {
  display: flex;
  padding: 2.5rem 2rem;
  flex-direction: column;
  border: 2px solid #DBD7D3;
  border-radius: 13px;
  align-items: flex-start;
}

.recent-activity-item-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: var(--font-size-small);
  color: var(--meta-text-color);
}

.recent-activity-item-parent {
  padding: 0.25rem 1rem;
  margin-bottom: 0.5rem;
  font-size: var(--font-size-small);
  font-weight: var(--strong-font-weight);
  color: #fff;
  background-color: #43128E;
  border-radius: 4rem;
}

.recent-activity-item-parent:hover,
.recent-activity-item-parent:active,
.recent-activity-item-parent:focus {
  color: #fff;
  background-color: #783EF9;
}

.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
}

[dir="ltr"] .recent-activity-comment-icon:after {
  margin-left: 4px;
}

[dir="rtl"] .recent-activity-comment-icon:after {
  margin-right: 4px;
}

.recent-activity-controls {
  padding-top: 2rem;
}

/* Bottom CTA: white card like the custom blocks (HYCU style guide .card.white), centered */
.lt-footer-submit-ticket {
  padding: 48px 24px;
  text-align: center;
  background: #fff;
  border: 1px solid var(--hs10);
  border-radius: var(--radius-card);
}

@media (min-width: 768px) {
  .lt-footer-submit-ticket {
    padding: 56px 40px;
  }
}

.lt-footer-submit-ticket__title {
  margin: 0 0 12px;
  font-size: 28px; /* .h3 in the style guide */
  font-weight: 700;
  line-height: 1.25;
  color: var(--hp0);
}

.lt-footer-submit-ticket__subtitle {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.5;
  color: var(--hs3);
}

.lt-footer-submit-ticket__phones {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: var(--hs3);
}

.share {
  white-space: nowrap;
  list-style: none;
}

[dir="ltr"] .share {
  padding-left: 0;
}

[dir="rtl"] .share {
  padding-right: 0;
}

.share li {
  position: relative;
  display: inline-flex;
  margin-bottom: 5px;
  vertical-align: top;
}

.share a {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  touch-action: manipulation;
  color: #000;
}

.share a:active {
  background-image: none;
}

.share svg {
  width: 20px;
  height: 20px;
}

.lt-new-request-page {
  margin-bottom: calc(var(--line-height-computed) * 2);
}

.lt-new-request-form {
  margin-bottom: calc(var(--line-height-computed));
}

.lt-new-request-tip {
  position: relative;
  background-color: #F3F2FF;
  border: 2px solid #3726ff;
  border-radius: 13px;
}

.lt-new-request-tip__icon {
  position: absolute;
  top: 2rem;
  color: #3726ff;
}

[dir="ltr"] .lt-new-request-tip__icon {
  left: 1.5rem;
}

[dir="rtl"] .lt-new-request-tip__icon {
  right: 1.5rem;
}

.upload-dropzone {
  padding: calc(var(--line-height-computed)) 16px;
  border-color: var(--input-border-color);
  border-width: 1px;
  border-radius: 13px;
}

.upload-dropzone,
.upload-dropzone a {
  font-size: var(--font-size-small);
}

.upload-dropzone span {
  color: #000;
}

.lt-error-page {
  max-width: 600px;
}

.lt-error-page__articles {
  border: 2px solid #DBD7D3;
  border-radius: 13px;
}

.pagination-list {
  margin-top: 0;
  list-style: none;
}

[dir="ltr"] .pagination-list {
  padding-left: 0;
  margin-left: 0;
}

[dir="rtl"] .pagination-list {
  padding-right: 0;
  margin-right: 0;
}

.pagination-next,
.pagination-prev,
.pagination-first,
.pagination-last {
  display: inline-block;
}

[dir="ltr"] .pagination-next-text {
  margin-right: 16px;
}

[dir="rtl"] .pagination-next-text {
  margin-left: 16px;
}

[dir="rtl"] .pagination-next-text {
  margin-left: 16px;
}

[dir="ltr"] .pagination-prev-text {
  margin-left: 16px;
}

[dir="rtl"] .pagination-prev-text {
  margin-right: 16px;
}

[dir="rtl"] .pagination-prev-text {
  margin-right: 16px;
}

.satisfaction-box {
  padding: calc(var(--line-height-computed)) var(--grid-gutter-width);
  margin: 0 0 calc(10px * 2) 0;
  margin-top: 0;
  border-color: #DBD7D3;
  border-radius: 13px;
}

.satisfaction-box h4:last-child {
  margin-bottom: 0;
}

.satisfaction-box input[type="radio"] ~ label {
  letter-spacing: normal;
}

[dir="ltr"] .satisfaction-box input[type="radio"] ~ label {
  margin-right: 10px;
}

[dir="rtl"] .satisfaction-box input[type="radio"] ~ label {
  margin-left: 10px;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"] {
  color: #fff;
  background-color: #188038;
  border-color: #188038;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:hover,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:focus,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:active {
  color: #e0e0e0;
  background-color: #105525;
  border-color: #0e4c21;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:active {
  background-image: none;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"] {
  color: #fff;
  background-color: #DA1E28;
  border-color: #DA1E28;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:hover,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:focus,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:active {
  color: #e0e0e0;
  background-color: #ad1820;
  border-color: #a4171e;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:active {
  background-image: none;
}

.satisfaction-box input[type="radio"][checked="checked"][value="good"] + label {
  color: #fff !important;
  background-color: #0e4c21 !important;
  border-color: #0e4c21 !important;
}

.satisfaction-box input[type="radio"][checked="checked"][value="bad"] + label {
  color: #fff !important;
  background-color: #a4171e !important;
  border-color: #a4171e !important;
}

.satisfaction-box label.disabled {
  margin-bottom: calc(var(--line-height-computed)) !important;
}

.satisfaction-box label.disabled[for="satisfaction_rating_score_good"] {
  color: #188038 !important;
}

.satisfaction-box label.disabled[for="satisfaction_rating_score_bad"] {
  color: #DA1E28 !important;
}

.satisfaction-comment {
  margin-top: 15px;
}

.satisfaction-box .satisfaction-submit {
  font-size: calc(16px - 5px) !important;
  color: #fff;
  background-color: #43128E;
  border-color: #43128E;
}

.satisfaction-box .satisfaction-submit:hover,
.satisfaction-box .satisfaction-submit:focus,
.satisfaction-box .satisfaction-submit:active {
  color: #e0e0e0;
  background-color: #2e0c61;
  border-color: #290b58;
}

.satisfaction-box .satisfaction-submit:active {
  background-image: none;
}

[dir="ltr"] .satisfaction-box .satisfaction-submit {
  margin-left: 10px !important;
}

[dir="rtl"] .satisfaction-box .satisfaction-submit {
  margin-right: 10px !important;
}

.satisfaction-reason {
  padding-top: calc(var(--line-height-computed));
}

.satisfaction-box .satisfaction-cancel {
  font-size: calc(16px - 5px) !important;
  line-height: 1.5 !important;
}

/* Scroll to top: round floating button like the style guide's popup close button and
   the header pill (HS12 fill, soft HP0 glow); purple (HP5) with white arrow on hover.
   Stays bottom-left so it doesn't cover a chat widget on the right. */
.lt-scroll-to-top {
  position: fixed;
  bottom: -60px;
  z-index: 3;
  width: 44px;
  height: 44px;
  font-size: 20px !important;
  color: var(--hp0);
  text-align: center;
  cursor: pointer;
  background-color: var(--hs12);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 24px rgba(27, 12, 51, 0.1); /* HP0 at 10% */
  transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.15s ease,
    color 0.15s ease;
}

.lt-scroll-to-top:focus {
  outline: 0;
}

.lt-scroll-to-top:focus-visible {
  outline: 2px solid var(--hp6);
  outline-offset: 2px;
}

.lt-scroll-to-top.is-active {
  bottom: 30px;
}

.lt-scroll-to-top:hover {
  color: #fff;
  background-color: var(--hp5);
}

@media (max-width: 575px) {
  .lt-scroll-to-top {
    display: none;
  }
}

[dir="ltr"] .lt-scroll-to-top {
  left: 2rem;
}

[dir="rtl"] .lt-scroll-to-top {
  right: 2rem;
}

.lt-header {
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #DBD7D3;
}

.lt-header__desc {
  margin-top: 1rem;
}

.recent-articles h3,
.related-articles h3 {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

@media (min-width: 576px) {
  .recent-articles h3,
  .related-articles h3 {
    margin-top: calc(var(--line-height-computed) / 2);
  }
}

.recent-articles ul,
.related-articles ul {
  list-style: none;
}

.recent-articles ul > li,
.related-articles ul > li {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.recent-articles ul > li a,
.related-articles ul > li a {
  padding-bottom: 1px;
  color: #000;
  border-bottom: 1px solid #DBD7D3;
}

[dir="ltr"] .recent-articles ul,
[dir="ltr"] .related-articles ul {
  padding-left: 0;
}

[dir="rtl"] .recent-articles ul,
[dir="rtl"] .related-articles ul {
  padding-right: 0;
}

.recent-articles h3 {
  font-size: var(--font-size-h4);
}
@media (max-width: 991px) {
  .lt-user-info {
    width: 100%;
    padding-bottom: 1rem;
    margin-top: 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid #DBD7D3;
    order: -1;
  }

  .lt-user-info__menu {
    position: static;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  .lt-user-info__menu [role="menuitem"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.lt-status-widget {
  font-weight: 600;
}

.lt-status-widget,
.lt-status-widget:hover,
.lt-status-widget:focus,
.lt-status-widget:active {
  color: #fff;
}

.lt-status-widget-container {
  display: flex;
  align-items: center;
}

.lt-status-widget__indicator {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #aaa;
  border-radius: 50%;
}

.lt-status-widget__indicator--none {
  background-color: #2ecc71;
}

.lt-status-widget__indicator--operational {
  background-color: #2ecc71;
}

.lt-status-widget__indicator--minor {
  background-color: #f1c40f;
}

.lt-status-widget__indicator--major {
  background-color: #e67e22;
}

.lt-status-widget__indicator--critical {
  background-color: #e74c3c;
}

.lt-status-widget__indicator--maintenance {
  background-color: #3498db;
}

[dir="ltr"] .lt-status-widget__indicator__text {
  margin-left: 0.5rem;
}

[dir="rtl"] .lt-status-widget__indicator__text {
  margin-right: 0.5rem;
}

.lt-profile-header {
  text-align: center;
  border-radius: 13px;
}

.lt-profile-header__avatar {
  display: inline-block;
  margin-bottom: 16px;
}

.lt-profile-header__private-badge {
  display: inline-block;
  margin-bottom: calc(var(--line-height-computed));
  background-color: #43128E;
}

.lt-profile-header__description {
  word-break: break-all;
  word-break: break-word;
}

[dir="ltr"] .lt-profile__buttons > * + *,
[dir="ltr"] [data-action="userProfileActions"] > * + * {
  margin-left: var(--grid-gutter-width);
}

[dir="rtl"] .lt-profile__buttons > * + *,
[dir="rtl"] [data-action="userProfileActions"] > * + * {
  margin-right: var(--grid-gutter-width);
}

.lt-profile-stats {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: calc(16px - 2px);
  color: var(--meta-text-color);
  list-style: none;
}

[dir="ltr"] .lt-profile-stats {
  padding-left: 0;
}

[dir="rtl"] .lt-profile-stats {
  padding-right: 0;
}

.lt-profile-stats__stat {
  margin-bottom: calc(var(--line-height-computed) / 4);
}
@media (max-width: 767px) {
  .lt-profile-stats__stat {
    display: block;
  }

  .lt-profile-stats__stat:before {
    display: none;
  }
}

[dir="ltr"] .lt-profile-stats__label {
  margin-right: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-profile-stats__label {
  margin-left: calc(var(--padding-base-horizontal) / 2);
}

.lt-profile-stats__value {
  color: #000;
}

/* Profile tabs: pills on the page background (no bar, per the style guide's no color
   banding). Links are dark with a sand hover; the selected tab uses the purple tag colors
   of the article labels. */
.lt-profile-nav {
  margin-bottom: calc(var(--line-height-computed));
  font-size: 15px;
  font-weight: 500;
}

.lt-profile-nav__items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lt-profile-nav__item {
  margin-bottom: 0;
}

.lt-profile-nav__item a,
.lt-profile-nav__item.is-active {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 16px;
  line-height: 1;
  white-space: nowrap;
  border-radius: var(--radius-pill);
}

.lt-profile-nav__item a {
  color: var(--hp0);
  text-decoration: none;
  transition: background-color 0.15s ease;
}

.lt-profile-nav__item a:hover,
.lt-profile-nav__item a:focus {
  color: var(--hp0);
  background-color: var(--hs10);
}

.lt-profile-nav__item.is-active {
  color: var(--hp0);
  background-color: var(--hp10);
}

.lt-profile-section {
  width: 100%;
}

.lt-profile-section__header {
  margin-bottom: calc(var(--line-height-computed));
}

.lt-profile-section__title {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: var(--font-size-h3);
}

.lt-profile-section__description {
  font-size: var(--font-size-small);
  color: var(--meta-text-color);
}
@media (min-width: 576px) {
  .lt-profile-section__description {
    padding-bottom: 0;
  }
}

/* Profile contributions/activity rows: white with an HS10 outline, like the cards on the
   sand page (16px corners suit these shorter rows) */
.lt-profile-contribution {
  position: relative;
  padding: calc(var(--line-height-computed) / 2) var(--grid-gutter-width);
  word-wrap: break-word;
  background-color: #fff;
  border: 1px solid var(--hs10);
  border-radius: 16px;
}

.lt-profile-contribution__header {
  margin-bottom: calc(var(--line-height-computed) / 4);
}

.lt-profile-contribution__status {
  margin-bottom: calc(var(--line-height-computed) / 4);
}

.lt-profile-contribution__title {
  margin-bottom: calc(var(--line-height-computed) / 4);
  font-size: 16px;
  font-weight: 600;
}

.lt-profile-contribution__body {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-profile-contribution--list .lt-profile-contribution__title:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir="ltr"]
  .lt-profile-contribution--list
  .lt-profile-contribution__title:before {
  margin-right: 2px;
}

[dir="rtl"]
  .lt-profile-contribution--list
  .lt-profile-contribution__title:before {
  margin-left: 2px;
}

.lt-profile-contribution__breadcrumbs {
  padding: 0;
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: var(--font-size-small);
}

.lt-profile__no-activity,
.lt-profile__private-activity {
  color: var(--meta-text-color);
  text-align: center;
}

.lt-profile-activity-list {
  list-style: none;
}

[dir="ltr"] .lt-profile-activity-list {
  padding-left: 0;
}

[dir="rtl"] .lt-profile-activity-list {
  padding-right: 0;
}

.lt-profile-activity {
  position: relative;
  margin-bottom: calc(var(--line-height-computed) * 1.5);
}

.lt-profile-activity__header {
  margin-bottom: calc(var(--line-height-computed) / 2);

  font-size: var(--font-size-small);
  font-weight: 600;
}

.lt-profile-activity__avatar {
  width: 30px;
  height: 30px;
}

[dir="ltr"] .lt-profile-activity__avatar {
  margin-right: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-profile-activity__avatar {
  margin-left: calc(var(--padding-base-horizontal) / 2);
}

.lt-profile-activity__header:before,
.lt-profile-contribution__title:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir="ltr"] .lt-profile-activity__header:before,
[dir="ltr"] .lt-profile-contribution__title:before {
  margin-right: 2px;
}

[dir="rtl"] .lt-profile-activity__header:before,
[dir="rtl"] .lt-profile-contribution__title:before {
  margin-left: 2px;
}

[dir="ltr"] .lt-profile-contribution__title:before {
  margin-right: 4px;
}

[dir="rtl"] .lt-profile-contribution__title:before {
  margin-left: 4px;
}

.lt-profile-activity-list--articles .lt-profile-contribution__title:before,
.lt-profile-activity[class$="-article"] .lt-profile-activity__header:before {
  content: "\f15c";
}

.lt-profile-activity-list--posts .lt-profile-contribution__title:before,
.lt-profile-activity[class$="-post"] .lt-profile-activity__header:before {
  content: "\f086";
}

.lt-profile-activity-list--comments .lt-profile-contribution__title:before,
.lt-profile-activity[class$="-comment"] .lt-profile-activity__header:before {
  font-weight: 400;
  content: "\f075";
}

.user-subscribe {
  display: inline-block;
}

.lt-profile-badge-item {
  border: 1px solid #DBD7D3;
  border-radius: 13px;
}

.lt-profile-badge {
  width: 40px;
  height: 40px;
}

.lt-profile-badge__image {
  width: 40px;
  height: 40px;
}

.lt-attachment-list {
  margin: 0;
  font-size: var(--font-size-small);
  list-style: none;
}

[dir="ltr"] .lt-attachment-list {
  padding-left: 0;
}

[dir="rtl"] .lt-attachment-list {
  padding-right: 0;
}

.lt-attachment-list__item {
  position: relative;
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-attachment-list__item:last-child {
  margin-bottom: 0;
}

[dir="ltr"] .lt-attachment-list__item {
  padding-left: calc(var(--padding-base-horizontal) * 1.5);
}

[dir="rtl"] .lt-attachment-list__item {
  padding-right: calc(var(--padding-base-horizontal) * 1.5);
}

.lt-attachment-list__icon {
  position: absolute;
  top: 4px;
}

[dir="ltr"] .lt-attachment-list__icon {
  left: 0;
}

[dir="rtl"] .lt-attachment-list__icon {
  right: 0;
}

.lt-skip-navigation {
  position: absolute;
  top: auto;
  z-index: -999;
  display: flex;
  padding: 20px;
  margin: 20px;
  overflow: hidden;
  font-size: 14px;
  color: white;
  color: #000;
  background-color: #fff;
  border: 1px solid #783EF9;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-skip-navigation {
  left: -999px;
}

[dir="rtl"] .lt-skip-navigation {
  right: -999px;
}

.lt-skip-navigation:focus,
.lt-skip-navigation:active {
  top: auto;
  z-index: 999;
  overflow: auto;
  text-align: center;
  text-decoration: none;
}

[dir="ltr"] .lt-skip-navigation:focus,
[dir="ltr"] .lt-skip-navigation:active {
  left: auto;
}

[dir="rtl"] .lt-skip-navigation:focus,
[dir="rtl"] .lt-skip-navigation:active {
  right: auto;
}
/* ==========================================================================
  Notification
  ========================================================================== */
.notification {
  display: table;
  width: 100%;
  padding: 13px 15px;
  font-family: var(--font-base-override);
  font-size: 12px;
  color: #555;
  border: 1px solid;
  transition: height 0.2s;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  max-width: 980px;
  padding: 0 20px;
  margin: 0 auto;
}

.notification-icon,
.notification-text,
.notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  width: 100%;
  padding: 0 15px;
}

.notification + .notification {
  position: relative;
  top: -1px;
  margin-bottom: -1px;
}
/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon:before,
.notification-error .notification-inline.notification-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}
/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon:before,
.notification-notice .notification-inline.notification-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}
/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon:before,
.notification-alert .notification-inline.notification-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon:before,
.notification-inline.notification-error:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  content: "";
  background-size: cover;
}
/* Dismiss button */
.notification-dismiss,
a.notification-dismiss {
  color: #555;
  text-decoration: none !important;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 100ms ease;
}

.notification-dismiss:hover {
  opacity: 1;
}
/* Inline notifications */
.notification-inline {
  position: relative;
  padding: 5px;
  margin-top: 5px;
  line-height: 14px;
  vertical-align: middle;
  border-radius: 4px;
}

[dir="ltr"] .notification-inline {
  text-align: left;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

.notification-inline[aria-hidden="true"] {
  display: none;
}

.notification-inline.notification-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
}

[dir="ltr"] .notification-inline.notification-error:before {
  margin: -2px 5px 0 0;
}

[dir="rtl"] .notification-inline.notification-error:before {
  margin: -2px 0 0 5px;
}

[dir="rtl"] .notification-inline.notification-error:before {
  margin: 0 0 0 5px;
}

.notification-inline.notification-error {
  color: #cc3340;
  background-color: #fff0f1;
  border: 1px solid #e35b66;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

[dir="ltr"] .notification-left-aligned {
  padding-left: 0;
  text-align: left;
}

[dir="rtl"] .notification-left-aligned {
  padding-right: 0;
  text-align: right;
}

.lt-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9;
  display: none;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
}

[dir="ltr"] .lt-backdrop {
  left: 0;
}

[dir="rtl"] .lt-backdrop {
  right: 0;
}
@media (max-width: 991px) {
  .lt-backdrop.is-active {
    display: block;
  }
}

.lt-promoted-articles-accordion {
  border: 2px solid #DBD7D3;
  border-radius: 13px;
}

.lt-promoted-articles-accordion-item + .lt-promoted-articles-accordion-item {
  border-top: 2px solid #DBD7D3;
}

.lt-promoted-articles-item:nth-child(n + 9) {
  display: none;
}

.lt-promoted-articles-accordion-item__title {
  position: relative;
  font-weight: bold;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}

[dir="ltr"] .lt-promoted-articles-accordion-item__title {
  text-align: left;
}

[dir="rtl"] .lt-promoted-articles-accordion-item__title {
  text-align: right;
}

.lt-promoted-articles-accordion-item__title,
.lt-promoted-articles-accordion-item__title:hover,
.lt-promoted-articles-accordion-item__title:focus,
.lt-promoted-articles-accordion-item__title:active {
  color: #000;
}

.lt-promoted-articles-accordion-item__title:before {
  position: absolute;
  top: 50%;
  width: 0.875rem;
  height: 0.875rem;
  content: "";
  border-bottom: 2px solid #783EF9;
  transition: transform 0.3s;
}

[dir="ltr"] .lt-promoted-articles-accordion-item__title:before {
  right: 1.5rem;
  border-left: 2px solid #783EF9;
  transform: rotate(-45deg) translateY(-50%);
}

[dir="rtl"] .lt-promoted-articles-accordion-item__title:before {
  left: 1.5rem;
  border-right: 2px solid #783EF9;
  transform: rotate(45deg) translateY(-50%);
}

.lt-promoted-articles-accordion-item__content {
  display: none;
}

.lt-popular-searches__item {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}

.lt-popular-searches__item,
.lt-popular-searches__item:hover,
.lt-popular-searches__item:active,
.lt-popular-searches__item:focus {
  padding-bottom: 2px;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.lt-contact-box {
  display: flex;
  padding: 2.5rem 2rem;
  font-size: 0.875rem;
  color: #000;
  flex-direction: column;
  border: 2px solid #DBD7D3;
  border-radius: 13px;
  align-items: flex-start;
}

.lt-contact-box__icon {
  width: 2rem;
  height: 2rem;
}

.lt-contact-box__text {
  color: var(--meta-text-color);
}

.lt-info-block {
  color: #fff;
  background-color: #43128E;
  /* border: 1px solid #000; */
  border-radius: 13px;
}

.lt-info-block-container + .lt-home-container,
.lt-home-container:first-child {
  padding-top: 4rem;
}

.lt-info-block-container + .lt-footer-submit-ticket {
  margin-top: 4rem;
}

.lt-vote {
  width: 100%;
}

.lt-vote [aria-selected="true"] {
  z-index: 2;
}

.lt-vote__sum {
  display: block;
  width: 100%;
  padding-top: calc(var(--line-height-computed) / 4);
  padding-bottom: calc(var(--line-height-computed) / 4);
  font-weight: var(--strong-font-weight);
  text-align: center;
}

/* Up/down vote buttons (posts and comments): round 40px icon buttons that fit the
   40px voting column, centered above and below the vote count */
.lt-vote__control {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0 auto;
  font-size: 16px !important;
  line-height: 1 !important;
  color: #000;
  border-color: #DBD7D3;
}

.lt-vote__control:hover,
.lt-vote__control:active {
  z-index: 2;
}

.lt-vote__control--active {
  color: #000;
  border-color: #000;
}
/* Search */
/* Search */
.search {
  position: relative;
  display: flex;
}

.search:before {
  position: absolute;
  top: 50%;
  width: 1rem;
  height: 1rem;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: #000;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='search' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-search fa-w-16 fa-3x'%3E%3Cpath fill='currentColor' d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z' class=''%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir="ltr"] .search:before {
  left: 1rem;
}

[dir="rtl"] .search:before {
  right: 1rem;
}

.searchbox {
  margin-top: calc(var(--line-height-computed));
}

.searchbox-suggestions ul {
  margin-bottom: calc(var(--line-height-computed));
  list-style: none;
}

.searchbox-suggestions li {
  margin-bottom: calc(var(--line-height-computed) / 3);
}

[dir="ltr"] .searchbox-suggestions ul {
  padding-left: 0;
}

[dir="rtl"] .searchbox-suggestions ul {
  padding-right: 0;
}

.lt-search-box {
  position: relative;
}

.lt-search-box #query {
  height: 50px;
  padding: 0.875rem 2.5rem;
  font-size: 20px;
  transition: border 0.3s ease;
  transition: border 0.3s ease, background-color 0.3s ease;
}

.lt-search-box--hero-unit {
  z-index: 2;
  max-width: 820px;
  margin: 0 auto;
  transition: top 0.3s ease;
}

.lt-search-box--hero-unit .search:before {
  width: 18px;
  height: 18px;
}

.lt-search-box--hero-unit .search {
  max-width: 640px;
  margin: 0 auto;
}

.lt-search-box--hero-unit #query {
  padding: 0 3.5rem;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .lt-search-box--hero-unit #query {
    height: 56px; /* large input in the HYCU style guide */
  }
}

/* Large input focus: HP7 border plus a soft HP6 glow */
.lt-search-box--hero-unit #query:focus {
  box-shadow: 0 0 8px rgba(137, 128, 255, 0.5);
}

.lt-search-box--hero-unit input[type="submit"] {
  /* Large primary button; height matches the 60px search field */
  height: 60px;
  padding: 0 30px;
  font-size: 16px;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .lt-search-box--hero-unit input[type="submit"] {
    display: none;
  }
}

[dir="ltr"] .lt-search-box--hero-unit .search:before {
  left: 20px;
}

[dir="ltr"] .lt-search-box--hero-unit input[type="submit"] {
  margin-left: 1rem;
}

[dir="rtl"] .lt-search-box--hero-unit .search:before {
  right: 20px;
}

[dir="rtl"] .lt-search-box--hero-unit input[type="submit"] {
  margin-right: 1rem;
}

.lt-search-results-page {
  margin-bottom: calc(var(--line-height-computed) * 2);
}

/* 24px above and below the divider between results (margin comes from lt-mb-4) */
.lt-search-result {
  padding-bottom: 24px;
  border-bottom: 1px solid #DBD7D3;
}

.lt-search-result:last-child {
  border-bottom: 0;
}

.lt-search-result__text em {
  padding: 0 3px;
  font-style: normal;
  font-weight: var(--strong-font-weight);
  background-color: #fff3ca;
  border-radius: 3px;
}
/* ==========================================================================
  Search Results Filters
   ========================================================================== */
/* "N results for …" heading: divider between it and the results */
.lt-search-results__count {
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--hs9);
}

.lt-search-filters {
  /* White card from the HYCU style guide, like the home page blocks */
  font-size: 16px;
  background-color: #fff;
  border: 1px solid var(--hs10);
  border-radius: var(--radius-card);
}

.lt-search-filter + .lt-search-filter {
  border-top: 1px solid var(--hs10);
}

.lt-search-filters h3,
.lt-search-filter__btn {
  font-size: 16px;
  font-weight: 600;
  color: var(--hp0);
}

.lt-search-filter__btn {
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
  background: transparent;
  border: 0;
}

[dir="ltr"] .lt-search-filter__btn {
  text-align: left;
}

[dir="rtl"] .lt-search-filter__btn {
  text-align: right;
}

.lt-search-filter__btn:after {
  position: absolute;
  top: 50%;
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 1.5;
  color: inherit;
  content: "\f107";
  transition: all 0.3s ease;
  transform: translateY(-50%);
}

[dir="ltr"] .lt-search-filter__btn:after {
  right: 0.5rem;
}

[dir="rtl"] .lt-search-filter__btn:after {
  left: 0.5rem;
}

[dir="ltr"] .lt-search-filter__btn.is-active:after {
  transform: translateY(-50%) rotate(-180deg);
}

[dir="rtl"] .lt-search-filter__btn.is-active:after {
  transform: translateY(-50%) rotate(180deg);
}

.lt-search-filter__item + .lt-search-filter__item {
  margin-top: 2px;
}

.lt-search-filter__link {
  align-items: center;
  min-height: 40px;
  color: var(--hp0);
  text-decoration: none;
  border-radius: var(--radius-pill);
  transition: background-color 0.15s ease;
}

.lt-search-filter__link.lt-px-2 {
  padding-right: 14px !important;
  padding-left: 14px !important;
}

.lt-search-filter__link:hover,
.lt-search-filter__link:focus {
  color: var(--hp0);
  background-color: var(--hs10);
}

/* Selected filter: purple tag colors, as on the profile tabs and article labels */
.lt-search-filter__item.is-active .lt-search-filter__link {
  font-weight: 500;
  color: var(--hp0);
  background-color: var(--hp10);
}

.lt-search-filter__count {
  display: inline-flex;
  font-size: 14px;
  color: var(--hs3);
}
/* My Activities */
.lt-my-activities-items {
  width: 100%;
  margin-bottom: calc(var(--line-height-computed) * 2);
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
@media (min-width: 576px) {
  .lt-my-activities-items {
    table-layout: auto;
  }
}

.lt-my-activities-items__head {
  display: none;
  color: var(--meta-text-color);
}
@media (min-width: 576px) {
  .lt-my-activities-items__head {
    display: table-header-group;
    font-size: var(--font-size-small);
    font-weight: var(--strong-font-weight);
    text-transform: uppercase;
  }
}
@media (min-width: 576px) {
  .lt-my-activities-items__body {
    display: table-row-group;
  }
}

.lt-my-activities-items__row {
  display: block;
}
@media (min-width: 576px) {
  .lt-my-activities-items__row {
    display: table-row;
  }
}

.lt-my-activities-items__col {
  display: block;
}
@media (min-width: 576px) {
  .lt-my-activities-items__col {
    display: table-cell;
    padding-top: calc(var(--line-height-computed) / 2);
    padding-bottom: calc(var(--line-height-computed) / 2);
    border-bottom: 1px solid #DBD7D3;
  }

  [dir="ltr"] .lt-my-activities-items__col + .lt-my-activities-items__col {
    padding-left: var(--padding-base-horizontal);
  }

  [dir="rtl"] .lt-my-activities-items__col + .lt-my-activities-items__col {
    padding-right: var(--padding-base-horizontal);
  }
}
@media (max-width: 575px) {
  .lt-my-activities-items__request-id {
    display: inline;
  }
}
@media (min-width: 576px) {
  .lt-my-activities-items__request-id {
    display: none;
  }
}

.lt-my-activities-items__col .requests-link {
  color: var(--meta-text-color);
  white-space: nowrap;
}

.lt-my-activities-items__col
  .requests-link[href*="asc"]
  .requests-sort-symbol:after {
  content: "\f0d8";
}
@media (min-width: 576px) {
  [dir="ltr"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-right: 1rem;
  }
}

.lt-my-activities-menu--main {
  border-bottom: 1px solid #DBD7D3;
}

.lt-my-activities-menu--main .lt-my-activities-menu-item {
  padding: 0.5rem 1rem;
  border-radius: var(--radius-pill);
  transition: background-color 0.15s ease;
}

.lt-my-activities-menu--main .lt-my-activities-menu-item:hover {
  background-color: var(--hs10);
}

.lt-my-activities-menu-item__link,
.lt-my-activities-menu-item__link:hover,
.lt-my-activities-menu-item__link:focus {
  color: var(--hp0);
}

/* Current tab: purple tag colors, as on the profile tabs */
.lt-my-activities-menu--main .lt-my-activities-menu-item.is-active {
  font-weight: var(--strong-font-weight);
  color: var(--hp0);
  background-color: var(--hp10);
}

.lt-my-activities-menu--sub .lt-my-activities-menu-item.is-active {
  font-weight: var(--strong-font-weight);
}

.lt-my-activities-menu-item {
  margin-bottom: 1rem;
}
@media (min-width: 576px) {
  [dir="ltr"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-right: 1rem;
  }
}
@media (min-width: 576px) {
  .lt-my-activities-menu--sub
    .lt-my-activities-menu-item
    + .lt-my-activities-menu-item:before {
    font-size: 10px;
    content: "\2022";
  }

  [dir="ltr"]
    .lt-my-activities-menu--sub
    .lt-my-activities-menu-item
    + .lt-my-activities-menu-item:before {
    margin-right: 1rem;
  }

  [dir="rtl"]
    .lt-my-activities-menu--sub
    .lt-my-activities-menu-item
    + .lt-my-activities-menu-item:before {
    margin-left: 1rem;
  }
}
@media (max-width: 575px) {
  .lt-my-activities-item {
    padding: calc(var(--line-height-computed) / 2)
      var(--padding-base-horizontal);
    margin-bottom: calc(var(--line-height-computed));
    border: 1px solid #DBD7D3;
    border-radius: 13px;
  }
}

.lt-my-activities-item__meta {
  font-size: 14px;
  color: var(--meta-text-color);
}
@media (max-width: 575px) {
  .lt-my-activities-item__meta {
    display: inline-block;
    margin-right: calc(var(--padding-base-horizontal) / 2);
  }
}

.lt-my-activities-item__title {
  font-weight: 400;
}
@media (max-width: 575px) {
  .lt-my-activities-item__title {
    font-size: var(--font-size-h4);
  }
}
@media (max-width: 575px) {
  .lt-my-activities-item__icon {
    display: inline-block;
  }
}
@media (min-width: 576px) {
  .lt-my-activities-item__icon {
    display: none;
  }
}

.subscriptions-subscribe div {
  display: inline-block;
}
/* Comments */
/* ==========================================================================
  Comment Form
  ========================================================================== */
.lt-comment-form {
  position: relative;
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  .lt-comment-form {
    padding-left: 3.5rem;
  }
}

.lt-comment-form__avatar {
  position: absolute;
  top: 0;
}

@media (max-width: 575px) {
  .lt-comment-form__avatar {
    display: none;
  }
}

[dir="ltr"] .lt-comment-form__avatar {
  left: 0;
}

[dir="rtl"] .lt-comment-form__avatar {
  right: 0;
}

.lt-comment-form__attachments {
  margin-bottom: 24px;
}

.lt-comment-form__mark-as-solved {
  position: relative;
}

.lt-comment-form__ccs {
  margin-bottom: 0;
}

.lt-comment-form__ccs + textarea {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.lt-comment-form__body {
  margin-bottom: 16px;
}
/* ==========================================================================
  Comment Sorter
  ========================================================================== */
.lt-comment-sorter {
  border-bottom: 1px solid #DBD7D3;
}

.lt-comment-sorter__item.is-active {
  font-weight: 600;
}

.lt-comment-sorter__item + .lt-comment-sorter__item:before {
  margin: 0 6px;
  font-size: 10px;
  font-weight: 900;
  content: "\2022";
}
/* ==========================================================================
  Comment
  ========================================================================== */
.lt-comment {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #DBD7D3;
}

.lt-comment__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.lt-comment__header {
  position: relative;
  margin-bottom: 24px;
}

.lt-comment__content {
  flex-grow: 1;
}

.lt-comment__voting-and-actions {
  flex-shrink: 0;
}

[dir="ltr"] .lt-comment__voting-and-actions {
  margin-left: 16px;
}

[dir="rtl"] .lt-comment__voting-and-actions {
  margin-right: 16px;
}

.lt-comment__official-heading {
  position: absolute;
  top: 0;
  width: auto;
  padding: 2px 8px;
  font-size: var(--font-size-small);
  color: #fff;
  background-color: #43128E;
  border-radius: 0 0 13px 13px;
}

[dir="ltr"] .lt-comment__official-heading {
  right: 36px;
}

[dir="rtl"] .lt-comment__official-heading {
  left: 36px;
}

.lt-comment--official .lt-comment__inner {
  position: relative;
  padding: 24px;
  border: 1px solid #43128E;
  border-radius: 13px;
}

.lt-comment__body {
  margin-bottom: 24px;
  word-break: break-word;
}

.lt-comment__body ul {
  list-style: disc;
}

.lt-comment__body ul ul,
.lt-comment__body ul ol,
.lt-comment__body ol ul,
.lt-comment__body ol ol {
  margin-top: 12px;
}

.lt-comment__body ul li,
.lt-comment__body ol li {
  margin-bottom: 12px;
}

@media (max-width: 575px) {
  .lt-comment__body {
    margin-bottom: 0;
  }
}

[dir="ltr"] .lt-comment__body ul,
[dir="ltr"] .lt-comment__body ol {
  padding-left: 20px;
}

[dir="rtl"] .lt-comment__body ul,
[dir="rtl"] .lt-comment__body ol {
  padding-right: 20px;
}

.lt-comment__actions {
  padding-top: 8px;
}

.lt-comment__actions button {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-items: center;
  justify-content: center;
}
/* Comment List */
.lt-comments {
  margin-bottom: 48px;
}

.lt-comments__callout:empty {
  display: none;
}

.lt-comments__list {
  list-style: none;
}

[dir="ltr"] .lt-comments__list {
  padding-left: 0;
}

[dir="rtl"] .lt-comments__list {
  padding-right: 0;
}
/* Article */
.lt-article-box {
  display: flex;
  padding: 2rem;
  font-size: 0.875rem;
  color: #000;
  flex-direction: column;
  background-color: var(--gray-lightest);
  border-radius: 13px;
  align-items: flex-start;
}

.lt-article-box__icon {
  width: 2rem;
  height: 2rem;
}

.lt-article-box__text {
  color: var(--meta-text-color);
}

.lt-article-boxes {
  display: grid;
  grid-gap: 1rem;
}
@media (min-width: 992px) {
  .sidenav-enabled .lt-article-boxes,
  .toc-enabled .lt-article-boxes {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.lt-article-container {
  display: flex;
  margin-right: calc(var(--grid-gutter-width) * -1);
  margin-left: calc(var(--grid-gutter-width) * -1);
  flex-wrap: wrap;
}

.lt-article-container__column {
  width: 100%;
  padding-right: var(--grid-gutter-width);
  padding-left: var(--grid-gutter-width);
}

.lt-article-container__sidenav,
.lt-article-container__toc {
  display: none;
}

html.sidenav-enabled .lt-article-container__sidenav,
.toc-enabled .lt-article-container__toc {
  display: block;
}

html.sidenav-enabled .lt-article-container__sidenav {
  padding-bottom: 24px;
}
@media (max-width: 575px) {
  .lt-article-container__sidebar {
    padding-top: calc(var(--line-height-computed));

    border-top: 1px solid #DBD7D3;
  }
}
@media (min-width: 768px) {
  .lt-article-container__article {
    width: calc(100% / 12 * 8);
  }

  .lt-article-container__sidebar {
    width: calc(100% / 12 * 4);
  }

  .toc-enabled .lt-article-container__toc {
    width: calc(100% / 12 * 4);
  }

  .toc-enabled .lt-article-container__sidebar {
    width: 100%;
  }

  html.sidenav-enabled .lt-article-container__sidenav {
    width: calc(100% / 12 * 4);
  }

  html.sidenav-enabled .lt-article-container__sidebar {
    flex-grow: 1;
  }

  html[dir="ltr"].sidenav-enabled .lt-article-container__sidebar {
    margin-left: calc(100% / 12 * 4);
  }

  html[dir="rtl"].sidenav-enabled .lt-article-container__sidebar {
    margin-right: calc(100% / 12 * 4);
  }

  html.sidenav-enabled.toc-enabled .lt-article-container__sidenav,
  html.sidenav-enabled.toc-enabled .lt-article-container__toc {
    width: calc(100% / 12 * 3);
  }

  html.sidenav-enabled.toc-enabled .lt-article-container__article {
    width: calc(100% / 12 * 6);
  }

  html[dir="ltr"].sidenav-enabled.toc-enabled .lt-article-container__sidebar {
    margin-left: calc(100% / 12 * 3);
  }

  html[dir="rtl"].sidenav-enabled.toc-enabled .lt-article-container__sidebar {
    margin-right: calc(100% / 12 * 3);
  }
}
@media (min-width: 992px) {
  html.sidenav-enabled.toc-enabled .lt-article-container__article {
    width: calc(100% / 12 * 7);
  }

  html.sidenav-enabled.toc-enabled .lt-article-container__toc {
    width: calc(100% / 12 * 2);
  }
}

.lt-article-list {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

[dir="ltr"] .lt-article-list {
  padding-left: 0;
}

[dir="rtl"] .lt-article-list {
  padding-right: 0;
}

.lt-article-list-item + .lt-article-list-item {
  margin-top: 1rem;
}

.lt-article-list-item--promoted {
  font-weight: bold;
}

.lt-article-vote {
  position: relative;
  border: 1px solid var(--hs9);
  border-radius: var(--radius-card);
}

.lt-article-vote__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-article-vote__item {
  min-width: 80px;
}

/* No pseudo-element: in the flex button it would take up a gap and push the label off-center */
.lt-article-vote__item:after {
  content: none;
}

.lt-article-vote__item--voted,
.lt-article-vote__item--voted:hover {
  color: #fff;
  background-color: var(--hp4-5);
  border-color: transparent;
}

.lt-article-vote__question {
  display: block;
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-article-vote__count {
  display: block;
  color: var(--meta-text-color);
}

.lt-article-page {
  margin-bottom: calc(var(--line-height-computed) * 2);
}

.lt-article {
  position: relative;
}

[dir="ltr"] .lt-article-subscribe > * + * {
  margin-left: 1rem;
}

[dir="rtl"] .lt-article-subscribe > * + * {
  margin-right: 1rem;
}

.lt-article__body {
  margin-bottom: calc(var(--line-height-computed));
  word-break: break-word;
}

/* Adelina - This is Heading 2 CUSTOM */

/* .lt-article__body h1 {
  font-size: 30px;
  color: var(--hycu-purple);
  font-weight: 600;
  line-height: 1.2;
}

.lt-article__body h2 {
  font-size: 24px;
  color: var(--hycu-purple);
  font-weight: 400;
  line-height: 1.2;
} */

/* The page title is the only h1; an h1 inside the article body looks like an h2 */
.lt-article__body h1 {
  font-size: var(--font-size-h2);
}

/* Underline from the article editor (Zendesk outputs <span class="wysiwyg-underline">).
   Thin and offset so it reads as emphasis; links (HP4-5) stay distinguishable by color. */
.wysiwyg-underline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.lt-article__body .wysiwyg-font-size-x-large {
  font-size: 24px;
  line-height: 1.2;
}

.lt-article__body .wysiwyg-font-size-large {
  font-size: var(--font-size-h3);
  line-height: 1.2;
}

.lt-article__body .wysiwyg-font-size-medium {
  font-size: var(--font-size-h4);
  line-height: 1.2;
}

.lt-article__body .wysiwyg-font-size-small {
  font-size: var(--font-size-small);
}

/* Article lists: 6px between items and before a nested list. Paragraphs inside list
   items (the editor often outputs <li><p>…</p></li>) have no margin of their own, so
   those items are spaced the same as plain ones; several paragraphs in one item get 6px. */
.lt-article__body ul ul,
.lt-article__body ul ol,
.lt-article__body ol ul,
.lt-article__body ol ol {
  margin-top: 6px;
  margin-bottom: 0;
}

.lt-article__body ul li,
.lt-article__body ol li {
  margin-bottom: 6px;
}

.lt-article__body li > p {
  margin: 0;
}

.lt-article__body li > p + p {
  margin-top: 6px;
}

.lt-article__body a[target="_blank"]:after {
  display: inline-flex;
  margin: 0px 4px 0px 4px;
  font-family: "Font Awesome 5 Free";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  line-height: 1;
  content: "\f35d";
  -webkit-font-smoothing: antialiased;
  align-self: baseline;
  text-rendering: auto;
}

[dir="ltr"] .lt-article__body ul,
[dir="ltr"] .lt-article__body ol {
  padding-left: 20px;
}

[dir="rtl"] .lt-article__body ul,
[dir="rtl"] .lt-article__body ol {
  padding-right: 20px;
}
@media (max-width: 575px) {
  .lt-article-sidebar {
    padding-top: calc(var(--line-height-computed));
    border-top: 1px solid #DBD7D3;
  }
}
/* Category */
.lt-category-tree-item {
  margin-bottom: 4rem;
}

.lt-category-tree-item__sections {
  margin-bottom: calc(var(--line-height-computed));
}

.lt-category-tree-item__title-link {
  color: inherit;
}

.lt-category-accordion {
  border: 1px solid var(--gray-lighter);
  border-radius: 13px;
}

.lt-category-accordion__link {
  font-weight: bold;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}

[dir="ltr"] .lt-category-accordion__link {
  text-align: left;
}

[dir="rtl"] .lt-category-accordion__link {
  text-align: right;
}

.lt-category-accordion__link:before {
  position: absolute;
  top: 50%;
  width: 1rem;
  height: 1rem;
  content: "";
  border-bottom: 2px solid #783EF9;
  transition: transform 0.3s;
}

[dir="ltr"] .lt-category-accordion__link:before {
  right: 1.5rem;
  border-left: 2px solid #783EF9;
  transform: rotate(-45deg) translateY(-50%);
}

[dir="rtl"] .lt-category-accordion__link:before {
  left: 1.5rem;
  border-right: 2px solid #783EF9;
  transform: rotate(45deg) translateY(-50%);
}

.lt-category-accordion__link--active:before {
  transition: transform 0.3s;
}

[dir="ltr"] .lt-category-accordion__link--active:before {
  transform: rotate(135deg);
}

[dir="rtl"] .lt-category-accordion__link--active:before {
  transform: rotate(-135deg);
}

.lt-category-accordion__sections {
  display: none;
  border-top: 1px solid var(--gray-lighter);
}
/* Section */
.lt-section-link {
  color: inherit;
}

.lt-section-inner {
  /* border: 1px solid #DBD7D3; */
  /* border-radius: 13px; */
}

.lt-section-articles {
  margin-bottom: calc(var(--line-height-computed));
}

.lt-section-articles__title {
  margin-bottom: 20px;
  font-size: var(--font-size-h4);
}

.lt-section-articles__list {
  list-style: none;
}

[dir="ltr"] .lt-section-articles__list {
  padding-left: 0;
}

[dir="rtl"] .lt-section-articles__list {
  padding-right: 0;
}

/* Articles in this section: divider between items (HS9), 12px above and below each */
.lt-section-articles__list {
  margin: 0 0 16px;
}

.lt-section-articles__item {
  padding: 12px 0;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.4;
  border-bottom: 1px solid var(--hs9);
}

.lt-section-articles__item:first-child {
  padding-top: 0;
}

.lt-section-articles__item:last-child {
  border-bottom: 0;
}

.lt-section-articles__link {
  display: block;
}

/* Current article: dark and semibold instead of link purple */
.lt-section-articles__link.is-active {
  font-weight: 600;
  color: var(--hp0);
}
/* Community */
/* Community nav (Topics / Posts / New post), shaped like the Upsun help center buttons:
   44px high, 8px corners, flat fills. Off: Lighter Sand (HS10), HS9 on hover. On (current
   page): HP0 fill, white bold text. New post looks like an off button with a plus icon. */
.lt-community-nav {
  border-bottom: 0;
}

.lt-community-pill,
.lt-community-nav > ul > .lt-community-nav-item.is-active {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  border: 0;
  border-radius: 8px;
}

/* Off */
.lt-community-pill,
.lt-community-pill:focus {
  color: var(--hp0);
  text-decoration: none;
  background-color: var(--hs10);
  transition: background-color 0.15s ease;
}

.lt-community-pill:hover {
  color: var(--hp0);
  text-decoration: none;
  background-color: var(--hs9);
}

/* On (current page) */
.lt-community-nav > ul > .lt-community-nav-item.is-active {
  font-weight: 700;
  color: #fff;
  background-color: var(--hp0);
}

.lt-community-pill--new-post:before {
  /* A large "+" in the page font, as on the Upsun help center */
  display: block;
  height: 24px;
  font-family: inherit;
  font-size: 30px;
  font-weight: 400;
  line-height: 24px;
  content: "+";
}

/* Page heading under the community nav, as on the Upsun help center */
.lt-community-heading {
  margin: 16px 0 32px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--hp0);
}

.lt-community-nav-item {
  display: block;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  [dir="ltr"] .lt-community-nav-item + .lt-community-nav-item {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-community-nav-item + .lt-community-nav-item {
    margin-right: 1rem;
  }
}

.lt-community-nav-item.is-active {
  font-weight: var(--strong-font-weight);
}

[dir="ltr"] .lt-community-follow > * + * {
  margin-left: 1rem;
}

[dir="rtl"] .lt-community-follow > * + * {
  margin-right: 1rem;
}
@media (min-width: 576px) {
  .lt-topic-controls {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 576px) {
  .lt-topic-controls__item {
    display: flex;
    align-items: center;
  }
}

.lt-topic-controls__item--subscribe {
  display: flex;
  align-items: center;
}

.lt-post {
  position: relative;
}

.lt-post__text {
  word-wrap: break-word;
}

.lt-post__text ul {
  list-style: disc;
}

.lt-post__text ul ul,
.lt-post__text ul ol,
.lt-post__text ol ul,
.lt-post__text ol ol {
  margin-top: calc(var(--line-height-computed) / 2);
}

.lt-post__text ul li,
.lt-post__text ol li {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

[dir="ltr"] .lt-post__text ul,
[dir="ltr"] .lt-post__text ol {
  padding-left: 20px;
}

[dir="rtl"] .lt-post__text ul,
[dir="rtl"] .lt-post__text ol {
  padding-right: 20px;
}

.lt-post__body {
  word-break: break-word;
}

[dir="ltr"] .lt-post__body {
  padding-right: calc(40px + var(--padding-base-horizontal));
}

[dir="rtl"] .lt-post__body {
  padding-left: calc(40px + var(--padding-base-horizontal));
}

.lt-post__voting-and-actions {
  position: absolute;
  top: 0;
  width: 40px;
  text-align: center;
}

.lt-post__voting-and-actions .lt-dropdown-toggle {
  font-size: 0;
}

.lt-post__voting-and-actions .lt-dropdown-toggle:after {
  font-size: 16px;
  content: "\f013";
}

[dir="ltr"] .lt-post__voting-and-actions {
  right: 0;
}

[dir="ltr"] .lt-post__voting-and-actions .lt-dropdown-toggle:after {
  margin-left: 0;
}

[dir="rtl"] .lt-post__voting-and-actions {
  left: 0;
}

[dir="rtl"] .lt-post__voting-and-actions .lt-dropdown-toggle:after {
  margin-right: 0;
}

.lt-post__actions {
  padding-top: 8px;
}

.lt-post__actions .lt-dropdown-menu {
  width: auto;
}

.lt-post__actions .lt-dropdown-menu [role="menuitem"] {
  white-space: nowrap;
}

.lt-post__actions button {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-items: center;
  justify-content: center;
}

/* "Suggest a new post" box: white card like the other cards on the sand page */
.lt-post-callout {
  background-color: #fff;
  border: 1px solid var(--hs10);
  border-radius: var(--radius-card);
}
@media (max-width: 767px) {
  .lt-post-callout {
    text-align: center;
  }
}

.lt-post-list-item {
  padding-top: 1rem;
  margin-bottom: 1rem;

  border-top: 1px solid #DBD7D3;
}

.lt-post-list-item__icon {
  position: relative;
  top: -4px;
  font-size: 50%;
}

.lt-post-list-item__side {
  min-width: 120px;
}

.lt-post-status {
  display: inline-block;
  padding: 1px calc(var(--padding-base-horizontal) / 2);
  font-size: 12px;
  color: #fff;
  border-radius: 13px;
}

.lt-post-status--completed,
.lt-post-status--answered {
  background-color: #188038;
}

.lt-post-status--planned {
  background-color: #43128E;
}

.lt-post-status--not-planned {
  color: #000;
  background-color: var(--gray-lighter);
}

.community-badge {
  margin: 2px;
}

.community-badge-titles {
  display: inline-flex;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #43128E;
  border-radius: 4px;
}

.community-badge-achievements {
  display: inline-block;
}

[dir="ltr"] .community-badge-achievements {
  margin: 0 0.25rem 0 0;
}

[dir="rtl"] .community-badge-achievements {
  margin: 0 0 0 0.25rem;
}

.community-badge-achievements img {
  width: 22px;
  height: 22px;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements img {
  width: 40px;
  height: 40px;
}

.hotposts-header {
  display: block;
  margin-bottom: 0.5rem;
}

.hotposts-meta {
  display: flex;
  width: 100%;
}

.hotposts-author,
.hotposts-comments,
.hotposts-date,
.hotposts-img,
.hotposts-votes {
  display: inline-flex;
  align-items: center;
}

.hotposts-img {
  width: 20px;
  height: 20px;
  overflow: hidden;
  vertical-align: bottom;
  border-radius: 50%;
}

[dir="ltr"] .hotposts-img {
  margin-right: 8px;
}

[dir="rtl"] .hotposts-img {
  margin-left: 8px;
}

.hotposts-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.hotposts-name {
  display: inline-block;
  vertical-align: bottom;
}

.hotposts-icon {
  display: inline-flex;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
}

[dir="ltr"] .hotposts-icon {
  margin-right: 4px;
}

[dir="rtl"] .hotposts-icon {
  margin-left: 4px;
}

.hotposts-tabs .tab {
  padding: 15px 0 0;
  margin: 0;
  border: none;
}

.hotposts-tabs .tabs-menu {
  border-bottom: 2px solid #eceeef;
}

.hotposts-tabs .tabs-link {
  padding: 0 0 8px;
  margin-bottom: -2px;
  color: #2d7ccc;
  border: none;
  border-bottom: 2px solid #eceeef;
}

[dir="ltr"] .hotposts-tabs .tabs-link {
  margin-right: 20px;
}

[dir="rtl"] .hotposts-tabs .tabs-link {
  margin-left: 20px;
}

.hotposts-tabs .tabs-link:hover,
.hotposts-tabs .tabs-link:focus {
  color: #1f568d;
}

.hotposts-tabs .tabs-link.is-active {
  color: #4e5565;
  border-color: #4e5565;
}
/* Request */
.lt-request-table-toolbar {
  padding-top: var(--padding-base-horizontal);
  padding-bottom: calc(var(--padding-base-horizontal) / 2);
  margin-bottom: calc(var(--line-height-computed));
  background-color: #f9f9f9;
  border-radius: 13px;
}
@media (min-width: 576px) {
  .lt-request-table-toolbar {
    padding-top: calc(var(--padding-base-horizontal) / 2);
    padding-bottom: var(--padding-base-horizontal);
  }
}

.lt-request-table-toolbar label {
  font-size: var(--font-size-small);
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .lt-request-table-filters {
    display: table;
    width: 100%;
  }
}

.lt-request-table-filters__item {
  padding-right: var(--padding-base-horizontal);
  padding-left: var(--padding-base-horizontal);
}
@media (max-width: 575px) {
  .lt-request-table-filters__item {
    margin-bottom: calc(var(--line-height-computed) / 2);
  }
}
@media (min-width: 576px) {
  .lt-request-table-filters__item {
    display: table-cell;
    width: 33%;
    vertical-align: bottom;
  }
}

.lt-request-table-organization {
  display: table;
  width: 100%;
}

.lt-request-table-organization__col {
  display: table-cell;
  vertical-align: middle;
}

.lt-request-table-organization__col--main {
  width: 100%;
}

.lt-request-table-organization__col--button [role="button"] {
  height: calc(
    var(--line-height-computed) + var(--padding-base-horizontal) + 2px
  );
  padding-top: 0;
  padding-bottom: 0;
  line-height: calc(
    var(--line-height-computed) + var(--padding-base-horizontal) + 2px
  );
}

[dir="ltr"] .lt-request-table-organization__col--button {
  padding-left: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-request-table-organization__col--button {
  padding-right: calc(var(--padding-base-horizontal) / 2);
}

.requests-sort-symbol {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}

.requests-sort-symbol:after {
  display: inline-block;
  margin-bottom: 2px;
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 900;
  color: var(--meta-text-color);
  content: "\f0d7";
}

[dir="ltr"] .requests-sort-symbol:after {
  margin-left: 5px;
}

[dir="rtl"] .requests-sort-symbol:after {
  margin-right: 5px;
}

.lt-request-page {
  margin-bottom: calc(var(--line-height-computed) * 2);
}

.lt-request-id {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-weight: var(--strong-font-weight);
}

.lt-request-follow-up:empty {
  display: none;
}

.lt-request-sidebar {
  padding: calc(var(--line-height-computed)) var(--padding-base-horizontal) 0;
  margin-bottom: calc(var(--line-height-computed));
  font-size: 14px;
  border: 1px solid #DBD7D3;
  border-radius: 13px;
}

.lt-request-sidebar dd {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-request-status {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  color: #fff;
  white-space: nowrap;
  border-radius: 13px;
}

.lt-request-status--solved,
.lt-request-status--closed {
  background-color: #188038;
}

.lt-request-status--new,
.lt-request-status--open {
  background-color: #DA1E28;
}

.lt-request-status--answered {
  background-color: #DD6D00;
}
/* Formatting */
.accordion {
  --lt-accordion-border: #ddd;
  padding-top: 0;
  margin-bottom: calc(var(--line-height-computed));
  border: 1px solid var(--lt-accordion-border);
  border-radius: 13px;
}

.accordion__item-title {
  position: relative;
  display: block;
  width: 100%;
  font-size: var(--font-size-h4);
  color: #000;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 0;
  touch-action: manipulation;
}

[dir="ltr"] .accordion__item-title {
  padding: 1rem 1.5rem 1rem 3rem;
  text-align: left;
}

[dir="rtl"] .accordion__item-title {
  padding: 1rem 3rem 1rem 1.5rem;
  text-align: right;
}

.accordion > .accordion__item + .accordion__item > .accordion__item-title {
  border-top: 1px solid var(--lt-accordion-border);
}

.accordion__item-content {
  display: none;
  padding: 1.5rem;
  border-top: 1px solid var(--lt-accordion-border);
}

.accordion__item-content *:last-child {
  margin-bottom: 0;
}

.accordion > .accordion__item:last-child > .accordion__item-title {
  border-bottom: none;
}

.accordion__item-title:before {
  position: absolute;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  content: "";
  border-bottom: 2px solid #43128E;
  transition: transform 0.3s;
}

[dir="ltr"] .accordion__item-title:before {
  left: 1.5rem;
  border-left: 2px solid #43128E;
  transform: translateY(-50%) rotate(-45deg);
}

[dir="rtl"] .accordion__item-title:before {
  right: 1.5rem;
  border-right: 2px solid #43128E;
  transform: translateY(-50%) rotate(45deg);
}

.accordion__item-title--active {
  background-color: #f0f0f0;
}

.accordion__item-title--active:before {
  transition: transform 0.3s;
}

[dir="ltr"] .accordion__item-title--active:before {
  transform: rotate(135deg);
}

[dir="rtl"] .accordion__item-title--active:before {
  transform: rotate(-135deg);
}

.image-with-border {
  padding: 10px;
  border: 1px solid var(--gray-lighter);
  border-radius: 4px;
}

.image-with-shadow {
  box-shadow: 0 5px 15px 2px var(--gray);
}

.image-with-lightbox {
  cursor: pointer;
}

.image-overlay {
  position: relative;
}

.image-overlay:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
}

.image-with-video-icon {
  position: relative;
  display: block;
}

.image-with-video-icon img {
  width: 100%;
}

.image-with-video-icon:before {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 0;
  height: 0;
  font-size: 0;
  content: "";
  border-style: solid;
  transition: transform 0.6s ease;
}

.image-with-video-icon:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}

[dir="ltr"] .image-with-video-icon:before {
  left: 50%;
  border-color: transparent transparent transparent #fff;
  border-width: 30px 0 30px 60px;
  transform: translate(-50%, -50%);
}

[dir="ltr"] .image-with-video-icon:active:before,
[dir="ltr"] .image-with-video-icon:hover:before {
  transform: translate(-50%, -50%) scale(1.1);
}

[dir="rtl"] .image-with-video-icon:before {
  right: 50%;
  border-color: transparent #fff transparent transparent;
  border-width: 30px 60px 30px 0;
  transform: translate(50%, -50%);
}

[dir="rtl"] .image-with-video-icon:active:before,
[dir="rtl"] .image-with-video-icon:hover:before {
  transform: translate(50%, -50%) scale(1.1);
}

.callout {
  padding: calc(var(--line-height-computed)) 20px;
  margin-bottom: calc(var(--line-height-computed));
  background-color: var(--gray-lighter);
}

.callout p:last-child {
  margin-bottom: 0;
}

[dir="ltr"] .callout {
  border-left-style: solid;
  border-left-width: 5px;
}

[dir="rtl"] .callout {
  border-right-style: solid;
  border-right-width: 5px;
}

.callout--transparent {
  background-color: transparent;
  border-color: #dedede;
  border-width: 1px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}

.callout--success {
  color: #000;
  background-color: #adf0c1;
  border-color: #188038;
}

.callout--success .callout__title {
  color: #188038;
}

.callout--info {
  color: #000;
  background-color: #e3f4f9;
  border-color: #5bc0de;
}

.callout--info .callout__title {
  color: #5bc0de;
}

.callout--warning {
  color: #000;
  background-color: #ffbf81;
  border-color: #DD6D00;
}

.callout--warning .callout__title {
  color: #DD6D00;
}

.callout--danger {
  color: #000;
  background-color: #f3a8ac;
  border-color: #DA1E28;
}

.callout--danger .callout__title {
  color: #DA1E28;
}

.callout--primary {
  color: #000;
  background-color: #eee6fc;
  border-color: #43128E;
}

.callout--primary .callout__title {
  color: #43128E;
}

.callout--dashed {
  border-style: dashed;
  border-width: 1px;
}

.list-colored,
.list-bullet {
  list-style-type: none;
  counter-reset: list;
}

.list-colored > ul,
.list-bullet > ul {
  margin-bottom: 14px;
  list-style: none;
}

.list-colored > ol,
.list-bullet > ol {
  margin-bottom: 14px;
  list-style-type: none;
  counter-reset: list;
}

[dir="ltr"] .list-colored,
[dir="ltr"] .list-bullet {
  padding-left: 0 !important;
}

[dir="rtl"] .list-colored,
[dir="rtl"] .list-bullet {
  padding-right: 0 !important;
}

.list-colored > li {
  position: relative;
  margin-bottom: calc(var(--line-height-computed) / 1.5) !important;
  counter-increment: list;
}

.list-colored > li:before {
  position: absolute;
  top: -3px;
  z-index: 1;
  width: 30px;
  height: 30px;
  font-size: var(--font-size-small);
  line-height: 30px;
  color: #fff;
  text-align: center;
  content: counter(list);
  background-color: #43128E;
  border-radius: 50%;
}

[dir="ltr"] .list-colored > li {
  padding-left: calc(var(--padding-base-horizontal) + 30px);
}

[dir="ltr"] .list-colored > li:before {
  left: 0;
}

[dir="rtl"] .list-colored > li {
  padding-right: calc(var(--padding-base-horizontal) + 30px);
}

[dir="rtl"] .list-colored > li:before {
  right: 0;
}

.list-bullet > li {
  position: relative;
  margin-bottom: 10px;
}

.list-bullet > li:before {
  position: absolute;
  top: -2px;
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  color: #43128E;
  content: "\f058";
}

[dir="ltr"] .list-bullet > li {
  padding-left: 30px;
}

[dir="ltr"] .list-bullet > li:before {
  left: 0;
}

[dir="rtl"] .list-bullet > li {
  padding-right: 30px;
}

[dir="rtl"] .list-bullet > li:before {
  right: 0;
}

.note {
  position: relative;
  margin: calc(var(--line-height-computed)) 0;
  color: #333;
}

.note p:last-child {
  margin-bottom: 0;
}

[dir="ltr"] .note {
  padding-left: var(--padding-base-horizontal);
  border-left-style: solid;
  border-left-width: 4px;
}

[dir="rtl"] .note {
  padding-right: var(--padding-base-horizontal);
  border-right-style: solid;
  border-right-width: 4px;
}

.note-title {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-weight: var(--strong-font-weight);
}

.note-default,
.note--default {
  border-color: var(--gray-light);
}

.note-default .note-title,
.note--default .note-title {
  color: var(--gray-light);
}

.note-info,
.note--info {
  border-color: #5bc0de;
}

.note-info .note-title,
.note--info .note-title {
  color: #5bc0de;
}

.note-warning,
.note--warning {
  border-color: #DD6D00;
}

.note-warning .note-title,
.note--warning .note-title {
  color: #DD6D00;
}

.note-success,
.note--success {
  border-color: #188038;
}

.note-success .note-title,
.note--success .note-title {
  color: #188038;
}

.note-danger,
.note--danger {
  border-color: #DA1E28;
}

.note-danger .note-title,
.note--danger .note-title {
  color: #DA1E28;
}

.embed,
.embed-responsive {
  position: relative;
  z-index: 1;
  display: block;
  height: 0;
  padding: 0;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
  overflow: hidden;
}

.embed img,
.embed-responsive img {
  width: 100%;
}

.embed iframe,
.embed embed,
.embed object,
.embed video,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed:focus,
.embed-responsive:focus {
  outline: none !important;
}

[dir="ltr"] .embed iframe,
[dir="ltr"] .embed embed,
[dir="ltr"] .embed object,
[dir="ltr"] .embed video,
[dir="ltr"] .embed-responsive iframe,
[dir="ltr"] .embed-responsive embed,
[dir="ltr"] .embed-responsive object,
[dir="ltr"] .embed-responsive video {
  left: 0;
}

[dir="rtl"] .embed iframe,
[dir="rtl"] .embed embed,
[dir="rtl"] .embed object,
[dir="rtl"] .embed video,
[dir="rtl"] .embed-responsive iframe,
[dir="rtl"] .embed-responsive embed,
[dir="rtl"] .embed-responsive object,
[dir="rtl"] .embed-responsive video {
  right: 0;
}

.embed-responsive--16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive--4by3 {
  padding-bottom: 75%;
}

table {
  border-spacing: 0px;
  border-collapse: collapse;
  background-color: transparent;
}

caption {
  padding-top: 12px;
  padding-bottom: 12px;
  color: var(--gray-light);
}

[dir="ltr"] caption {
  text-align: left;
}

[dir="rtl"] caption {
  text-align: right;
}

[dir="ltr"] th {
  text-align: left;
}

[dir="rtl"] th {
  text-align: right;
}

table th,
table td {
  padding: 12px;
  vertical-align: top;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: calc(var(--line-height-computed));
}

.table th,
.table td {
  padding: 12px;
  vertical-align: top;
}

.table td {
  border-top: 1px solid #DBD7D3;
}

.table thead th {
  vertical-align: bottom;
}

.table tbody + tbody {
  border-top: 1px solid #DBD7D3;
}

.table .table {
  background-color: #fff;
}

.table--color-header th {
  color: #fff;
  background-color: #43128E;
}

.table--striped th,
.table--striped td,
.table--striped thead th {
  border-color: #fff;
}

.table--striped tbody tr:nth-child(odd) {
  color: inherit;
  background-color: var(--gray-lighter);
}

.table--hover tbody tr:hover {
  color: inherit;
  background-color: var(--gray-lighter);
}

.table--bordered {
  border: 1px solid #DBD7D3;
}

[dir="ltr"] .table--bordered td,
[dir="ltr"] .table--bordered th {
  border-left: 1px solid #DBD7D3;
}

[dir="rtl"] .table--bordered td,
[dir="rtl"] .table--bordered th {
  border-right: 1px solid #DBD7D3;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 575px) {
  .table-responsive {
    width: 100%;
    margin-bottom: calc(var(--line-height-computed) * 0.75);
    overflow-y: hidden;
    border: 1px solid #DBD7D3;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
}

.tabs {
  margin-bottom: calc(var(--line-height-computed));
}

.tab {
  display: block;
  padding: 30px;
  margin-top: -1px;
  border: 1px solid #ddd;
  border-bottom-right-radius: 13px;
  border-bottom-left-radius: 13px;
}

.tab p:last-child {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .tab {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
  }
}

[dir="ltr"] .tab:nth-child(2) {
  border-top-left-radius: 0;
}

[dir="rtl"] .tab:nth-child(2) {
  border-top-right-radius: 0;
}

.tabs-link {
  display: block;
  padding: 8px 30px;
  margin: 0;
  font-weight: var(--strong-font-weight);
  color: #000;
  cursor: pointer;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0;
}

.tabs-link:hover {
  color: #43128E;
}
@media (max-width: 575px) {
  .tabs-link {
    border-top-color: #ddd;
    border-right-color: #ddd;
    border-left-color: #ddd;
  }

  .tabs-link:first-child {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
  }
}
@media (min-width: 576px) {
  .tabs-link {
    display: inline-block;
  }
}

.is-hidden {
  display: none;
}

.tabs-link.is-active {
  color: #43128E;
  cursor: pointer;
  border-color: #ddd;
}

.tabs-link.is-active:hover {
  color: #43128E;
  cursor: default;
}
@media (min-width: 576px) {
  .tabs-link.is-active {
    border-bottom: 1px solid #fff;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
  }
}

.tabs--colored-1 .tab {
  background-color: var(--gray-lightest) !important;
}

.tabs--colored-1 .tabs-link.is-active {
  background-color: var(--gray-lightest);
  border-bottom-color: var(--gray-lightest);
}

.tabs--colored-2 .tabs-link:hover {
  color: #43128E;
}

.tabs--colored-2 .tabs-link.is-active {
  color: #fff;
  background-color: #43128E;
  border-color: #43128E;
}

.tabs--colored-2 .tabs-link.is-active:hover {
  color: #fff;
}

.tabs--colored-2 .tab {
  background-color: var(--gray-lightest) !important;
}

[dir="ltr"] .text-left {
  text-align: left;
}

[dir="rtl"] .text-left {
  text-align: right;
}

.text-center {
  text-align: center;
}

[dir="ltr"] .text-right {
  text-align: right;
}

[dir="rtl"] .text-right {
  text-align: left;
}

.text-primary {
  background-color: #43128E;
}

.text-info {
  background-color: #5bc0de;
}

.text-warning {
  background-color: #DD6D00;
}

.text-danger {
  background-color: #DA1E28;
}

.text-success {
  background-color: #188038;
}

/*** custom css settings, copied from the previous css ***/
div.EVALeula {
  display: none;
}
div.eula {
  display: none;
}
div.thankYouDownload {
  display: none;
}
div.thankYouMPSLicenseRequest {
  display: none;
}
div.thankYouLearningCenter {
  display: none;
}
div.showDownload {
  display: none;
}
div.certificationThankYou {
  display: none;
}
div.hideEula {
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 400px;
}
div.hideEVALEula {
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 400px;
}
/* Article labels: purple tag label from the HYCU style guide (.chip.tag colors, small
   label size). Labels never wrap inside; the row wraps between labels instead. */
.article-labels-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  list-style-type: none;
}

.article-categories-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
}

.article-label {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: var(--hp0);
  white-space: nowrap;
  background: var(--hp10);
  border-radius: var(--radius-chip);
}

/*** Announcement bar (above the header): plain text on the page background, as in the
     HYCU style guide navigation. Tag semibold HP0, text and arrow HP0, 14px. ***/

.secondary-nav-component {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.padding-global {
  width: 100%;
  padding: 14px var(--grid-gutter-width) 0;
  background-color: transparent;
}

@media (min-width: 576px) {
  .padding-global {
    padding-right: calc(var(--grid-gutter-width) * 2);
    padding-left: calc(var(--grid-gutter-width) * 2);
  }
}

.container-xlarge {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.secondary-nav-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}

aside {
  display: block;
}

.promoted-item {
  color: var(--hp0);
  text-decoration: none;
}

.promoted-item-row {
  margin: 0;
}

.promoted-item-col {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
}

.promoted-item-tag {
  font-size: 14px;
  font-weight: 600;
  color: var(--hp0);
}

.promoted-item-text,
.promoted-item-link {
  display: inline;
  font-size: 14px;
  color: var(--hp0);
  transition: color 0.15s ease;
}

.promoted-item-text + .promoted-item-link {
  margin-left: -6px; /* arrow sits close to its text: "Product Tour: … →" */
}

.promoted-item:hover .promoted-item-text,
.promoted-item:hover .promoted-item-link,
.promoted-item:focus .promoted-item-text,
.promoted-item:focus .promoted-item-link {
  color: var(--hp4-5);
}