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

:root {
  --color-bg: #fff;
  --color-bg-secondary: #F2F2F2;
  --color-bg-tertiary: #ddd;
  --color-bg-cta: rgba(236, 243, 254, 1);

  --color-text-primary: rgba(40, 47, 72, 1);
  --color-text-secondary: rgba(90, 90, 90, 1);
  --color-border: rgba(225, 226, 228, 1);
  --color-link: rgba(40, 99, 246, 1);
  --color-link-hover: rgba(6, 13, 182, 1);
  --color-info: rgba(27, 80, 247, 1);
  --color-warning: rgba(219, 135, 9, 1);
  --color-danger: #C70606;
  --color-success: #05BB0C;

  --color-ui-danger-text: #b42318;
  --color-ui-danger-bg: #fef3f2;
  --color-service-warning: #f79009;

  --color-table-bg-hover: #d6d6d6;

  --color-brand-primary: rgba(43, 43, 43, 1);
  --color-brand-primary-inverse: #fff;
  --color-brand-primary-hover: #121212;
  --color-brand-primary-pressed: #050505;

  --link-decoration-hover: none;

  --button-color-primary: var(--color-brand-primary);
  --button-color-primary-text: var(--color-brand-primary-inverse);

  --button-color-secondary: rgba(57, 59, 63, 1);
  --button-color-tertiary: rgba(57, 59, 63, 1);

  --button-font-weight: var(--font-weight-bold);
  --block-bg: rgba(247, 248, 250, 1);
  --block-text-color: rgba(40, 47, 72, 1);

  --input-color-border: rgba(225, 226, 228, 1);
  --input-color-border-hover: rgba(40, 47, 72, 1);
  --input-color-border-focus: rgba(43, 43, 43, 1);
  --input-padding-vertical: 0.75rem;
  --input-padding-horizontal: 1rem;

  --font-body-scale: 1;
  --font-size-base: 16px;
  --font-family-body: 'Open Sans', sans-serif;
  --font-family-heading: 'Open Sans', sans-serif;
  --font-weight-bold: 700;
  --font-weight-heading: 600;

  --text-xxs: calc(0.625rem * var(--font-body-scale));
  --text-xs: calc(0.75rem * var(--font-body-scale));
  --text-sm: calc(0.875rem * var(--font-body-scale));
  --text-base: calc(1rem * var(--font-body-scale));
  --text-lg: calc(1.125rem * var(--font-body-scale));
  --text-xl: calc(1.25rem * var(--font-body-scale));
  --text-2xl: calc(1.5rem * var(--font-body-scale));
  --text-3xl: calc(1.875rem * var(--font-body-scale));
  --text-4xl: calc(2.25rem * var(--font-body-scale));
  --text-5xl: calc(3rem * var(--font-body-scale));

  --font-size-h1: var(--text-5xl);
  --font-size-h2: var(--text-4xl);
  --font-size-h3: var(--text-3xl);
  --font-size-h4: var(--text-2xl);
  --font-size-h5: var(--text-xl);
  --font-size-h6: var(--text-lg);

  --line-height-body: 1.5;
  --line-height-heading: 1.2;

  --text-margin-bottom: 2rem;

  --grid-gutter-width: 1rem;

  --padding-base-horizontal: 12px;
  --topbar-bg: #fff;
  --topbar-color-text: #282f48;
  --topbar-color-text-hover: #282f48;
  --topbar-logo-height: 48px;
  --topbar-font-weight: var(--font-weight-bold);

  --footer-bg: #1C1C1C;
  --footer-color-text: #fff;
  --footer-color-link: #fff;

  --hero-bg: #EBF3FF;
  --hero-bg-mask: rgba(0, 0, 0, 0.7);
  --hero-color-text: #fff;
  --hero-image-url: url(/hc/theming_assets/01K4WZENB0S3VJ2M45H7KYQNVQ);

  --custom-block-icon-size: 64px;
  --custom-block-icon-color: #2863F6;

  --contact-box-icon-size: 32px;
  --article-box-icon-size: $article_boxes_icon_size;

  --card-padding: 2rem;

  --border-width: 2px;

  --info-callout-color: rgba(27, 80, 247, 1);
  --warning-callout-color: rgba(219, 135, 9, 1);
  --danger-callout-color: #C70606;
  --success-callout-color: #05BB0C;
  --neutral-callout-color: #d6d6d6;

  --callout-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05),
    0px 8px 40px 0px rgba(0, 0, 0, 0.1);

  --info-callout-icon: url(/hc/theming_assets/01K4WZEK1VZY50P0EMVQRB4ZYP);
  --warning-callout-icon: url(/hc/theming_assets/01K4WZEK1WRXSQ69EVAX4BD7TX);
  --danger-callout-icon: url(/hc/theming_assets/01K4WZEHCS3V2WEM6SZ5PP5EY4);
  --success-callout-icon: url(/hc/theming_assets/01K4WZEK1Z298JCWKJJGMZDKWF);
  --copy-code-icon: url(/hc/theming_assets/01K4WZEJWEGW4PP7PDQSPZZTPG);
  --anchor-list-icon: url(/hc/theming_assets/01K4WZEJ9A7DWD24WDF4WYR7H2);
  --anchor-file-icon: url(/hc/theming_assets/01K4WZEJYNH4KH2GCM4F7TM6BM);
  --blockqoute-icon: url(/hc/theming_assets/01K4WZEJFAHSM5GJPWBB2WTCBC);

  --callout-padding: 2rem;
  --callout-border-width: 4px;

  --border-radius-base-min: 8px;
  --border-radius-base-max: 48px;
  --border-radius-base: min(
    var(--border-radius-base-min),
    var(--border-radius-base-max)
  );

  --border-radius-lg-min: 16px;
  --border-radius-lg-max: 48px;
  --border-radius-lg: min(
    var(--border-radius-lg-min),
    var(--border-radius-lg-max)
  );

  --border-radius-pill: calc(8px * 50);
  --border-radius-menu-max: 24px;
  --border-radius-menu-item-max: 8px;

  --border-radius-input-max: 16px;

  --form-pill-bg: #d6d6d6;
  --form-pill-text: #1c1c1c;

  --lt-accordion-border: rgba(225, 226, 228, 1);
  --lt-accordion-padding-vertical: 1rem;
  --lt-accordion-padding-horizontal: 1.5rem;

  --rte-bullet-color: #818a91;
  --code-bg: var(--color-bg-cta);
  --light-gray: #f8f7f8;

  --duration-short: 100ms;
  --duration-default: 200ms;
  --duration-long: 500ms;
  --duration-extra-long: 800ms;

  --animate-duration: 1.5s;
  --animate-delay: 1s;
  --animate-repeat: 1;
  --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);

  --animation-slide-in: slideIn var(--duration-long) var(--ease-out-slow)
    forwards;
  --animation-fade-in: fadeIn var(--duration-long) var(--ease-out-slow);
}

@media (max-width: 767px) {
  :root {
    --font-body-scale: 0.875;
  }
}
/* Reset the box-sizing */
*,
*:before,
*:after {
  box-sizing: border-box;
}

*:focus-visible {
  outline-offset: 5px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :focus {
    outline-offset: 5px;
    transition: outline-offset 0.25s ease;
  }
}

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

body {
  font-family: var(--font-family-body);
  font-size: var(--text-base);
  line-height: var(--line-height-body);
  color: var(--color-text-primary);
  background-color: var(--color-bg);
  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: var(--color-link);
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--color-link-hover);
  -webkit-text-decoration: var(--link-decoration-hover);
  text-decoration: var(--link-decoration-hover);
}

figure {
  margin: 0;
}

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

hr {
  border-top: var(--border-width) solid var(--color-border);
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: -0.025em;
  word-break: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p {
  margin: 0 0 var(--text-margin-bottom);
}

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

@media only screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: var(--text-4xl);
  }
}

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

@media only screen and (min-width: 768px) {
  h2,
  .h2 {
    font-size: var(--text-3xl);
  }
}

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

@media only screen and (min-width: 768px) {
  h3,
  .h3 {
    font-size: var(--text-2xl);
  }
}

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

@media only screen and (min-width: 768px) {
  h4,
  .h4 {
    font-size: var(--text-xl);
  }
}

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

@media only screen and (min-width: 768px) {
  h5,
  .h5 {
    font-size: var(--text-lg);
  }
}

h6,
.h6 {
  font-size: var(--text-sm);
  text-transform: uppercase;
}

b,
strong {
  font-weight: bold;
}

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

dt,
dd {
  margin-bottom: 1rem;
  line-height: var(--line-height-body);
}

dt {
  font-weight: var(--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 {
    width: 30%;
    clear: both;
  }
}

.dl-horizontal dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 576px) {
  .dl-horizontal dd {
    width: 70%;
  }
}

@media (min-width: 576px) {
  [dir="ltr"] .dl-horizontal dt {
    float: left;
    padding-right: var(--grid-gutter-width);
  }
}

@media (min-width: 576px) {
  [dir="ltr"] .dl-horizontal dd {
    float: right;
  }
}

@media (min-width: 576px) {
  [dir="rtl"] .dl-horizontal dt {
    float: right;
    padding-left: var(--grid-gutter-width);
  }
}

@media (min-width: 576px) {
  [dir="rtl"] .dl-horizontal dd {
    float: left;
  }
}
/*  Addresses */
address {
  margin-bottom: 1.5rem;
}

.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;
  clip-path: inset(50%);
}

@media (prefers-reduced-motion: no-preference) {
  .animate-on-scroll.animate--fade-in,
  .animate-on-scroll.animate--slide-in {
    opacity: 0.01;
  }

  .animate-on-scroll.animate--slide-in {
    transform: translateY(2rem);
  }

  .animate-on-scroll:not(.animate-on-scroll--offscreen).animate--fade-in {
    opacity: 1;
    animation: var(--animation-fade-in);
  }

  .animate-on-scroll:not(.animate-on-scroll--offscreen).animate--slide-in {
    animation: var(--animation-slide-in);
    animation-delay: calc(var(--animation-order) * 75ms);
  }

  .animate-on-scroll:not(
      .animate-on-scroll--offscreen
    ).animate-on-scroll--cancel {
    opacity: 1;
    transition: none;
    animation: none;
  }
}

@keyframes slideIn {
  from {
    opacity: 0.01;
    transform: translateY(3rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0.01;
  }

  to {
    opacity: 1;
  }
}

.lt-flow > * {
  margin-bottom: 0;
}

.lt-flow > *:not([hidden]) + *:not([hidden]) {
  margin-top: var(--flow-space, 1rem);
}

.lt-icon {
  position: relative;
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  line-height: 1;
  flex-shrink: 0;
}

summary {
  position: relative;
  list-style: none;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

details-accordion {
  display: block;
}
/* Some overrides for default extension styles */
.lt-toc_is-mobile .lt-toc--container {
  border-color: var(--color-border) !important;
  border-width: var(--border-width) !important;
  border-radius: var(--border-radius-base) !important;
}

.lt-toc_is-mobile .lt-toc--current {
  font-weight: var(--font-weight-bold) !important;
}

[dir="ltr"] .lt-toc_is-mobile .lt-toc--current {
  padding: 1rem 2.5rem 1rem 1rem !important;
}

[dir="rtl"] .lt-toc_is-mobile .lt-toc--current {
  padding: 1rem 1rem 1rem 2.5rem !important;
}

[dir="ltr"] .lt-toc_is-mobile .lt-toc--current:after,
[dir="ltr"] .lt-toc_is-mobile .lt-toc--current:before {
  right: 2rem !important;
}

[dir="rtl"] .lt-toc_is-mobile .lt-toc--current:after,
[dir="rtl"] .lt-toc_is-mobile .lt-toc--current:before {
  left: 2rem !important;
}

.sidenav__toggle {
  padding: var(--lt-accordion-padding-vertical)
    var(--lt-accordion-padding-horizontal);
  border: var(--border-width) solid var(--lt-accordion-border);
  border-radius: var(--border-radius-base);
}
/* Layout */
/* 
 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. 
*/
/*  
  1. Override content-box in Normalize (* isn't specific enough)
  2. 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"] {
  box-sizing: border-box;
  -webkit-appearance: none;
}

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

.hbs-form label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0.5rem;
  font-weight: var(--font-weight-bold);
}
/*  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;
}
/*  Make multiple select elements height not fixed */
.hbs-form select[multiple],
.hbs-form select[size],
.search select {
  height: auto;
}
/* 
 Common form controls

 Shared size and type resets for form controls. Apply `.form-control` to any
 of the following form controls:
 
*/
.hbs-form select,
.search select,
.hbs-form textarea,
.hbs-form input[type="text"],
.hbs-form input[type="search"],
.lt-search-wrap input[type="search"],
.nesty-input {
  display: block;
  width: 100%;
  height: auto;
  padding: var(--input-padding-vertical) var(--input-padding-horizontal);
  font-size: var(--text-base);
  line-height: var(--line-height-body);
  color: var(--color-text-primary);
  background-color: var(--color-bg);
  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: var(--border-radius-base);
  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 select:focus:hover,
.search select:focus,
.search select:focus:hover,
.hbs-form textarea:focus,
.hbs-form textarea:focus:hover,
.hbs-form input[type="text"]:focus,
.hbs-form input[type="text"]:focus:hover,
.hbs-form input[type="search"]:focus,
.hbs-form input[type="search"]:focus:hover,
.lt-search-wrap input[type="search"]:focus,
.lt-search-wrap input[type="search"]:focus:hover,
.nesty-input:focus,
.nesty-input:focus:hover {
  border-color: var(--input-color-border-focus);
  outline: 0;
}
.hbs-form select:hover,
.search select:hover,
.hbs-form textarea:hover,
.hbs-form input[type="text"]:hover,
.hbs-form input[type="search"]:hover,
.lt-search-wrap input[type="search"]:hover,
.nesty-input:hover {
  border-color: var(--input-color-border-hover);
}
/*  Placeholder */
.hbs-form select::-moz-placeholder,
.search select::-moz-placeholder,
.hbs-form textarea::-moz-placeholder,
.hbs-form input[type="text"]::-moz-placeholder,
.hbs-form input[type="search"]::-moz-placeholder,
.lt-search-wrap input[type="search"]::-moz-placeholder,
.nesty-input::-moz-placeholder {
  color: var(--color-text-primary);
  opacity: 0.85;
}
.hbs-form select::placeholder,
.search select::placeholder,
.hbs-form textarea::placeholder,
.hbs-form input[type="text"]::placeholder,
.hbs-form input[type="search"]::placeholder,
.lt-search-wrap input[type="search"]::placeholder,
.nesty-input::placeholder {
  color: var(--color-text-primary);
  opacity: 0.85;
}

.hbs-form select,
.search select {
  width: 100%;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[dir="ltr"] .hbs-form select,
[dir="ltr"] .search select {
  padding-right: 36px;
  background-position: right 1rem center;
}

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

.hbs-form .nesty-input:after,
.hbs-form .hc-multiselect-toggle:after {
  position: absolute;
  top: 50%;
  width: 1rem;
  height: 1rem;
  content: "";
  transform: translateY(-50%);
}

[dir="ltr"] .hbs-form .nesty-input:after,
[dir="ltr"] .hbs-form .hc-multiselect-toggle:after {
  right: 1rem;
}

[dir="rtl"] .hbs-form .nesty-input:after,
[dir="rtl"] .hbs-form .hc-multiselect-toggle:after {
  left: 1rem;
}

.hbs-form select,
.search select,
.hbs-form .nesty-input:after,
.hbs-form .hc-multiselect-toggle:after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
}

.hbs-form select::-ms-expand,
.search select::-ms-expand {
  display: none;
}

.hbs-form textarea {
  height: auto;
  height: calc((1rem + var(--padding-base-horizontal) + 2px) * 3);
  resize: vertical;
  border-radius: min(
    var(--border-radius-base),
    var(--border-radius-input-max)
  ) !important;
}

.hc-multiselect-toggle,
#hc-wysiwyg {
  border-color: var(--input-color-border);
  border-width: var(--border-width);
  border-radius: var(--border-radius-base);
}
/*  Form groups

 Designed to help with the organization and spacing of vertical forms. For
 horizontal forms, use the predefined grid classes. */
.hbs-form .form-field {
  margin-bottom: 1.5rem;
}
/*  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. */
.hbs-form .help-block {
  display: block; /* account for any element using help-block */
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  opacity: 0.75;
}

.hc-multiselect-toggle,
.nesty-input,
ul[data-hc-pills-container] {
  --custom-select-height: calc(3rem - 4px - 2px);

  min-height: var(--custom-select-height);
}

.hc-multiselect-toggle,
ul[data-hc-pills-container] {
  background-color: var(--color-bg);
  padding: 4px;
}

ul[data-hc-pills-container] li:first-child input {
  padding: 0 12px;
}

ul[data-hc-pills-container] li:has(input) {
  background-color: transparent;
}

.hc-multiselect-toggle li {
  margin: 4px;
}

.hc-multiselect-toggle ul li {
  height: var(--custom-select-height);
  line-height: var(--custom-select-height);
}

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

ul[data-hc-pills-container]:hover,
.hc-multiselect-toggle:hover {
  border-color: var(--color-text-primary);
}

ul[data-hc-pills-container][data-hc-focus="true"] input {
  border: none;
  box-shadow: none;
}

.hc-multiselect-toggle[aria-expanded="true"],
ul[data-hc-pills-container][data-hc-focus="true"] {
  border-color: var(--input-color-border-focus);
}

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

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

.lt-comment-form__ccs ul[data-hc-pills-container] {
  border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
}

.upload-dropzone {
  padding: 2rem;
  border-color: var(--input-color-border);
  border-style: dashed;
  border-width: var(--border-width);
  border-radius: var(--border-radius-base);
}

.upload-dropzone div {
  margin-bottom: 0.5rem;
}

.upload-dropzone span,
.upload-dropzone a {
  font-size: var(--text-base);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.upload-dropzone span {
  color: var(--color-text-primary);
}

.upload-dropzone:hover {
  border-color: var(--color-text-primary);
}

.upload-item .upload-remove {
  color: currentColor !important;
}

.upload-item .upload-link {
  color: currentColor;
}

.upload-item:hover {
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
}

.nesty-input:hover,
.nesty-input:focus {
  color: var(--color-text-primary);
  text-decoration: none;
}

.hc-multiselect-toggle ul li,
ul[data-hc-pills-container] li,
ul[data-hc-pills-container] li[data-hc-pill="true"] {
  font-size: var(--text-sm);
  color: var(--form-pill-text);

  background-color: var(--form-pill-bg);
  border-radius: var(--border-radius-base);
}

ul[data-hc-pills-container]
  li[data-hc-pill="true"]
  > span:not([aria-label="close"]) {
  font-size: var(--text-sm);
}

.lt-comment-form__ccs ~ .ck .ck.ck-toolbar {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.ck {
  --ck-color-base-border: var(--color-border);
  --ck-color-toolbar-border: var(--color-border);
  --ck-color-panel-border: var(--color-border);
  --ck-color-input-border: var(--color-border);
  --ck-color-dropdown-panel-border: var(--color-border);

  --ck-color-base-background: var(--color-bg);
  --ck-color-toolbar-background: var(--color-bg);
  --ck-color-panel-background: var(--color-bg);
  --ck-color-input-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);
  --ck-focus-ring: var(--border-width) solid var(--color-brand-primary);
  --ck-inner-shadow: transparent;
  --ck-color-link-default: var(--color-link);
  --ck-disabled-opacity: 1;
}

[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-content p,
[dir] .ck.ck-content h1,
[dir] .ck.ck-content h2,
[dir] .ck.ck-content h3,
[dir] .ck.ck-content h4,
[dir] .ck.ck-content a,
[dir] .ck.ck-content ol,
[dir] .ck.ck-content ul {
  color: var(--color-text-primary) !important;
}

[dir]
  .ck.ck-list__item
  .ck-button.ck-on:focus:not(.ck-switchbutton):not(.ck-disabled),
[dir] .ck.ck-list__item .ck-button:hover:not(.ck-disabled) {
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
}

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

[dir] .ck.ck-button:not(.ck-disabled):hover .ck.ck-icon.ck-icon_inherit-color,
[dir] .ck.ck-button:not(.ck-disabled):hover .ck.ck-icon.ck-icon_inherit-color *,
[dir] .ck.ck-button:not(.ck-disabled):hover,
[dir] a.ck.ck-button:not(.ck-disabled):hover,
[dir]
  .ck.ck-splitbutton.ck-splitbutton_open
  > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover),
[dir]
  .ck.ck-splitbutton:hover
  > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
  color: var(--color-brand-primary-inverse);
}

[dir] a.ck.ck-button:not(.ck-disabled):hover path:not([fill]),
[dir] .ck.ck-button:not(.ck-disabled):hover,
[dir] .ck.ck-button:not(.ck-disabled):hover .ck-dropdown__arrow *,
[dir] .ck.ck-button:not(.ck-disabled):hover .ck-splitbutton__arrow *,
[dir] .ck.ck-button.ck-on.ck-splitbutton__arrow svg *,
[dir] .ck.ck-button.ck-on.ck-dropdown__button svg *,
[dir] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow svg path,
[dir] .ck.ck-splitbutton > .ck-splitbutton__arrow:hover svg path,
[dir] .ck-link-form .ck.ck-button:not(.ck-disabled):hover :not([fill]),
[dir] .ck-link-actions .ck.ck-button:not(.ck-disabled):hover :not([fill]) {
  fill: currentColor;
}

[dir] .ck.ck-list__item .ck-button {
  background-color: transparent;
  border-radius: 0;
}

[dir] .ck-content blockquote {
  border-color: var(--color-border);
}

[dir] .ck-content p code {
  display: inline-block;
  padding: 0 0.25em;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

[dir] .ck .ck-content pre {
  color: var(--color-text-primary);
  border-color: var(--color-border);
}

[dir] .ck.ck-editor__editable pre[data-language]:after {
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
}

[dir] .ck .ck-content p {
  padding: 0;
}
/* Theming */
[dir] .ck.ck-toolbar {
  padding: 2px;
}

[dir] .ck.ck-toolbar > .ck-toolbar__items {
  padding: 0 4px;
  border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
}

[dir] .ck.ck-button:focus-visible,
[dir] .ck.ck-content.ck-editor__editable.ck-editor__editable_inline.ck-focused,
[dir] .ck.ck-content.ck-editor__editable.ck-focused,
[dir] .ck.ck-toolbar:focus-visible {
  box-shadow: none;
}

.lt-field-description {
  position: relative;
  display: block;
  padding: 0.5rem;
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  color: var(--field-description-color, var(--color-text-primary));
  border-radius: var(--border-radius-base);
}

.lt-field-description > *:only-child {
  margin-bottom: 0;
}

.lt-field-description:after {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--field-description-bg, var(--info-callout-color));
  border-radius: var(--border-radius-base);
  opacity: 0.15;
}

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

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

.lt-field-description:empty {
  display: none !important;
}

.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-container-inner--narrow {
  max-width: 720px;
  margin: 0 auto;
}

.lt-layout {
  display: grid;
  min-height: 100%;
  grid-template-rows: auto 1fr auto;
  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: var(--text-sm);
  font-weight: var(--topbar-font-weight);
  color: var(--topbar-color-text);
  background-color: var(--topbar-bg);
}

.lt-topbar__logo {
  display: block;
  height: var(--topbar-logo-height);
}

.lt-topbar__link,
.lt-topbar__link:hover,
.lt-topbar__link:focus,
.lt-topbar__link:active {
  color: var(--topbar-color-text);
}

.lt-topbar__link:hover,
.lt-topbar__link:focus,
.lt-topbar__link:active {
  text-decoration: none;
  opacity: 0.6;
}

@media (max-width: 991px) {
  .lt-topbar__link {
    color: var(--topbar-color-text);
  }

  .lt-topbar__link:hover,
  .lt-topbar__link:focus,
  .lt-topbar__link:active {
    color: var(--topbar-color-text);
  }

  .lt-topbar__controls {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    max-width: 20rem;
    padding: var(--grid-gutter-width);
    background-color: var(--topbar-bg);
    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;
  }
}

.topbar__close {
  width: 2rem;
  height: 2rem;
  stroke: var(--topbar-color-text);
}

.lt-footer {
  font-size: var(--text-sm);
  color: var(--footer-color-text);
  background-color: var(--footer-bg);
}

.lt-footer__copyright a {
  color: var(--footer-color-link);
}

.lt-footer__social-link {
  padding: 0.5rem;
  font-size: var(--text-base);
  color: var(--footer-color-link);
  text-decoration: none;
  vertical-align: middle;
}

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

[dir="rtl"] .lt-footer__social-link + .lt-footer__social-link {
  margin-right: 0.5rem;
}

.lt-footer__social-link:hover,
.lt-footer__social-link:focus,
.lt-footer__social-link:active {
  color: var(--footer-color-link);
  text-decoration: none;
  opacity: 0.6;
}
/* Formatting */
.accordion {
  padding-top: 0;
  overflow: hidden;
  border: var(--border-width) solid var(--lt-accordion-border);
  border-radius: var(--border-radius-base);
}

.accordion__summary {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--lt-accordion-padding-vertical)
    var(--lt-accordion-padding-horizontal);
  font-weight: var(--font-weight-bold);
  color: var(--accordion-color-text, var(--color-text-primary));
  list-style: none;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 0;
  touch-action: manipulation;
}

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

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

.accordion__summary-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordion__item + .accordion__item summary,
.accordion > details-accordion + details-accordion summary {
  border-top: var(--border-width) solid var(--lt-accordion-border);
}

.stroke .accordion__item + .accordion__item summary,
.stroke > details-accordion + details-accordion summary {
  border-top: var(--border-width) solid var(--color-brand-primary);
}

.accordion__content {
  padding-top: var(--lt-accordion-padding-vertical);
  padding-bottom: var(--lt-accordion-padding-vertical);
  margin-right: var(--lt-accordion-padding-horizontal);
  margin-left: var(--lt-accordion-padding-horizontal);
  border-top: var(--border-width) solid var(--lt-accordion-border);
}

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

.accordion__summary::-webkit-details-marker {
  display: none;
}

.accordion__summary-wrapper > .lt-icon {
  transition: transform 0.3s;
  margin-inline-start: 1rem;
}

[dir="ltr"] details[open] .accordion__summary-wrapper > .lt-icon {
  transform: rotate(180deg);
}

[dir="rtl"] details[open] .accordion__summary-wrapper > .lt-icon {
  transform: rotate(-180deg);
}

.accordion--large {
  border-radius: var(--border-radius-lg);
}

.accordion--large .accordion__summary {
  font-weight: 400;
}

.accordion--large .accordion__summary-wrapper .lt-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.accordion--large:hover,
.accordion--large:focus,
.accordion[open] {
  border-color: var(--color-brand-primary);
}

.stroke.accordion {
  border: var(--border-width) solid var(--color-brand-primary);
}

.colored-title.accordion details[open] .accordion__summary-wrapper {
  color: var(--color-brand-primary);
}

.colored.accordion details[open] .accordion__summary-wrapper {
  color: var(--color-brand-primary-inverse);
}

.colored.accordion details[open] .accordion__summary {
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
}

.neutral.accordion .accordion__summary {
  background-color: rgba(214, 214, 214, 0.2);
}

.neutral.accordion details[open] .accordion__summary {
  border-bottom: var(--border-width) solid var(--lt-accordion-border);
}

.neutral.accordion details[open] .accordion__content {
  border-top: none;
}

.image-with-border {
  padding: var(--image-padding, 1rem);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-base);
}

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

.image-with-background {
  padding: var(--image-padding, 2rem);
  background-color: var(--image-bg, var(--light-gray));
  border-radius: var(--border-radius-base);
}
/* Blockquotes */
blockquote {
  position: relative;
  padding: 1rem 3rem;
  margin: 0 0 1.5rem;
  font-family: var(--font-family-body);
  font-size: var(--text-xl);
  line-height: 2rem;
  color: var(--color-text-primary);
  text-align: center;
}

blockquote > *:last-child {
  margin-bottom: 0;
}

blockquote:after,
blockquote:before {
  position: absolute;
  width: 24px;
  height: 24px;
  color: var(--color-text-primary);
  content: "";
  background-color: var(--color-text-primary);
  -webkit-mask: var(--blockqoute-icon) center/contain no-repeat;
  mask: var(--blockqoute-icon) center/contain no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}

blockquote:before {
  top: 0;
}

[dir="ltr"] blockquote:before {
  left: 0;
}

[dir="rtl"] blockquote:before {
  right: 0;
}

blockquote:after {
  bottom: 0;
}

[dir="ltr"] blockquote:after {
  right: 0;
  transform: scaleY(-1) rotate(180deg);
}

[dir="rtl"] blockquote:after {
  left: 0;
  transform: scaleY(-1) rotate(-180deg);
}

.callout,
.note,
.warning,
.danger,
.success {
  position: relative;
  z-index: 1;
  overflow: hidden;
  list-style: none;
  border-radius: var(--border-radius-base);
}

[dir="ltr"] .callout,
[dir="ltr"] .note,
[dir="ltr"] .warning,
[dir="ltr"] .danger,
[dir="ltr"] .success {
  padding: var(--callout-padding) var(--callout-padding) var(--callout-padding)
    calc(var(--callout-padding) * 2);
}

[dir="rtl"] .callout,
[dir="rtl"] .note,
[dir="rtl"] .warning,
[dir="rtl"] .danger,
[dir="rtl"] .success {
  padding: var(--callout-padding) calc(var(--callout-padding) * 2)
    var(--callout-padding) var(--callout-padding);
}

.callout > * + *,
.note > * + *,
.warning > * + *,
.danger > * + *,
.success > * + * {
  margin-top: var(--flow-space, 1rem);
}

.callout:after,
.note:after,
.warning:after,
.danger:after,
.success:after {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--callout-color);
  border-radius: var(--border-radius-base);
  opacity: 0.15;
}

[dir="ltr"] .callout:after,
[dir="ltr"] .note:after,
[dir="ltr"] .warning:after,
[dir="ltr"] .danger:after,
[dir="ltr"] .success:after {
  left: 0;
}

[dir="rtl"] .callout:after,
[dir="rtl"] .note:after,
[dir="rtl"] .warning:after,
[dir="rtl"] .danger:after,
[dir="rtl"] .success:after {
  right: 0;
}

.callout:before,
.note:before,
.note--default:before,
.callout--info:before,
.note--warning:before,
.warning:before,
.callout--warning:before,
.note--danger:before,
.danger:before,
.callout--danger:before,
.note--success:before,
.success:before,
.callout--success:before {
  position: absolute;
  top: 2rem;
  width: 24px;
  height: 24px;
  content: "";
  -webkit-mask-size: cover;
  mask-size: cover;
}

[dir="ltr"] .callout:before,
[dir="ltr"] .note:before,
[dir="ltr"] .note--default:before,
[dir="ltr"] .callout--info:before,
[dir="ltr"] .note--warning:before,
[dir="ltr"] .warning:before,
[dir="ltr"] .callout--warning:before,
[dir="ltr"] .note--danger:before,
[dir="ltr"] .danger:before,
[dir="ltr"] .callout--danger:before,
[dir="ltr"] .note--success:before,
[dir="ltr"] .success:before,
[dir="ltr"] .callout--success:before {
  left: 2rem;
}

[dir="rtl"] .callout:before,
[dir="rtl"] .note:before,
[dir="rtl"] .note--default:before,
[dir="rtl"] .callout--info:before,
[dir="rtl"] .note--warning:before,
[dir="rtl"] .warning:before,
[dir="rtl"] .callout--warning:before,
[dir="rtl"] .note--danger:before,
[dir="rtl"] .danger:before,
[dir="rtl"] .callout--danger:before,
[dir="rtl"] .note--success:before,
[dir="rtl"] .success:before,
[dir="rtl"] .callout--success:before {
  right: 2rem;
}

.note:before,
.note--default:before,
.callout:before,
.callout--info:before {
  background-color: var(--info-callout-color);
  -webkit-mask: var(--info-callout-icon) center/contain no-repeat;
  mask: var(--info-callout-icon) center/contain no-repeat;
}

.note--success:before,
.success:before,
.callout--success:before {
  background-color: var(--success-callout-color);
  -webkit-mask: var(--success-callout-icon) center/contain no-repeat;
  mask: var(--success-callout-icon) center/contain no-repeat;
}

.note--danger:before,
.danger:before,
.callout--danger:before {
  background-color: var(--danger-callout-color);

  -webkit-mask: var(--danger-callout-icon) center/contain no-repeat;
  mask: var(--danger-callout-icon) center/contain no-repeat;
}

.note--warning:before,
.warning:before,
.callout--warning:before {
  background-color: var(--warning-callout-color);
  -webkit-mask: var(--warning-callout-icon) center/contain no-repeat;
  mask: var(--warning-callout-icon) center/contain no-repeat;
}

.shadow.callout,
.shadow.note,
.shadow.warning,
.shadow.danger,
.shadow.success {
  box-shadow: var(--callout-box-shadow);
}

[dir="ltr"] .minimal.callout,
[dir="ltr"] .minimal.note,
[dir="ltr"] .minimal.warning,
[dir="ltr"] .minimal.danger,
[dir="ltr"] .minimal.success {
  border-left: none;
}

[dir="rtl"] .minimal.callout,
[dir="rtl"] .minimal.note,
[dir="rtl"] .minimal.warning,
[dir="rtl"] .minimal.danger,
[dir="rtl"] .minimal.success {
  border-right: none;
}

.stroke.note,
.minimal.stroke.note,
.minimal.stroke.callout--info,
.stroke.callout--info {
  border: 1px solid var(--info-callout-color);
}

.minimal.stroke.warning,
.minimal.stroke.callout--warning,
.stroke.callout--warning,
.stroke.warning {
  border: 1px solid var(--warning-callout-color);
}

.minimal.stroke.callout--danger,
.minimal.stroke.danger,
.stroke.callout--danger,
.stroke.danger {
  border: 1px solid var(--danger-callout-color);
}

.minimal.stroke.callout--success,
.minimal.stroke.success,
.stroke.callout--success,
.stroke.success {
  border: 1px solid var(--success-callout-color);
}

.note,
.note--default,
.callout,
.callout--info,
.callout--primary {
  --callout-color: var(--info-callout-color);
}

[dir="ltr"] .note,
[dir="ltr"] .note--default,
[dir="ltr"] .callout,
[dir="ltr"] .callout--info,
[dir="ltr"] .callout--primary {
  border-left: var(--callout-border-width) solid var(--info-callout-color);
}

[dir="rtl"] .note,
[dir="rtl"] .note--default,
[dir="rtl"] .callout,
[dir="rtl"] .callout--info,
[dir="rtl"] .callout--primary {
  border-right: var(--callout-border-width) solid var(--info-callout-color);
}

.warning,
.note--warning,
.callout--warning {
  --callout-color: var(--warning-callout-color);
}

[dir="ltr"] .warning,
[dir="ltr"] .note--warning,
[dir="ltr"] .callout--warning {
  border-left: var(--callout-border-width) solid var(--warning-callout-color);
}

[dir="rtl"] .warning,
[dir="rtl"] .note--warning,
[dir="rtl"] .callout--warning {
  border-right: var(--callout-border-width) solid var(--warning-callout-color);
}

.danger,
.note--danger,
.callout--danger {
  --callout-color: var(--danger-callout-color);
}

[dir="ltr"] .danger,
[dir="ltr"] .note--danger,
[dir="ltr"] .callout--danger {
  border-left: var(--callout-border-width) solid var(--danger-callout-color);
}

[dir="rtl"] .danger,
[dir="rtl"] .note--danger,
[dir="rtl"] .callout--danger {
  border-right: var(--callout-border-width) solid var(--danger-callout-color);
}

.success,
.note--success,
.callout--success {
  --callout-color: var(--success-callout-color);
}

[dir="ltr"] .success,
[dir="ltr"] .note--success,
[dir="ltr"] .callout--success {
  border-left: var(--callout-border-width) solid var(--success-callout-color);
}

[dir="rtl"] .success,
[dir="rtl"] .note--success,
[dir="rtl"] .callout--success {
  border-right: var(--callout-border-width) solid var(--success-callout-color);
}

.no-icon.callout,
.no-icon.note,
.no-icon.warning,
.no-icon.danger,
.no-icon.success {
  padding: var(--callout-padding);
}

.no-icon.callout:before,
.no-icon.note:before,
.no-icon.warning:before,
.no-icon.danger:before,
.no-icon.success:before {
  display: none;
}

.transparent.callout:after,
.transparent.note:after,
.transparent.warning:after,
.transparent.danger:after,
.transparent.success:after {
  background-color: transparent;
}

.neutral.callout:after,
.neutral.note:after,
.neutral.warning:after,
.neutral.danger:after,
.neutral.success:after {
  background-color: var(--neutral-callout-color);
  opacity: 0.2;
}

code {
  word-wrap: break-word;
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

pre {
  position: relative;
  overflow: auto;
  font-size: 0.875em;
}

.rte pre {
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-base);
}

.rte pre code {
  position: relative;
  padding: 0;
  padding: 1.25rem;
}

.lt-copy-code {
  width: 2rem;
  height: 2rem;
  font-family: var(--font-family-body);
  cursor: pointer;
}

.lt-copy-code svg {
  position: absolute;
  top: 50%;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-dark-theme-text, var(--color-text-primary));
  fill: currentColor;
}

[dir="ltr"] .lt-copy-code svg {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .lt-copy-code svg {
  right: 50%;
  transform: translate(50%, -50%);
}

.lt-copy-code--copied svg {
  animation: hide 1250ms forwards;
}

.lt-copy-code--copied svg:nth-child(2) {
  animation: show 1250ms forwards 150ms;
}

.lt-copy-code svg:nth-child(2) {
  opacity: 0;
}

.lt-code-header {
  display: flex;
  padding: 0.5rem 1rem;
  align-items: center;
  justify-content: flex-end;
  border-bottom: var(--border-width) solid var(--color-border);
}

.lt-code-header button {
  position: relative;
  padding: 0;
  background-color: transparent;
  border: 0;
  flex-shrink: 0;
}

@keyframes hide {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  20% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }

  80% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@keyframes show {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }

  20% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  60% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  80% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
}

.list-check ul:not([class]),
.list-bullet ul:not([class]),
.list-number ul:not([class]),
.list-colored ul:not([class]),
.list-anchor ul:not([class]),
.list-dash ul:not([class]),
.list-file ul:not([class]),
.rte ul:not([class]) {
  list-style-type: disc;
}

[dir="ltr"] .list-check ul:not([class]),
[dir="ltr"] .list-bullet ul:not([class]),
[dir="ltr"] .list-number ul:not([class]),
[dir="ltr"] .list-colored ul:not([class]),
[dir="ltr"] .list-anchor ul:not([class]),
[dir="ltr"] .list-dash ul:not([class]),
[dir="ltr"] .list-file ul:not([class]),
[dir="ltr"] .rte ul:not([class]) {
  padding-left: 1rem;
}

[dir="rtl"] .list-check ul:not([class]),
[dir="rtl"] .list-bullet ul:not([class]),
[dir="rtl"] .list-number ul:not([class]),
[dir="rtl"] .list-colored ul:not([class]),
[dir="rtl"] .list-anchor ul:not([class]),
[dir="rtl"] .list-dash ul:not([class]),
[dir="rtl"] .list-file ul:not([class]),
[dir="rtl"] .rte ul:not([class]) {
  padding-right: 1rem;
}

.list-check ul:not([class]) > li,
.list-bullet ul:not([class]) > li,
.list-number ul:not([class]) > li,
.list-colored ul:not([class]) > li,
.list-anchor ul:not([class]) > li,
.list-dash ul:not([class]) > li,
.list-file ul:not([class]) > li,
.rte ul:not([class]) > li {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

[dir="ltr"] .list-check ul:not([class]) > li,
[dir="ltr"] .list-bullet ul:not([class]) > li,
[dir="ltr"] .list-number ul:not([class]) > li,
[dir="ltr"] .list-colored ul:not([class]) > li,
[dir="ltr"] .list-anchor ul:not([class]) > li,
[dir="ltr"] .list-dash ul:not([class]) > li,
[dir="ltr"] .list-file ul:not([class]) > li,
[dir="ltr"] .rte ul:not([class]) > li {
  padding-left: 0.5rem;
}

[dir="rtl"] .list-check ul:not([class]) > li,
[dir="rtl"] .list-bullet ul:not([class]) > li,
[dir="rtl"] .list-number ul:not([class]) > li,
[dir="rtl"] .list-colored ul:not([class]) > li,
[dir="rtl"] .list-anchor ul:not([class]) > li,
[dir="rtl"] .list-dash ul:not([class]) > li,
[dir="rtl"] .list-file ul:not([class]) > li,
[dir="rtl"] .rte ul:not([class]) > li {
  padding-right: 0.5rem;
}

.list-check ul:not([class]) > li::marker,
.list-bullet ul:not([class]) > li::marker,
.list-number ul:not([class]) > li::marker,
.list-colored ul:not([class]) > li::marker,
.list-anchor ul:not([class]) > li::marker,
.list-dash ul:not([class]) > li::marker,
.list-file ul:not([class]) > li::marker,
.rte ul:not([class]) > li::marker {
  color: var(--rte-bullet-color);
}

.rte-enhanced ol {
  list-style: none;
}

.list-check,
.list-bullet,
.list-number,
.rte-enhanced ol,
.rte ol,
.list-colored,
.list-anchor,
.list-dash,
.list-file {
  list-style-position: inside;
}

[dir="ltr"] .list-check,
[dir="ltr"] .list-bullet,
[dir="ltr"] .list-number,
[dir="ltr"] .rte-enhanced ol,
[dir="ltr"] .rte ol,
[dir="ltr"] .list-colored,
[dir="ltr"] .list-anchor,
[dir="ltr"] .list-dash,
[dir="ltr"] .list-file {
  padding-left: 0;
}

[dir="rtl"] .list-check,
[dir="rtl"] .list-bullet,
[dir="rtl"] .list-number,
[dir="rtl"] .rte-enhanced ol,
[dir="rtl"] .rte ol,
[dir="rtl"] .list-colored,
[dir="rtl"] .list-anchor,
[dir="rtl"] .list-dash,
[dir="rtl"] .list-file {
  padding-right: 0;
}

.list-number li,
.rte-enhanced ol li,
.list-colored li,
.list-file li,
.rte li {
  list-style: inherit;
}

.list-number li:last-child,
.rte-enhanced ol li:last-child,
.list-colored li:last-child,
.rte li:last-child {
  margin-bottom: 0;
}

.lt-article__body .list-check,
.lt-article__body .list-bullet,
.lt-article__body .list-number,
.lt-article__body .rte-enhanced ol,
.lt-article__body .list-colored,
.lt-article__body .list-anchor,
.lt-article__body .list-task,
.lt-article__body .list-dash,
.lt-article__body .list-file {
  list-style: none;
}

[dir="ltr"] .lt-article__body .list-check,
[dir="ltr"] .lt-article__body .list-bullet,
[dir="ltr"] .lt-article__body .list-number,
[dir="ltr"] .lt-article__body .rte-enhanced ol,
[dir="ltr"] .lt-article__body .list-colored,
[dir="ltr"] .lt-article__body .list-anchor,
[dir="ltr"] .lt-article__body .list-task,
[dir="ltr"] .lt-article__body .list-dash,
[dir="ltr"] .lt-article__body .list-file {
  padding-left: 0;
}

[dir="rtl"] .lt-article__body .list-check,
[dir="rtl"] .lt-article__body .list-bullet,
[dir="rtl"] .lt-article__body .list-number,
[dir="rtl"] .lt-article__body .rte-enhanced ol,
[dir="rtl"] .lt-article__body .list-colored,
[dir="rtl"] .lt-article__body .list-anchor,
[dir="rtl"] .lt-article__body .list-task,
[dir="rtl"] .lt-article__body .list-dash,
[dir="rtl"] .lt-article__body .list-file {
  padding-right: 0;
}

.list-check > li,
.list-bullet > li,
.list-number > li,
.rte-enhanced ol > li,
.list-colored > li,
.list-task > div,
.list-task > li,
.list-dash > li,
.list-anchor > li,
.list-file > li {
  position: relative;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

[dir="ltr"] .list-check > li,
[dir="ltr"] .list-bullet > li,
[dir="ltr"] .list-number > li,
[dir="ltr"] .rte-enhanced ol > li,
[dir="ltr"] .list-colored > li,
[dir="ltr"] .list-task > div,
[dir="ltr"] .list-task > li,
[dir="ltr"] .list-dash > li,
[dir="ltr"] .list-anchor > li,
[dir="ltr"] .list-file > li {
  padding-left: 2.5rem;
}

[dir="rtl"] .list-check > li,
[dir="rtl"] .list-bullet > li,
[dir="rtl"] .list-number > li,
[dir="rtl"] .rte-enhanced ol > li,
[dir="rtl"] .list-colored > li,
[dir="rtl"] .list-task > div,
[dir="rtl"] .list-task > li,
[dir="rtl"] .list-dash > li,
[dir="rtl"] .list-anchor > li,
[dir="rtl"] .list-file > li {
  padding-right: 2.5rem;
}

[dir="ltr"] .list-anchor > li,
[dir="ltr"] .list-file > li {
  padding-left: 1.5rem;
}

[dir="rtl"] .list-anchor > li,
[dir="rtl"] .list-file > li {
  padding-right: 1.5rem;
}

[dir="ltr"] .list-dash > li {
  padding-left: 1.75rem;
}

[dir="rtl"] .list-dash > li {
  padding-right: 1.75rem;
}

[dir="ltr"] .rte li + ul,
[dir="ltr"] .rte li + ol {
  margin-left: 2.5rem;
}

[dir="rtl"] .rte li + ul,
[dir="rtl"] .rte li + ol {
  margin-right: 2.5rem;
}

.list-check > li:before,
.list-bullet > li:before,
.list-number > li:before,
.list-anchor > li:before,
.list-file > li:before,
.rte-enhanced ol > li:before,
.list-colored > li:before,
.list-dash > li:before {
  position: absolute;
  top: 0.15em;
  display: inline-block;
  width: 1.725em;
  height: 1.725em;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1.725em;
  text-align: center;
  border-radius: 50%;
}

[dir="ltr"] .list-check > li:before,
[dir="ltr"] .list-bullet > li:before,
[dir="ltr"] .list-number > li:before,
[dir="ltr"] .list-anchor > li:before,
[dir="ltr"] .list-file > li:before,
[dir="ltr"] .rte-enhanced ol > li:before,
[dir="ltr"] .list-colored > li:before,
[dir="ltr"] .list-dash > li:before {
  left: 0;
}

[dir="rtl"] .list-check > li:before,
[dir="rtl"] .list-bullet > li:before,
[dir="rtl"] .list-number > li:before,
[dir="rtl"] .list-anchor > li:before,
[dir="rtl"] .list-file > li:before,
[dir="rtl"] .rte-enhanced ol > li:before,
[dir="rtl"] .list-colored > li:before,
[dir="rtl"] .list-dash > li:before {
  right: 0;
}

.list-anchor > li:before,
.list-file > li:before {
  width: 1rem;
  height: 1rem;
  content: "";
}

[dir="ltr"] .list-anchor > li:before,
[dir="ltr"] .list-file > li:before {
  left: 0;
}

[dir="rtl"] .list-anchor > li:before,
[dir="rtl"] .list-file > li:before {
  right: 0;
}

.list-anchor > li:before {
  top: 0.4rem;
  background: var(--anchor-list-icon) center/contain no-repeat;
}

.list-file > li:before {
  top: 0.5rem;
  background: var(--anchor-file-icon) center/contain no-repeat;
}

.list-bullet > li:before,
.list-check > li:before {
  color: var(--list-bullet-text, var(--color-brand-primary-inverse));
  content: "✓";
  background-color: var(--list-bullet-bg, var(--color-text-primary));
}

.list-number,
.rte-enhanced ol,
.list-colored {
  counter-reset: list;
}

.list-number > li,
.rte-enhanced ol > li,
.list-colored > li {
  counter-increment: list;
}

.list-number > li:before,
.rte-enhanced ol > li:before,
.list-colored > li:before {
  color: var(--list-bullet-bg, var(--color-brand-primary-inverse));
  content: counter(list);
  background-color: var(--list-bullet-bg, var(--color-text-primary));
}

.task-wrapper {
  display: flex;
  align-items: center;
}

.task-wrapper label {
  display: flex;
  font-weight: normal;
  cursor: pointer;
  align-items: center;
}

[dir="ltr"] .task-wrapper label {
  margin-left: -2rem;
}

[dir="rtl"] .task-wrapper label {
  margin-right: -2rem;
}

.task-wrapper label:before {
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background-color: var(--body-color-bg);
  border: 0.05em solid var(--color-text-primary);
  border-radius: 0.15em;
}

[dir="ltr"] .task-wrapper label:before {
  margin-right: 0.5em;
}

[dir="rtl"] .task-wrapper label:before {
  margin-left: 0.5em;
}

.task-wrapper input[type="checkbox"] {
  position: absolute;
  cursor: pointer;
  opacity: 0;
}

.task-wrapper label:hover:before,
.task-wrapper input[type="checkbox"]:hover + label:before {
  background-color: var(--color-bg-secondary);
}

.task-wrapper label:focus:before,
.task-wrapper input[type="checkbox"]:focus + label:before {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-brand-primary);
}

.task-wrapper input[type="checkbox"]:checked + label:before {
  display: flex;
  color: var(--color-brand-primary-inverse);
  content: "✓";
  background-color: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  justify-content: center;
  align-items: center;
}

.list-dash > li:before {
  content: "—";
}

.list-step {
  position: relative;
}

.list-step > li:not(:last-child):after {
  position: absolute;
  top: 1rem;
  bottom: 10px;
  z-index: -1;
  width: 1px;
  content: "";
  background-color: var(--light-gray);
}

[dir="ltr"] .list-step > li:not(:last-child):after {
  left: calc(1.5rem + 1px);
}

[dir="rtl"] .list-step > li:not(:last-child):after {
  right: calc(1.5rem + 1px);
}

.list-number.list-step > li:not(:last-child):after,
.list-colored.list-step > li:not(:last-child):after,
.list-file.list-step > li:not(:last-child):after,
.list-task.list-step > .task-wrapper:not(:last-child):after,
.list-task.list-step > li:not(:last-child):after,
.list-dash.list-step > li:not(:last-child):after {
  position: absolute;
  top: 1rem;
  bottom: -1.5rem;
  z-index: -1;
  width: 1px;
  content: "";
  background-color: var(--light-gray);
}

[dir="ltr"] .list-number.list-step > li:not(:last-child):after,
[dir="ltr"] .list-colored.list-step > li:not(:last-child):after,
[dir="ltr"] .list-task.list-step > .task-wrapper:not(:last-child):after,
[dir="ltr"] .list-dash.list-step > li:not(:last-child):after {
  left: calc(1rem - 4px);
}

[dir="rtl"] .list-number.list-step > li:not(:last-child):after,
[dir="rtl"] .list-colored.list-step > li:not(:last-child):after,
[dir="rtl"] .list-task.list-step > .task-wrapper:not(:last-child):after,
[dir="rtl"] .list-dash.list-step > li:not(:last-child):after {
  right: calc(1rem - 4px);
}

[dir="ltr"] .list-file.list-step > li:not(:last-child):after {
  left: 1.5rem;
}

[dir="rtl"] .list-file.list-step > li:not(:last-child):after {
  right: 1.5rem;
}

.list-task.list-step > li {
  position: relative;
}

.list-task.list-step > li:before {
  position: absolute;
  top: calc(1rem - 6px);
  width: 8px;
  height: 8px;
  content: "";
  background-color: var(--body-color-bg);
  border: 1px solid var(--color-text-primary);
  border-radius: 50%;
}

[dir="ltr"] .list-task.list-step > li:before {
  left: calc(1rem - 2px);
}

[dir="rtl"] .list-task.list-step > li:before {
  right: calc(1rem - 2px);
}

[dir="ltr"] .list-task.list-step > .task-wrapper:not(:last-child):after,
[dir="ltr"] .list-task.list-step > li:not(:last-child):after {
  left: calc(1rem + 2px);
}

[dir="rtl"] .list-task.list-step > .task-wrapper:not(:last-child):after,
[dir="rtl"] .list-task.list-step > li:not(:last-child):after {
  right: calc(1rem + 2px);
}

.img-magnifier-glass {
  position: absolute;
  width: 150px;
  height: 150px;
  cursor: none;
  border: 1px solid rgb(121, 121, 121);
  border-radius: 50%;
}

.rte iframe,
.rte embed,
.rte object,
.rte video {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}

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

.rte {
  line-height: 1.8;
  word-break: break-word;
}

.rte * {
  margin-bottom: 0;
}

.rte > * {
  margin-bottom: 0;
}

.rte > *:not([hidden]) + *:not([hidden]) {
  margin-top: var(--flow-space, 1rem);
}

.rte h1,
.rte h2,
.rte h3 {
  --flow-space: 3rem;
}

.rte h4,
.rte h5,
.rte h6 {
  --flow-space: 2rem;
}

.rte:after {
  content: "";
  display: block;
  clear: both;
}

.rte > p:first-child {
  margin-top: 0;
}

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

.rte figcaption {
  margin-top: 1rem;
  opacity: 0.75;
}

table {
  border-spacing: 0px;
  border-collapse: collapse;
  background-color: transparent;
}

figure.wysiwyg-table {
  display: block;
  margin: initial;
}

.rte table:not([class*="table"]) {
  width: 100%;
  table-layout: auto;
}

[dir="ltr"] .rte table:not([class*="table"]) {
  text-align: left;
}

[dir="rtl"] .rte table:not([class*="table"]) {
  text-align: right;
}

.rte table:not([class*="table"]) thead {
  border-bottom-color: var(--color-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.rte table:not([class*="table"]) th,
.rte table:not([class*="table"]) td {
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

[dir="ltr"] .rte table:not([class*="table"]) th:first-child,
[dir="ltr"] .rte table:not([class*="table"]) td:first-child {
  padding-left: 0;
}

[dir="rtl"] .rte table:not([class*="table"]) th:first-child,
[dir="rtl"] .rte table:not([class*="table"]) td:first-child {
  padding-right: 0;
}

[dir="ltr"] .rte table:not([class*="table"]) th:last-child,
[dir="ltr"] .rte table:not([class*="table"]) td:last-child {
  padding-right: 0;
}

[dir="rtl"] .rte table:not([class*="table"]) th:last-child,
[dir="rtl"] .rte table:not([class*="table"]) td:last-child {
  padding-left: 0;
}

.rte table:not([class*="table"]) th {
  font-weight: 600;
  vertical-align: bottom;
}

.rte table:not([class*="table"]) tbody tr {
  border-bottom-color: var(--color-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.rte table:not([class*="table"]) tbody td {
  padding-top: 0.5rem;
  vertical-align: baseline;
}

.rte table:not([class*="table"]) tbody tr:last-child {
  border-bottom-width: 0;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}

@media screen and (max-width: 575px) {
  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    border: var(--border-width) solid var(--color-border);
    -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;
  }
}

.rte table.hover td,
.rte table.hover th,
.rte table.border td,
.rte table.border th,
.rte table.striped td,
.rte table.striped th,
.rte table.colored td,
.rte table.colored th {
  padding: 1rem !important;
}

table.striped tbody tr:nth-child(odd) {
  color: inherit;
}

.rte table.colored:not([class*="table"]) thead {
  border-bottom: none;
}

[dir="ltr"] .table--color-header thead th:first-child,
[dir="ltr"] table.colored thead th:first-child {
  border-top-left-radius: var(--border-radius-base-min);
}

[dir="rtl"] .table--color-header thead th:first-child,
[dir="rtl"] table.colored thead th:first-child {
  border-top-right-radius: var(--border-radius-base-min);
}

[dir="ltr"] .table--color-header thead th:last-child,
[dir="ltr"] table.colored thead th:last-child {
  border-top-right-radius: var(--border-radius-base-min);
}

[dir="rtl"] .table--color-header thead th:last-child,
[dir="rtl"] table.colored thead th:last-child {
  border-top-left-radius: var(--border-radius-base-min);
}

table.table--color-header th,
table.colored th {
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
}

table.border {
  border-collapse: separate;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-base-min);
}

table.border tbody tr:not(:last-child) td,
table.border th {
  border-bottom: 1px solid var(--color-border);
}

[dir="ltr"] table.border td:not(:first-child),
[dir="ltr"] table.border th:not(:first-child) {
  border-left: 1px solid var(--color-border);
}

[dir="rtl"] table.border td:not(:first-child),
[dir="rtl"] table.border th:not(:first-child) {
  border-right: 1px solid var(--color-border);
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: calc(var(--line-height-computed));
}

.table th,
.table td,
.rte .wysiwyg-table table th,
.rte .wysiwyg-table table td {
  padding: 12px;
  vertical-align: top;
}

.table td,
.rte .wysiwyg-table table td {
  border-top: 1px solid var(--color-border);
}

.table--color-header tbody tr:first-child td {
  border-top: none;
}

.table thead th,
.rte .wysiwyg-table table th {
  text-align: start !important;
  vertical-align: bottom;
}

.table tbody + tbody {
  border-top: 1px solid var(--color-border);
}

.table .table {
  background-color: var(--color-brand-primary-inverse);
}

.table--color-header th {
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
}

.table--striped th,
.table--striped td,
.table--striped thead th {
  border-color: var(--color-brand-primary-inverse);
}

.table--striped tbody tr:nth-child(odd) {
  color: inherit;
}

.table--hover tbody tr:hover {
  color: inherit;
}

.table--bordered {
  border-collapse: separate;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-base-min);
}

[dir="ltr"] .table--bordered td:not(:first-child),
[dir="ltr"] .table--bordered th:not(:first-child) {
  border-left: 1px solid var(--color-border);
}

[dir="rtl"] .table--bordered td:not(:first-child),
[dir="rtl"] .table--bordered th:not(:first-child) {
  border-right: 1px solid var(--color-border);
}

.table--striped tbody tr:nth-child(odd),
table.striped tbody tr:nth-child(odd),
.table--hover tbody tr,
.rte table.hover tr {
  position: relative;
}

.table--striped tbody tr:nth-child(odd) td,
table.striped tbody tr:nth-child(odd) td,
.table--hover tbody tr td,
.rte table.hover tr td {
  position: relative;
  z-index: 1;
}

.table--striped th,
.table--striped td,
table.striped th,
.table.striped td {
  position: relative;
}

.table--striped tbody td:after,
table.striped tbody td:after,
.table--hover tbody td:after,
.rte table.hover tbody td:after {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  opacity: 0.3;
}

[dir="ltr"] .table--striped tbody td:after,
[dir="ltr"] table.striped tbody td:after,
[dir="ltr"] .table--hover tbody td:after,
[dir="ltr"] .rte table.hover tbody td:after {
  left: 0;
}

[dir="rtl"] .table--striped tbody td:after,
[dir="rtl"] table.striped tbody td:after,
[dir="rtl"] .table--hover tbody td:after,
[dir="rtl"] .rte table.hover tbody td:after {
  right: 0;
}

.table--hover tbody td:after,
.rte table.hover tbody td:after {
  background-color: rgba(0, 0, 0, 0);
}

.table--striped tbody td:after,
table.striped tbody td:after {
  background-color: var(--color-table-bg-hover);
}

.table--striped tbody tr:nth-child(even) td:after,
table.striped tbody tr:nth-child(even) td:after {
  background-color: rgba(0, 0, 0, 0);
}

.table--hover tbody tr:hover td:after,
.rte table.hover tbody tr:hover td:after {
  background-color: var(--color-table-bg-hover);
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

@media (min-width: 576px) {
  .tabs {
    flex-direction: row;
  }
}

.tab {
  flex-basis: 100%;
  padding: 1rem;
  border: var(--border-width) solid var(--color-border);
  border-bottom-right-radius: var(--border-radius-base);
  border-bottom-left-radius: var(--border-radius-base);
}

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

.tabs-link {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0.5rem 1rem;
  margin: 0;
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  cursor: pointer;
  border-color: var(--color-border);
  border-style: solid;
  border-width: var(--border-width) var(--border-width) 0 var(--border-width);
}

@media (min-width: 576px) {
  .tabs-link {
    margin-bottom: calc(-1 * var(--border-width));
  }

  .tabs-link:not([aria-selected="true"]) {
    border-color: transparent;
  }
}

.tabs-link:first-child {
  border-top-left-radius: var(--border-radius-base);
  border-top-right-radius: var(--border-radius-base);
}

@media (min-width: 576px) {
  .tabs-link {
    border-top-left-radius: var(--border-radius-base);
    border-top-right-radius: var(--border-radius-base);
  }
}

.tabs-link[aria-selected="true"] {
  color: var(--color-brand-primary);
  cursor: pointer;
  background-color: var(--tabs-bg, var(--color-bg));
  border-color: var(--color-border);
}

.underline .tabs-link[aria-selected="true"] {
  border-color: var(--color-brand-primary);
  border-width: 0 0 var(--border-width) 0;
}

.background .tabs-link[aria-selected="true"],
.background .tab {
  position: relative;
  overflow: hidden;
  color: var(--color-text-primary);
  border-width: 0 0 0 0;
}

.background .tab:after,
.background .tabs-link[aria-selected="true"]:after {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-brand-primary);
  opacity: 0.15;
}

[dir="ltr"] .background .tab:after,
[dir="ltr"] .background .tabs-link[aria-selected="true"]:after {
  left: 0;
}

[dir="rtl"] .background .tab:after,
[dir="rtl"] .background .tabs-link[aria-selected="true"]:after {
  right: 0;
}

slider-component {
  position: relative;
  display: block;
}

.slider-grid {
  display: flex;
  padding: 0;
  margin-bottom: 2rem;
  list-style: none;
  flex-wrap: wrap;
}

.slider-grid:last-child {
  margin-bottom: 0;
}

.slider {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  display: none;
  width: 0.4rem;
  height: 0.4rem;
}

.slider::-webkit-scrollbar-thumb {
  border: 0;
  border-radius: 0.4rem;
}

.slider::-webkit-scrollbar-track {
  border-radius: 0.4rem;
}

.slider__slide {
  scroll-snap-align: start;
  flex-shrink: 0;
  padding-bottom: 0;
}

.slider.slider--tablet {
  position: relative;
  margin-bottom: 1rem;
  overflow-x: auto;
  flex-wrap: inherit;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

[dir="ltr"] .slider.slider--tablet {
  scroll-padding-left: 1.5rem;
}

[dir="rtl"] .slider.slider--tablet {
  scroll-padding-right: 1.5rem;
}

.slider--tablet.smooth {
  scroll-behavior: smooth;
}

.slider--tablet:after {
  width: 0;
  content: "";
}

[dir="ltr"] .slider--tablet:after {
  padding-left: 1.5rem;
}

[dir="rtl"] .slider--tablet:after {
  padding-right: 1.5rem;
}

.slider.slider--tablet .slider__slide {
  margin-bottom: 0;
}

.slider-grid__item {
  flex-grow: 1;
  flex-shrink: 0;
}

.slider-grid__item.slider__slide--full-width {
  width: 100%;
  max-width: none;
}

.slider-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lt-btn.slider-button {
  display: flex;
  width: 44px;
  height: 44px;
  cursor: pointer;
  border: none;
  align-items: center;
  justify-content: center;
}

.slider-button .icon {
  height: 0.6rem;
}

[dir="ltr"] .slider-button--next .icon {
  transform: rotate(-90deg);
}

[dir="rtl"] .slider-button--next .icon {
  transform: rotate(90deg);
}

[dir="ltr"] .slider-button--prev .icon {
  transform: rotate(90deg);
}

[dir="rtl"] .slider-button--prev .icon {
  transform: rotate(-90deg);
}

.slider-button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.slider-button[disabled] .icon {
  cursor: not-allowed;
}

[dir="ltr"] .slider-button--next:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1);
}

[dir="rtl"] .slider-button--next:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1);
}

[dir="ltr"] .slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1);
}

[dir="rtl"] .slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1);
}

.slider-counter {
  display: flex;
  justify-content: center;
  min-width: 4.4rem;
}
/* Components */
.lt-dropdown {
  position: relative;
  display: inline-block;
}

.lt-dropdown-toggle {
  display: inline-block;
  padding: 0;
  font-weight: var(--button-font-weight, 600);
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
}

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

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

.lt-dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 200px;
  padding: 0.75rem;
  margin-top: 1px;
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: normal;
  background: var(--color-bg);
  border: var(--border-width) solid var(--color-bg-tertiary);
  border-radius: min(var(--border-radius-base), var(--border-radius-menu-max));
  box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
}

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

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

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

.lt-dropdown-menu [role="separator"] {
  display: block;
  margin: 0.5rem 0.75rem;
  font-weight: normal;
  color: var(--color-bg-tertiary);
  border-bottom: 1px solid var(--color-bg-tertiary);
}

.lt-dropdown-menu [role="menuitem"] {
  display: block;
  width: auto;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-inline-start: 0.75rem;
  padding-inline-end: 2rem;
  line-height: inherit;
  color: var(--color-text-primary);
  text-align: start;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.lt-dropdown-menu [role="menuitem"]:hover,
.lt-dropdown-menu [role="menuitem"]:focus {
  color: var(--color-text-primary);
  text-decoration: none;
  background: var(--color-bg-secondary);
  border-radius: min(
    var(--border-radius-base),
    var(--border-radius-menu-item-max)
  );
}

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

.lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-top: 0.15rem;

  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5' /%3E%3C/svg%3E%0A");
}

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

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

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

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

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

.lt-dropdown-toggle--user {
  padding: 0;
  font-weight: var(--font-weight-bold);
  color: inherit;
  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 [role="menuitem"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/* ==========================================================================
  Buttons
  ========================================================================== */
.lt-btn,
input[type="submit"],
.lt-section-subscribe button,
.lt-article-subscribe button,
.lt-follow button,
.lt-profile__buttons button,
.lt-profile__buttons a,
.lt-vote button,
.lt-request-table-filters button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link,
#new-request-form button[type="submit"] {
  display: inline-block;
  padding: var(--button-padding-vertical, 0.75rem)
    var(--button-padding-horizontal, 1rem);
  margin-bottom: 0;
  font-size: var(--button-font-size, var(--text-sm));
  font-weight: var(--button-font-weight, 600);
  color: var(--color-button-text);
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: var(--color-button);
  background-image: none;
  border: var(--button-border-width, var(--border-width)) solid transparent;
  border-radius: var(--button-border-radius, var(--border-radius-base));
  transition: all 0.3s ease;
  touch-action: manipulation;
}
.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-follow button:hover,
.lt-follow button:focus,
.lt-profile__buttons button:hover,
.lt-profile__buttons button:focus,
.lt-profile__buttons a:hover,
.lt-profile__buttons a:focus,
.lt-vote button:hover,
.lt-vote button:focus,
.lt-request-table-filters button:hover,
.lt-request-table-filters 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,
#new-request-form button[type="submit"]:hover,
#new-request-form button[type="submit"]:focus {
  color: var(--color-button-text);
  text-decoration: none;
  background-color: var(--color-button);
}
.lt-btn:active,
input[type="submit"]:active,
.lt-section-subscribe button:active,
.lt-article-subscribe button:active,
.lt-follow button:active,
.lt-profile__buttons button:active,
.lt-profile__buttons a:active,
.lt-vote button:active,
.lt-request-table-filters button:active,
.pagination-next-link:active,
.pagination-prev-link:active,
.pagination-first-link:active,
.pagination-last-link:active,
#new-request-form button[type="submit"]:active {
  color: var(--color-button-text);
  background-color: var(--color-button);
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#new-request-form button[type="submit"] {
  height: auto;
  line-height: inherit;
}

input[type="submit"],
.lt-btn--primary,
#new-request-form button[type="submit"] {
  --color-button-text: var(--button-color-primary-text);
  --color-button: var(--button-color-primary);
}

input[type="submit"]:hover,
input[type="submit"]:focus,
.lt-btn--primary:hover,
.lt-btn--primary:focus,
#new-request-form button[type="submit"]:hover,
#new-request-form button[type="submit"]:focus {
  --color-button-text: var(--color-brand-primary-inverse);
  --color-button: var(--color-brand-primary-hover);
}

input[type="submit"]:active,
.lt-btn--primary:active,
#new-request-form button[type="submit"]:active {
  --color-button-text: var(--color-brand-primary-inverse);
  --color-button: var(--color-brand-primary-pressed);
}

.lt-btn--secondary,
.lt-section-subscribe button,
.lt-article-subscribe button,
.lt-follow button,
.lt-profile__buttons button,
.lt-profile__buttons a,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link {
  color: var(--button-color-secondary);
  background-color: transparent;
  border-color: var(--button-color-secondary);
}

.lt-btn--secondary:hover,
.lt-btn--secondary:focus,
.lt-section-subscribe button:hover,
.lt-section-subscribe button:focus,
.lt-article-subscribe button:hover,
.lt-article-subscribe button:focus,
.lt-follow button:hover,
.lt-follow button:focus,
.lt-profile__buttons button:hover,
.lt-profile__buttons button:focus,
.lt-profile__buttons a:hover,
.lt-profile__buttons a: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 {
  opacity: 0.6;
}

.lt-btn--secondary:active,
.lt-section-subscribe button:active,
.lt-article-subscribe button:active,
.lt-follow button:active,
.lt-profile__buttons button:active,
.lt-profile__buttons a:active,
.pagination-next-link:active,
.pagination-prev-link:active,
.pagination-first-link:active,
.pagination-last-link:active {
  color: var(--color-bg);
  background-color: var(--button-color-secondary);
  border-color: var(--button-color-secondary);
}

.lt-btn--tertiary,
.lt-subscriptions-subscribe button,
.lt-request-table-filters button,
.lt-underlined-link,
.recent-activity-controls a {
  padding: 0;
  font-weight: var(--button-font-weight, 600);
  color: var(--button-color-tertiary);
  text-decoration: underline;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

.lt-btn--tertiary:hover,
.lt-btn--tertiary:focus,
.lt-btn--tertiary:active,
.lt-subscriptions-subscribe button:hover,
.lt-subscriptions-subscribe button:focus,
.lt-subscriptions-subscribe button:active,
.lt-request-table-filters button:hover,
.lt-request-table-filters button:focus,
.lt-request-table-filters button:active,
.lt-underlined-link:hover,
.lt-underlined-link:focus,
.lt-underlined-link:active,
.recent-activity-controls a:hover,
.recent-activity-controls a:focus,
.recent-activity-controls a:active {
  color: var(--button-color-tertiary);
  -webkit-text-decoration: var(--link-decoration-hover);
  text-decoration: var(--link-decoration-hover);
  background-color: transparent;
  opacity: 0.6;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

.lt-btn--icon,
.lt-vote button {
  display: flex;
  padding: 0 !important;
  color: var(--color-text-primary) !important;
  background-color: transparent;
  border: 0 !important;
  justify-content: center;
  align-items: center;
}

.lt-btn--icon:hover,
.lt-btn--icon:focus,
.lt-btn--icon:active,
.lt-vote button:hover,
.lt-vote button:focus,
.lt-vote button:active {
  color: var(--topbar-color-text-hover);
  background-color: transparent;
  border-color: var(--topbar-color-text-hover);
  opacity: 0.6;
}

.lt-btn--icon[aria-pressed="true"] svg {
  fill: var(--color-text-primary);
}

.lt-btn--topbar {
  color: var(--topbar-color-text);
  background-color: transparent;
  border-color: var(--topbar-color-text);
}

.lt-btn--topbar:hover,
.lt-btn--topbar:focus,
.lt-btn--topbar:active {
  color: var(--topbar-color-text-hover);
  background-color: transparent;
  border-color: var(--topbar-color-text-hover);
  opacity: 0.6;
}

@media (max-width: 991px) {
  .lt-btn--topbar {
    padding: 0.5rem;
  }
}

.lt-pill {
  z-index: 1;
  display: inline-flex;
  background-color: var(--color-bg-secondary);
}

.lt-pill,
.recent-activity-item-parent {
  position: relative;
  padding: 0.5rem 1rem;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  letter-spacing: 0;
  border-radius: calc(var(--border-radius-base) * 5);
}

.recent-activity-item-parent:after {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-info);
  border-radius: calc(var(--border-radius-base) * 5);
  opacity: 0.15;
}

[dir="ltr"] .recent-activity-item-parent:after {
  left: 0;
}

[dir="rtl"] .recent-activity-item-parent:after {
  right: 0;
}

.lt-pill--sm {
  padding: 0.25rem 0.75rem;
}

.lt-pill--info,
.lt-pill--success,
.lt-pill--danger,
.lt-pill--warning,
.lt-pill--open,
.lt-pill--answered,
.lt-pill--solved,
.lt-pill--closed {
  background-color: transparent;
}

.lt-pill--info:after,
.lt-pill--success:after,
.lt-pill--danger:after,
.lt-pill--warning:after,
.lt-pill--open:after,
.lt-pill--solved:after,
.lt-pill--closed:after,
.lt-pill--answered:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  border-radius: calc(var(--border-radius-base) * 5);
  opacity: 0.15;
}

.lt-pill--info:after {
  background-color: var(--color-info);
  opacity: 0.15;
}

.lt-pill--success:after,
.lt-pill--solved:after,
.lt-pill--closed:after {
  background-color: var(--color-success);
  opacity: 0.15;
}

.lt-pill--danger:after,
.lt-pill--open:after {
  background-color: var(--color-danger);
  opacity: 0.15;
}

.lt-pill--warning:after,
.lt-pill--answered:after {
  background-color: var(--color-warning);
  opacity: 0.15;
}

a.lt-pill:hover,
a.lt-pill:active,
a.lt-pill:focus,
.recent-activity-item-parent:hover,
.recent-activity-item-parent:active,
.recent-activity-item-parent:focus {
  color: #fff;
  text-decoration: none;
  background-color: var(--color-brand-primary-hover);
}

a.lt-pill:hover:after,
a.lt-pill:active:after,
a.lt-pill:focus:after {
  background-color: var(--color-brand-primary-hover);
}

.lt-avatar {
  position: relative;
  display: inline-block;
  border-radius: 100%;
}

.lt-avatar svg {
  position: absolute;
  bottom: -0.25rem;
  z-index: 2;
  display: flex;
  width: 1.125rem;
  height: 1.125rem;
  fill: var(--color-brand-primary);
  background-color: var(--avatar-icon-bg, var(--color-bg));
  border-radius: 100%;
}

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

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

.lt-avatar:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: 100%;
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.15) inset;
}

.lt-avatar__badge {
  position: absolute;
  top: -0.5rem;
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  padding: 4px;
  font-size: var(--text-xxs);
  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-user-avatar {
  position: relative;
  border-radius: 100%;
}

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

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

.lt-user-avatar--profile {
  width: 3rem;
  height: 3rem;
}

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

.lt-meta--search {
  font-size: var(--text-base);
}

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

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

.lt-meta--search .lt-meta__item:before {
  display: none;
}

.breadcrumbs {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: var(--border-radius-base);
}

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

.breadcrumbs > li + li:before {
  padding: 0 5px;
  color: var(--breadcrumbs-color, var(--color-text-secondary));
  content: "› ";
}

.breadcrumbs > li a {
  color: var(--breadcrumbs-color, var(--color-text-secondary));
}

.breadcrumbs > li:last-child a {
  color: var(--color-text-primary);
}

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

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

.lt-breadcrumbs--search-results {
  padding: 0;
}

.lt-breadcrumbs-wrapper {
  padding-top: 2rem;
}

.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: var(--topbar-color-text);
  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-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-entry-info .author a {
  color: var(--color-text-primary);
}

.lt-hero-unit {
  position: relative;
  display: flex;

  color: var(--hero-color-text);
  background-color: var(--hero-bg);
  align-items: center;
}

.lt-hero-unit input[type="search"] {
  font-size: var(--text-xl);
}

.lt-hero-unit__content {
  position: relative;
  z-index: 2;
  max-width: 720px;
  transition: top 0.3s ease;
}

.lt-hero-unit--large {
  padding-top: 8%;
  padding-bottom: 8%;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  z-index: 2;
  width: 100%;
  transition: top 0.3s ease;
}

.lt-hero-unit > * {
  width: 100%;
}

.lt-hero-unit--center,
.lt-hero-unit--center .lt-popular-searches {
  justify-content: center;
  text-align: center;
}

.lt-hero-unit--center .lt-hero-unit__content,
.lt-hero-unit--text-start .lt-hero-unit__content {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.lt-hero-unit--text-start {
  justify-content: center;
  text-align: start;
}

.lt-hero-unit--text-start .lt-popular-searches {
  justify-content: start;
}

.lt-hero-unit--start,
.lt-hero-unit--start .lt-popular-searches {
  justify-content: flex-start;
}

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

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

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

.lt-hero-unit__bg {
  position: absolute;
  top: -10%;
  z-index: 1;
  width: 100%;
  height: 150%;
  background: var(--hero-image-url) 50% 50% no-repeat;
  background-size: cover;
}

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

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

.lt-hero-unit--large input[type="search"] {
  height: 3.125rem;
  transition: border 0.3s ease;
  transition: border 0.3s ease, background-color 0.3s ease;
}

.lt-hero-unit--large input[type="submit"] {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  flex-shrink: 0;
}

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

@media (min-width: 768px) {
  .lt-hero-unit--large input[type="submit"],
  .lt-hero-unit--large input[type="search"] {
    height: 3.75rem;
  }
}

@media only screen and (min-width: 576px) {
  .lt-hero-unit--large {
    min-height: 33rem;
  }
}

.lt-card {
  --flow-space: 0.5rem;
  position: relative;
  display: flex;
  width: 100%;
  word-break: break-word;
  flex-direction: column;
}

.lt-card__link {
  display: block;
  color: currentColor;
}

.lt-card__link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.lt-card__content {
  max-width: 40ch;
}

.lt-card__heading,
.lt-card__text {
  margin-bottom: 10px;
  text-wrap: balance;
}

.lt-card--center {
  align-items: center;
  text-align: center;
}

.lt-card--start {
  align-items: flex-start;
  text-align: start;
}

.lt-card-wrapper {
  position: relative;
  display: flex;
}

@media (min-width: 768px) {
  .lt-custom-blocks--center .lt-card {
    align-items: center;
    text-align: center;
  }

  .lt-custom-blocks--start .lt-card {
    align-items: flex-start;
    text-align: start;
  }
}

.lt-custom-block__icon {
  width: var(--custom-block-icon-size);
  height: var(--custom-block-icon-size);
}

.lt-custom-block__icon path,
.lt-custom-block__icon circle {
  stroke: var(--custom-block-icon-color);
  transition: all 0.3s ease;
}

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

.lt-block-list-item {
  padding: 3rem 2rem;
  color: var(--block-text-color);
}

.lt-block-list-item__link:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background-color: var(--block-bg);

  border-radius: var(--border-radius-lg);
  transition: background-color 0.3s ease;
}

.lt-block-list-item__link:hover,
.lt-block-list-item__link:focus {
  color: currentColor;
  text-decoration: none;
}

.lt-block-list-item__link:focus:before,
.lt-block-list-item__link:hover:before {
  filter: brightness(90%);
}

.lt-block-list-item__link:active:before {
  filter: brightness(85%);
}

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

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

.recent-activity-header {
  margin-bottom: var(--text-margin-bottom);
  font-size: var(--text-2xl);
}

@media only screen and (min-width: 768px) {
  .recent-activity-header {
    font-size: var(--text-3xl);
  }
}

.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: 2rem;
  flex-direction: column;

  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-lg);
  align-items: flex-start;
}

.recent-activity-item h3 {
  font-family: var(--font-family-body);
}

.recent-activity-item > * + * {
  margin-top: 1rem;
}

.recent-activity-item > * {
  margin-bottom: 0;
}

.recent-activity-item > *:not([hidden]) + *:not([hidden]) {
  margin-top: var(--flow-space, 1rem);
}

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

.recent-activity-item-parent {
  display: block;
}

.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: 1.5rem;
}

.cta-box {
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
  background-color: var(--color-bg-cta);
  border-radius: var(--border-radius-lg);
  padding-inline-start: 2rem;
  padding-inline-end: 2rem;
}

.cta-box--large {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.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: var(--color-text-primary);
}

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

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

.lt-new-request-page {
  width: 100%;
  margin-bottom: 3rem;
}

.lt-new-request-form {
  margin-bottom: 1.5rem;
}

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

.lt-error-page__articles {
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-base);
}

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

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

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

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

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

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

.lt-scroll-to-top:hover {
  color: var(--color-link-hover);
  border-color: var(--color-link-hover);
}

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

.recent-articles h3,
.related-articles h3 {
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .recent-articles h3,
  .related-articles h3 {
    margin-top: 1rem;
  }
}

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

.recent-articles ul > li,
.related-articles ul > li {
  margin-bottom: 1rem;
}

.recent-articles ul > li a,
.related-articles ul > li a {
  padding-bottom: 1px;
  color: var(--color-text-primary);
  border-bottom: 1px solid var(--color-border);
}

[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;
    border-bottom: var(--border-width) solid var(--color-border);
    order: -1;
  }

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

  .lt-user-info__menu [role="menuitem"] {
    padding-top: 0.5rem;
    padding-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 0;
    font-weight: var(--topbar-font-weight);
  }
}

.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: var(--border-radius-base);
}

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

.lt-profile-header__private-badge {
  display: inline-block;
  margin-bottom: 1.5rem;
  background-color: var(--color-brand-primary);
}

.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: 1rem;
  font-size: var(--text-sm);
  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: 0.5rem;
}

@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: var(--color-text-primary);
}

.lt-profile-nav {
  margin-bottom: 1.5rem;
  overflow: hidden;
  font-size: var(--text-sm);
  font-weight: 600;
  background-color: var(--color-bg-secondary);
  border-radius: var(--border-radius-base);
}

.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: var(--color-text-primary);
}

.lt-profile-nav__item.is-active {
  color: #fff;
  background-color: var(--color-brand-primary);
}

.lt-profile-nav__item.is-active,
.lt-profile-nav__item a {
  padding: 1rem var(--padding-base-horizontal);
  line-height: 1;
}

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

.lt-profile-section__title {
  margin-bottom: 1rem;
  font-size: var(--font-size-h3);
}

.lt-profile-section__description {
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
}

@media (min-width: 576px) {
  .lt-profile-section__description {
    padding-bottom: 0;
  }
}

.lt-profile-contribution {
  position: relative;
  padding: 1rem var(--grid-gutter-width);

  word-wrap: break-word;
  background-color: var(--color-bg-secondary);

  border-radius: var(--border-radius-base);
}

.lt-profile-contribution__header {
  margin-bottom: 0.5rem;
}

.lt-profile-contribution__status {
  margin-bottom: 0.5rem;
}

.lt-profile-contribution__title {
  margin-bottom: 0.5rem;
  font-size: var(--text-base);
  font-weight: 600;
}

.lt-profile-contribution__body {
  margin-bottom: 1rem;
}

.lt-profile-contribution__breadcrumbs {
  padding: 0;
  margin-bottom: 1rem;
  font-size: var(--text-sm);
}

.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: 2rem;
}

.lt-profile-activity__header {
  margin-bottom: 1rem;

  font-size: var(--text-sm);
  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);
}

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

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

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

.lt-profile-badge-item {
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-base);
}

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

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

.lt-profile-activity .lt-icon {
  width: 1rem;
  height: 1rem;
}

.lt-attachment-list {
  margin: 0;

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

[dir="ltr"] .lt-attachment-list__item {
  padding-left: 1.5rem;
}

[dir="rtl"] .lt-attachment-list__item {
  padding-right: 1.5rem;
}

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

.lt-attachment-list__icon {
  position: absolute;
  top: 4px;
  width: 1rem;
  height: 1rem;
}

[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: var(--color-text-primary);
  background-color: var(--color-bg);
  border: var(--border-width) solid var(--color-link);
  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: 0.75rem 1rem;
  font-family: sans-serif;
  font-size: var(--text-sm);
  color: #555;
  border: var(--border-width) solid;
  transition: height 0.2s;
}

.notification a {
  color: #158ec2;
}

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

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

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

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

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

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

.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: 0.25rem 0.5rem;
  margin-top: 0.5rem;
  vertical-align: middle;
  border-radius: var(--border-radius-base);
}

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

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

.notification-inline.notification-error {
  padding: 0;
  color: var(--color-ui-danger-text);
  background-color: transparent;
  border: 0;
}

.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-popular-searches {
  font-weight: var(--button-font-weight, 600);
}

.lt-popular-searches__item {
  color: var(--hero-color-text);
}

.lt-popular-searches__item:hover,
.lt-popular-searches__item:active,
.lt-popular-searches__item:focus {
  color: var(--hero-color-text);
  text-decoration: none;
  opacity: 0.85;
}

.lt-contact-box__icon {
  width: var(--contact-box-icon-size);
  height: var(--contact-box-icon-size);
}

.lt-card--border {
  padding: 2rem;
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-lg);
}

.lt-info-block {
  border-radius: var(--border-radius-base);
}

.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 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

.lt-vote svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke-width: 1.5;
}

skeleton-loader-block,
.lt-skeleton-loader-block {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 1rem;
  overflow: hidden;
  background-color: var(--color-border);
  border-radius: 0;
}

skeleton-loader-block:after,
.lt-skeleton-loader-block:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  animation: lt-shimmer 3s infinite;
}

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

[dir="ltr"] skeleton-loader-block:after,
[dir="ltr"] .lt-skeleton-loader-block:after {
  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%);
}

[dir="rtl"] skeleton-loader-block:after,
[dir="rtl"] .lt-skeleton-loader-block:after {
  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%);
}

@keyframes lt-shimmer {
  100% {
    transform: translateX(100%);
  }
}
/* Search */
/* Search */
.search {
  display: flex;
  gap: 1rem;
}

.searchbox h2 {
  margin-bottom: 0.5rem;
  font-size: var(--text-base);
}

.lt-search-wrap {
  position: relative;
  max-width: 720px;
}

.lt-search-wrap:not(.lt-search-wrap--hero):not(.lt-search-wrap--requests) {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.lt-search-wrap input[type="search"] {
  padding-inline-start: 3rem;
}

.lt-search-wrap svg {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  stroke: var(--color-text-primary);
  transform: translateY(-50%);
}

[dir="ltr"] .lt-search-wrap svg {
  left: 1rem;
}

[dir="rtl"] .lt-search-wrap svg {
  right: 1rem;
}

.lt-search-wrap--requests {
  margin-inline-start: 0;
  margin-inline-end: 0;
  max-width: 100%;
}

.lt-search-results-page {
  margin-bottom: 3rem;
}

.lt-search-result {
  border-top: var(--border-width) solid var(--color-border);
}

.lt-search-result__text em {
  position: relative;
  padding: 0 3px;
  font-style: normal;
  font-weight: var(--font-weight-bold);
  border-radius: 3px;
}

.lt-search-result__text em:after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-warning);
  opacity: 0.15;
}

[dir="ltr"] .lt-search-result__text em:after {
  left: 0;
}

[dir="rtl"] .lt-search-result__text em:after {
  right: 0;
}
/* ==========================================================================
  Search Results Filters
   ========================================================================== */
.lt-search-filters {
  background-color: var(--color-bg-secondary);
  border-radius: var(--border-radius-base);
}

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

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

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

.lt-search-filter__btn-content {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.lt-search-filter__link {
  align-items: center;
  color: var(--color-text-primary);
  text-decoration: none;
  border: var(--border-width) solid transparent;
  border-radius: var(--border-radius-base);
}

.lt-search-filter__link:active {
  background-image: none;
}

.lt-search-filter__item.is-active .lt-search-filter__link {
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
}

.lt-search-filter__link a,
.lt-search-filter__link svg {
  color: currentColor;
}

.lt-search-filter__count {
  display: inline-flex;
  font-size: var(--text-sm);
}
/* My Activities */
.lt-my-activities-items {
  width: 100%;
  margin-bottom: 3rem;
  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-weight: var(--font-weight-bold);
  }
}

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

.lt-my-activities-items__row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

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

.lt-my-activities-items__col {
  display: block;
}

.lt-my-activities-items__col--activity {
  display: none;
}

@media (min-width: 576px) {
  .lt-my-activities-items__col {
    display: table-cell;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: var(--border-width) solid var(--color-border);
  }

  [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 {
  position: relative;
  color: var(--color-text-secondary);
  white-space: nowrap;
}

.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--main {
  border-bottom: var(--border-width) solid var(--color-border);
}

.lt-my-activities-menu--main .lt-my-activities-menu-item {
  padding: 0.5rem 1rem;
  background-color: var(--color-link);
  border-radius: var(--border-radius-base);
}

.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(--font-weight-bold);
  color: var(--color-text-primary);
  background-color: var(--color-bg-secondary);
}

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

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

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

@media (max-width: 575px) {
  .lt-my-activities-item {
    padding: 1rem var(--padding-base-horizontal);
    margin-bottom: 1.5rem;
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--border-radius-base);
  }
}
/* Comments */
/* ==========================================================================
  Comment Form
  ========================================================================== */
.lt-comment-form {
  position: relative;
}

@media (min-width: 576px) {
  [dir="ltr"] .lt-comment-form {
    padding-left: 4rem;
  }

  [dir="rtl"] .lt-comment-form {
    padding-right: 4rem;
  }
}

.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: 1.5rem;
}

.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: 1rem;
}
/* ==========================================================================
  Comment Sorter
  ========================================================================== */
.lt-comment-sorter {
  border-bottom: var(--border-width) solid var(--color-border);
}

.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 var(--color-border);
}

.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 {
  display: block;
  margin-bottom: 1rem;
  font-weight: var(--font-weight-bold);
}

.lt-comment--official .lt-comment__inner {
  position: relative;
  padding: 1.5rem;
}

.lt-comment--official .lt-comment__inner:after {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--info-callout-color);
  border-radius: var(--border-radius-base);
  opacity: 0.15;
}

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

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

.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 [dir="auto"] {
    margin-bottom: 0;
  }
}

@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;
}
/* Comment List */
.lt-comments {
  margin-bottom: 3rem;
}

.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-container {
  display: grid;
  gap: calc(var(--grid-gutter-width) * 2);
  grid-template-columns: 1fr;
}

@media (min-width: 1200px) {
  .lt-article-container {
    grid-template-columns: 1fr 720px 1fr;
  }
}

.lt-article-container__article {
  min-width: 0; /* Preventing a Grid Blowout https://css-tricks.com/preventing-a-grid-blowout/ */
}

@media (max-width: 575px) {
  .lt-article-container__sidebar {
    padding-top: 1.5rem;

    border-top: var(--border-width) solid var(--color-border);
  }
}

html.sidenav-enabled .lt-section-articles {
  display: none;
}

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

.toc-enabled .lt-article-container__sidebar {
  padding-bottom: 24px;
}

.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 > * + * {
  margin-top: 1rem;
}

.lt-star-icon {
  position: relative;
  top: -0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  vertical-align: middle;
  fill: var(--color-service-warning);
}

.lt-article-vote {
  position: relative;
}

.lt-article-vote__controls {
  display: flex;
  gap: 0.5rem;
}

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

.lt-article-vote__item--voted {
  color: var(--color-bg);
  background-color: var(--color-text-primary);
  border-color: var(--color-text-primary);
}

.lt-article-vote__item--voted:hover,
.lt-article-vote__item--voted:focus {
  color: var(--color-bg);
  background-color: var(--button-color-secondary);
  border-color: var(--button-color-secondary);
  opacity: 0.6;
}

.lt-article-vote__label {
  display: block;

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

.lt-article-page {
  margin-bottom: 2rem;
}

.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: 1.5rem;
  word-break: break-word;
}

.lt-article__body .wysiwyg-font-size-x-large {
  font-size: var(--font-size-h2);
}

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

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

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

@media (max-width: 575px) {
  .lt-article-sidebar {
    padding-top: 1.5rem;

    border-top: var(--border-width) solid var(--color-border);
  }
}
/* Category */
.lt-category-tree-item {
  margin-bottom: 2rem;
}

.lt-category-tree-item__sections {
  margin-bottom: 1.5rem;
}

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

.lt-category-tree-item + .lt-category-tree-item {
  padding-top: 2rem;
  border-top: var(--border-width) solid var(--color-border);
}
/* Section */
.lt-section-link {
  color: inherit;
}

.lt-section-articles summary {
  font-size: var(--text-lg);
}

@media (min-width: 1200px) {
  .lt-section-articles .accordion {
    overflow: visible;
    border: 0;
  }

  .lt-section-articles summary {
    margin-bottom: 1rem;
    padding: 0 !important;
    font-size: var(--text-xl);
  }

  .lt-section-articles .accordion__content {
    overflow: visible;
    margin: 0;
    padding: 0;
    border: 0;
  }

  .lt-section-articles .accordion__summary-wrapper > .lt-icon {
    display: none;
  }
}
/* Community */
.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(--font-weight-bold);
}

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

[dir="rtl"] .lt-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 {
  margin-bottom: 2rem;
  word-wrap: break-word;
}

.lt-post__actions {
  padding-top: 0.5rem;
}

.lt-post__actions svg {
  width: 1.5rem;
  height: 1.5rem;
}

.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 {
  border-radius: var(--border-radius-lg);
}

.lt-post-list-item {
  padding-top: 1rem;
  margin-bottom: 1rem;
  border-top: var(--border-width) solid var(--color-border);
}

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

.community-badge-achievements img {
  width: 1rem;
  height: 1rem;
}

.community-badge-titles img {
  width: 1rem;
  height: 1rem;
}

.profile-info .community-badge-achievements img {
  width: 2.5rem;
  height: 2.5rem;
}

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

.hotposts-tabs .tabs-link {
  padding: 0 0 8px;
  margin-bottom: -2px;
  color: #2d7ccc;
  border: none;
  border-bottom: var(--border-width) 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-filters {
  display: flex;
  padding: 1rem;
  margin-bottom: 1.5rem;
  flex-direction: column;
  background-color: var(--color-bg-secondary);
  border-radius: var(--border-radius-lg);
  gap: 1rem;
}
@media (min-width: 768px) {
  .lt-request-table-filters {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;

    align-items: flex-end;
  }
}

.lt-request-table-filters__item--search {
  flex: 1;
}

.lt-request-table-organization__col--button [role="button"] {
  height: calc(1rem + var(--padding-base-horizontal) + 2px);
  padding-top: 0;
  padding-bottom: 0;
  line-height: calc(1rem + 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 {
  position: absolute;
  bottom: 0;
  font-size: var(--text-xxs);
}

[dir="ltr"] .requests-sort-symbol {
  left: calc(100% + 0.25rem);
}

[dir="rtl"] .requests-sort-symbol {
  right: calc(100% + 0.25rem);
}

.lt-request-page {
  margin-bottom: 3rem;
}

.lt-request-id {
  margin-bottom: 1rem;
  font-weight: var(--font-weight-bold);
}

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

.lt-request-sidebar {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: var(--text-sm);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-base);
}
/* Force lightweight table: light grey horizontal lines ONLY - kill verticals, black lines, shading */
figure.wysiwyg-table,
.wysiwyg-table,
.rte figure.wysiwyg-table,
.rte .wysiwyg-table {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 1.5em 0 !important;
}

figure.wysiwyg-table table,
.wysiwyg-table table,
.rte table {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: transparent !important;
  width: 100% !important;
  table-layout: auto !important;
}

/* Header - no shading, only bottom horizontal line, no top black line */
figure.wysiwyg-table thead,
.wysiwyg-table thead,
.rte thead {
  background: transparent !important;
  border: none !important;
}

figure.wysiwyg-table th,
.wysiwyg-table th,
.rte th {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid #d0d0d0 !important;  /* light grey under header */
  border-top: none !important;
  padding: 10px 12px !important;
  font-weight: 600 !important;
  text-align: left !important;
}

/* Body cells - horizontal lines only, no verticals, no black */
figure.wysiwyg-table td,
.wysiwyg-table td,
.rte td {
  border: none !important;
  border-bottom: 1px solid #eeeeee !important;   /* only light grey horizontal */
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  padding: 10px 12px !important;
  vertical-align: top !important;
}

/* Remove bottom line from last row */
figure.wysiwyg-table tbody tr:last-child td,
.wysiwyg-table tbody tr:last-child td,
.rte tbody tr:last-child td {
  border-bottom: none !important;
}

/* Kill any cell-to-cell vertical borders from adjacent selectors */
figure.wysiwyg-table td + td,
.wysiwyg-table td + td,
.rte td + td,
figure.wysiwyg-table th + th,
.wysiwyg-table th + th,
.rte th + th {
  border-left: none !important;
}

/* Override any hover/striped that might add unwanted bg */
.wysiwyg-table tbody tr:hover,
.rte table.hover tr:hover {
  background: transparent !important;
}

/* ============================================================
   Category Page — Section Cards
   Change --category-cols to control cards per row (1, 2, 3, or 4)
   ============================================================ */
:root {
  --category-cols: 3;
}

/* CSS grid layout — no Bootstrap row/col interference */
.category-page .lt-category-tree-item__sections {
  display: grid;
  grid-template-columns: repeat(var(--category-cols), 1fr);
  gap: calc(var(--grid-gutter-width) * 2);
  margin-bottom: 1.5rem;
}

/* Tablet: 2 columns */
@media (min-width: 768px) and (max-width: 991px) {
  .category-page .lt-category-tree-item__sections {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile: single column */
@media (max-width: 767px) {
  .category-page .lt-category-tree-item__sections {
    grid-template-columns: 1fr;
  }
}

/* Card */
.category-page .section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  padding: var(--card-padding);
  margin-bottom: 0;
  min-height: 280px;
  background-color: var(--block-bg);
  color: var(--block-text-color);
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  word-break: normal;
  overflow-wrap: anywhere;
}

.category-page .section::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0);
  border-radius: var(--border-radius-lg);
  transition: background-color 0.3s ease;
  z-index: 0;
  pointer-events: none;
}

.category-page .section:hover {
  cursor: pointer;
}

.category-page .section:hover::after {
  background-color: rgba(0, 0, 0, 0.08);
}

/* Full-card clickable overlay */
.category-page .section-card-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

/* Icon */
.category-page .section img[data-lotus-icon] {
  display: block;
  height: 160px;
  max-height: 160px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  margin-bottom: 1rem;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

/* Section name */
.category-page .section h2 {
  color: var(--block-text-color);
  margin-bottom: 0.5rem;
  word-break: normal;
  position: relative;
  z-index: 2;
}

/* Section description */
.category-page .section .section-card-description {
  color: var(--block-text-color);
  opacity: 0.8;
  font-size: var(--text-sm);
  margin-bottom: 0;
  line-height: var(--line-height-body);
  position: relative;
  z-index: 2;
}
/* ============================================================
   EVOLUTION DIGITAL — DATASHEET PRINT STYLES v3.0
   Append to bottom of style.css in Zendesk theme editor.
   ============================================================ */

@media print {

  /* Page setup — letter with margins matching original datasheet */
  @page {
    size: letter portrait;
    margin: 0.5in 0.75in;
  }
  
    /* Tighten table cell padding for print */
  figure.wysiwyg-table td,
  .wysiwyg-table td {
    padding: 2px 4px !important;
  }

  /* Hide all Zendesk chrome */
  .lt-topbar,
  .lt-hero-unit,
  .lt-breadcrumbs-wrapper,
  .lt-article-container__sidenav,
  .lt-article-container__sidebar,
  .lt-article__title,
  .lt-entry-info,
  .lt-article-subscribe,
  .lt-article-vote,
  .lt-comments,
  .lt-d-print-none,
  .lt-footer,
  .lt-scroll-to-top,
  .lt-section-articles,
  #contact-boxes,
  [data-toc],
  [data-prevnext] {
    display: none !important;
  }

  /* Reset all containers to full width */
  body, html {
    background: white !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .lt-container,
  .lt-container-inner,
  .lt-article-page,
  .lt-article-container,
  .lt-article-container__article,
  .lt-article,
  .lt-article__body {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    grid-template-columns: unset !important;
  }

  /* Ensure images and backgrounds print */
  img {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }

  /* Page break */
  div[style*="page-break-after"] {
    page-break-after: always !important;
    break-after: page !important;
  }

}
/* End datasheet print styles */

/* ============================================================
   EVOLUTION DIGITAL — IMAGE GALLERY STYLES
   Append to bottom of style.css in Zendesk theme editor.
   Scoped to #evo-gallery only.
   ============================================================ */

/* Suppress default table styles inside gallery */
#evo-gallery table,
#evo-gallery td {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Card */
#evo-gallery .evo-gallery-card {
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  background-color: #F7F8FA;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

#evo-gallery .evo-gallery-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* Thumbnail container — locks to 16:9 aspect ratio */
#evo-gallery .evo-gallery-card a.evo-thumb {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-color: #F7F8FA;
  border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
  cursor: zoom-in;
}

#evo-gallery .evo-gallery-card a.evo-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Card info area */
#evo-gallery .evo-gallery-info {
  padding: 0.5rem 0.65rem 0.65rem;
  background-color: #F7F8FA;
}

/* Filename — no extension, dark, semibold */
#evo-gallery .evo-gallery-name {
  font-size: 11px;
  font-weight: 600;
  color: #282F48;
  margin: 0 0 0.15rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

/* Metadata — muted, small */
#evo-gallery .evo-gallery-meta {
  font-size: 10px;
  color: #51566C;
  margin: 0 0 0.5rem;
  line-height: 1.3;
}

/* Download link — icon + text */
#evo-gallery .evo-gallery-dl {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 11px;
  font-weight: 500;
  color: #282F48;
  text-decoration: none;
  transition: opacity 0.15s ease;
}

#evo-gallery .evo-gallery-dl:hover {
  opacity: 0.65;
  text-decoration: none;
  color: #282F48;
}

#evo-gallery .evo-gallery-dl i {
  font-size: 10px;
  color: #282F48;
}

/* End gallery styles */

/* Fix Fancybox UI hidden by theme .is-hidden rule */
.fancybox__container .f-button,
.fancybox__container .f-carousel__nav,
.fancybox__toolbar,
.fancybox__nav {
  display: flex !important;
}
/* ==========================================================================
   Release Notes sidebar — active + hover states
   Added 2026-08-04. Append to the end of Flatrock's style.css.
   Scoped entirely to .lt-section-articles; nothing else on the site is touched.
   Delete this block to revert.

   Relies on Flatrock's existing `is-active` class, applied by article_page.hbs
   via {{#is id ../article.id}}is-active{{/is}} — no template edit required.

   NOTE: deliberately no prefers-color-scheme block. Flatrock renders light
   regardless of the visitor's OS setting, so a dark-mode override matches on
   dark-mode machines and paints an invisible white-on-white background.
   If a dark theme is ever enabled, key it off the theme's own class, not the
   OS media query.
   ========================================================================== */

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

.lt-section-articles__item {
  margin: 0 0 2px;
}

.lt-section-articles__link {
  display: block;
  padding: 7px 12px;
  border-radius: 6px;
  border-left: 3px solid transparent;
  color: inherit;
  text-decoration: none;
  line-height: 1.35;
  transition: background-color .12s ease, color .12s ease, border-color .12s ease;
}

/* hover / keyboard focus — Apple blue */
.lt-section-articles__link:hover,
.lt-section-articles__link:focus-visible {
  color: #0171E4;
  background-color: rgba(1, 113, 228, .07);
  text-decoration: none;
}

/* currently displayed article — light grey, blue rule, slightly heavier */
.lt-section-articles__link.is-active {
  background-color: #F0F0F2;
  border-left-color: #0171E4;
  font-weight: 600;
}

.lt-section-articles__link.is-active:hover {
  background-color: #E6EEF9;
  color: #0171E4;
}

/* visible keyboard focus ring — Flatrock is accessibility-conscious; keep it */
.lt-section-articles__link:focus-visible {
  outline: 2px solid #0171E4;
  outline-offset: 2px;
}
/* ==========================================================================
   Article layout — reclaim the unused Table of Contents column
   Added 2026-08-04. Append AFTER the "Release Notes sidebar" block.
   Delete this block to revert.

   Flatrock's default at >=1200px is:  grid-template-columns: 1fr 720px 1fr;
   The third column exists only for the Table of Contents extension. That
   extension is not installed, so the column renders empty on every article
   while still consuming a share of the row.

   This collapses it to two columns whenever the ToC is NOT active, keyed off
   Flatrock's own `toc-enabled` class (see the theme's own rule:
   `.toc-enabled .lt-article-container__toc { display: block; }`).
   Install the ToC extension later and the three-column layout returns on its
   own — no CSS change needed.

   Tune the two widths below; nothing else needs touching.
   ========================================================================== */

:root {
  --rn-rail-width: 350px;    /* see the note on sizing below */
  --rn-article-width: 880px; /* article measure, up from Flatrock's 720px */
  --rn-rail-min-height: calc(100vh - 16rem); /* fallback only -- the JS measures the real offset */
}

@media (min-width: 1200px) {
  html:not(.toc-enabled) .lt-article-container,
  body:not(.toc-enabled) .lt-article-container {
    grid-template-columns: var(--rn-rail-width) minmax(0, var(--rn-article-width));
    justify-content: center;
  }

  html:not(.toc-enabled) .lt-article-container__sidebar,
  body:not(.toc-enabled) .lt-article-container__sidebar {
    display: none;
  }

  /* Hairline between the article list and the article itself.
     Spacing follows Apple's developer-documentation rail, reading right to
     left:  item highlight | 14px gap | 6px scroll thumb | 2px | divider. */
  html:not(.toc-enabled) .lt-article-container__sidenav,
  body:not(.toc-enabled) .lt-article-container__sidenav {
    border-right: 1px solid var(--color-border);
    padding-right: 2px;

    /* Floor so the rule reaches the bottom of the window on short pages.
       The JS overrides this with a measured value; this is the fallback. */
    min-height: var(--rn-rail-min-height);
  }

  /* gap between the article-link highlight and the scroll thumb */
  .lt-section-articles__list {
    padding-right: 14px;
  }
}

/* Sidebar titles: one line each.
   Measured, not estimated. "EVO7000AP 6.6.2.0-0022 Release Notes" (36 chars) at
   the active item's weight 600 -- the widest case -- renders at:

       16px -> 310px text, needs a 339px rail
       14px -> 276px text, needs a 305px rail
       13px -> 259px text, needs a 288px rail

   plus 24px horizontal padding and the 3px left rule -- so a link needs about
   305px, and ~320px to absorb a longer product code such as EVO6700AP2.

   The rail is 350px to absorb the divider spacing: 2px sidenav padding + 14px
   list padding + the 6px scroll gutter leaves ~328px of usable width.
   Raising --rn-rail-width is the correct fix if a future title ever wraps;
   do not shrink the type. */
@media (min-width: 1200px) {
  .lt-section-articles__link {
    font-size: var(--text-sm);
  }
}
/* ==========================================================================
   Release Notes sidebar — group headers + scrollable rail
   Added 2026-08-04. Delete this block to revert.
   REQUIRES release-notes-sidebar.js in script.js — without it the rail
   scrolls with no visible indicator.
   ========================================================================== */

/* ---- OpenSync line header (OpenSync 6.4, OpenSync 3.4, ...) --------------
   Same size and weight as the article links, differentiated only by colour.
   The margin above each header does the visual grouping. */
.lt-section-articles__list.rn-grouped .rn-group {
  margin: 1.4rem 0 0.4rem;
  padding: 0 12px;
  font-size: var(--text-sm);          /* matches .lt-section-articles__link */
  font-weight: 800;
  line-height: 1.35;
  color: var(--color-text-secondary); /* the theme's own lighter grey */
  list-style: none;
  pointer-events: none;
}

/* first header sits flush with the top of the rail */
.lt-section-articles__list.rn-grouped .rn-group:first-child {
  margin-top: 0;
}

/* ---- scrollable rail ----------------------------------------------------- */
@media (min-width: 1200px) {
  .lt-section-articles__list.rn-grouped {
    /* leaves room for the header, breadcrumbs and the section heading above */
    max-height: calc(100vh - 15rem);
    overflow-y: auto;
    overscroll-behavior: contain;

    /* native scrollbar hidden -- we draw our own, see the JS for why */
    scrollbar-width: none;
  }

  .lt-section-articles__list.rn-grouped::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  /* ---- custom scroll indicator ------------------------------------------ */
  .rn-rail {
    position: relative;
  }

  .rn-rail .rn-scroll {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.18s ease;
  }

  /* focus-within keeps it reachable for keyboard users, who never hover */
  .rn-rail:hover .rn-scroll,
  .rn-rail:focus-within .rn-scroll {
    opacity: 1;
  }

  .rn-rail .rn-scroll__thumb {
    width: 6px;
    border-radius: 3px;
    background-color: #c4c4c8;
    will-change: transform;
  }
}
/* ==========================================================================
   Release Notes — restore the article title when printing
   Added 2026-08-04. Append AFTER the datasheet print-styles block in style.css.
   Delete this block to revert.

   The existing "EVOLUTION DIGITAL — DATASHEET PRINT STYLES" block hides
   `.lt-article__title` in print. That is correct for datasheets, whose body
   carries its own branded title, but it leaves printed release notes with no
   heading at all -- you cannot tell which product or build the page describes.

   Rather than adding a second H1 to the body (which would then appear twice on
   screen), this un-hides the real title for release-notes articles only.

   Scoped with :has() on the hidden marker span that every release-notes body
   carries as its first element:

       <article class="lt-article">
         <header><h1 class="lt-article__title">…</h1></header>
         <div class="lt-article__body rte">
           <span class="rn-marker" hidden></span>   <-- the hook
           …

   Datasheets and every other article keep the existing behaviour untouched.
   ========================================================================== */

@media print {
  .lt-article:has(.rn-marker) .lt-article__title {
    display: block !important;

    /* the on-screen size is far larger than a printed page needs */
    font-size: 18pt;
    line-height: 1.25;
    margin: 0 0 0.5rem;
  }

  /* the release date is the first line of the body and reads as a subtitle;
     keep it tight to the heading it belongs to */
  .lt-article:has(.rn-marker) .lt-article__body > p:first-of-type {
    margin-top: 0;
  }
}
/* ==========================================================================
   Hide the "Updated N ago" timestamp
   Added 2026-08-04. Append to the end of style.css.
   Delete this block to revert.

   Flatrock has no setting for this. article_page.hbs renders the date
   unconditionally -- only the AUTHOR has a toggle (settings.show_article_author):

       <div class="lt-meta">
         {{#is article.created_at article.edited_at}}
           {{date article.created_at timeago=true}}
         {{else}}
           {{t 'updated'}} {{date article.edited_at timeago=true}}
         {{/is}}
       </div>

   Why it matters here: that timestamp reflects when the ARTICLE was last
   edited, not when the firmware shipped. On a release-notes archive spanning
   November 2023 to June 2026 it reads as though every release came out today.
   The real date is the "Release Date:" line in the body.

   Targeted at `.lt-entry-info .lt-meta` rather than `.lt-meta` alone, because
   the same class is reused for attachment file sizes
   (`.lt-attachment-list__item .lt-meta`) and search-result metadata
   (`.lt-meta--search`), which must keep working.
   ========================================================================== */

/* the timestamp itself -- article pages and, if ever enabled, comments */
.lt-entry-info .lt-meta {
  display: none !important;
}

/* With the author toggle off, the surrounding block would otherwise render as
   an empty row and leave a gap under the title. Collapse it entirely unless
   there is an author to show -- so enabling the author setting later brings
   the block back on its own, without this rule needing to change. */
.lt-article .lt-entry-info:not(:has(.author)) {
  display: none !important;
}
/* ---- paint gate ----------------------------------------------------------
   Without this, script.js runs AFTER the browser has painted, so a visitor sees
   the ungrouped list and then watches it shift down as the OpenSync headers are
   inserted. Measured on EVO6700AP: the rail grows 71px and the first article
   drops 25px, on every article you open.

   The `rn-js` class is added by a snippet in document_head.hbs, so a browser
   with JavaScript disabled never hides anything. `rn-checked` is added by the
   script on EVERY exit path -- including the ones that decide to do nothing --
   so a Technical Resources sidebar is never stranded invisible. The head
   snippet also drops `rn-js` after 800ms as a backstop.
   ------------------------------------------------------------------------- */
.rn-js .lt-section-articles__list:not(.rn-checked) {
  visibility: hidden;
}