@import "https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.css";

:root {
  --gray: #55595c;
  --gray-light: #818a91;
  --gray-lighter: #eceeef;
  --gray-lightest: #f7f7f9;

  --grid-gutter-width: 1rem;

  --padding-base-horizontal: 12px;
  --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: 16px * 1.5;
  --strong-font-weight: 600;

  --lt-spacer: 1rem;

  /* ==========================================================================
    Templating API v4 theme contract

    The v4 bundles build their Zendesk Garden theme at render time by reading
    these off :root (see createTheme). getPropertyValue() returns "" for a
    property that was never declared, and an empty hue makes Garden's getColor
    throw during render — which blanks the whole React tree, not just its
    colour. Every property below is read by createTheme or by a bundle; none
    is decorative. Verify with the sweeps in the migration notes before
    removing any of them.
    ========================================================================== */

  /* Surfaces and text */
  --color-bg: #fff;
  --color-bg-secondary: var(--gray-lightest);
  --color-border: #8c8c8c;
  --color-text-primary: #021A49;
  --color-text-secondary: #6b7280;

  /* Brand. This theme carries two brand colours: #021A49 is the navy
     accent (badges, callouts, tabs, table headers) and #0070E0 is the
     interactive blue used for buttons. These track #0070E0, because
     createTheme reads settings.brand_color as Garden's primaryHue — so the
     React forms' primary buttons take that hue, and Garden's primary
     foreground has to agree with them. -inverse is text drawn on that colour;
     -hover/-pressed are consumed by the CKEditor bridge further down. */
  --color-brand-primary: #0070E0;
  --color-brand-primary-inverse: #fff;
  --color-brand-primary-hover: #0057ad;
  --color-brand-primary-pressed: #004a94;

  /* Status. --color-danger is the themeable brand red used for request-status
     pills via color-mix(); --color-ui-danger-text is Garden's fixed red for
     form-validation text. They are not interchangeable. */
  --color-success: #00755a;
  --color-warning: #fad782;
  --color-danger: #c62828;
  --color-ui-danger-text: #b42318;

  /* Links */
  --color-link: #0070E0;
  --color-link-hover: #004994;

  /* A fixed link colour for components rendered on tinted surfaces, where the
     admin-set #0070E0/#0070E0 cannot be guaranteed to clear 4.5:1
     (Guide settings do not propagate to an existing install, so darkening
     their defaults would not reach a live theme). Shares its value with
     --focus-ring-color / --input-color-border-focus so focus and link states
     read as one blue. WCAG 1.4.3. */
  --color-link-accessible: #0057ad;

  /* Inputs */
  --input-bg: #fff;
  --input-color-border: #8c8c8c;
  --input-color-border-hover: #021A49;
  --input-color-border-focus: #0057ad;

  /* Focus — WCAG 2.4.7 / 1.4.11. Must stay >= 3:1 against --input-bg. */
  --focus-ring-color: #0057ad;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;

  /* Shape */
  --border-width: 2px;
  --border-radius-base: 4px;
  --border-radius-lg: calc(4px * 2);
  --button-border-width: 2px;
  --button-font-weight: 700;

  /* Type scale, derived from one base so a single missing step cannot
     invalidate the rest of the scale. */
  --font-size-base: 16px;
  --text-base: calc(1 * var(--font-size-base));
  --text-sm: calc(0.875 * var(--font-size-base));
  --font-weight-bold: var(--strong-font-weight);
}
/* 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: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #021A49;
  background-color: #fff;
  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: #0070E0;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #004994;
  text-decoration: none;
}

figure {
  margin: 0;
}

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

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

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Poppins", sans-serif;
  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;
  /* Running text (e.g. the article-vote count in article_page.hbs) — WCAG
     1.4.12 requires it to tolerate a user line-height of at least 1.5x. */
  line-height: 1.5;
}
/* 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: 'Open Sans', sans-serif;
  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 #021A49;
}

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

[dir="rtl"] blockquote.is-colored {
  border-right: 5px solid #021A49;
}
/* Code */
code {
  padding: 20px !important;
  white-space: pre-wrap;
  border-radius: 4px !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%);
}

.bg-primary-blue {
  color: #fff;
  background-color: #021a49;
}
/* 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. 
*/
.hbs-form 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;
}

.hbs-form 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;
}

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

.lt-form-label {
  display: block;
  font-weight: bold;
  margin-bottom: calc(var(--line-height-computed) / 2);
}
/* 
 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 */
.hbs-form input[type="radio"],
.hbs-form input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
/*  Set the height of file controls to match text inputs */
.hbs-form input[type="file"] {
  display: block;
}
/*  Make range inputs behave like textual form controls */
.hbs-form input[type="range"] {
  display: block;
  width: 100%;
}
/*  Make multiple select elements height not fixed */
.hbs-form select[multiple],
.hbs-form select[size] {
  height: auto;
}
/*  Focus for file, radio, and checkbox */
.hbs-form input[type="file"]:focus,
.hbs-form input[type="radio"]:focus,
.hbs-form input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/*  Adjust output element */
.hbs-form 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:
 
*/
.hbs-form select,
.hbs-form textarea,
.hbs-form input[type="text"],
.hbs-form input[type="password"],
.hbs-form input[type="datetime"],
.hbs-form input[type="datetime-local"],
.hbs-form input[type="date"],
.hbs-form input[type="month"],
.hbs-form input[type="time"],
.hbs-form input[type="week"],
.hbs-form input[type="number"],
.hbs-form input[type="email"],
.hbs-form input[type="url"],
.hbs-form input[type="search"],
.search input[type="search"],
.hbs-form input[type="tel"],
.hbs-form input[type="color"],
.hbs-form .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: var(--border-width) solid var(--input-color-border);
  border-radius: 4px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
/*  Customize the `:focus` state to imitate native WebKit styles. */
.hbs-form select:focus,
.hbs-form textarea:focus,
.hbs-form input[type="text"]:focus,
.hbs-form input[type="password"]:focus,
.hbs-form input[type="datetime"]:focus,
.hbs-form input[type="datetime-local"]:focus,
.hbs-form input[type="date"]:focus,
.hbs-form input[type="month"]:focus,
.hbs-form input[type="time"]:focus,
.hbs-form input[type="week"]:focus,
.hbs-form input[type="number"]:focus,
.hbs-form input[type="email"]:focus,
.hbs-form input[type="url"]:focus,
.hbs-form input[type="search"]:focus,
.search input[type="search"]:focus,
.hbs-form input[type="tel"]:focus,
.hbs-form input[type="color"]:focus,
.hbs-form .nesty-input:focus {
  border-color: var(--input-color-border-focus);
  outline: 0;
  box-shadow: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);
}
/*  Placeholder */
.hbs-form select::-moz-placeholder,
.hbs-form textarea::-moz-placeholder,
.hbs-form input[type="text"]::-moz-placeholder,
.hbs-form input[type="password"]::-moz-placeholder,
.hbs-form input[type="datetime"]::-moz-placeholder,
.hbs-form input[type="datetime-local"]::-moz-placeholder,
.hbs-form input[type="date"]::-moz-placeholder,
.hbs-form input[type="month"]::-moz-placeholder,
.hbs-form input[type="time"]::-moz-placeholder,
.hbs-form input[type="week"]::-moz-placeholder,
.hbs-form input[type="number"]::-moz-placeholder,
.hbs-form input[type="email"]::-moz-placeholder,
.hbs-form input[type="url"]::-moz-placeholder,
.hbs-form input[type="search"]::-moz-placeholder,
.search input[type="search"]::-moz-placeholder,
.hbs-form input[type="tel"]::-moz-placeholder,
.hbs-form input[type="color"]::-moz-placeholder,
.hbs-form .nesty-input::-moz-placeholder {
  color: #707070;
  opacity: 1;
}

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

.hbs-form select::placeholder,
.hbs-form textarea::placeholder,
.hbs-form input[type="text"]::placeholder,
.hbs-form input[type="password"]::placeholder,
.hbs-form input[type="datetime"]::placeholder,
.hbs-form input[type="datetime-local"]::placeholder,
.hbs-form input[type="date"]::placeholder,
.hbs-form input[type="month"]::placeholder,
.hbs-form input[type="time"]::placeholder,
.hbs-form input[type="week"]::placeholder,
.hbs-form input[type="number"]::placeholder,
.hbs-form input[type="email"]::placeholder,
.hbs-form input[type="url"]::placeholder,
.hbs-form input[type="search"]::placeholder,
.search input[type="search"]::placeholder,
.hbs-form input[type="tel"]::placeholder,
.hbs-form input[type="color"]::placeholder,
.hbs-form .nesty-input::placeholder {
  color: #707070;
  opacity: 1;
}
/* select {
  height: calc(
    var(--line-height-computed) + var(--padding-base-horizontal) + 2px
  );
} */
.hbs-form select,
.search 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"] .hbs-form select,
[dir="ltr"] .search select {
  padding-right: 36px;
  background-position: right 12px center;
}

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

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

#hc-wysiwyg {
  border-color: var(--input-color-border);
  border-width: var(--border-width);
}
/*  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) {
  .hbs-form input[type="date"],
  .hbs-form input[type="time"],
  .hbs-form input[type="datetime-local"],
  .hbs-form 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: #053dac;
}

[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;
}

.hbs-form input[type="radio"][disabled],
.hbs-form input[type="radio"].disabled,
.hbs-form fieldset[disabled] input[type="radio"],
.hbs-form input[type="checkbox"][disabled],
.hbs-form input[type="checkbox"].disabled,
.hbs-form 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: #0546c5; /* lighten the text some for contrast */
}

ul[data-hc-pills-container],
ul[data-hc-pills-container][data-hc-focus="true"] {
  border-width: var(--border-width);
}

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

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

.lt-comment-form__ccs ul[data-hc-pills-container] {
  border-radius: 4px 4px 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 {
  max-width: 1320px;
  margin: 0 auto;
}

.lt-layout {
  display: -ms-grid;
  display: grid;
  min-height: 100%;
  -ms-grid-rows: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}

.lt-layout > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.lt-layout > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.lt-layout > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.lt-topbar {
  font-size: 0.75rem;
  font-weight: 700;
  color: #021A49;
  text-transform: uppercase;
  background-color: #fff;
}

.lt-topbar__logo {
  display: block;
  height: 35px;
}

.lt-topbar__link,
.lt-topbar__link:hover,
.lt-topbar__link:focus,
.lt-topbar__link:active {
  color: #021A49;
}
@media (max-width: 991px) {
  .lt-topbar__link {
    color: #021A49;
  }

  .lt-topbar__link:hover,
  .lt-topbar__link:focus,
  .lt-topbar__link:active {
    color: #0070E0;
  }

  .lt-topbar__controls {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 10;
    width: 80%;
    max-width: 250px;
    padding: 2rem;
    color: #021A49;
    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);
  }

  [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: 1rem;
  }

  [dir="rtl"] .lt-topbar__controls > * + * {
    margin-right: 1rem;
  }
}
/* @media (min-width: 992px) { */
/* sticky nav */
.navbar {
  position: fixed;
  z-index: 100;
  width: 100%;
  transition: all 0.3s ease;
}

.lt-layout__main {
  padding-top: 130px;
}

.navbar.nav-shadow {
  top: 0;
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);
}
/* } */
.lt-footer {
  font-size: calc(16px - 2px);
  line-height: 1.1;
  color: #101010;
  background-color: #f7f7f9;
}

.lt-footer__copyright a {
  color: #101010;
}

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

.lt-footer__social-link {
  padding: calc(16px / 2);
  font-size: 16px !important;
  color: #101010;
  vertical-align: middle;
}

.lt-footer__social-link:hover,
.lt-footer__social-link:focus,
.lt-footer__social-link:active {
  color: #101010;
}

[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;
}

.footer {
  color: #fff;
  background-color: #021a49;
}

.footer-nav a {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}

.footer-nav a:hover,
.footer-nav a:focus,
.footer-nav a:active,
.footer-nav a.active {
  color: #3be4f6;
}

.footer-nav__item {
  display: flex;
  flex-direction: column;
}

.footer-nav__item hr {
  display: block;
  height: 1px;
  padding: 0;
  margin: 5px 0 15px;
  border: 0;
  border-top: 1px solid #ccc;
}

.footer-nav .footer-nav__subtitle {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.footer__copyright {
  font-size: 14px;
}

.footer__sociails {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .footer-nav {
    text-align: center;
  }

  .footer-nav__item:not(.display-mobile) {
    display: none;
  }

  .footer-nav__item.display-mobile > .display-mobile-hidden {
    display: none;
  }

  .footer-nav a {
    margin-bottom: 24px;
  }

  .footer.lt-py-8 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .footer__sociails {
    margin-top: 0;
    text-align: center;
  }

  .lt-footer__social-link {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 24px;
  }

  .footer__copyright {
    order: 1;
  }
}
/* 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 6 Free", sans-serif;
  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: 4px;
  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;
}

/* lotus-dropdown.js keeps aria-expanded on the toggle, where the ARIA pattern
   puts it, and the menu is always the toggle's next sibling. The attribute
   selector on the menu itself stays for markup that still carries it. */
.lt-dropdown-toggle[aria-expanded="true"] + .lt-dropdown-menu,
.lt-dropdown-menu[aria-expanded="true"] {
  display: block;
}

.lt-dropdown-menu [role="separator"] {
  display: block;
  padding: 5px 0;
  margin: 5px 20px 10px;
  /* Styled as a labelled divider (color, font-weight), not an icon or a
     bare rule — treated as text. WCAG 1.4.4 risks reflow problems below
     12px at 200% zoom. */
  font-size: 12px;
  font-weight: normal;
  color: #707070;
  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-current="true"] {
  cursor: default;
}

.lt-dropdown-menu [role="menuitem"][aria-current="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-current="true"]:after {
  margin-left: 10px;
}

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

[dir="rtl"] .lt-dropdown-menu [role="menuitem"][aria-current="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
  ========================================================================== */
.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 {
  display: inline-block;
  padding: 0.625rem 1rem;
  margin-bottom: 0;
  font-size: calc(16px - 5px);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 2px solid transparent;
  border-radius: 4px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}

.lt-btn:focus,
.lt-btn:active:focus,
input[type="submit"]:focus,
input[type="submit"]:active:focus,
.lt-section-subscribe button:focus,
.lt-section-subscribe button:active:focus,
.lt-article-subscribe button:focus,
.lt-article-subscribe button:active:focus,
.lt-community-follow button:focus,
.lt-community-follow button:active:focus,
.lt-profile__buttons button:focus,
.lt-profile__buttons button:active:focus,
.lt-profile__buttons a:focus,
.lt-profile__buttons a:active:focus,
.lt-organization-subscribe button:focus,
.lt-organization-subscribe button:active:focus,
.lt-subscriptions-subscribe button:focus,
.lt-subscriptions-subscribe button:active:focus,
.pagination-next-link:focus,
.pagination-next-link:active:focus,
.pagination-prev-link:focus,
.pagination-prev-link:active:focus,
.pagination-first-link:focus,
.pagination-first-link:active:focus,
.pagination-last-link:focus,
.pagination-last-link:active:focus,
.recent-activity-controls a:focus,
.recent-activity-controls a:active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

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

.lt-btn:active,
input[type="submit"]:active,
.lt-section-subscribe button:active,
.lt-article-subscribe button:active,
.lt-community-follow button:active,
.lt-profile__buttons button:active,
.lt-profile__buttons a:active,
.lt-organization-subscribe button:active,
.lt-subscriptions-subscribe button:active,
.pagination-next-link:active,
.pagination-prev-link:active,
.pagination-first-link:active,
.pagination-last-link:active,
.recent-activity-controls a:active {
  background-image: none;
  outline: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.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: #0070E0;
  background-color: transparent;
  border-color: #0070E0;
}

.lt-btn--default:hover,
.lt-btn--default:focus,
.lt-btn--default:active,
.lt-section-subscribe button:hover,
.lt-section-subscribe button:focus,
.lt-section-subscribe button:active,
.lt-article-subscribe button:hover,
.lt-article-subscribe button:focus,
.lt-article-subscribe button:active,
.lt-community-follow button:hover,
.lt-community-follow button:focus,
.lt-community-follow button:active,
.lt-profile__buttons button:hover,
.lt-profile__buttons button:focus,
.lt-profile__buttons button:active,
.lt-profile__buttons a:hover,
.lt-profile__buttons a:focus,
.lt-profile__buttons a:active,
.lt-organization-subscribe button:hover,
.lt-organization-subscribe button:focus,
.lt-organization-subscribe button:active,
.lt-subscriptions-subscribe button:hover,
.lt-subscriptions-subscribe button:focus,
.lt-subscriptions-subscribe button:active,
.pagination-next-link:hover,
.pagination-next-link:focus,
.pagination-next-link:active,
.pagination-prev-link:hover,
.pagination-prev-link:focus,
.pagination-prev-link:active,
.pagination-first-link:hover,
.pagination-first-link:focus,
.pagination-first-link:active,
.pagination-last-link:hover,
.pagination-last-link:focus,
.pagination-last-link:active,
.recent-activity-controls a:hover,
.recent-activity-controls a:focus,
.recent-activity-controls a:active {
  color: #0051a3;
  background-color: transparent;
  border-color: #0051a3;
}

input[type="submit"],
.lt-btn--primary {
  color: #fff;
  background-color: #0070E0;
  border-color: #0070E0;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
.lt-btn--primary:hover,
.lt-btn--primary:focus,
.lt-btn--primary:active {
  color: #fff;
  background-color: #0051a3;
  border-color: #0051a3;
}

.lt-btn--topbar {
  color: #0070E0;
  background-color: transparent;
  border-color: #0070E0;
}

.lt-btn--topbar:hover,
.lt-btn--topbar:focus,
.lt-btn--topbar:active {
  color: #0051a3;
  background-color: transparent;
  border-color: #0051a3;
}
@media (max-width: 991px) {
  .lt-btn--topbar {
    display: inline-flex;
    width: 100%;
    padding: 0;
    color: #021A49;
    border: 0;
    justify-content: space-between;
    align-items: center;
  }

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

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

  .lt-btn--topbar:active,
  .lt-btn--topbar:hover,
  .lt-btn--topbar:focus {
    color: #0070E0;
    background-color: transparent;
    box-shadow: none;
  }
}

.lt-btn--print {
  padding: 0 !important;
  font-size: var(--font-size-h5) !important;
  color: #021A49 !important;
  border: 0 !important;
}

.lt-avatar {
  position: relative;
  display: inline-block;
}

.lt-avatar__badge {
  position: absolute;
  top: -0.5rem;
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  padding: 4px;
  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 6 Free", sans-serif;
  font-size: 6px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  content: "\f007";
  background-color: #021A49;
  border: 2px solid #fff;
  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(--color-text-secondary);
}

.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;
  list-style: none;
  background-color: transparent;
  border-radius: 4px;
}

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

.breadcrumbs > li + li:before {
  padding: 0 5px;
  color: #6b7280;
  content: "\00a0";
  content: "› ";
}

.breadcrumbs > li a {
  color: #6b7280;
}

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

[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-breadcrumbs-wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: var(--gray-lightest);
}

.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: #021A49;
  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:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}

.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: 4px;
}

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

.lt-status-label--with-ticket {
  background-color: #021A49;
}

.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: #00755a;
}

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

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

.lt-status-label--official {
  background-color: #021A49;
}

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

.lt-status-label--planned {
  background-color: #021A49;
}

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

.lt-hero-unit {
  position: relative;
  max-width: 1320px;
  padding-top: 8%;
  padding-bottom: 8%;
  margin: 0 auto;
  margin-bottom: 40px;
  overflow: hidden;
  color: #021a49;
  transform: translate3d(0, 0, 0);
}

.lt-hero-unit:after {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0), transparent);
}

[dir="ltr"] .lt-hero-unit:after {
  left: 0;
}

[dir="rtl"] .lt-hero-unit:after {
  right: 0;
}

.lt-hero-unit__bg {
  position: absolute;
  top: -10%;
  z-index: 1;
  width: 100%;
  height: 150%;
  background: url(/hc/theming_assets/01KZY2F0NTKZ5C6G5GTVD2AH63) no-repeat;
  background-size: auto;
}

@media (max-width: 1200px) {
  .lt-hero-unit__bg {
    background-size: 30%;
  }
}

@media (max-width: 1090px) {
  .lt-hero-unit__bg {
    background: none;
  }
}

[dir="ltr"] .lt-hero-unit__bg {
  left: 0;
  background-position: center right !important;
}

[dir="rtl"] .lt-hero-unit__bg {
  right: 0;
  background-position: center left !important;
}

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

.lt-custom-block__link {
  width: 100%;
  color: #021A49;
}

.lt-custom-block__icon {
  width: 64px;
  height: 64px;
}

.lt-custom-block__icon path,
.lt-custom-block__icon circle {
  stroke: #3BE4F6;
  transition: all 0.3s ease;
}

.lt-custom-block__title {
  color: #021A49;
}
@media (min-width: 576px) {
  .lt-custom-block__content {
    text-align: center;
  }
}

.lt-block-list-item {
  display: flex;
}

.lt-block-list-item__link {
  display: flex;
  padding: 3rem 2rem;
  color: #021a49;
  flex-direction: column;
  background-color: #fff;
  border-radius: 4px;
  outline: 1px solid #021a49;
  transition: all 0.125s ease-in;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.lt-block-list-item__link:active,
.lt-block-list-item__link:focus,
.lt-block-list-item__link:hover {
  color: #021a49;
  text-decoration: none;
  outline: 3px solid #0070e0;
}

.lt-block-list-item__link img {
  margin-bottom: 5px;
}

.lt-block-list-item__title {
  margin-bottom: 0;
  font-weight: var(--strong-font-weight);
  text-align: center;
  word-break: break-word;
}

.lt-block-list-item__desc {
  margin-top: 1rem;
  text-align: center;
}

.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: 768px) {
  .recent-activity-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.recent-activity-item {
  display: flex;
  padding: 1.5rem 2rem;
  padding-right: var(--grid-gutter-width);
  padding-left: var(--grid-gutter-width);
  flex-direction: column;
  border: 2px solid #8c8c8c;
  border-radius: 4px;
  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(--color-text-secondary);
}

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

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

.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;
}

.lt-footer-submit-ticket {
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
}

.lt-footer-submit-ticket__title {
  color: #021A49;
}

.lt-footer-submit-ticket__subtitle {
  color: #021A49;
}

.lt-footer-submit-ticket__btn {
  padding: 0.75rem 1rem;
  font-size: 16px;
  background-color: #0070E0;
  border-color: #0070E0;
}

.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: #021A49;
}

.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: #f3fafc;
  border: 2px solid #50b6d3;
  border-radius: 4px;
}

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

[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-color-border);
  border-width: var(--border-width);
  border-radius: 4px;
}

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

.upload-dropzone span {
  color: #021A49;
}

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

.lt-error-page__articles {
  border: 2px solid #8c8c8c;
  border-radius: 4px;
}

.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: #8c8c8c;
  border-radius: 4px;
}

.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: #00755a;
  border-color: #00755a;
}

.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: #004233;
  border-color: #00382b;
}

.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: #c62828;
  border-color: #c62828;
}

.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: #9c1f1f;
  border-color: #931e1e;
}

.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: #00382b !important;
  border-color: #00382b !important;
}

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

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

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

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

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

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

.satisfaction-box .satisfaction-submit:hover,
.satisfaction-box .satisfaction-submit:focus,
.satisfaction-box .satisfaction-submit:active {
  color: #e0e0e0;
  background-color: #010817;
  border-color: #00050d;
}

.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;
}

.lt-scroll-to-top {
  position: fixed;
  bottom: -50px;
  z-index: 3;
  width: 3rem;
  height: 3rem;
  font-size: 2rem !important;
  color: #0070E0;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  border: var(--border-width) solid #0070E0;
  border-radius: 4px;
  transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

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

.lt-scroll-to-top:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}

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

.lt-scroll-to-top:hover {
  color: #0051a3;
  border-color: #0051a3;
}

@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: 2px solid #8c8c8c;
}

.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: #021A49;
  border-bottom: 1px solid #8c8c8c;
}

[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 #8c8c8c;
    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: 4px;
}

.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: #021A49;
}

.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(--color-text-secondary);
  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: #021A49;
}

.lt-profile-nav {
  margin-bottom: calc(var(--line-height-computed));
  overflow: hidden;
  font-size: var(--font-size-small);
  font-weight: 600;
  background-color: var(--gray-lightest);
  border-radius: 4px;
}

.lt-profile-nav__items {
  margin: 0;
  list-style: none;
}

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

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

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

@media (min-width: 576px) {
  .lt-profile-nav__item {
    display: inline-block;
    vertical-align: middle;
  }
}

.lt-profile-nav__item a {
  display: block;
  color: #021A49;
}

.lt-profile-nav__item.is-active {
  color: #fff;
  background-color: #021A49;
}

.lt-profile-nav__item.is-active,
.lt-profile-nav__item a {
  padding: calc(var(--line-height-computed) / 1.5)
    var(--padding-base-horizontal);
  /* Real filter-name text (user_profile_page.hbs), not an icon — WCAG 1.4.12
     requires it to tolerate a user line-height of at least 1.5x. */
  line-height: 1.5;
}

[dir="ltr"] .lt-profile-nav__item:after {
  right: var(--padding-base-horizontal) !important;
}

[dir="rtl"] .lt-profile-nav__item:after {
  left: var(--padding-base-horizontal) !important;
}

.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(--color-text-secondary);
}
@media (min-width: 576px) {
  .lt-profile-section__description {
    padding-bottom: 0;
  }
}

.lt-profile-contribution {
  position: relative;
  padding: calc(var(--line-height-computed) / 2) var(--grid-gutter-width);

  word-wrap: break-word;
  background-color: var(--gray-lightest);

  border-radius: 4px;
}

.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 6 Free", sans-serif;
  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(--color-text-secondary);
  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);
}

/* Targets .lt-profile-contribution__title a (the contribution title link;
   see user_profile_page.hbs), the only unstyled anchor here. Breadcrumb
   links (.breadcrumbs > li a, #6b7280) are more specific and are
   unaffected. Renders on .lt-profile-contribution's
   `background-color: var(--gray-lightest)` (#f7f7f9); the inherited
   `a { color: #0070E0 }` only clears 4.47:1 there. WCAG 1.4.3. */
.lt-profile-activity a {
  color: var(--color-link-accessible);
}

.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 6 Free", sans-serif;
  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: 2px solid #8c8c8c;
  border-radius: 4px;
}

.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: #021A49;
  background-color: #fff;
  border: 2px solid #0070E0;
  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: sans-serif;
  font-size: 12px;
  color: #555;
  border: 1px solid;
  transition: height 0.2s;
}

.notification a {
  color: #0d6ba3;
}

.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 #8c8c8c;
  border-radius: 4px;
}

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

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

  /* <details-accordion> uses <summary>, which draws its own disclosure marker */
  list-style: none;
}

.lt-promoted-articles-accordion-item__title::-webkit-details-marker {
  display: none;
}

[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: #021A49;
}

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

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

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

[dir="ltr"] .lt-promoted-articles-accordion-item__title[aria-expanded="true"]:before {
  transform: rotate(135deg) translateX(-50%);
}

[dir="rtl"] .lt-promoted-articles-accordion-item__title[aria-expanded="true"]:before {
  transform: rotate(-135deg) translateX(50%);
}

/* <details-accordion> animates max-height, which measures 0 on a display:none element */
.lt-promoted-articles-accordion-item__content {
  overflow: hidden;
}

.lt-popular-searches {
  font-weight: 600;
}

.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;
  color: #0070e0;
  border-bottom: 2px solid currentColor;
}
@media (max-width: 575px) {
  .lt-popular-searches__item {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.lt-contact-box {
  display: flex;
  padding: 1.5rem 2rem;
  padding-right: var(--grid-gutter-width);
  padding-left: var(--grid-gutter-width);
  font-size: 0.875rem;
  color: #021A49;
  flex-direction: column;
  border: 2px solid #8c8c8c;
  border-radius: 4px;
  align-items: flex-start;
}

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

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

.contact-box {
  padding-top: 70px;
  padding-bottom: 70px;
}

.contact-box > .lt-container-inner > h2 {
  text-align: center;
}

.contact-box > .lt-container-inner > p {
  margin-bottom: 50px;
  text-align: center;
}

.contact-box a {
  color: #3be4f6;
}

.contact-box__item:not(:last-child) {
  margin-bottom: 30px;
}

.contact-box__item span {
  display: block;
  font-size: 0.85em;
}

.contact-box__title {
  display: flex;
  margin-bottom: 5px;
}

[dir="ltr"] .contact-box__title svg {
  margin-right: 20px;
}

[dir="ltr"] .contact-box__title svg.email {
  margin-right: 15px;
}

[dir="rtl"] .contact-box__title svg {
  margin-left: 20px;
}

[dir="rtl"] .contact-box__title svg.email {
  margin-left: 15px;
}

.contact-box__details {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}

[dir="ltr"] .contact-box__item > .contact-box__details,
[dir="ltr"] .contact-box__item > span {
  margin-left: 45px;
}

[dir="rtl"] .contact-box__item > .contact-box__details,
[dir="rtl"] .contact-box__item > span {
  margin-right: 45px;
}
@media (min-width: 768px) {
  .contact-box__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 0px;
    max-width: 900px;
    margin: 0 auto;
  }

  .contact-box .contact-box__item {
    margin: 0;
  }
}

.lt-info-block {
  border: 2px solid #021A49;
  border-radius: 4px;
}

.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;
}

.lt-vote__control {
  position: relative;
  z-index: 1;
  display: block !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #021A49;
  border-color: #8c8c8c;
}

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

.lt-vote__control--active {
  color: #021A49;
  border-color: #021A49;
}
/* 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: #021A49;
  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;
  border-color: #fff;
  transition: border 0.3s ease;
  transition: border 0.3s ease, background-color 0.3s ease;
}

.lt-search-box #query:focus {
  background-color: #fff;
  border-color: #fff;
  outline: 0;
  box-shadow: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);
}

.lt-search-box--small {
  background-color: #19214d;
}

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

@media (max-width: 1090px) {
  .lt-search-box--hero-unit {
    margin: 0 auto !important;
  }
}

.lt-search-box--hero-unit .search:before {
  width: 1.5rem;
  height: 1.5rem;
}

@media (max-width: 767px) {
  .lt-search-box--hero-unit .search {
    flex-direction: column;
  }

  .lt-search-box--hero-unit .search:before {
    top: 25px;
  }
}

.lt-search-box--hero-unit #query {
  padding: 0 3.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #dee1e3;
}

@media (min-width: 768px) {
  .lt-search-box--hero-unit #query {
    height: 60px;
  }
}

.lt-search-box--hero-unit #query:focus {
  border-color: var(--input-color-border-focus);
}

.lt-search-box--hero-unit input[type="submit"] {
  display: inline-block;
  height: 60px;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  flex-shrink: 0;
  font-size: 16px;
}

@media (max-width: 767px) {
  .lt-search-box--hero-unit input[type="submit"] {
    max-width: 150px;
    height: 50px;
    margin: 20px auto 0 !important;
  }
}

[dir="ltr"] .lt-search-box--hero-unit {
  margin-left: 0;
}

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

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

[dir="rtl"] .lt-search-box--hero-unit {
  margin-right: 0;
}

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

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

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

.lt-search-result {
  border-bottom: var(--border-width) solid #8c8c8c;
}

.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
   ========================================================================== */
.lt-search-filters {
  font-size: 0.875rem;
  background-color: var(--gray-lighter);
  border-radius: 4px;
}

.lt-search-filter__btn {
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
  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 6 Free", sans-serif;
  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.is-active .lt-search-filter__link {
  color: #fff;
  background-color: #0070E0;
  border-color: #0070E0;
}

.lt-search-filter__link {
  align-items: center;
  color: #021A49;
  text-decoration: none;
  border: 2px solid transparent;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.lt-search-filter__link:hover,
.lt-search-filter__link:focus,
.lt-search-filter__link:active {
  background-color: var(--gray-lightest);
  border-color: var(--gray-lightest);
}

.lt-search-filter__link:active {
  background-image: none;
  outline: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.lt-search-filter__count {
  display: inline-flex;
  font-size: var(--font-size-small);
}
/* 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(--color-text-secondary);
}
@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 #8c8c8c;
  }

  [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(--color-text-secondary);
  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: var(--border-width) solid #8c8c8c;
}

.lt-my-activities-menu--main .lt-my-activities-menu-item {
  padding: 0.5rem 1rem;
  background-color: #0070E0;
  border-radius: 4px;
}

.lt-my-activities-menu-item__link,
.lt-my-activities-menu-item__link:hover,
.lt-my-activities-menu-item__link:focus {
  color: #fff;
}

.lt-my-activities-menu--main .lt-my-activities-menu-item.is-active {
  font-weight: var(--strong-font-weight);
  color: #021A49;
  background-color: var(--gray-lighter);
}

.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;
  }
}

.lt-my-activities-menu-item button {
  padding: 0;
  font: inherit;
  color: #0070E0;
  cursor: pointer;
  background: none;
  border: 0;
}

.lt-my-activities-menu-item button:hover {
  color: #004a94;
}

.lt-my-activities-menu-item button:focus-visible {
  text-decoration: underline;
}

.lt-my-activities-menu-item.is-active button {
  font-weight: var(--font-weight-bold);
  color: #021A49;
  text-decoration: none;
  cursor: default;
}

@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: var(--border-width) solid #8c8c8c;
    border-radius: 4px;
  }
}

.lt-my-activities-item__meta {
  font-size: 14px;
  color: var(--color-text-secondary);
}
@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: var(--border-width) solid var(--gray-lighter);
}

.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: var(--border-width) solid #8c8c8c;
}

.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: #021A49;
  border-radius: 0 0 4px 4px;
}

[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: var(--border-width) solid #021A49;
  border-radius: 4px;
}

.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: #021A49;
  flex-direction: column;
  background-color: var(--gray-lightest);
  border-radius: 4px;
  align-items: flex-start;
}

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

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

.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: var(--border-width) solid #8c8c8c;
  }
}
@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--is-promoted span {
  position: relative;
  top: -0.125rem;
  font-size: 10px;
  color: #a68300;
  vertical-align: middle;
}

.lt-article-vote {
  position: relative;

  padding: calc(var(--line-height-computed)) var(--padding-base-horizontal);
  background-color: var(--gray-lightest);
  border-radius: 4px;
}

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

.lt-article-vote__item {
  padding-right: 1.5rem;
  padding-left: 1.5rem;

  /* Default state is governed by .lt-btn--default's `color: #0070E0`
     (same specificity, wins on source order since this rule is later) on a
     transparent fill, which falls through to .lt-article-vote's
     `background-color: var(--gray-lightest)` (#f7f7f9). #0070E0's
     shipped default (#0070E0) only clears 4.47:1 there — below 4.5:1.
     WCAG 1.4.3. */
  color: var(--color-link-accessible);
}

.lt-article-vote__item:hover,
.lt-article-vote__item:focus,
.lt-article-vote__item:active {
  color: #fff;
  background-color: #0070E0;
  border-color: #0070E0;
}

.lt-article-vote__item:active {
  background-image: none;
}

.lt-article-vote__item:after {
  content: "";
}

.lt-article-vote__item--voted {
  color: #fff;
  background-color: #0070E0;
  border-color: #0070E0;
}

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

.lt-article-vote__count {
  display: block;
  font-size: calc((16px * 0.75) - 2);

  color: var(--color-text-secondary);
}

.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;
}

.lt-article__body h2,
.lt-article__body .wysiwyg-font-size-x-large {
  font-size: var(--font-size-h2);
  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);
}

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

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

.lt-article__body a[target="_blank"]:after {
  display: inline-flex;
  margin: 0px 4px 0px 4px;
  font-family: "Font Awesome 6 Free", sans-serif;
  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: var(--border-width) solid #8c8c8c;
  }
}
/* 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: 2px solid var(--gray-lighter);
  border-radius: 4px;
}

.lt-category-accordion__link {
  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 #0070E0;
  transition: transform 0.3s;
}

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

[dir="rtl"] .lt-category-accordion__link:before {
  left: 1.5rem;
  border-right: 2px solid #0070E0;
  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: 2px solid var(--gray-lighter);
}
/* Section */
.lt-section-link {
  color: inherit;
}

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

.lt-section-articles__title {
  margin-bottom: calc(var(--line-height-computed) / 2);
  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;
}

.lt-section-articles__item {
  margin-bottom: calc(var(--line-height-computed) / 2);
}
/* Community */
.lt-community-nav {
  border-bottom: var(--border-width) solid #8c8c8c;
}

.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;
}

.lt-post-callout {
  background-color: var(--gray-lightest);
}
@media (max-width: 767px) {
  .lt-post-callout {
    text-align: center;
  }
}

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

  border-top: var(--border-width) solid #8c8c8c;
}

.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: 4px;
}

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

.lt-post-status--planned {
  background-color: #021A49;
}

.lt-post-status--not-planned {
  color: #021A49;
  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: #021A49;
  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: #1a5ea3;
  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: 4px;
}
@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 6 Free", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: var(--color-text-secondary);
  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: var(--border-width) solid #8c8c8c;
  border-radius: 4px;
}

.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: 4px;
}

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

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

.lt-request-status--answered {
  background-color: #fad782;
}
/* Submit a request page: article suggestions */
.suggestion-articles {
  padding: 20px;
  font-family: "Roboto", sans-serif;
  background: #0070E0;
  border: 1px solid #0070E0;
  border-radius: 6px;
}

.form-field .suggestion-articles {
  margin-top: 30px !important;
}

.suggestions-header {
  position: relative;
  margin-bottom: 20px;
  color: #ffffff;
}

[dir="ltr"] .suggestions-header {
  padding-left: 35px;
}

[dir="rtl"] .suggestions-header {
  padding-right: 35px;
}

.suggestions-header__title {
  display: inline-block;
  margin-bottom: 0;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  vertical-align: middle;
}

.suggestions-header__icon {
  position: absolute;
  top: 0;
  width: 24px;
  font-size: 24px;
}

[dir="ltr"] .suggestions-header__icon {
  left: 0;
}

[dir="rtl"] .suggestions-header__icon {
  right: 0;
}

.suggestions-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.suggestions-list__item {
  padding: 20px;
  margin-bottom: 20px;
  background: white;
  border: 1px solid #0070E0;
  border-radius: 5px;
}

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

.suggestions-list__title {
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
}

.suggestions-list__more {
  text-decoration: underline;
}

.suggestions-list__more:hover {
  color: #021A49;
  text-decoration: none;
}

.suggestions-close,
.suggestions-close:hover,
.suggestions-close:active,
.suggestions-close:focus {
  position: absolute;
  top: -10px;
  padding: 8px 14px;
  font-size: 20px;
  color: #021A49;
  cursor: pointer;
  background: none;
  border: 0;
}

[dir="ltr"] .suggestions-close,
[dir="ltr"] .suggestions-close:hover,
[dir="ltr"] .suggestions-close:active,
[dir="ltr"] .suggestions-close:focus {
  right: -10px;
}

[dir="rtl"] .suggestions-close,
[dir="rtl"] .suggestions-close:hover,
[dir="rtl"] .suggestions-close:active,
[dir="rtl"] .suggestions-close:focus {
  left: -10px;
}

.suggestions-close:after {
  display: inline-block;
  color: #ffffff;
  content: "\00d7";
}
/* 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: 4px;
}

.accordion__item-title {
  position: relative;
  display: block;
  width: 100%;
  font-size: var(--font-size-h4);
  color: #021A49;
  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 #021A49;
  transition: transform 0.3s;
}

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

[dir="rtl"] .accordion__item-title:before {
  right: 1.5rem;
  border-right: 2px solid #021A49;
  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;
}

/* Callout body content is user-authored rich text (no template renders
   `.callout` markup directly) and may contain arbitrary <a> elements, which
   would otherwise inherit the global `a { color: #0070E0 }`. Renders on
   whichever .callout--* tint is active; --color-link-accessible clears
   4.5:1 against the base .callout fill (var(--gray-lighter), #eceeef,
   6.08:1) and the --success/--warning/--danger tints under their shipped
   defaults (6.5-6.9:1). WCAG 1.4.3. */
.callout a {
  color: var(--color-link-accessible);
}

/* --success/--warning/--danger's tints are pale enough for the shared token
   above, but --info (#84c2ff = #84c2ff by default) and
   --primary (#90b5fc = #90b5fc by default) are
   saturated enough that --color-link-accessible (#0057ad) itself fails
   there (3.76:1 / 3.44:1, measured against shipped defaults). Both stay
   #0070E0-derived, per this file's existing `#0051a3`
   precedent (.lt-scroll-to-top:hover): #004284 clears
   5.27:1 / 4.83:1 under shipped defaults. Same specificity as `.callout a`
   above; must stay textually after it to win the tie. WCAG 1.4.3. */
.callout--info a,
.callout--primary a {
  color: #004284;
}

[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);
}

/* Task 14 (raise colour setting defaults) closes the gap left open here by
   Task 13: .callout--success/--warning/--danger .callout__title all failed
   4.5:1 against their own tint under the then-shipped defaults (#00755a
   #0c9 on lighten(,51%)=#d1fff4 -> 1.91:1; #fad782 #fad782 on
   lighten(,23%)=#fffbf3 -> 1.35:1; #c62828 #ff5252 on lighten(,32%)=
   #fff5f5 -> 2.98:1). Each is driven by its own #00755a/warning/danger
   setting, not #0070E0, so --color-link-accessible does not apply, and
   no single fix works for all three:
     - success: raising #00755a's own default (#0c9 -> #00755a, see
       manifest.json) is enough on its own - the plain colour now clears
       4.66:1 on its (also darker) tint. No CSS override needed.
     - danger: #c62828 is also raised (#ff5252 -> #c62828), but the raw
       value is still only 2.8:1 on its own tint, so it gets the same
       darken($brand_X, 18%) treatment as .callout--info .callout__title
       below (5.27:1).
     - warning: #fad782 is NOT raised (its default is already a pale
       yellow; raising it enough to work as a *fill* colour would be a much
       bigger visible change than this task's scope). Fixed via darken()
       alone, but needs 45% (not 18%) because of its hue - verified by
       search, not guessed (darken(44%) is 4.58:1, darken(45%) is 4.86:1).
   --primary's title already passes (8.18:1, #021A49's default
   #021A49 = #021A49) and is untouched. */
.callout--success {
  color: #021A49;
  background-color: #7affe0;
  border-color: #00755a;
}

.callout--success .callout__title {
  color: #00755a;
}

.callout--info {
  color: #021A49;
  background-color: #84c2ff;
  border-color: #0070E0;
}

/* #0070E0's shipped default (#0070E0) is identical to #0070E0's,
   which is why this measured the reported 2.53:1 (own colour on
   #84c2ff = #84c2ff, 2.54:1 here). Kept #0070E0-
   derived (not swapped to #0070E0) so it still tracks the info setting
   if admin changes it independently. #004284 clears
   5.27:1 under the shipped default. WCAG 1.4.3. */
.callout--info .callout__title {
  color: #004284;
}

.callout--warning {
  color: #021A49;
  background-color: #fffbf3;
  border-color: #fad782;
}

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

.callout--danger {
  color: #021A49;
  background-color: #eda4a4;
  border-color: #c62828;
}

.callout--danger .callout__title {
  color: #7a1919;
}

.callout--primary {
  color: #021A49;
  background-color: #90b5fc;
  border-color: #021A49;
}

.callout--primary .callout__title {
  color: #021A49;
}

.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: #021A49;
  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 6 Free", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  color: #021A49;
  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: #053dac;
}

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

[dir="ltr"] .note {
  padding-left: var(--padding-base-horizontal);
  border-left: calc(var(--border-width) * 2) solid transparent;
}

[dir="rtl"] .note {
  padding-right: var(--padding-base-horizontal);
  border-right: calc(var(--border-width) * 2) solid transparent;
}

.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: #0070E0;
}

.note-info .note-title,
.note--info .note-title {
  color: #0070E0;
}

.note-warning,
.note--warning {
  border-color: #fad782;
}

.note-warning .note-title,
.note--warning .note-title {
  color: #fad782;
}

.note-success,
.note--success {
  border-color: #00755a;
}

.note-success .note-title,
.note--success .note-title {
  color: #00755a;
}

.note-danger,
.note--danger {
  border-color: #c62828;
}

.note-danger .note-title,
.note--danger .note-title {
  color: #c62828;
}

.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;
}

[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 {
  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 #8c8c8c;
}

.table thead th {
  vertical-align: bottom;
}

.table tbody + tbody {
  border-top: 1px solid #8c8c8c;
}

.table .table {
  background-color: #fff;
}

.table--color-header th {
  color: #fff;
  background-color: #021A49;
}

.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 #8c8c8c;
}

[dir="ltr"] .table--bordered td,
[dir="ltr"] .table--bordered th {
  border-left: 1px solid #8c8c8c;
}

[dir="rtl"] .table--bordered td,
[dir="rtl"] .table--bordered th {
  border-right: 1px solid #8c8c8c;
}

.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 #8c8c8c;
    -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: 4px;
  border-bottom-left-radius: 4px;
}

.tab p:last-child {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .tab {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
}

[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: #021A49;
  cursor: pointer;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0;
}

.tabs-link:hover {
  color: #021A49;
}
@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: 4px;
    border-top-right-radius: 4px;
  }
}
@media (min-width: 576px) {
  .tabs-link {
    display: inline-block;
  }
}

.is-hidden {
  display: none;
}

.tabs-link.is-active {
  color: #021A49;
  cursor: pointer;
  border-color: #ddd;
}

.tabs-link.is-active:hover {
  color: #021A49;
  cursor: default;
}
@media (min-width: 576px) {
  .tabs-link.is-active {
    border-bottom: 1px solid #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
}

.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: #021A49;
}

.tabs--colored-2 .tabs-link.is-active {
  color: #fff;
  background-color: #021A49;
  border-color: #021A49;
}

.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: #021A49;
}

.text-info {
  background-color: #0070E0;
}

.text-warning {
  background-color: #fad782;
}

.text-danger {
  background-color: #c62828;
}

.text-success {
  background-color: #00755a;
}

/* ==========================================================================
  Skeleton loaders

  Emitted by the lazy-loaded section-article lists and the promoted-article
  accordion on the home page. Nothing else in the theme defines this class,
  so without these rules the loaders render as invisible empty divs.
  ========================================================================== */
.lt-skeleton-loader-block {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 1rem;
  overflow: hidden;
  background-color: var(--color-border);
}

.lt-skeleton-loader-block:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: translateX(-100%);
  animation: lt-shimmer 3s infinite;
}

.lt-skeleton-loader-block.lt-loader-title {
  width: 60%;
  height: 1.25rem;
}

@keyframes lt-shimmer {
  100% {
    transform: translateX(100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lt-skeleton-loader-block:after {
    animation: none;
  }
}

/* ==========================================================================
  CKEditor bridge

  The v4 rich text editor (wysiwyg-bundle) is CKEditor 5. It reads neither
  Garden's theme nor this stylesheet — it styles itself entirely from its own
  --ck-* custom properties, defaulting its border to hsl(220, 6%, 81%). Mapping
  them here is the only way the editor's border, background and radius can
  agree with the other form controls on the page.

  The border-width overrides need !important because CKEditor hardcodes 1px
  and injects its own stylesheet after this one.
  ========================================================================== */
.ck {
  /* These track --input-color-border, NOT --color-border. The editor is a form
     control and has to match the inputs beside it. Upstream Flatrock maps these
     to --color-border, which is equivalent there only because upstream defines
     --input-color-border from the same border setting. This theme's input border
     is a separate value, so copying that mapping verbatim leaves the editor a
     different colour from every input around it. */
  --ck-color-base-border: var(--input-color-border);
  --ck-color-toolbar-border: var(--input-color-border);
  --ck-color-panel-border: var(--input-color-border);
  --ck-color-input-border: var(--input-color-border);
  --ck-color-dropdown-panel-border: var(--input-color-border);

  /* Editor widget surfaces track the input background; floating popups track the
     page background. Identical while #fff is #fff, but they are separate
     settings and will diverge the moment one is changed. */
  --ck-color-base-background: var(--input-bg, var(--color-bg));
  --ck-color-toolbar-background: var(--input-bg, var(--color-bg));
  --ck-color-input-background: var(--input-bg, var(--color-bg));

  --ck-color-panel-background: var(--color-bg);
  --ck-color-labeled-field-label-background: var(--color-bg);
  --ck-color-dropdown-panel-background: var(--color-bg);

  --ck-color-text: var(--color-text-primary);

  --ck-color-button-default-hover-background: var(--color-brand-primary);
  --ck-color-button-default-active-background: var(--color-brand-primary);
  --ck-color-button-on-background: var(--color-brand-primary);
  --ck-color-button-on-hover-background: var(--color-brand-primary-hover);
  --ck-color-button-on-active-background: var(--color-brand-primary);
  --ck-color-button-on-color: var(--color-brand-primary-inverse);
  --ck-color-split-button-hover-background: var(--color-brand-primary);
  --ck-color-button-default-background: var(--color-bg);

  --ck-color-list-background: var(--color-bg);
  --ck-color-list-button-on-background: var(--color-bg);
  --ck-color-list-button-on-background-focus: var(--color-brand-primary-hover);
  --ck-color-list-button-hover-background: var(--color-brand-primary-hover);
  --ck-color-list-button-on-text: var(--color-text-primary);

  --ck-border-radius: var(--border-radius-base);
  /* Same reasoning on focus: the theme focuses inputs to --input-color-border-focus,
     so the editor should focus to the same colour rather than to the brand hue. */
  --ck-focus-ring: var(--border-width) solid var(--input-color-border-focus);
  --ck-inner-shadow: transparent;
  --ck-color-link-default: var(--color-link);
}

[dir] .ck.ck-editor__editable_inline,
[dir] .ck.ck-toolbar,
[dir] .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border-width: var(--border-width) !important;
}

[dir] .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
  border-width: var(--border-width) var(--border-width) 0 var(--border-width) !important;
}

[dir] .ck.ck-button,
[dir] .ck.ck-button:active,
[dir] .ck.ck-button:focus,
[dir] a.ck.ck-button,
[dir] a.ck.ck-button:active,
[dir] a.ck.ck-button:focus {
  border: none;
}

[dir] .ck.ck-dropdown .ck-dropdown__arrow path,
[dir] .ck.ck-splitbutton > .ck-splitbutton__arrow svg path {
  fill: var(--color-text-primary);
}

/* ==========================================================================
  Service catalog

  service-catalog-bundle renders .service-catalog-list and
  .service-catalog-sidebar into the container but supplies no layout for the
  wrapper, so without this the list and sidebar stack with no spacing at every
  width. Flatrock's @media (--screen-lg) custom media is resolved by hand here.
  ========================================================================== */
.lt-service-catalog-main-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 992px) {
  .lt-service-catalog-main-content {
    flex-direction: row;
  }
}

.service-catalog-list {
  display: block;
  width: 100%;
}

/* Pairs with the ?preview=true script at the top of service_page.hbs */
.is-service-catalog-preview #navbar-container,
.is-service-catalog-preview .navbar-container,
.is-service-catalog-preview .assembly-bar,
.is-service-catalog-preview [data-garden-id="chrome.subnav"] {
  display: none !important;
}

/* ---------------------------------------------------------------
   Focus visibility (WCAG 2.4.7, 1.4.11)
   A single global indicator. :focus-visible so pointer users do not
   see a ring on click, while keyboard users always do.
   --------------------------------------------------------------- */
:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}

/* Forced-colors mode overrides custom colours; keep the ring visible.
   (WCAG 1.4.1, EN 301 549 §11.7 — see manual-verification.md M1.)

   Most of the theme survives forced-colors mode unaided: .lt-btn variants,
   .tabs-link.is-active, .lt-search-filter__item.is-active and the form
   controls all pair their state with a non-transparent border-color (or,
   for .is-active elsewhere, a font-weight change), and forced-colors keeps
   a non-transparent border by recolouring it to a system colour rather
   than erasing it — only `border-color: transparent` stays invisible.
   Verified against style.css before adding anything here; see
   task-19-report.md for the element-by-element evidence.

   Two real gaps remain, both genuinely background-color-only with no
   fallback: the "current" indicator carried solely by [aria-current], and
   the request-status pills, whose colour is the only thing distinguishing
   open/answered/solved (their text label is identical in weight/case for
   every status). */
@media (forced-colors: active) {
  :focus-visible {
    outline-color: Highlight;
  }

  /* aria-current marks the active nav/menu item across both the server-
     rendered templates and the React bundles (service-catalog, request-list,
     shared) that also set this attribute on their own "current" elements.
     Their state is otherwise carried by background-color alone. */
  [aria-current="page"],
  [aria-current="true"] {
    border-inline-start: 3px solid Highlight;
  }

  /* Status pills (open/answered/solved/closed) differ only by
     background-color — border-radius survives but nothing marks their
     boundary once the fill is gone. */
  .lt-request-status {
    border: 1px solid CanvasText;
  }
}