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

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

  --color-heading-primary: #0b456e;
  --color-text-primary: #282f48;
  --color-text-secondary: rgba(25, 40, 72, 1);
  --color-border: rgba(229, 231, 234, 1);
  --color-link: rgba(242, 112, 47, 1);
  --color-link-hover: rgba(250, 150, 0, 1);
  --color-info: rgba(0, 114, 206, 1);
  --color-warning: rgba(255, 193, 7, 1);
  --color-danger: rgba(220, 53, 69, 1);
  --color-success: rgba(40, 167, 69, 1);

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

  --color-neutral: #e2e8f0;

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

  --color-brand-primary: rgba(242, 112, 47, 1);
  --color-brand-primary-inverse: #fff;
  --color-brand-primary-hover: #e0540e;
  --color-brand-primary-pressed: #c84b0d;

  --color-badge-primary: #1B50F7;

  --link-decoration-hover: none;

  --button-border-width: 2px;
  --button-color-primary: var(--color-brand-primary);
  --button-color-primary-text: var(--color-brand-primary-inverse);

  --button-color-secondary: rgba(25, 40, 72, 1);
  --button-color-tertiary: rgba(35, 32, 49, 1);
  --button-font-weight: var(--font-weight-bold);

  --block-bg: #1C1C1C;
  --block-bg-hover: #ff6f48;

  --block-text-color: #fff;
  --block-icon-size: calc($block_image_height * 1px);

  --input-color-border: rgba(229, 231, 234, 1);
  --input-color-border-hover: #282f48;
  --input-color-border-focus: #282f48;
  --input-padding-vertical: 0.75rem;
  --input-padding-horizontal: 1rem;

  --font-size-base: 16px;
  --font-family-body: 'Poppins', sans-serif;
  --font-family-heading: 'Poppins', sans-serif;
  --font-weight-bold: 600;
  --font-weight-heading: 700;

  --text-xxs: calc(0.625 * var(--font-size-base)); /* 0.625rem (10px) */
  --text-xs: calc(0.75 * var(--font-size-base)); /* 0.75rem (12px) */
  --text-sm: calc(0.875 * var(--font-size-base)); /* 0.875rem (14px) */
  --text-base: calc(1 * var(--font-size-base)); /* 1rem (16px) */
  --text-lg: calc(1.125 * var(--font-size-base)); /* 1.125rem (18px) */
  --text-xl: calc(1.25 * var(--font-size-base)); /* 1.25rem (20px) */
  --text-2xl: calc(1.5 * var(--font-size-base)); /* 1.5rem (24px) */
  --text-3xl: calc(1.875 * var(--font-size-base)); /* 1.875rem (30px) */
  --text-4xl: calc(2.25 * var(--font-size-base)); /* 2.25rem (36px) */
  --text-5xl: calc(3 * var(--font-size-base)); /* 3rem (48px) */

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

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

  --text-margin-bottom: 2rem;

  --container-max-width: 1240px;
  --grid-gutter-width: 1rem;

  --padding-base-horizontal: 12px;
  --header-bg: rgba(255, 255, 255, 1);
  --header-color-text: rgba(25, 40, 72, 1);
  --header-color-text-hover: rgba(25, 40, 72, 1);
  --header-logo-height: 36px;
  --header-font-weight: var(--font-weight-bold);
  --header-height: 82px;

  --footer-bg: rgba(5, 3, 36, 1);
  --footer-color-text: #fff;
  --footer-color-link: #fff;

  --hero-bg: rgba(25, 40, 72, 1);
  --hero-bg-mask: rgba(25, 40, 72, 0);
  --hero-color-text: #fff;
  --hero-image-url: url(/hc/theming_assets/01KYJJZ28SH5NF397EWMHDQCNE);

  --custom-blocks-bg: #fff;
  --custom-blocks-icon-size: 64px;
  --custom-blocks-icon-color: rgba(236, 243, 254, 1);

  --categories-bg: #fff;

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

  --card-padding: 2rem;
  --card-shadow-base: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --card-ring-offset-shadow: 0 0 #0000;
  --card-ring-shadow: 0 0 #0000;
  --card-shadow: var(--card-ring-offset-shadow, 0 0 #0000),
    var(--card-ring-shadow, 0 0 #0000), var(--card-shadow-base);

  --border-width: 2px;

  --info-callout-color: rgba(0, 114, 206, 1);
  --warning-callout-color: rgba(255, 193, 7, 1);
  --danger-callout-color: rgba(220, 53, 69, 1);
  --success-callout-color: rgba(40, 167, 69, 1);
  --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/01K8664T8W58S90BR9VATZ8KTH);
  --warning-callout-icon: url(/hc/theming_assets/01K8664TXNPSRGM9GKZ57Y4285);
  --danger-callout-icon: url(/hc/theming_assets/01K8664TE3579X888JPTF9GW4W);
  --success-callout-icon: url(/hc/theming_assets/01K8664TMM5XJH74PZMNPNBEQY);
  --copy-code-icon: url(/hc/theming_assets/01K3P53A860WZ35EM7DD3VXRVJ);
  --anchor-list-icon: url(/hc/theming_assets/01K8664SSHBGJP6KR151E7RVEN);
  --anchor-file-icon: url(/hc/theming_assets/01K8664RZZTTNR9N3NJ09JGVFF);
  --blockqoute-icon: url(/hc/theming_assets/01K8664T7SG9AZJ6N5CZB3RDWV);

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

  --border-radius-base-min: 5px;
  --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(5px * 50);
  --border-radius-menu-max: 24px;
  --border-radius-menu-item-max: 8px;

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

  --form-pill-bg: transparent;
  --form-pill-text: var(--color-text-primary);

  --lt-accordion-border: rgba(229, 231, 234, 1);
  --lt-accordion-padding-vertical: 1rem;
  --lt-accordion-padding-horizontal: 1.5rem;

  --rte-bullet-color: #818a91;
  --code-bg: #f7f7f9;
  --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);

  --list-bullet-bg: var(--color-neutral);
  --list-bullet-text: var(--color-text-primary);
}
/* 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);
  color: var(--color-heading-primary);
  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;
}

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

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

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

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

b,
strong {
  font-weight: bold;
}

small,
.small {
  font-size: 80%;
  font-weight: normal;
  line-height: 1;
}
/*  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;
  line-height: 1;
  flex-shrink: 0;
}

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

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

details-accordion {
  display: block;
}

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

.lt-overflow-hidden-sm,
.lt-overflow-hidden-md,
.lt-overflow-hidden-lg,
.lt-overflow-hidden-xl,
.lt-overflow-hidden-xxl {
  overflow: hidden;
}

@media (min-width: 576px) {
  .lt-flex-sm-1 {
    flex: 1;
  }

  .lt-max-w-search-sm {
    max-width: 16rem;
  }

  .lt-overflow-hidden-sm {
    overflow: auto;
  }
}

@media (min-width: 768px) {
  .lt-flex-md-1 {
    flex: 1;
  }

  .lt-max-w-search-md {
    max-width: 16rem;
  }

  .lt-overflow-hidden-md {
    overflow: auto;
  }
}

@media (min-width: 992px) {
  .lt-flex-lg-1 {
    flex: 1;
  }

  .lt-max-w-search-lg {
    max-width: 16rem;
  }

  .lt-overflow-hidden-lg {
    overflow: auto;
  }
}

@media (min-width: 1200px) {
  .lt-flex-xl-1 {
    flex: 1;
  }

  .lt-max-w-search-xl {
    max-width: 16rem;
  }

  .lt-overflow-hidden-xl {
    overflow: auto;
  }
}

@media (min-width: 1400px) {
  .lt-flex-xxl-1 {
    flex: 1;
  }

  .lt-max-w-search-xxl {
    max-width: 16rem;
  }

  .lt-overflow-hidden-xxl {
    overflow: auto;
  }
}

.lt-text-inherit {
  color: inherit;
}
/* 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;
}

label {
  font-size: var(--text-base) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--line-height-body) !important;
  color: var(--color-text-primary) !important;
}
/*  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] {
  padding: 4px;
  background-color: var(--color-bg);
}

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: var(--container-max-width);
  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-header {
  display: flex;
  width: 100%;
  height: var(--header-height);
  font-size: var(--text-sm);
  font-weight: var(--header-font-weight);
  color: var(--header-color-text);
  background-color: var(--header-bg);
  transition: 0.3s ease;
}

.lt-header__logo {
  display: block;
  height: var(--header-logo-height);
}

.lt-header__logo:nth-child(2) {
  display: none;
}

.lt-header-wrapper--sticky:not(.lt-header-wrapper--fixed)
  .lt-header__logo:nth-child(1),
.lt-header-wrapper--past-header .lt-header__logo:nth-child(1) {
  display: none;
}

.lt-header-wrapper--sticky:not(.lt-header-wrapper--fixed)
  .lt-header__logo:nth-child(2),
.lt-header-wrapper--past-header .lt-header__logo:nth-child(2) {
  display: block;
}

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

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

.lt-header__controls {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 10;
  flex: 1;
  width: 100%;
  max-width: 20rem;
  padding: var(--grid-gutter-width);
  background-color: var(--header-bg);
  transition: transform 600ms ease;
}

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

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

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

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

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

.lt-header-open {
  overflow: hidden;
}

@media (min-width: 576px) {
  .lt-header__controls--sm-expanded {
    position: revert;
    max-width: none;
    padding: 0;
    background-color: transparent;
    box-shadow: none !important;
    transition: none;
    transform: none !important;
  }
}

@media (min-width: 768px) {
  .lt-header__controls--md-expanded {
    position: revert;
    max-width: none;
    padding: 0;
    background-color: transparent;
    box-shadow: none !important;
    transition: none;
    transform: none !important;
  }
}

@media (min-width: 992px) {
  .lt-header__controls--lg-expanded {
    position: revert;
    max-width: none;
    padding: 0;
    background-color: transparent;
    box-shadow: none !important;
    transition: none;
    transform: none !important;
  }
}

@media (min-width: 1200px) {
  .lt-header__controls--xl-expanded {
    position: revert;
    max-width: none;
    padding: 0;
    background-color: transparent;
    box-shadow: none !important;
    transition: none;
    transform: none !important;
  }
}

@media (min-width: 1400px) {
  .lt-header__controls--xxl-expanded {
    position: revert;
    max-width: none;
    padding: 0;
    background-color: transparent;
    box-shadow: none !important;
    transform: none !important;
  }
}

.lt-header__close {
  width: 2rem;
  height: 2rem;
  stroke: var(--header-color-text);
}

.lt-menu-links-center:before {
  display: flex;
  content: "";
}

[dir="ltr"] .lt-menu-links-center:before {
  margin-right: auto;
}

[dir="rtl"] .lt-menu-links-center:before {
  margin-left: auto;
}

.lt-header-wrapper--hidden.menu-open {
  top: 0;
}

.lt-header-wrapper--fixed {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
}

.lt-header-wrapper--sticky {
  position: sticky;
  top: 0;
}

.lt-header-wrapper {
  z-index: 100;
  transition: top 0.15s ease-out;
}

.lt-header-wrapper--hidden {
  top: calc(-1 * var(--header-height));
}

.lt-header-wrapper:not(.lt-header-wrapper--past-header) .lt-header--fixed {
  background-color: transparent;
}

.lt-header-wrapper--past-header .lt-header--fixed {
  background-color: var(--header-bg);
  --header-color-text: rgba(25, 40, 72, 1);
  --header-color-text-hover: rgba(25, 40, 72, 1);
}

body:not(:has([data-hero-unit])) .lt-header,
.lt-header-wrapper--past-header .lt-header--fixed {
  border-bottom: 1px solid var(--color-border);
}

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

.lt-footer__link {
  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__link:hover,
.lt-footer__link:focus,
.lt-footer__link:active {
  color: var(--footer-color-link);
  text-decoration: none;
  opacity: 0.6;
}

.lt-footer--link-1-empty.lt-footer--link-2-empty.lt-footer--link-3-empty
  .lt-footer__links {
  display: none;
}

.lt-footer--rounded {
  border-radius: 3rem 3rem 0 0;
}
/* 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 > details > summary {
  border-top: var(--border-width) solid var(--lt-accordion-border);
}

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

.accordion__content {
  padding: var(--lt-accordion-padding-vertical)
    var(--lt-accordion-padding-horizontal);
  overflow: hidden;
  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 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;
  padding: var(--callout-padding);
  overflow: hidden;
  list-style: none;
  border-radius: var(--border-radius-base);
}

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

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

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

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

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

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

.note.icon:before,
.note--default.icon:before,
.callout.icon:before,
.callout--info.icon: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.icon:before,
.success.icon:before,
.callout--success.icon: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.icon:before,
.danger.icon:before,
.callout--danger.icon: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.icon:before,
.warning.icon:before,
.callout--warning.icon: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;
}

.callout--transparent:after {
  display: none;
}

.callout--transparent {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}

[dir="ltr"] .callout--transparent {
  border-left: 0;
}

[dir="rtl"] .callout--transparent {
  border-right: 0;
}

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

.lt-list-disc > li {
  position: relative;
}

.lt-list-disc > li:before {
  position: absolute;
  display: block;
  content: "•";
}

[dir="ltr"] .lt-list-disc > li:before {
  left: 0;
}

[dir="rtl"] .lt-list-disc > li:before {
  right: 0;
}

.lt-row-flush {
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}

.lt-row-flush > li {
  padding-inline-start: 0px !important;
  padding-inline-end: 0px !important;
}

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

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

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

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

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

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

.rte * {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

.rte dl {
  display: grid;
  margin-top: 0;
  gap: 1rem;
}

.rte dt,
.rte dd {
  line-height: var(--line-height-body);
}

.rte dt {
  font-weight: var(--font-weight-bold);
}

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

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

@media (min-width: 576px) {
  .rte .dl-horizontal {
    grid-template-columns: 30% auto;
  }
}

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,
figure.wysiwyg-table {
  min-height: 0.01%;
  overflow-x: auto;
}

@media screen and (max-width: 575px) {
  .table-responsive,
  figure.wysiwyg-table {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive > table,
  figure.wysiwyg-table > 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,
  figure.wysiwyg-table > table > thead > tr > th,
  figure.wysiwyg-table > table > thead > tr > td,
  figure.wysiwyg-table > table > tbody > tr > th,
  figure.wysiwyg-table > table > tbody > tr > td,
  figure.wysiwyg-table > table > tfoot > tr > th,
  figure.wysiwyg-table > 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-link);
  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.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__slide {
  scroll-snap-align: start;
  flex-shrink: 0;
  padding-bottom: 0;
}

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

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

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

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

[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-top: 0.5rem;
  padding-bottom: 0.5rem;
  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 {
  left: 0;
  text-align: left;
}

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

.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: flex;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  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;
  align-items: center;
  gap: 0.5rem;
  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);
}

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

.lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  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");
}

.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; /* rtlcss:ignore */
  left: auto;
}

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

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

.lt-dropdown-toggle--user {
  padding: 0;
  font-weight: var(--font-weight-bold);
  color: inherit;
  border: 0;
}

@media (max-width: 767px) {
  .lt-user-info__menu--md-less {
    position: static;
    padding: 0;
    border: 0;
    box-shadow: none;
  }
}

@media (max-width: 991px) {
  .lt-dropdown-menu--lg-less {
    position: static;
    padding: 0;
    border: 0;
    box-shadow: none;
  }
}

@media (max-width: 1199px) {
  .lt-dropdown-menu--xl-less {
    position: static;
    padding: 0;
    border: 0;
    box-shadow: none;
  }
}

@media (max-width: 1399px) {
  .lt-dropdown-menu--xxl-less {
    position: static;
    padding: 0;
    border: 0;
    box-shadow: none;
  }
}

.lt-dropdown-toggle .lt-icon {
  width: 0.75rem;
  height: 0.75rem;
  stroke-width: 2px;
}
/* ==========================================================================
  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.375rem)
    var(--button-padding-horizontal, 0.75rem);
  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;
}

.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(--button-color-secondary) !important;
  background-color: transparent;
  border: 0 !important;
  justify-content: center;
  align-items: center;
}

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

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

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

@media (max-width: 991px) {
  .lt-btn--header {
    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);
  transition: all 0.25s ease-in-out;
}

.lt-pill--primary:after,
.recent-activity-item-parent:after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-badge-primary);
  border-radius: calc(var(--border-radius-base) * 5);
  opacity: 0.15;
}

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

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

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

.lt-pill--primary,
.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--primary:after,
.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-pill--transparent {
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
}

.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--header {
  width: 2rem;
  height: 2rem;
}

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

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

.lt-meta:has(.lt-meta__item) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}

.lt-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

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

.lt-meta__link {
  color: inherit;
}

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

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

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

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

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

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

.breadcrumbs > li:last-child a,
.react-breadcrumbs ol > li:last-child a {
  color: var(--color-text-primary);
}
/* Hide the chevron in the breadcrumbs rendered by React */
.react-breadcrumbs li[aria-hidden="true"] {
  display: none;
}

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

.lt-page-nav {
  display: grid;
  gap: calc(var(--grid-gutter-width) * 2);
}

@media (min-width: 1200px) {
  .lt-page-nav {
    grid-template-columns: 3fr 1fr;
    align-items: center;
  }

  .sidenav-enabled.toc-enabled .lt-page-nav {
    grid-template-columns: 4fr 1fr;
  }
}

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

.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(--header-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__heading {
  color: var(--hero-color-text);
}

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

.lt-hero-unit--large {
  /* Same fix applied to Value Hub and the previous version of this
     theme -- the base rule has no explicit padding/min-height, so the
     hero sizes purely to content unless set here. Matched to the
     shared 4%/16.5rem value used across all three properties. */
  padding-top: 4%;
  padding-bottom: 4%;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  transition: top 0.3s ease;
  transform: translate3d(0, 0, 0);
}

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

.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) 100%, 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: 0;
  z-index: 1;
  width: 100%;
  height: 150%;
  background-image: var(--hero-image-url);
  background-position: 50% 50%;
}

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

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

.lt-hero-unit__bg--cover {
  background-repeat: no-repeat;
  background-size: cover;
}

.lt-hero-unit__bg--pattern {
  background-size: contain;
}

@media (min-width: 768px) {
  .lt-hero-unit--large.lt-hero-unit--none {
    min-height: 16.5rem;
  }
}

.lt-card {
  --flow-space: 0.5rem;
  position: relative;
  display: flex;
  width: 100%;
  word-break: break-word;
  flex-direction: column;
  border-radius: var(--border-radius-lg);
  gap: 1rem;
  box-shadow: var(--card-shadow);
  transition: all 0.25s ease-in-out;
}

.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__heading {
  --flow-space: 1.5rem;
}

.lt-card__heading,
.lt-card__text {
  text-wrap: balance;
}

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

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

.lt-card--bordered {
  border: var(--border-width) solid var(--color-border);
}

.lt-card--bordered:hover,
.lt-card--bordered:focus {
  border-color: var(--color-link);
}

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

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

.lt-custom-block-icon path,
.lt-custom-block-icon circle {
  /* stroke intentionally not forced here -- same fix applied to Value
     Hub and the previous version of this theme. These icons carry
     their own colours via inline fill/stroke attributes on each
     shape; forcing a stroke color here would override that via CSS
     specificity once Flatrock inlines the SVG into the page. */
  transition: all 0.3s ease;
}

.lt-custom-blocks__items {
  position: relative;
  z-index: 2;
}
/* Responsive borders between custom blocks */
.lt-custom-blocks--separated .lt-card-wrapper {
  position: relative;
}
/* Vertical borders between columns on larger screens */
.lt-custom-blocks--separated .lt-card-wrapper:not(:last-child):after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 1px;
  content: "";
  background-color: var(--color-border);
}

[dir="ltr"]
  .lt-custom-blocks--separated
  .lt-card-wrapper:not(:last-child):after {
  right: 0;
}

[dir="rtl"]
  .lt-custom-blocks--separated
  .lt-card-wrapper:not(:last-child):after {
  left: 0;
}
/* Horizontal borders between rows */
.lt-custom-blocks--separated .lt-card-wrapper:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 1px;
  content: "";
  background-color: var(--color-border);
}
/* Mobile: only show horizontal borders, remove vertical borders */
@media (max-width: 575px) {
  .lt-custom-blocks--separated .lt-card-wrapper:after {
    display: none;
  }

  /* Remove bottom border from last item */
  .lt-custom-blocks--separated .lt-card-wrapper:last-child:before {
    display: none;
  }
}
/* Small screens (sm): 2 columns per row */
@media (min-width: 576px) and (max-width: 991px) {
  /* Remove vertical border from every 2nd item (last in row) */
  .lt-custom-blocks--separated .lt-card-wrapper:nth-child(2n):after {
    display: none;
  }

  /* Remove bottom border from items in the last row */
  .lt-custom-blocks--separated
    .lt-card-wrapper:nth-child(2n-1):nth-last-child(-n + 2):before,
  .lt-custom-blocks--separated
    .lt-card-wrapper:nth-child(2n):nth-last-child(-n + 1):before {
    display: none;
  }
}
/* Large screens (lg): dynamic based on custom_blocks_per_line setting */
@media (min-width: 992px) {
  /* For 1 column per line */
  .lt-custom-blocks--separated
    .lt-row-cols-lg-1
    .lt-card-wrapper:nth-child(1n):after {
    display: none;
  }

  .lt-custom-blocks--separated
    .lt-row-cols-lg-1
    .lt-card-wrapper:nth-child(1n-0):nth-last-child(-n + 1):before {
    display: none;
  }

  /* For 2 columns per line */
  .lt-custom-blocks--separated
    .lt-row-cols-lg-2
    .lt-card-wrapper:nth-child(2n):after {
    display: none;
  }

  .lt-custom-blocks--separated
    .lt-row-cols-lg-2
    .lt-card-wrapper:nth-child(2n-1):nth-last-child(-n + 2):before,
  .lt-custom-blocks--separated
    .lt-row-cols-lg-2
    .lt-card-wrapper:nth-child(2n):nth-last-child(-n + 1):before {
    display: none;
  }

  /* For 3 columns per line */
  .lt-custom-blocks--separated
    .lt-row-cols-lg-3
    .lt-card-wrapper:nth-child(3n):after {
    display: none;
  }

  .lt-custom-blocks--separated
    .lt-row-cols-lg-3
    .lt-card-wrapper:nth-child(3n-2):nth-last-child(-n + 3):before,
  .lt-custom-blocks--separated
    .lt-row-cols-lg-3
    .lt-card-wrapper:nth-child(3n-1):nth-last-child(-n + 2):before,
  .lt-custom-blocks--separated
    .lt-row-cols-lg-3
    .lt-card-wrapper:nth-child(3n):nth-last-child(-n + 1):before {
    display: none;
  }

  /* For 4 columns per line */
  .lt-custom-blocks--separated
    .lt-row-cols-lg-4
    .lt-card-wrapper:nth-child(4n):after {
    display: none;
  }

  .lt-custom-blocks--separated
    .lt-row-cols-lg-4
    .lt-card-wrapper:nth-child(4n-3):nth-last-child(-n + 4):before,
  .lt-custom-blocks--separated
    .lt-row-cols-lg-4
    .lt-card-wrapper:nth-child(4n-2):nth-last-child(-n + 3):before,
  .lt-custom-blocks--separated
    .lt-row-cols-lg-4
    .lt-card-wrapper:nth-child(4n-1):nth-last-child(-n + 2):before,
  .lt-custom-blocks--separated
    .lt-row-cols-lg-4
    .lt-card-wrapper:nth-child(4n):nth-last-child(-n + 1):before {
    display: none;
  }
}
/* Custom blocks hover effects */
.lt-custom-blocks--separated .lt-card-wrapper .lt-card {
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(0);
}

.lt-custom-blocks--separated .lt-card-wrapper .lt-card:hover {
  --transition-scale-factor: 0.1;
  z-index: 2;

  transform: translateY(-4px);
}

.lt-custom-blocks--separated .lt-card {
  box-shadow: none;
}

.lt-block-list-item {
  min-height: 10rem;
  transition: all 0.25s ease-in-out;
}

.lt-block-list-item__link:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";

  border-radius: var(--border-radius-lg);
  transition: all 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:active:before {
  filter: brightness(85%);
}

.lt-block-list-item--filled {
  color: var(--block-text-color);
}

.lt-block-list-item--filled .lt-block-list-item__link:before {
  background-color: var(--block-bg);
}

.lt-block-list-item--filled .lt-block-list-item__link:focus:before,
.lt-block-list-item--filled .lt-block-list-item__link:hover:before {
  background-color: var(--block-bg-hover);
}

.lt-block-list-item--filled:hover,
.lt-block-list-item--filled:focus {
  color: var(--color-brand-primary-inverse);
}

.lt-block-list-item--filled .lt-card__text {
  opacity: 0.65;
}

.lt-block-list-item__icon {
  width: var(--block-icon-size);
  height: var(--block-icon-size);
}

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

@media (min-width: 992px) {
  .recent-activity-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.recent-activity-item {
  display: flex;
  padding: 2rem;
  flex-direction: column;
  background-color: var(--card-bg, #fff);

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

[dir="ltr"] .recent-activity-item {
  text-align: left;
}

[dir="rtl"] .recent-activity-item {
  text-align: right;
}

.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 {
  background-color: var(--color-bg-cta);
}

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

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

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

.lt-profile-stats__stat {
  display: flex;
  flex-direction: column;
}

.lt-profile-stats__label {
  font-weight: var(--font-weight-heading);
}

.lt-profile-stats__value {
  color: var(--color-text-primary);
}

.lt-profile-nav {
  margin-bottom: 1.5rem;
  overflow: hidden;
  font-size: var(--text-sm);
  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;
}

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

.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-popular-searches__item.lt-pill {
  box-shadow: var(--card-shadow);
  transition: background-color 250ms ease-in-out;
}

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

.lt-info-block-header {
  border-radius: 0;
}

body:has(.lt-custom-blocks) .lt-info-block-container {
  background-color: var(--custom-blocks-bg);
}

.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: shimmer 3s infinite;
}

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

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

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

.searchbox {
  margin-top: 1.5rem;
}

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

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

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

.lt-search-wrap svg {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  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-small input[type="search"] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

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

.lt-search-wrap--hero svg {
  width: 1.5rem;
  height: 1.5rem;
}

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

.lt-search-wrap--hero input[type="submit"] {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  flex-shrink: 0;
  /* Scoped to just this button, per Jennifer's reference screenshot --
     the rest of the site keeps the ValueHub blue as its accent color. */
  background-color: #ED8936;
  border-color: #ED8936;
  color: #ffffff;
}

.lt-search-wrap--hero input[type="submit"]:hover {
  background-color: #DD7A24;
  border-color: #DD7A24;
}

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

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

.lt-search-button--button {
  border: 0;
}

.lt-search-button--inline {
  padding: var(--button-padding-vertical, 0.375rem)
    var(--button-padding-horizontal, 0.75rem);
  background-color: var(--color-bg);
  border: var(--button-border-width, var(--border-width)) solid
    var(--input-color-border);
  border-radius: var(--button-border-radius, var(--border-radius-base));
}

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

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

.lt-search-button--inline .lt-search-button--button {
  background-color: transparent;
}

.lt-search-button__placeholder {
  display: block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lt-search-button svg {
  display: inline-flex;
  align-self: center;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

.lt-search-button > span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.lt-search-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  overflow-y: scroll;
}

.lt-search-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.lt-search-modal-panel {
  min-height: 100vh;
}

.lt-search-modal-content {
  max-width: 720px;
}

.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__item.is-active .lt-search-filter__link {
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
}

.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__link a,
.lt-search-filter__link svg {
  color: currentColor;
}

.lt-search-filter__count {
  display: inline-flex;
  font-size: var(--text-sm);
}

.lt-search-filter__heading,
.lt-search-filter__btn {
  font-weight: var(--font-weight-heading);
}

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

.lt-search-filter__name {
  display: block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 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--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);
}

.lt-my-activities-menu-item {
  margin-bottom: 1rem;
}

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

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

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

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

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

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

.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
  ========================================================================== */
.lt-comment {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: var(--border-width) solid var(--color-border);
}

.lt-comment__header {
  position: relative;
  margin-bottom: 1.5rem;
}

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

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

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

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

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

.lt-comment__actions {
  padding-top: 0.5rem;
}
/* Comment List */
.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;
}

.lt-comment-sorter {
  margin-bottom: 1.5rem;
  border-bottom: var(--border-width) solid var(--color-border);
}
/* Article */
.lt-article-container {
  display: grid;
  gap: calc(var(--grid-gutter-width) * 2);
}

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

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

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

@media (max-width: 1199px) {
  .lt-article-container__sidebar {
    order: -1;
  }
}

@media (min-width: 1200px) {
  .lt-article-container__sidebar {
    position: sticky;
    top: var(--sidebar-offset);
  }
}

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

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

.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-list-item:last-of-type > * {
  border-bottom: none !important;
}

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

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

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

.lt-section-articles summary {
  color: var(--color-heading-primary);
}

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

  .lt-section-articles summary {
    padding: 0 !important;
    margin-bottom: 1rem;
  }

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

  .lt-section-articles .accordion__summary-wrapper > .lt-icon {
    display: none;
  }
}
/* Community */
[dir="ltr"] .lt-follow > * + * {
  margin-left: 1rem;
}

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

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

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

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

.community-badge-achievements--profile 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;
}

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

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

.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-follow-up:empty {
  display: none;
}

.lt-request-sidebar {
  font-size: var(--text-sm);
  background-color: var(--color-bg-secondary);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-base);
}

.request-details {
  display: grid;
  grid-template-columns: 35% auto;
  gap: 1rem;
}

.request-details dt {
  font-weight: var(--header-font-weight);
}

.request-details dl,
.request-details dd {
  padding: 0;
  margin: 0;
}

.request-details form,
.request-details .lt-attachment-list {
  grid-column: 1/3;
}

.request-details + .request-details {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: var(--border-width) solid var(--color-border);
}


/* ============================================================
   CUSTOM SECTION -- ported from the v10.2.1 theme.
   Contains all Community page layout (quick-cards, community
   blocks grid, split-card/event banner, events-wrap) plus a
   handful of intentional .lt-* base-theme overrides.
   Without this the Community page renders unstyled.
   ============================================================ */
/* Quick cards*/
.quick-cards { 
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin: 20px 0 28px;
  padding-inline: 0;
  gap: 50px;
}

/* added: optional knobs for line clamping */
:root {                      /* added */
  --qc-title-lines: 2;       /* added: max lines for bold title */
  --qc-text-lines: 2;        /* added: max lines for small text */
}                             /* added */

#custom-blocks {
  background-color: var(--color-bg-cta); /* Or your chosen color */
  padding: 2rem; /* Optional padding for better spacing */
  border-radius: var(--border-radius-lg); /* Optional rounding */
}

.quick-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 16px;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  color: #192848;
  background: #fff;
  text-decoration: none;
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
  height: 100%;              /* added: ensures equal-height cards per row */
}

.quick-cards-wrap {
  max-width: 1160px;
  margin: 20px auto 28px;
  padding-inline: 5%;
}
@media (min-width: 1160px) {
  .quick-cards-wrap {
    padding-inline: 0;
    width: 90%;
  }
}

.quick-card:hover,
.quick-card:focus {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(116, 170, 252, 0.37);;
  border-color: #ddd;
}

.quick-card img {
  max-width: 90px;
  max-height: 90px;   /* caps oversized images so they can't stretch a card */
  width: auto;
  height: auto;
  margin-bottom: 8px;
  object-fit: contain;
}

.quick-card-title {
  display: block;
  margin-top: 8px;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
  color: inherit;

  /* added: keep titles from making one card taller than the others */
  display: -webkit-box;           /* added */
  -webkit-line-clamp: var(--qc-title-lines); /* added */
  -webkit-box-orient: vertical;   /* added */
  overflow: hidden;               /* added */
}

.quick-card-text {
  color: inherit;

  /* added: clamp the description to avoid uneven heights */
  display: -webkit-box;           /* added */
  -webkit-line-clamp: var(--qc-text-lines);  /* added */
  -webkit-box-orient: vertical;   /* added */
  overflow: hidden;               /* added */
  word-break: break-word;         /* added: guards against super-long words/URLs */
}

@media (max-width: 768px) {
  .quick-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .quick-cards { grid-template-columns: 1fr; }
}

/* Single split card (wide, matches quick-cards container) */
.split-card {
  width: 100%;                 /* CHANGED: fill .quick-cards-wrap width */
  max-width: none;             /* ADDED: remove the 360px cap */
  margin: 0 0 24px;            /* CHANGED: align with wrapper; no centering needed */
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  overflow: hidden;            /* rounds the image corners */
}
.split-card {
  display: block;
  text-decoration: none;   /* remove link underline, just in case */
  color: inherit;          /* keep text color consistent if you add text later */
}
.split-card:hover,
.split-card:focus {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(116, 170, 252, 0.37);;
  border-color: #ddd;
}


.split-card-media img {
  display: block;
  width: 100%;
  height: 220px;               /* image on top; adjust if you want a thinner band */
  object-fit: cover;           /* crops large images nicely */
}

.split-card-body {
  padding: 16px;
  text-align: center;
}

.split-card-title {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1.25;
}

.split-card-text {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  word-break: break-word;      /* long words/URLs won’t force width growth */
}

/* ===== Two-column info section under split card ===== */
.info-split {
  display: grid;
  grid-template-columns: 1fr 1fr;   /* 50/50 split */
  gap: 24px;
  margin: 0 0 28px;
  align-items: stretch;             /* both columns share row height */
}

/* Left: image with text overlay */
.info-media {
  position: relative;
  margin: 0;                        /* RESET default figure margins */
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
  background: #f6f6f6;
  height: 100%;                     /* fill the grid row height */
  box-sizing: border-box;           /* include borders in height calc */
}
.info-media img {
  display: block;
  width: 100%;
  height: 100%;                     /* fill column height */
  object-fit: cover;                /* crop without distortion */
}

/* readable overlay; stays inside rounded corners */
.info-overlay {
  position: absolute;
  inset: auto 0 0 0;                /* pinned to bottom */
  padding: 16px 20px;
  color: #fff;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.55) 0%,
    rgba(0,0,0,0.35) 60%,
    rgba(0,0,0,0) 100%
  );
}
.info-overlay-title {
  margin: 0 0 6px;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
}
.info-overlay-sub {
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
  opacity: 0.95;
}

/* Right: three stacked link boxes */
.info-links {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));  /* exactly 3 equal-height rows */
  gap: 12px;
  height: 100%;                     /* match left column height */
  box-sizing: border-box;           /* include borders in height calc */
}
.info-link-card {
  display: flex;                    /* center text nicely */
  align-items: center;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
  min-height: 0;                    /* allow equal-height rows */
}
.info-link-card:hover,
.info-link-card:focus {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(116, 170, 252, 0.37);;
  border-color: #ddd;
}

/* Rounding safety net (prevents tiny height mismatches) */
.info-media,
.info-links { min-height: 0; }

/* Responsive: stack under ~tablet widths */
@media (max-width: 900px) {
  .info-split { grid-template-columns: 1fr; }
  .info-media { height: auto; }         /* reset for stacked layout */
  .info-media img { height: 240px; }    /* fixed band on mobile */
  .info-links { height: auto; }         /* natural height on mobile */
}

/* Two boxes (50/50) under the quick cards */
.duo-links {
  display: grid;
  grid-template-columns: 1fr 1fr;   /* side-by-side */
  gap: 16px;
  margin: 24px 0 16px;
  align-items: stretch;             /* make both columns the same height */
}

/* Left DocTalk = figure.info-media inside duo-links */
.duo-links .info-media {
  margin: 0;                        /* reset default <figure> margins */
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
  background: #f6f6f6;
  height: 100%;                     /* match the row height */
  min-height: 180px;                /* same baseline as the card */
  box-sizing: border-box;
}
.duo-links .info-media img {
  display: block;
  width: 100%;
  height: 100%;                     /* fill the box */
  object-fit: cover;                /* crop nicely without distortion */
}

/* Right box = standard link card, taller and centered text */
.duo-links .info-link-card {
  min-height: 180px;                /* make it “big” like the figure */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 900px) {
  .duo-links { grid-template-columns: 1fr; }
  .duo-links .info-media,
  .duo-links .info-link-card { min-height: 130px; }
}

/* Three smaller horizontal boxes */
.tri-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.duo-links a:hover, 
.duo-links a:focus{
  background-color:#fff ;
  color: #f2702f;
  text-decoration: none;
  border: none;
}

.tri-links a:hover, 
.tri-links a:focus{
  background-color:#fff ;
  color: #f2702f;
  text-decoration: none;
  border: none;
}

.tri-links .mini-link-card {
  height: 100%;
  padding: 12px 14px;                /* a bit smaller than standard cards */
  font-size: 0.95rem;
  font-weight: 600;
}
/* group wrapper just provides spacing */
.tri-group { 
  margin-top: 28px;
  margin-bottom: 6.5rem;
}

/* align heading with the first card's inner text (border 1px + padding 14px) */
.tri-title {
  margin: 0 0 12px;
  padding-left: 15px;  /* 1px border + 14px card padding = 15px */
  font-weight: 700;
  font-size: 1.15rem;
  line-height: 1.2;
}

/* Mobile: stack neatly */
@media (max-width: 900px) {
  .duo-links { grid-template-columns: 1fr; }   /* two boxes stack */
  .tri-links { grid-template-columns: 1fr; }   /* three boxes stack */
}

/* ===== Big placeholder card (same width as quick-cards/split card) ===== */
.promo-placeholder {
  width: 100%;
  margin: 28px 0 16px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(116, 170, 252, 0.37);;
  overflow: hidden;
  /* Big but responsive height: grows with viewport up to a ceiling */
  min-height: clamp(260px, 34vw, 460px);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.promo-placeholder-inner {
  padding: 24px 28px;
  text-align: center;
  max-width: 900px;            /* keeps text from getting too wide */
}

.promo-placeholder-inner h3 {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.25;
}

.promo-placeholder-inner p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.45;
  opacity: 0.95;
}

/* Optional: make it a touch shorter on small screens */
@media (max-width: 600px) {
  .promo-placeholder { min-height: 220px; }
}


/* ===== Events: centred header + row of small boxes ===== */
.events-title {
  margin: 28px 0 12px;
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
}

.events-cards {
  display: flex;
  justify-content: center;   /* centre the row */
  gap: 16px;
  flex-wrap: wrap;           /* wrap nicely on smaller screens */
}

/* Reuse info-link-card look; just size these smaller */
.event-card {
  width: 260px;              /* set the width you like */
  aspect-ratio: 1 / 1;       /* makes the box a perfect square */
  box-sizing: border-box;    /* include padding/border in the square */
  padding: 12px;             /* keep your existing look */
  display: flex;             /* center the text nicely */
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;          /* prevent long text from spilling out */
  font-size: 0.95rem;        /* same feel as the mini cards */
}

/* Mobile tweaks */
@media (max-width: 600px) {
  .event-card { width: min(100%, 320px); } /* centred & readable on phones */
}

/* Latest DocTalk card layout */
.latest-post-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
  min-height: 180px;          /* matches your duo card height */
  padding: 16px;              /* same padding as your cards */
}

.latest-post-heading {
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1.25;
  margin: 0 0 6px;
}

.latest-post-divider {
  height: 1px;
  background: #e6e6e6;
  margin: 6px 0 10px;
}

.latest-post-excerpt {
  font-size: 0.95rem;
  line-height: 1.45;
  overflow: hidden;
  display: -webkit-box;       /* graceful clamp */
  -webkit-line-clamp: 4;      /* ~4 lines in the card */
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.latest-post-title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25;
  margin: 0 0 6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;     /* clamp long titles to 2 lines */
  -webkit-box-orient: vertical;
}

/* --- Search hero title/subtitle --- */
.community-hero-copy { text-align: center; margin: 0 0 16px; }
.community-hero-title {
  margin: 0 0 6px;
  font-weight: 700;
  font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.2rem);
  line-height: 1.2;
}
.community-hero-subtitle {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.4;
  opacity: 0.9;
}

/* --- Make quick cards square + beef up text --- */
.quick-card {
  aspect-ratio: 1 / 1;         /* squares */
  justify-content: center;      /* center contents vertically */
}
.quick-card-title {             /* larger main label under icon */
  font-size: 1.15rem;
}
.quick-card-text {              /* slightly larger subtext */
  font-size: 1.05rem;
}
@media (max-width: 560px) {
  .quick-card { aspect-ratio: auto; } /* avoid super-tall cards on narrow phones */
}


.info-media { position: relative; overflow: hidden; border-radius: 10px; }
.info-media img { display: block; width: 100%; height: 100%; object-fit: cover; }

.events-wrap {
  background: #f7f9fc;        
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 20px;
  margin-top: 28px;
}

.lt-hero-unit__subtitle {
  font-size: 1.125rem; 
  line-height: 1.5;
  font-weight: 400;
  opacity: .9;
  margin: 0;
}

/* Ensure the hero background uses the variable you just set inline */
.community-hero .lt-hero-unit__bg {
  /* background-image / position / size intentionally not set here.
     v11.0.4 handles all of it via the .lt-hero-unit__bg--{type}
     modifier class now applied in the template, matching how the
     theme's own home_page does it. The old override was written
     against v10.2.1's base rule (which had no height:150% or
     modifier classes) and fought v11's version.

     top: -10% is still needed though -- v10.2.1's base rule had it,
     v11's uses top:0. Combined with height:150%, dropping the offset
     pushes the image down and crops it vertically. */
  background-image: var(--hero-image-url);
  top: -10%;
}
.community-hero .lt-hero-unit--with-image:after {
  background: none;
}

.community-hero .lt-search-wrap--hero button,
.community-hero .lt-search-wrap--hero [type="submit"] {
  /* Was var(--hero-bg-mask), which resolves to the hero's own background
     colour -- so on Community's orange hero the button rendered orange
     on orange and effectively disappeared. The base rule also sets
     orange (#ED8936), so both paths blended in. Navy gives contrast. */
  background-color: #192848 !important;
  border-color: #192848 !important;
  color: #fff !important;
}
.community-hero .lt-search-wrap--hero button:hover,
.community-hero .lt-search-wrap--hero [type="submit"]:hover {
  background-color: #0f1a2f !important;
  border-color: #0f1a2f !important;
}

.community-hero .lt-search-wrap--hero button:focus-visible,
.community-hero .lt-search-wrap--hero [type="submit"]:focus-visible {
  outline: 2px solid rgba(25,40,72,.55);
  outline-offset: 2px;
}

.community-hero .lt-hero-unit__title,
.community-hero .lt-hero-unit__subtitle {
  /* v11.0.4 colours .lt-hero-unit__heading, but this page's markup uses
     the older __title/__subtitle class names, which nothing colours --
     so the text was inheriting dark body colour and rendering invisible
     against the dark hero background. */
  color: var(--hero-color-text);
  margin: 0;
}

/* Title -> subtitle gap. .lt-hero-unit__content sets --flow-space: 2rem,
   which is correct for the subtitle -> search gap but far too wide
   directly under the heading -- Help Center's markup uses __subheading,
   which the theme spaces more tightly. This matches that. */
.community-hero .lt-hero-unit__content.lt-flow
  > .lt-hero-unit__title + .lt-hero-unit__subtitle {
  margin-top: 0.25rem;
}
.community-hero .lt-hero-unit__content.lt-flow
  .lt-hero-unit__subtitle + .lt-search-wrap.lt-search-wrap--hero {
  margin-top: 3rem;
}

.home-hero .lt-hero-unit__title,
.home-hero .lt-hero-unit__subtitle {
  margin: 0;
}

.home-hero .lt-hero-unit__content.lt-flow
  > .lt-hero-unit__subtitle + .lt-search-wrap.lt-search-wrap--hero {
  margin-top: 3rem; 
}

.quick-card .quick-card-title { font-size: var(--text-xl); }
.quick-card .quick-card-text  { 
  font-size: 0.9rem; 
  padding-top:6px;
}


.home-hero .It-hero-unit__title,
.home-hero .It-hero-unit__subtitle,
{
  margin:0;
}

.home-hero .It-hero-unit__content.It-flow
.It-hero-unit__subtitle + .It-search-wrap.It-search-wrap--hero{
  margin-top: 3rem;
}

/* Breadcrumb text */
.breadcrumbs {
  font-size: 0.85rem;   /* ↓ smaller text */
  line-height: 1.2;     /* ↓ tighter lines */
  font-style: italic;   /* Added: italic font style */
}
 
/* Divider (» / /) spacing & size */
.breadcrumbs > li + li:before {
  padding: 0 2px;       /* ↓ space around divider */
  font-size: 1em;     /* ↓ divider size */
}
 
/* Vertical space around the whole breadcrumb bar */
.lt-breadcrumbs-wrapper {
  padding-top: 0.5rem;  /* ↓ top padding */
  padding-bottom: 0.5rem;
}
 

.community-hero .quick-card:hover{
  color: red;
}

.info-medi-link {
  display: block;
  border-radius: 12px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}

.info-media-link:hover,
.info-media-link:focus {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(116, 170, 252, 0.37);
  text-decoration:none;
}

.info-media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}




/* Base styling for custom blocks below hero unit */
.lt-custom-blocks .lt-card .lt-card__image {
  margin-top: 1rem; /* Consistent space between icon and top border */
}

.lt-custom-blocks .lt-card {
 /*  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, padding 0.2s ease; /* Smooth transitions */
transition: transform 0.15s ease, box-shadow 0.15s ease; /* Limit to 2 properties, shorter duration */
}


.lt-custom-blocks .lt-card:hover,
.lt-custom-blocks .lt-card:focus {
  transform: translateY(-4px) scale(1.02); /* Slight lift and subtle zoom */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* Deeper shadow for depth */
  border: 1px solid #f2702f;
  border-radius: 14px;
  border-color: #f2702f; /* Brand color border on hover */
  background-color: rgba(255, 255, 255, 0.95); /* Optional: Slight background brighten */
  transition: transform .18s ease;
}

/* Add space around text */
.lt-custom-blocks .lt-card .lt-card__content,
.lt-custom-blocks .lt-card .lt-card__content {
  padding: 1rem 1rem; /* Increased padding for text */
}

/* Ensure link and icon styles remain consistent */
.lt-custom-blocks .lt-card:hover .lt-card__link,
.lt-custom-blocks .lt-card:focus .lt-card__link {
  color: #192848; 
  text-decoration: none; 
}

.lt-custom-blocks .lt-card:hover .lt-custom-block__icon {
  transform: scale(1.1); /* Icon grows slightly */
}

/* Optimize hover performance for Home page custom blocks, disable initial animation */
#custom-blocks .lt-card {
  will-change: transform, box-shadow; /* Limit to essential properties */
  transition: transform 0.15s ease, box-shadow 0.15s ease; /* Shorten to 0.15s, remove border-color */
  position: relative; /* For JS hover overlay */
}

#custom-blocks .lt-card:not(:hover):not(.hovered) {
  transform: translateY(0) scale(1); /* Reset state */
  box-shadow: none; /* Reset shadow */
  border-color: #E3E8F4; /* Default border */
  background-color: var(--color-bg-cta); /* Default background */
}

/* Disable initial slide-in animation, apply on hover via JS */
#custom-blocks .animate-on-scroll.animate--slide-in {
  animation: none !important; /* Prevent load-time lag */
  opacity: 1; /* Ensure visibility */
  transform: translateY(0); /* Start at default position */
}

/* Base hover styling (overridden by JS for precision) */
.lt-custom-blocks .lt-card:hover,
.lt-custom-blocks .lt-card:focus {
  transform: translateY(-4px) scale(1.02); /* Lift and zoom */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* Depth shadow */
  border-color: #f2702f; /* Orange border */
  background-color: rgba(255, 255, 255, 0.95); /* Slight brighten */
  transition: transform 0.15s ease, box-shadow 0.15s ease; /* Match base */
}

/* Styling for customer quote titles in Peer Insights */
#peer-insights-links .info-link-heading {
  font-family: 'Poppins', sans-serif; /* Theme font with fallback */
  font-style: italic; /* Quote-like aesthetic */
  font-size: 1.3em; /* Prominent */
  font-weight: 700;
  line-height: 1.1; /* Tighter layout */
  position: relative;
  display: inline-block;
  padding-left: 0.5em; /* Left spacing */
  padding-top: 0.5em; 
  padding-right: 0.5em;
  padding-bottom: 0.5em; 
}

.info-link-heading:hover,
.info-link-heading:focus {
  color: #f2702f;
  text-decoration: none;
}


/* Parent link card */
#peer-insights-links .info-link-card {
  display: block;
  text-decoration: none;
  margin-bottom: 0.75em;
  padding: 0.5em;
}


/* Featured Events banner */
.events-wrap .split-card.split-card--horizontal .split-card-media {
  width: 100%;
  overflow: hidden;
}

.events-wrap .split-card.split-card--horizontal .split-card-media img {
  display: block;
  width: 100%;
  height: 375px; /* Increased height */
  object-fit: cover;
}

/* Responsive adjustment for mobile */
@media (max-width: 768px) {
  .events-wrap .split-card.split-card--horizontal .split-card-media img {
    height: 200px; /* Smaller height for mobile */
  }
}

/* Existing split-card styles */
.split-card {
  width: 100%;
  max-width: none;
  margin: 0 0 24px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
}

.split-card:hover,
.split-card:focus {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(116, 170, 252, 0.37);
  border-color: #ddd;
}

.split-card-media img {
  display: block;
  width: 100%;
  height: 220px; /* Default for other split cards (e.g., Orange banner) */
  object-fit: cover;
}

.info-link-heading {
  /* Existing styles, e.g. */
  font-weight: 500;
  /* Add new styles */
  quotes: '“' '”';
  font-style: italic;
  font-size: 1.2em;
  position: relative;
  display: inline-block;
}
.info-link-heading::before {
  content: open-quote;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.5em;
  color: #555;
  margin-right: 0.1em;
  vertical-align: -0.2em;
}
.info-link-heading::after {
  content: close-quote;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.5em;
  color: #555;
  margin-left: 0.1em;
  vertical-align: -0.2em;
}

#peer-insights-links .info-link-card {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 120px;
}

/* Community custom blocks (new section) */
.community-custom-blocks {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.community-blocks-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 columns for the first row */
  gap: 28px;
  width: 100%;
}

.community-block-wrapper {
  width: 100%;
}

.community-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1rem;
  border: 1px solid #E3E8F4;
  border-radius: 14px;
  background-color: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  width: 100%;
  position: relative; /* Ensure proper layering for overlay */
}

.community-block-image {
  margin-top: 1rem;
}

.community-block-image .community-block-icon {
  max-width: 56px;
  height: auto;
}

.community-block-content {
  padding: 1rem;
}

.community-block-heading {
  font-family: 'Poppins', sans-serif;
  font-size: var(--text-xl);
  font-weight: 700;
  color: #192848;
  margin: 0 0 0.2rem;
}

.community-block-text {
  font-family: 'Poppins', sans-serif;
  font-size: var(--text-sm);
  color: #192848;
  margin-bottom: 0px;
}

.community-block-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* Above content but below hover effects */
  text-decoration: none; /* Remove underline */
  color: transparent; /* Hide text if any */
}

.community-block:hover,
.community-block:focus {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  border-color: #f2702f;
  background-color: rgba(255, 255, 255, 0.95);
  transition: transform 0.18s ease;
}

.community-block:hover .community-block-icon,
.community-block:focus .community-block-icon {
  transform: scale(1.1);
}

/* Second row centering */
.community-second-row {
  grid-column: 1 / -1; /* Span all columns */
  display: flex;
  justify-content: center; /* Center the group */
  align-items: center; /* Ensure vertical alignment */
  gap: 28px; /* Match grid gap */
  width: 100%; /* Use full grid width */
}

.community-second-row .community-block-wrapper {
  flex: 0 0 auto; /* Remove auto-growth, let content determine width */
  /*width: auto; /* Allow natural width */
  max-width: 33%; /* Limit to a third of the total width for symmetry */
  display: flex;
  justify-content: center; /* Center each block */
}

@media (max-width: 767px) {
  .community-blocks-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .community-second-row {
    grid-column: auto;
    flex-direction: column;
    gap: 16px;
  }
  .community-second-row .community-block-wrapper {
    max-width: 100%;
  }
  .community-block {
    padding: 0.5rem;
  }
}

.split-card--horizontal .split-card-media {
  position: relative;
}
.banner-button {
  position: absolute;
  bottom: 35%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.75rem 1.5rem;
  background-color: #fff;
  color: #192848;
  border-radius: 5px;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-size: var(--text-base);
  font-weight: 600;
  z-index: 2;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.banner-button:hover,
.banner-button:focus {
  background-color: #f2702f;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 767px) {
  .banner-button {
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.5rem 1rem;
    font-size: var(--text-sm);
  }
}

@media (max-width: 425px) {
  .banner-button {
    bottom: 50%;
    left: 50%;
    width:180px;
    transform: translateX(-50%);
    padding: 0.5rem 1rem;
    font-size: var(--text-sm);
  }
}

.latest-post-heading {
  font-size: 28px; 
  font-weight: bold; 
}
.lt-article-list-item {
  margin-bottom: 1.5px;
  line-height: 1.3;     
}
.lt-article-list {
  list-style-type: disc;   
  margin-left: 15px;
  padding-left: 20px;        
  counter-reset: item;    
  color: #0072CE;
}

.lt-article-list .lt-article-list-item {
 display: list-item;         
 list-style-type: disc;
}

.lt-article-list .lt-article-list-item ol {
  list-style-type: lower-alpha; 
}

/* Default article links in brand blue */
.lt-article-list-item__link {
  color: #0072CE;
}

/* Hover / focus a bit darker for contrast */
.lt-article-list-item__link:hover,
.lt-article-list-item__link:focus {
  color: var(--color-brand-primary);
}

.lt-article-list-item__link em.fa-arrow-right {
  color: #ff6600;  /* bright orange */
}

.lt-article-list-item__link:hover em.fa-arrow-right {
  color: var(--hover_link_color);
}

.clickable-heading {
  color: #192848;
  transition: color 0.2s ease;
  cursor: pointer;
}

a:hover .clickable-heading,
a:focus .clickable-heading {
  color: #f2702f !important; /* Orange on hover */
  text-decoration: none;
}

/* Style for the 'more articles' link wrapper (keep margin) */
.more-articles-link {
  margin-top: 15px !important;
  font-size: 0.85rem;
}

/* Target the link inside the more-articles-link div */
/*
.more-articles-link .lt-article-list-item__link {
  color: #F2702F !important; /* Set to orange */
}

/* Optional: Hover and focus states for the link */
/*
.more-articles-link .lt-article-list-item__link:hover,
.more-articles-link .lt-article-list-item__link:focus {
  color: #D65F28 !important; /* Slightly darker orange for interactivity */
  text-decoration: underline; /* Add underline on hover/focus */
}

/* Unify article and subsection list item styling to match original article list */
.lt-article-list {
  list-style-type: disc; /* Ensure disc bullets */
  margin-left: 15px; /* Base indentation */
  padding-left: 20px; /* Space for bullet alignment, matches original */
  color: #0072CE; /* Match article link color for bullets */
}

.lt-article-list-item,
.lt-article-list-item--is-section {
  display: list-item; /* Ensure bullets apply */
  list-style-type: disc; /* Use disc bullets for both */
  margin-bottom: 1.5px; /* Match original article list spacing */
  margin-top: 1rem;
  padding-left: 0; /* Reset to original, rely on parent padding */
  color: #0072CE; /* Bullet color */
}

.lt-article-list-item .lt-article-list-item__link,
.lt-article-list-item--is-section .lt-article-list-item__link {
  color: #0072CE; /* Match article link color */
  text-decoration: none; /* Remove underline */
  padding-left: 0; /* No extra padding */
}

.lt-article-list-item--is-section .lt-article-list-item__link em.fas {
  margin-left: 0.5rem; /* Space before arrow */
  color: #F2702F; /* Orange arrow */
  font-size: 0.875rem; /* Adjust arrow size */
  vertical-align: middle; /* Align with text baseline */
  display: inline-block; /* Ensure proper inline behavior */
}

/* Hover/focus states for consistency */
.lt-article-list-item .lt-article-list-item__link:hover,
.lt-article-list-item .lt-article-list-item__link:focus,
.lt-article-list-item--is-section .lt-article-list-item__link:hover,
.lt-article-list-item--is-section .lt-article-list-item__link:focus {
  color: var(--color-brand-primary); /* Darker blue */
  text-decoration: underline; /* Underline on interaction */
}

/* Override RTE defaults to match custom list */
.lt-article-list {
  padding-left: 15px !important; /* Reinforce against RTE padding */
  margin-left: 0px !important; /* Reinforce base indentation */
  list-style-position: outside !important; /* Ensure bullets are outside */
}

/* Ensure no interference from other list styles */
.lt-article-list .lt-article-list-item,
.lt-article-list .lt-article-list-item--is-section {
  padding-left: 0 !important; /* Prevent RTE or theme overrides */
  margin-left: 0 !important; /* Align with parent padding */
}

.article-toc {
  float: right;
  width: 25%;
  margin: 0 0 1rem 1rem;
  padding: 1rem;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.article-toc h4 {
  font-size: 1rem;
  margin: 0 0 0.5rem 0;
  font-weight: bold;
}

.article-toc ul {
  list-style: none;
  padding: 0;
}

.article-toc li {
  margin: 0 0 0.25rem 0;
}

.article-toc a {
  text-decoration: none;
  color: #0072CE; /* Matches your link color */
}

.article-toc a:hover {
  text-decoration: underline;
}

.article-toc h1 a {
  font-size: 1.2em;
  font-weight: bold;
}

.article-toc h2 a {
  font-size: 1.1em;
  padding-left: 1em;
}

.article-toc h3 a {
  font-size: 1em;
  padding-left: 2em;
}
/* Ensure linked images with no-lightbox behave as normal links */
.lt-article__body img.no-lightbox {
  cursor: pointer; /* Indicate clickable */
}

.lt-article__body a.no-lightbox img {
  pointer-events: auto; /* Ensure click events pass through */
}

/* Remove lightbox styling from these images */
.lt-article__body a.no-lightbox {
  background: none; /* Remove lightbox background if applied */
  border: none; /* Remove lightbox border if applied */
}

.addevent-event-embed {
 box-shadow: none;
}
/* AddEvent embedded calendar — Catch us at these events section */
.qd-events-calendar {
  margin-bottom: 2.5rem;
}

.qd-events-calendar .ae-emd-cal-events {
  width: 100%;
  height: 650px;
}

@media (max-width: 768px) {
  .qd-events-calendar .ae-emd-cal-events {
    height: 520px;
  }
}
/* ============================================================
   Full-width category card (QorusDocs AI).
   These were part of the v10.2.1 custom CSS but every rule was
   prefixed with #block-list, so they were removed along with the
   base-layout overrides that genuinely conflicted with v11.0.4.
   Re-added here scoped to the card class itself -- these rules
   only govern the full-width card's internal layout, so they
   don't fight v11's base category styling.
   ============================================================ */
.lt-card-wrapper--full-width {
  /* v11.0.4's .lt-row is FLEXBOX, not CSS grid (see
     assets/lotus-utilities.css), so grid-column has no effect here.
     .lt-row-cols-lg-3 > * also forces width:33.33% on every child,
     which squeezed this card into one column. The !important is
     needed to beat that utility rule. */
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  order: 999;
}

.lt-card-wrapper--full-width .lt-block-list-item {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  aspect-ratio: 3.75 / 1;
  padding: 1.5rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.lt-card-wrapper--full-width .lt-block-list-item .block-list-icon--full-width {
  width: 350px;
  height: auto;
  margin: 0;
}

.lt-card-wrapper--full-width .lt-card__content.lt-flow {
  flex: 2;
  text-align: left;
  --flow-space: 0.2rem;
  padding: 0;
  margin-left: 2rem;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.lt-card-wrapper--full-width .lt-card__heading {
  font-family: 'Poppins', sans-serif;
  font-size: var(--text-xl);
  text-align: left;
  font-weight: 700;
  color: #192848;
  margin: 0 0 0.2rem;
}

.lt-card-wrapper--full-width .lt-block-list-item .lt-card__text {
  font-family: 'Poppins', sans-serif;
  font-size: var(--text-base);
  color: #192848;
  text-align: left;
  opacity: 1;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block;
}

@media (max-width: 767px) {
  .lt-card-wrapper--full-width .lt-block-list-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
  }
  .lt-card-wrapper--full-width .lt-block-list-item .block-list-icon--full-width {
    margin: 0 0 1rem 0;
  }
  .lt-card-wrapper--full-width .lt-card__content.lt-flow {
    margin-left: 0;
    flex: 1;
    justify-content: flex-start;
  }
}

/* Regular category card icons (User Guide, Template Designer, Admin
   Guide). Also lost in the #block-list removal -- without this they
   render at intrinsic size rather than the intended responsive clamp. */
.lt-block-list-item .block-list-icon {
  display: block;
  width: clamp(56px, 48%, 96px);
  height: auto;
  margin: 0 auto 0.25rem;
}

/* The full-width AI card overrides the above -- its icon is much
   larger and left-positioned rather than centred. Declared after so
   it wins. */
.lt-card-wrapper--full-width .lt-block-list-item .block-list-icon--full-width {
  width: 350px;
  margin: 0;
}