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

:root {
  --color-bg: rgba(255, 255, 255, 1);
  --color-bg-secondary: rgba(247, 247, 247, 1);
  --color-bg-tertiary: #ddd;
  --color-bg-cta: #112A49;

  --color-heading-primary: #112A49;
  --color-text-primary: #112A49;
  --color-text-secondary: #507096;
  --color-border: #C7C7C7;
  --color-link: #017BAF;
  --color-link-hover: #112A49;
  --color-info: #019CDE;
  --color-warning: #F3BB04;
  --color-danger: #FE746C;
  --color-success: #7AAB0A;

  --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: #019CDE;
  --color-brand-primary-inverse: #FFFFFF;
  --color-brand-primary-hover: #0178ab;
  --color-brand-primary-pressed: #016692;

  --color-badge-primary: #FE746C;

  --link-decoration-hover: none;

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

  --button-color-secondary: #112A49;
  --button-color-tertiary: #017BAF;
  --button-font-weight: var(--font-weight-bold);

  --block-bg: rgba(0, 121, 172, 0.39);
  --block-bg-hover: rgba(254, 115, 110, 1);

  --block-text-color: rgba(21, 22, 22, 1);
  --block-icon-size: calc(24 * 1px);

  --input-color-border: #C7C7C7;
  --input-color-border-hover: #112A49;
  --input-color-border-focus: #112A49;
  --input-padding-vertical: 0.75rem;
  --input-padding-horizontal: 1rem;

  --font-size-base: 16px;
  --font-family-body: 'Roboto', sans-serif;
  --font-family-heading: 'Roboto', 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.5;
  --line-height-heading: 1.2;

  --text-margin-bottom: 2rem;

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

  --padding-base-horizontal: 12px;
  --header-bg: #112A49;
  --header-color-text: #FFFFFF;
  --header-color-text-hover: #FFFFFF;
  --header-logo-height: 50px;
  --header-font-weight: var(--font-weight-bold);
  --header-height: 78px;

  --footer-bg: #112A49;
  --footer-color-text: #FFFFFF;
  --footer-color-link: #FFFFFF;

  --hero-bg: #017BAF;
  --hero-bg-mask: rgba(236, 243, 243, 0.88);
  --hero-color-text: #FFFFFF;
  --hero-image-url: url(/hc/theming_assets/01M3KJH665QE3T75BWX29ZFYTY);

  --custom-blocks-bg: rgba(255, 255, 255, 0);
  --custom-blocks-icon-size: 68px;
  --custom-blocks-icon-color: rgba(122, 203, 236, 0);

  --categories-bg: rgba(255, 255, 255, 0);

  --contact-box-icon-size: 40px;
  --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: 1px;

  --info-callout-color: #019CDE;
  --warning-callout-color: #F3BB04;
  --danger-callout-color: #FE746C;
  --success-callout-color: #7AAB0A;
  --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/01KQVGJHJRKDS5E2MPAVKB6D55);
  --warning-callout-icon: url(/hc/theming_assets/01KQVGJJ8GAJEJTFH33J78549V);
  --danger-callout-icon: url(/hc/theming_assets/01KQVGJHRY54F8JHP1VHRAXWPM);
  --success-callout-icon: url(/hc/theming_assets/01KQVGJJBKAW5M0GJ01ZRQQ28F);
  --copy-code-icon: url(/hc/theming_assets/01KB2M9PW8FHCRHJMZFY7EH5D4);
  --anchor-list-icon: url(/hc/theming_assets/01KQVGJJEQNX9X82CFFE3M99BA);
  --anchor-file-icon: url(/hc/theming_assets/01KQVGJJ279EQ24YH15FGAM85X);
  --blockqoute-icon: url(/hc/theming_assets/01KQVGJJ29JPWP477T657NJPZK);

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

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

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

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

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

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

  --lt-accordion-border: #C7C7C7;
  --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(--input-bg, 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(--input-bg, 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(--input-bg, var(--color-bg));
  --ck-color-toolbar-background: var(--input-bg, var(--color-bg));
  --ck-color-panel-background: var(--input-bg, var(--color-bg));
  --ck-color-input-background: var(--input-bg, var(--color-bg));
  --ck-color-labeled-field-label-background: var(--input-bg, var(--color-bg));
  --ck-color-dropdown-panel-background: var(--input-bg, 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(--input-bg, var(--color-bg));

  --ck-color-list-background: var(--input-bg, var(--color-bg));
  --ck-color-list-button-on-background: var(--input-bg, 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: #FFFFFF;
  --header-color-text-hover: #FFFFFF;
}

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;
  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 {
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

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

.lt-hero-unit--large {
  z-index: 2;
  width: 100%;
  transition: top 0.3s ease;
}

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

.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:not([class*="filled"]) {
  background-color: var(--card-bg, #fff);
}

.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: var(--custom-blocks-icon-color);
  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[aria-expanded="true"] {
  display: flex;
  min-width: auto;
  gap: 0.5rem;
  white-space: nowrap;
  list-style: none;
}

.share a[role="menuitem"] {
  padding: 0.5rem !important;
  color: var(--color-text-primary);
  border-radius: var(--border-radius-base);
  align-items: center;
  justify-content: center;
}

.share svg {
  width: 1rem;
  height: 1rem;
}

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

@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 {
  position: relative;
  flex-grow: 1;
  z-index: 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: 0;
  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: flex;
  flex-direction: column;
  gap: calc(var(--grid-gutter-width) * 2);
  /* grid-template-columns: 1fr; */
}

@media (min-width: 1200px) {
  .lt-article-container {
    display: grid;
    /* grid-template-columns: 1fr 720px 1fr; */
    /* gap: calc(var(--grid-gutter-width) * 4); */
    /* grid-template-columns: repeat(12, 1fr); */
    grid-template-columns: 3fr 1fr;
    grid-template-areas: "main sidebar";
  }

  .lt-article-container__sidenav {
    /* order: 1; */
    grid-area: sidebar;
    /* grid-column: span 4; */
  }

  .lt-article-container__sidebar {
    /* order: 2; */
  }
}

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

@media (min-width: 1200px) {
  .lt-article-container--sidenav {
    grid-template-columns: 1fr 3fr;
    grid-template-areas: "sidebar main";
  }

  .toc-enabled .lt-article-container--sidenav {
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-areas: "sidebar main toc";
  }

  html.sidenav-enabled .lt-article-container__sidenav {
    /* order: 0; */
    /* grid-column: span 3; */
  }

  html.sidenav-enabled .lt-article-container__article {
    /* order: 1; */
    /* grid-column: span 9; */
  }

  html.toc-enabled .lt-article-container__sidenav {
    /* display: none; */
    /* grid-column: span 9; */
  }

  /* html.toc-enabled .lt-article-container__sidebar {
    grid-column: span 4;
  } */

  /* html.sidenav-enabled .lt-article-cont§ainer { 
    grid-template-columns: 1fr 720px 1fr;
  } */
}

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

@media (min-width: 1200px) {
  .lt-article-container__toc {
    position: sticky;
    top: calc(1rem + var(--header-height));
  }
}

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

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

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

    border-top: var(--border-width) solid var(--color-border);
  }
}
/* TODO: ARTICLES IN THIS SESCTIOn */
.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;
    border-radius: 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;
}

@media (min-width: 576px) {
  .lt-topic-controls {
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 576px) {
  .lt-topic-controls__item {
    display: flex;
    align-items: center;
  }
}

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

.lt-post {
  position: relative;
}

.lt-post__text {
  margin-bottom: 2rem;
  word-wrap: break-word;
}

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

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

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

.lt-post-callout {
  border-radius: var(--border-radius-lg);
}

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

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

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

/* BEGIN BEDS24 TABLE STYLES 2026-09-25 */
/* ===== Beds24 Help Centre: article tables =====
   Applied to the theme's style.css by scripts/patch_beds24_theme_tables_2026_09_25.py.
   Fixes: words split mid-word ("Ye s", "Inven tory") caused by the theme's
   .lt-text-break { word-break: break-word } on the article body, 20px body font in cells,
   no header background / row separation, first column flush against the edge,
   and no sideways scrolling when a table is wider than the page. */

.lt-article__body table {
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  word-break: normal;          /* stop mid-word breaks */
  overflow-wrap: normal;
}

.lt-article__body th,
.lt-article__body td {
  padding: 8px 10px !important;  /* theme forces padding-left: 0 */
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #eceef1;
}

.lt-article__body thead th {
  background: #f4f6f8;
  font-weight: 600;
  color: #2f3941;
  vertical-align: bottom;
}

.lt-article__body tbody tr:nth-child(even) td { background: #fafbfc; }
.lt-article__body tbody tr:hover td { background: #eef5fb; }
.lt-article__body tbody tr:last-child td { border-bottom: 0; }

/* first column = row label (channel, setting, issue …) */
.lt-article__body tbody td:first-child { font-weight: 500; }

/* long codes may still wrap anywhere so they never overflow */
.lt-article__body td code { overflow-wrap: anywhere; }

/* scroll box added by the script.js snippet: wide tables scroll sideways
   (desktop and mobile) instead of spilling out of the page */
.lt-article__body .table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.25em 0 1.75em;
  border: 1px solid #e3e6ea;
  border-radius: 6px;
}
/* END BEDS24 TABLE STYLES 2026-09-25 */

/* BEGIN BEDS24 PREVNEXT FIX 2026-09-25 */
/* ===== Beds24 Help Centre: previous/next article navigation =====
   Applied to the theme's style.css by scripts/patch_beds24_theme_tables_2026_09_25.py.
   Lotus One 5.1.1 ships lotus-prevnext.js (<prev-next-articles>) but no CSS for it, so the
   arrow SVG has no size and fills the whole content width. */

prev-next-articles.prevnext {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}

.prevnext__btn {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 48%;
  text-decoration: none;
}

.prevnext__btn--next {
  margin-left: auto;
  align-items: flex-end;
  text-align: right;
}

.prevnext__name {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.875rem;
}

.prevnext__btn--prev .prevnext__name { flex-direction: row-reverse; }

.prevnext svg,
.prevnext__name svg {
  width: 1rem;
  height: 1rem;
  flex: none;
}

.prevnext__title { font-weight: 600; }
/* END BEDS24 PREVNEXT FIX 2026-09-25 */

/* BEGIN VISIT ARTICLE LAYOUT TYPE 2026-09-25 */
/* ===== VISIT Help Centres: article page layout + reading typography =====
   Applied to style.css by scripts/patch_theme_layout_type_2026_09_25.py (all 4 brands).
   1. Layout: on article pages the content no longer sits in a centred 1240px box.
      The side menu starts at the same left edge as the logo (same .lt-container gutter),
      has a fixed width, and the article sits right next to it.
   2. Reading width: article column capped at ~75 characters per line (720px at 18px).
   3. Type scale: one scale on article pages for every brand (was 16/18/20/20px):
      body 18px desktop / 17px mobile, line-height 1.6 (was 1.8), tables 15px, menu 16px. */

.lt-article-page {
  --read-size: 17px;
  --text-xxs: calc(0.625 * var(--read-size));
  --text-xs: calc(0.75 * var(--read-size));
  --text-sm: calc(0.875 * var(--read-size));
  --text-base: var(--read-size);
  --text-lg: calc(1.125 * var(--read-size));
  --text-xl: calc(1.25 * var(--read-size));
  --text-2xl: calc(1.5 * var(--read-size));
  --text-3xl: calc(1.875 * var(--read-size));
  --text-4xl: calc(2.25 * var(--read-size));
  --text-5xl: calc(3 * var(--read-size));
  --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);
  --sidenav-text-base: 15px;
  --sidenav-text-lg: 16px;
  --visit-sidenav-width: 280px;
  --visit-measure: 720px;
  font-size: var(--text-base);
}

@media (min-width: 768px) {
  .lt-article-page { --read-size: 18px; }
}

.lt-article-page .lt-article__body.rte {
  line-height: 1.6;
}

.lt-article-page .lt-article__body li + li {
  margin-top: 0.35em;
}

.lt-article-page .lt-article__body table {
  font-size: 15px;
}

.lt-article-page .lt-article__body :is(h2, h3, h4) {
  line-height: 1.25;
  margin-top: 1.75em;
}

.lt-article-page .lt-article {
  max-width: var(--visit-measure);
}

@media (min-width: 1200px) {
  .lt-container:has(+ .lt-article-page) > .lt-container-inner,
  .lt-article-page > .lt-container-inner {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .lt-article-page .lt-article-container--sidenav {
    grid-template-columns: var(--visit-sidenav-width) minmax(0, 1fr);
    column-gap: 56px;
  }

  .toc-enabled .lt-article-page .lt-article-container--sidenav {
    grid-template-columns: var(--visit-sidenav-width) minmax(0, var(--visit-measure)) minmax(200px, 260px);
  }

  .lt-article-page .lt-article-container__sidenav {
    position: sticky;
    top: calc(1rem + var(--header-height));
    max-height: calc(100vh - var(--header-height) - 2rem);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

@media (min-width: 1600px) {
  .lt-article-page { --visit-sidenav-width: 320px; }
}
/* END VISIT ARTICLE LAYOUT TYPE 2026-09-25 */

/* BEGIN BEDS24 LINKS WIDTH 2026-09-28 */
/* ===== Beds24 Help Centre: link colour + wider article column (Lesley via Lubóv, 2026-09-28) =====
   Applied to style.css by scripts/patch_theme_beds24_links_width_2026_09_28.py (Beds24 only).
   Must sit AFTER the "layout+type 2026-09-25" block (it overrides --visit-measure).
   1. Links in article text: #0079AC + bold, so they read as links without hovering.
      Contrast 4.85:1 on white, 4.68:1 on zebra table rows (WCAG AA >= 4.5).
   2. Article column 720px -> 864px (+20%): fewer tables need side-scrolling. */

.lt-article-page {
  --visit-measure: 864px;
  --visit-link: #0079AC;
  --visit-link-hover: #005A80;
}

.lt-article-page .lt-article__body a[href]:not(.button):not([class*="lt-btn"]),
.lt-article-page .lt-article__body a[href]:not(.button):not([class*="lt-btn"]):visited {
  color: var(--visit-link);
  font-weight: 700;
}

.lt-article-page .lt-article__body a[href]:not(.button):not([class*="lt-btn"]):hover,
.lt-article-page .lt-article__body a[href]:not(.button):not([class*="lt-btn"]):focus-visible {
  color: var(--visit-link-hover);
  text-decoration: underline;
}
/* END BEDS24 LINKS WIDTH 2026-09-28 */

/* BEGIN BEDS24 CALLOUTS 2026-09-28 */
/* ===== Beds24 Help Centre: Note / Tip / Warning callout boxes (Lesley 2026-09-28) =====
   Applied to style.css by scripts/patch_theme_beds24_callouts_2026_09_28.py (Beds24 only).
   Articles mark callouts as <p class="callout callout--note|tip|warning"><strong>Note:</strong> ...</p>
   (added by scripts/add_callout_classes_2026_09_28.py). Text stays the body colour; only the
   box, left border and label colour change. Label colours >= 4.5:1 on their backgrounds. */

.lt-article-page .lt-article__body p.callout {
  margin: 1.25em 0;
  padding: 0.85em 1em 0.85em 1.1em;
  border-left: 4px solid var(--callout-border);
  border-radius: 6px;
  background: var(--callout-bg);
}

.lt-article-page .lt-article__body p.callout > strong:first-child {
  color: var(--callout-label);
}

.lt-article-page .lt-article__body p.callout--note {
  --callout-bg: #EEF6FA;
  --callout-border: #0079AC;
  --callout-label: #005A80;
}

.lt-article-page .lt-article__body p.callout--tip {
  --callout-bg: #EEF7EF;
  --callout-border: #2E7D32;
  --callout-label: #1E5E23;
}

.lt-article-page .lt-article__body p.callout--warning {
  --callout-bg: #FFF4E5;
  --callout-border: #D9730D;
  --callout-label: #9A4A00;
}
/* END BEDS24 CALLOUTS 2026-09-28 */

/* BEGIN BEDS24 WIDTH 994 2026-09-29 */
/* ===== Beds24 Help Centre: article column 864px -> 994px (+15%) (Lesley via Lubóv, 2026-09-29) =====
   Applied to style.css by scripts/patch_theme_beds24_width_2026_09_29.py (Beds24 only).
   Must sit AFTER the "BEDS24 LINKS WIDTH 2026-09-28" block (overrides its --visit-measure).
   Grid uses minmax(0, measure), so narrower screens still just fill the available width. */

.lt-article-page {
  --visit-measure: 994px;
}
/* END BEDS24 WIDTH 994 2026-09-29 */

/* BEGIN BEDS24 FIRSTCOL CODES 2026-09-29 */
/* Beds24 Help Centre: codes in a table's FIRST column never break mid-word.
   Applied to style.css by scripts/patch_theme_beds24_firstcol_codes_2026_09_29.py (Beds24 only).
   Lesley 09-29 (Template Variables): variable names like [PROPERTYCONTACTFIRSTNAME] were split
   mid-word by the table block's `td code { overflow-wrap: anywhere }`. Site-wide, not page-specific:
   first-column codes only wrap at spaces, so the column is as wide as its longest code.
   Tables wider than the page still scroll sideways (.table-scroll). Other columns unchanged. */
.lt-article__body td:first-child code,
.lt-article__body th:first-child code {
  overflow-wrap: normal;
  word-break: normal;
}
/* END BEDS24 FIRSTCOL CODES 2026-09-29 */

/* BEGIN BEDS24 REQUEST FORM 2026-10-16 */
/* Beds24 Help Centre: "Submit a request" form (requests/new) is less bland.
   Applied to style.css by scripts/patch_theme_beds24_header_requestform_2026_10_16.py (Beds24 only).
   Merete 10-14: "the layout is very bland, the fields are not appearing nicely".
   Scoped to #new-request-form / .lt-new-request-form so no other form or page changes.
   Zendesk renders the fields at runtime, so selectors are element based (input/textarea/select),
   and colours/buttons keep coming from the theme settings (coral submit button stays as is). */

.lt-new-request-form {
  padding: 2rem 2.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 121, 172, 0.18);
  border-radius: var(--border-radius-lg, 12px);
  box-shadow: 0 8px 28px rgba(0, 121, 172, 0.08);
}

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

#new-request-form label {
  display: block;
  margin-bottom: 0.4rem;
}

#new-request-form .form-field p {
  margin-top: 0.4rem;
  font-size: 0.875rem;
  opacity: 0.75;
}

#new-request-form input[type="text"],
#new-request-form input[type="email"],
#new-request-form input[type="number"],
#new-request-form input[type="tel"],
#new-request-form input[type="url"],
#new-request-form input[type="date"],
#new-request-form textarea {
  width: 100%;
  padding: 0.7rem 0.9rem;
  font-size: var(--text-base, 1rem);
  color: var(--color-text-primary);
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
}

#new-request-form textarea {
  min-height: 9rem;
  resize: vertical;
}

#new-request-form input[type="text"],
#new-request-form input[type="email"],
#new-request-form input[type="number"],
#new-request-form input[type="tel"],
#new-request-form input[type="url"],
#new-request-form input[type="date"],
#new-request-form textarea,
#new-request-form select,
#new-request-form .nesty-input {
  border: 1px solid rgba(0, 121, 172, 0.35);
  border-radius: 8px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#new-request-form input[type="text"]:hover,
#new-request-form input[type="email"]:hover,
#new-request-form input[type="number"]:hover,
#new-request-form input[type="tel"]:hover,
#new-request-form input[type="url"]:hover,
#new-request-form input[type="date"]:hover,
#new-request-form textarea:hover,
#new-request-form select:hover,
#new-request-form .nesty-input:hover {
  border-color: rgba(0, 121, 172, 0.65);
}

#new-request-form input[type="text"]:focus,
#new-request-form input[type="email"]:focus,
#new-request-form input[type="number"]:focus,
#new-request-form input[type="tel"]:focus,
#new-request-form input[type="url"]:focus,
#new-request-form input[type="date"]:focus,
#new-request-form textarea:focus,
#new-request-form select:focus,
#new-request-form .nesty-input:focus {
  border-color: #0079ac;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(0, 121, 172, 0.18);
}

#new-request-form .upload-dropzone {
  padding: 1.75rem 1.5rem;
  text-align: center;
  background-color: rgba(0, 121, 172, 0.04);
  border: 2px dashed rgba(0, 121, 172, 0.35);
  border-radius: 10px;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

#new-request-form .upload-dropzone:hover {
  background-color: rgba(0, 121, 172, 0.08);
  border-color: #0079ac;
}

#new-request-form footer,
#new-request-form .form-footer {
  padding-top: 1.5rem;
  margin-top: 2rem;
  border-top: 1px solid rgba(0, 121, 172, 0.15);
}

#new-request-form button[type="submit"],
#new-request-form input[type="submit"] {
  min-width: 11rem;
  padding: 0.8rem 2rem;
  font-size: var(--text-base, 1rem);
  border-radius: 8px;
}

@media (max-width: 575px) {
  .lt-new-request-form {
    padding: 1.25rem 1rem;
  }
}
/* END BEDS24 REQUEST FORM 2026-10-16 */

/* BEGIN BEDS24 BRAND 2026-10-21 */
/* ===== Beds24 Help Centre: brand refresh (Beds24 Style Guide + UI Design System, June 2024) =====
   Applied to style.css by scripts/patch_theme_beds24_brand_2026_10_21.py (Beds24 only), together with
   theme-setting changes (colours, Roboto headings, navy header + footer, solid hero, boxed CTA, white logo).
   Approved mockup: drafts/branding_mockup_2026_10_21/beds24_brand_mockup_2026_10_21.html (Robin 2026-10-21).
   Sits AFTER every earlier Beds24 block: it re-colours the callouts, tables and request-form card from those.
   utilities.css loads after style.css, so every rule here is scoped by an id or two classes. */

:root {
  --b24-navy: #112A49;
  --b24-navy-300: #213F63;
  --b24-navy-200: #36567D;
  --b24-navy-100: #507096;
  --b24-sky: #019CDE;
  --b24-sky-500: #017BAF;
  --b24-sky-100: #7BCBED;
  --b24-sky-50: #E6F5FC;
  --b24-info-100: #CAEAF8;
  --b24-coral: #FE746C;
  --b24-gray-50: #F7F7F7;
  --b24-gray-200: #C7C7C7;
  --b24-gray-300: #9F9F9F;
  --b24-gray-400: #7F7F7F;
  --b24-line: #E4E7EB;
  --b24-shadow: 0 1px 2px rgba(17, 42, 73, 0.06), 0 2px 8px rgba(17, 42, 73, 0.05);
  --b24-shadow-hover: 0 6px 18px rgba(17, 42, 73, 0.12);
  --b24-cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 210'%3E%3Cpath fill='%237BCBED' d='M0 210V128C0 52 70 22 206 22h86c72 0 116 30 132 72 16-26 44-40 78-40 34 0 58 24 58 58v98z'/%3E%3C/svg%3E");
  --b24-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
  --b24-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E");
  --b24-external: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E");
  --b24-i-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 11v6M12 7.5v.01'/%3E%3C/svg%3E");
  --b24-i-tip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");
  --b24-i-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 2.4 18a2 2 0 0 0 1.7 3h15.8a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17v.01'/%3E%3C/svg%3E");

  /* theme variables the settings can't express */
  --input-bg: #fff;
  --color-brand-primary-hover: #017BAF;   /* DS primary hover */
  --color-brand-primary-pressed: #0A58C2; /* DS primary click */
  --color-brand-secondary: #017BAF;       /* sidenav: current article */
  --card-shadow: var(--b24-shadow);
}

html body { background-color: var(--b24-gray-50); }

/* ---------- Buttons: DS pill, 10px / 25px padding, regular weight ---------- */
.lt-layout__main .lt-btn:not(.lt-btn--tertiary):not(.lt-btn--icon):not(.slider-button),
.lt-layout__main input[type="submit"],
.lt-layout__main #new-request-form button[type="submit"],
.lt-layout__main .lt-section-subscribe button,
.lt-layout__main .lt-article-subscribe button,
.lt-layout__main .lt-follow button {
  padding: 10px 25px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  border-radius: 999px;
}
.lt-layout__main .lt-btn--secondary,
.lt-layout__main .lt-section-subscribe button,
.lt-layout__main .lt-article-subscribe button,
.lt-layout__main .lt-follow button {
  color: var(--b24-navy);
  background-color: #fff;
  border: 1px solid var(--b24-gray-300);
}
.lt-layout__main .lt-btn--secondary:hover,
.lt-layout__main .lt-section-subscribe button:hover,
.lt-layout__main .lt-article-subscribe button:hover,
.lt-layout__main .lt-follow button:hover {
  color: #fff;
  background-color: var(--b24-gray-200);
  border-color: var(--b24-gray-200);
  opacity: 1;
}
.lt-layout__main .lt-btn--secondary:active,
.lt-layout__main .lt-section-subscribe button:active,
.lt-layout__main .lt-article-subscribe button:active,
.lt-layout__main .lt-follow button:active {
  color: #fff;
  background-color: var(--b24-gray-400);
  border-color: var(--b24-gray-400);
}

/* ---------- Header: navy bar like the Beds24 app ---------- */
html body .lt-header-wrapper .lt-header {
  font-weight: 400;
  border-bottom: 0;
  box-shadow: 0 2px 8px rgba(11, 28, 48, 0.25);
}
.lt-header-wrapper .lt-header .lt-ms-3 {
  margin-inline-start: 18px;
  padding-inline-start: 18px;
  font-size: 14px;
  line-height: 28px;
  color: var(--b24-info-100);
  border-inline-start: 1px solid rgba(255, 255, 255, 0.22);
}
.lt-header-wrapper .lt-header__link {
  font-size: 15px;
  font-weight: 400;
}
.lt-header-wrapper .lt-header__link:hover,
.lt-header-wrapper .lt-header__link:focus {
  color: var(--b24-sky-100);
  text-decoration: underline;
  text-underline-offset: 4px;
  opacity: 1;
}
.lt-header-wrapper .lt-header__link[target="_blank"]::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-inline-start: 0.35em;
  vertical-align: -0.05em;
  background-color: currentColor;
  -webkit-mask: var(--b24-external) center/contain no-repeat;
  mask: var(--b24-external) center/contain no-repeat;
}
.lt-header-wrapper .lt-btn--header {
  padding: 6px 18px;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  background-color: var(--b24-sky);
  border: 1px solid var(--b24-sky);
  border-radius: 999px;
}
.lt-header-wrapper .lt-btn--header:hover,
.lt-header-wrapper .lt-btn--header:focus,
.lt-header-wrapper .lt-btn--header:active {
  color: #fff;
  background-color: var(--b24-sky-500);
  border-color: var(--b24-sky-500);
  opacity: 1;
}
/* "Submit a request" = plain white link; "Sign in" stays the sky-blue pill */
.lt-header-wrapper .lt-btn--header[href*="requests/new"] {
  padding-inline: 4px;
  font-size: 15px;
  background-color: transparent;
  border-color: transparent;
}
.lt-header-wrapper .lt-btn--header[href*="requests/new"]:hover,
.lt-header-wrapper .lt-btn--header[href*="requests/new"]:focus {
  color: var(--b24-sky-100);
  text-decoration: underline;
  text-underline-offset: 4px;
  background-color: transparent;
  border-color: transparent;
}

/* ---------- Home: hero ---------- */
.lt-layout__main .lt-hero-unit {
  background: linear-gradient(115deg, #017BAF 0%, #0189C4 45%, #019CDE 100%);
}
.lt-layout__main .lt-hero-unit::before {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -6px;
  z-index: 1;
  width: 560px;
  max-width: 90%;
  height: 210px;
  pointer-events: none;
  background: var(--b24-cloud) right bottom/contain no-repeat;
  opacity: 0.28;
}
.lt-layout__main .lt-hero-unit .lt-hero-unit__content {
  padding-top: 3.75rem;
  padding-bottom: 6.5rem;
  max-width: 760px;
}
.lt-layout__main .lt-hero-unit .lt-hero-unit__heading {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.lt-layout__main .lt-hero-unit .lt-hero-unit__content > p {
  font-size: 18px;
}
.lt-search-wrap.lt-search-wrap--hero input[type="search"] {
  height: 3.375rem;
  padding-inline-start: 3.25rem;
  font-size: 17px;
  color: var(--b24-navy);
  background-color: #fff;
  border: 0;
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(11, 28, 48, 0.18);
}
.lt-search-wrap.lt-search-wrap--hero input[type="submit"] {
  height: 3.375rem;
  padding: 0 30px;
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  background-color: var(--b24-navy);
  border: 0;
  border-radius: 999px;
}
.lt-search-wrap.lt-search-wrap--hero input[type="submit"]:hover,
.lt-search-wrap.lt-search-wrap--hero input[type="submit"]:focus {
  color: #fff;
  background-color: var(--b24-navy-300);
}
.lt-search-wrap.lt-search-wrap--hero svg {
  width: 1.375rem;
  height: 1.375rem;
  color: var(--b24-navy-100);
  stroke: var(--b24-navy-100);
}
.lt-hero-unit .lt-popular-searches {
  font-size: 14px;
  font-weight: 400;
}
.lt-hero-unit .lt-popular-searches__item.lt-pill {
  padding: 5px 14px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: none;
  backdrop-filter: none;
}
.lt-hero-unit a.lt-popular-searches__item.lt-pill:hover,
.lt-hero-unit a.lt-popular-searches__item.lt-pill:focus {
  color: var(--b24-sky-500);
  background-color: #fff;
  opacity: 1;
}

/* ---------- Home: category cards (custom blocks), pulled up into the hero ---------- */
#custom-blocks.lt-custom-blocks {
  position: relative;
  z-index: 3;
  margin-top: -4.5rem;
  padding-top: 0;
  background-color: transparent !important;
}
#custom-blocks .lt-custom-blocks__items {
  --lt-gutter-y: 20px;
  --lt-gutter-x: 20px;
}
#custom-blocks .lt-card {
  align-items: center;
  gap: 18px;
  padding: 22px 24px;
  background-color: #fff;
  border: 1px solid var(--b24-line);
  border-radius: 8px;
  box-shadow: var(--b24-shadow);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
#custom-blocks .lt-card:hover {
  border-color: var(--b24-sky);
  box-shadow: var(--b24-shadow-hover);
  transform: translateY(-2px);
}
#custom-blocks .lt-custom-block-icon {
  box-sizing: border-box;
  width: 68px;
  height: 68px;
  padding: 13px;
  object-fit: contain;
  background-color: var(--b24-sky-50);
  border-radius: 50%;
}
#custom-blocks .lt-card__heading {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}
#custom-blocks .lt-card:hover .lt-card__heading { color: var(--b24-sky-500); }
#custom-blocks .lt-card__text {
  --flow-space: 4px;
  margin-bottom: 0;
  font-size: 16px;
  color: var(--b24-navy-100);
}
#custom-blocks .lt-card__text:empty { display: none; }

/* ---------- Home: "More Categories" tree + promoted articles + contact boxes ---------- */
#category-tree.lt-container,
#promoted-articles.lt-container { background-color: transparent !important; }
#category-tree h2,
#contact-boxes h2 {
  font-size: 28px;
  font-weight: 700;
}
#category-tree .lt-category-tree-item__sections {
  --lt-gutter-y: 20px;
  --lt-gutter-x: 20px;
}
#category-tree .lt-card,
#contact-boxes .lt-card {
  gap: 6px;
  padding: 20px 22px;
  background-color: #fff;
  border: 1px solid var(--b24-line);
  border-radius: 8px;
  box-shadow: var(--b24-shadow);
}
#category-tree .lt-card h3 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
}
#category-tree .lt-section-link:hover { color: var(--b24-sky-500); text-decoration: none; }
#category-tree .lt-article-list > * + * { margin-top: 0; }
#category-tree .lt-article-list a {
  display: block;
  padding: 5px 0;
  color: var(--b24-sky-500);
}
#promoted-articles #promoted-articles-list {
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid var(--b24-gray-200);
  border-radius: 8px;
  box-shadow: var(--b24-shadow);
}
#promoted-articles #promoted-articles-list > h2 {
  margin: 0;
  padding: 16px 24px;
  font-size: 20px;
  font-weight: 400;
  border-bottom: 1px solid var(--b24-gray-200);
}
#promoted-articles #promoted-articles-list > ul {
  margin: 0;
  padding: 12px 8px 20px;
}
#promoted-articles #promoted-articles-list a {
  font-weight: 600;
  color: var(--b24-sky-500);
}
#promoted-articles #promoted-articles-list a:hover { text-decoration: underline; }
#promoted-articles .lt-star-icon {
  width: 16px;
  height: 16px;
  fill: #F3BB04;
}
#contact-boxes .lt-contact-box-icon { color: var(--b24-sky-500); stroke: currentColor; }
#contact-boxes .lt-card__link:hover { color: var(--b24-sky-500); }

/* ---------- Home: bottom call-to-action (navy box) ---------- */
#footer-cta .cta-box {
  position: relative;
  overflow: hidden;
  padding: 40px 48px;
  color: #fff;
  background-color: var(--b24-navy);
  border-radius: 16px;
}
#footer-cta .cta-box::before {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -26px;
  width: 420px;
  max-width: 80%;
  height: 158px;
  pointer-events: none;
  background: var(--b24-cloud) right bottom/contain no-repeat;
  opacity: 0.16;
}
#footer-cta .cta-box > .lt-flow {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 40px;
  align-items: center;
}
#footer-cta .cta-box .cta-box__title {
  grid-column: 1;
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}
#footer-cta .cta-box .cta-box__subtitle {
  grid-column: 1;
  max-width: 58ch;
  margin-top: 8px;
  font-size: 17px;
  color: var(--b24-info-100);
}
#footer-cta .cta-box .cta-box__btn {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0;
}

/* ---------- Footer ---------- */
.lt-footer.lt-d-print-none .lt-footer__copyright { color: var(--b24-info-100); }
.lt-footer.lt-d-print-none .lt-footer__copyright::before {
  content: "";
  display: block;
  width: 72px;
  height: 38px;
  margin-bottom: 14px;
  background: url(/hc/theming_assets/01M5ET06DR588YJS4PZW4TWCQ8) left center/contain no-repeat;
}
.lt-footer.lt-d-print-none .lt-footer__copyright .lt-footer__link { color: var(--b24-sky-100); }

/* ---------- Breadcrumbs + page search (section, category, article, request pages) ---------- */
.lt-layout__main .breadcrumbs { font-size: 14px; }
.lt-layout__main .breadcrumbs > li a { color: var(--b24-sky-500); }
.lt-layout__main .breadcrumbs > li:last-child a { color: var(--b24-navy-100); }
.lt-layout__main .breadcrumbs > li + li::before { padding: 0 8px; color: var(--b24-gray-300); }
.lt-page-nav .lt-search-wrap input[type="search"] {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  font-size: 15px;
  background-color: #fff;
  border: 1px solid var(--b24-gray-200);
  border-radius: 999px;
}
.lt-page-nav .lt-search-wrap svg { stroke: var(--b24-navy-100); }

/* ---------- Page titles ---------- */
.section-page h1,
.category-page .lt-category-tree-item__title,
.lt-new-request-page .lt-new-request-title,
.lt-article-page .lt-article__title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

/* ---------- Section page: article list as an app-style list ---------- */
.section-page ul.lt-row-cols-1:not(#section-list) {
  --lt-gutter-x: 0;
  --lt-gutter-y: 0;
  margin: 0 0 48px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid var(--b24-line);
  border-radius: 8px;
  box-shadow: var(--b24-shadow);
}
.section-page ul.lt-row-cols-1:not(#section-list) > li + li { border-top: 1px solid var(--b24-line); }
.section-page ul.lt-row-cols-1:not(#section-list) > li > div { padding: 0; }
.section-page ul.lt-row-cols-1:not(#section-list) > li a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 22px;
  font-size: 17px;
  color: var(--b24-navy);
  text-decoration: none;
}
.section-page ul.lt-row-cols-1:not(#section-list) > li a::before,
.section-page ul.lt-row-cols-1:not(#section-list) > li a::after {
  content: "";
  flex: none;
  background-color: var(--b24-navy-100);
}
.section-page ul.lt-row-cols-1:not(#section-list) > li a::before {
  width: 24px;
  height: 24px;
  -webkit-mask: var(--b24-doc) center/contain no-repeat;
  mask: var(--b24-doc) center/contain no-repeat;
}
.section-page ul.lt-row-cols-1:not(#section-list) > li a::after {
  width: 18px;
  height: 18px;
  margin-inline-start: auto;
  background-color: var(--b24-gray-300);
  -webkit-mask: var(--b24-chevron) center/contain no-repeat;
  mask: var(--b24-chevron) center/contain no-repeat;
}
.section-page ul.lt-row-cols-1:not(#section-list) > li a:hover {
  color: var(--b24-sky-500);
  background-color: var(--b24-sky-50);
}
.section-page #section-list .lt-card {
  background-color: #fff;
  border: 1px solid var(--b24-line);
  border-radius: 8px;
  box-shadow: var(--b24-shadow);
}

/* ---------- Category page: each section in a white card ---------- */
.category-page .lt-category-tree-item__sections.lt-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
}
.category-page .lt-category-tree-item__sections.lt-row > section.section {
  width: auto;
  margin: 0;
  padding: 20px 22px;
  background-color: #fff;
  border: 1px solid var(--b24-line);
  border-radius: 8px;
  box-shadow: var(--b24-shadow);
}
.category-page .lt-category-tree-item__sections .lt-article-list a { color: var(--b24-sky-500); }

/* ---------- Article page: article in a white card, 16px reading size ---------- */
.lt-article-page {
  --read-size: 16px;
  --visit-link: #017BAF;
  --visit-link-hover: #112A49;
}
.lt-article-page .lt-article.lt-mb-5 {
  padding: 40px 48px;
  background-color: #fff;
  border: 1px solid var(--b24-gray-200);
  border-radius: 8px;
  box-shadow: var(--b24-shadow);
}
.lt-article-page .lt-article__body.rte { line-height: 1.65; }
.lt-article-page .lt-article__body h2 { font-size: 24px; font-weight: 700; }
.lt-article-page .lt-article__body h3 { font-size: 20px; font-weight: 700; }
.lt-article-page .lt-article__body a[href]:not(.button):not([class*="lt-btn"]) {
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.lt-article-page .lt-article__body ol > li::marker {
  font-weight: 700;
  color: var(--b24-sky-500);
}
.lt-article-page .lt-article__body ul > li::marker { color: var(--b24-sky); }
/* side menu */
.lt-article-page .sidenav { border: 0; }
.lt-article-page .sidenav__article-name { color: var(--b24-navy); }
.lt-article-page .sidenav__article-name:hover { color: var(--b24-sky-500); }
.lt-article-page .sidenav__article-name[aria-current="page"] {
  font-weight: 600;
  color: var(--b24-sky-500);
}
/* previous / next */
.lt-article-page .prevnext__btn {
  padding: 14px 18px;
  background-color: #fff;
  border: 1px solid var(--b24-gray-200);
  border-radius: 8px;
}
.lt-article-page .prevnext__btn:hover {
  background-color: var(--b24-sky-50);
  border-color: var(--b24-sky);
}
.lt-article-page .prevnext__btn--prev { align-items: flex-start; text-align: left; }
.lt-article-page .prevnext__name { color: var(--b24-navy-100); }
.lt-article-page .prevnext__title { font-weight: 600; color: var(--b24-sky-500); }

/* callouts (Note / Tip / Warning) in the design-system alert colours, with an icon */
.lt-article-page .lt-article__body p.callout {
  position: relative;
  padding: 0.85em 1em 0.85em 3rem;
  border-radius: 4px;
}
.lt-article-page .lt-article__body p.callout::after { display: none; }
.lt-article-page .lt-article__body p.callout::before {
  content: "";
  position: absolute;
  top: 1em;
  left: 1rem;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--callout-label);
  -webkit-mask: var(--b24-callout-icon) center/contain no-repeat;
  mask: var(--b24-callout-icon) center/contain no-repeat;
}
.lt-article-page .lt-article__body p.callout--note {
  --callout-bg: #E6F5FC;
  --callout-border: #019CDE;
  --callout-label: #112A49;
  --b24-callout-icon: var(--b24-i-info);
}
.lt-article-page .lt-article__body p.callout--tip {
  --callout-bg: #EAF2D8;
  --callout-border: #7AAB0A;
  --callout-label: #55730E;
  --b24-callout-icon: var(--b24-i-tip);
}
.lt-article-page .lt-article__body p.callout--warning {
  --callout-bg: #FEFCE0;
  --callout-border: #F3BB04;
  --callout-label: #7E7602;
  --b24-callout-icon: var(--b24-i-warning);
}

/* tables: design-system card table */
.lt-article-page .lt-article__body .table-scroll {
  border-color: var(--b24-gray-200);
  border-radius: 8px;
}
.lt-article-page .lt-article__body thead th {
  font-weight: 700;
  color: var(--b24-navy);
  background-color: var(--b24-gray-50);
  border-bottom-color: var(--b24-gray-200);
}
.lt-article-page .lt-article__body th + th { border-left: 1px solid var(--b24-line); }
.lt-article-page .lt-article__body td { border-bottom-color: var(--b24-line); }
.lt-article-page .lt-article__body tbody tr:nth-child(even) td { background-color: transparent; }
.lt-article-page .lt-article__body tbody tr:hover td { background-color: var(--b24-sky-50); }

/* ---------- Request form (requests/new): design-system inputs in a card ---------- */
.lt-new-request-page .callout {
  position: relative;
  padding: 14px 18px 14px 48px;
  background-color: var(--b24-sky-50);
  border-left: 4px solid var(--b24-sky);
  border-radius: 4px;
}
.lt-new-request-page .callout::after { display: none; }
.lt-new-request-page .callout::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 20px;
  height: 20px;
  background-color: var(--b24-navy);
  -webkit-mask: var(--b24-i-info) center/contain no-repeat;
  mask: var(--b24-i-info) center/contain no-repeat;
}
.lt-new-request-page .lt-new-request-form {
  padding: 28px 32px;
  background-color: #fff;
  border: 1px solid var(--b24-gray-200);
  border-radius: 8px;
  box-shadow: var(--b24-shadow);
}
#new-request-form [data-garden-id="forms.input_label"],
#new-request-form label {
  font-weight: 600;
  color: var(--b24-navy);
}
#new-request-form [data-garden-id="forms.input_hint"] { color: var(--b24-navy-100); }
#new-request-form input[type="text"],
#new-request-form input[type="email"],
#new-request-form input[type="number"],
#new-request-form input[type="tel"],
#new-request-form input[type="url"],
#new-request-form input[type="date"],
#new-request-form textarea,
#new-request-form [data-garden-id="forms.input"],
#new-request-form [data-garden-id="forms.textarea"],
#new-request-form [data-garden-id="forms.faux_input"] {
  color: var(--b24-navy);
  background-color: #fff;
  border: 1px solid var(--b24-gray-200);
  border-radius: 4px;
  box-shadow: none;
}
#new-request-form select,
#new-request-form .nesty-input,
#new-request-form [data-garden-id="dropdowns.combobox.trigger"] {
  border: 1px solid var(--b24-gray-200);
  border-radius: 999px;
}
#new-request-form input[type="text"]:hover,
#new-request-form input[type="email"]:hover,
#new-request-form textarea:hover,
#new-request-form select:hover,
#new-request-form .nesty-input:hover,
#new-request-form [data-garden-id="forms.input"]:hover,
#new-request-form [data-garden-id="forms.textarea"]:hover,
#new-request-form [data-garden-id="dropdowns.combobox.trigger"]:hover {
  border-color: var(--b24-gray-300);
}
#new-request-form input[type="text"]:focus,
#new-request-form input[type="email"]:focus,
#new-request-form input[type="number"]:focus,
#new-request-form input[type="tel"]:focus,
#new-request-form input[type="url"]:focus,
#new-request-form input[type="date"]:focus,
#new-request-form textarea:focus,
#new-request-form select:focus,
#new-request-form .nesty-input:focus,
#new-request-form [data-garden-id="forms.input"]:focus,
#new-request-form [data-garden-id="forms.textarea"]:focus,
#new-request-form [data-garden-id="dropdowns.combobox.trigger"]:focus-within {
  border-color: var(--b24-sky);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(1, 156, 222, 0.22);
}
#new-request-form .ck.ck-editor__main > .ck-editor__editable,
#new-request-form .ck.ck-toolbar {
  border-color: var(--b24-gray-200);
}
#new-request-form .ck.ck-toolbar { background-color: var(--b24-gray-50); }
#new-request-form .upload-dropzone,
#new-request-form [data-garden-id="forms.file_upload"] {
  color: var(--b24-navy-200);
  background-color: #fff;
  border: 1.5px dashed var(--b24-gray-300);
  border-radius: 4px;
}
#new-request-form .upload-dropzone:hover,
#new-request-form [data-garden-id="forms.file_upload"]:hover {
  color: var(--b24-sky-500);
  background-color: var(--b24-sky-50);
  border-color: var(--b24-sky);
}
#new-request-form footer,
#new-request-form .form-footer {
  display: flex;
  justify-content: flex-end;
  border-top-color: var(--b24-gray-200);
}
#new-request-form button[type="submit"],
#new-request-form input[type="submit"] {
  min-width: 0;
  padding: 10px 25px;
  font-weight: 400;
  border-radius: 999px;
}

/* ---------- Narrow screens ---------- */
@media (max-width: 575px) {
  .lt-header-wrapper .lt-header__logo { height: 40px; }
}
@media (max-width: 991px) {
  .category-page .lt-category-tree-item__sections.lt-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .lt-layout__main .lt-hero-unit .lt-hero-unit__content { padding-top: 2.25rem; padding-bottom: 5rem; }
  .lt-layout__main .lt-hero-unit .lt-hero-unit__heading,
  .section-page h1,
  .category-page .lt-category-tree-item__title,
  .lt-new-request-page .lt-new-request-title,
  .lt-article-page .lt-article__title { font-size: 28px; }
  .lt-layout__main .lt-hero-unit .lt-hero-unit__content > p { font-size: 16px; }
  .lt-layout__main .lt-hero-unit::before { width: 340px; right: -90px; }
  .lt-search-wrap.lt-search-wrap--hero input[type="search"] { height: 3.125rem; font-size: 16px; }
  #custom-blocks.lt-custom-blocks { margin-top: -3rem; }
  /* category cards become one list, like the Beds24 app menus */
  #custom-blocks .lt-custom-blocks__items {
    --lt-gutter-x: 0;
    --lt-gutter-y: 0;
    margin: 0;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid var(--b24-line);
    border-radius: 8px;
    box-shadow: var(--b24-shadow);
  }
  #custom-blocks .lt-card-wrapper + .lt-card-wrapper { border-top: 1px solid var(--b24-line); }
  #custom-blocks .lt-card {
    gap: 14px;
    padding: 14px 16px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  #custom-blocks .lt-card:hover { transform: none; box-shadow: none; background-color: var(--b24-sky-50); }
  #custom-blocks .lt-card::after {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    margin-inline-start: auto;
    background-color: var(--b24-gray-300);
    -webkit-mask: var(--b24-chevron) center/contain no-repeat;
    mask: var(--b24-chevron) center/contain no-repeat;
  }
  #custom-blocks .lt-custom-block-icon { width: 44px; height: 44px; padding: 8px; }
  #custom-blocks .lt-card__heading { font-size: 17px; font-weight: 600; }
  #custom-blocks .lt-card__text { font-size: 14px; }
  /* "More Categories" becomes a list of category names */
  #category-tree .lt-category-tree-item__sections {
    --lt-gutter-x: 0;
    --lt-gutter-y: 0;
    margin: 0;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid var(--b24-line);
    border-radius: 8px;
    box-shadow: var(--b24-shadow);
  }
  #category-tree .lt-card-wrapper + .lt-card-wrapper { border-top: 1px solid var(--b24-line); }
  #category-tree .lt-card { padding: 0; border: 0; border-radius: 0; box-shadow: none; }
  #category-tree .lt-card ul { display: none; }
  #category-tree .lt-card h3 { margin: 0; font-size: 17px; font-weight: 600; }
  #category-tree .lt-card h3 a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
  }
  #category-tree .lt-card h3 a::after {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background-color: var(--b24-gray-300);
    -webkit-mask: var(--b24-chevron) center/contain no-repeat;
    mask: var(--b24-chevron) center/contain no-repeat;
  }
  #category-tree .lt-card h3 a:hover { background-color: var(--b24-sky-50); }
  #category-tree h2,
  #contact-boxes h2 { font-size: 22px; }
  #footer-cta .cta-box { padding: 28px 22px; }
  #footer-cta .cta-box > .lt-flow { grid-template-columns: minmax(0, 1fr); row-gap: 8px; }
  #footer-cta .cta-box .cta-box__title { font-size: 22px; }
  #footer-cta .cta-box .cta-box__subtitle { font-size: 16px; }
  #footer-cta .cta-box .cta-box__btn { grid-column: 1; grid-row: auto; margin-top: 12px; text-align: center; }
  .category-page .lt-category-tree-item__sections.lt-row { grid-template-columns: minmax(0, 1fr); }
  .section-page ul.lt-row-cols-1:not(#section-list) > li a { padding: 14px 16px; font-size: 16px; }
  .lt-article-page .lt-article.lt-mb-5 { padding: 24px 18px; }
  .lt-article-page .lt-article__body h2 { font-size: 21px; }
  .lt-article-page .prevnext__btn { width: 100%; max-width: 100%; }
  .lt-new-request-page .lt-new-request-form { padding: 20px 18px; }
  #new-request-form button[type="submit"] { width: 100%; }
}
/* END BEDS24 BRAND 2026-10-21 */

/* BEGIN BEDS24 EDITOR LABEL FIX 2026-10-21 */
/* Beds24 Help Centre: hide the "Rich Text Editor" label above the Description editor on requests/new.
   Merete 2026-10-21 11:07 (Slack C0CAYLQE5A5, ts 1792573621.262649): "This appeared on the form."
   Cause: "#new-request-form label { display: block }" from the BEDS24 REQUEST FORM 2026-10-16 block (id selector)
   beats CKEditor's own ".ck.ck-voice-label { display: none }", so the editor's screen-reader label became visible
   (the 2026-10-21 brand block then made it bold navy like a field label).
   Fix: give the voice label its display:none back, scoped to the request form (+ 8px gap above the editor). Screen readers still get the name
   (the editor keeps aria-labelledby pointing at the label; hidden elements still count for aria-labelledby). */
#new-request-form .ck.ck-voice-label {
  display: none !important;
}
/* keep a small gap between the hint text and the editor now that the label row is gone */
#new-request-form .ck.ck-editor {
  margin-top: 8px;
}
/* END BEDS24 EDITOR LABEL FIX 2026-10-21 */

/* BEGIN BEDS24 CC FIELD FIX 2026-10-21 */
/* Beds24 Help Centre: CC field on requests/new showed a box inside a box.
   Lesley 2026-10-21 13:29 (Slack C0B8SLMHH51, ts 1792582179.114189): "the Submit a request form looks strange the first field".
   Cause: Zendesk draws the CC field as ONE box (Garden FauxInput, data-garden-id="forms.faux_input") with a borderless
   typing input inside (Garden Input isBare + a hidden 200px "mirror" FauxInput). The BEDS24 BRAND 2026-10-21 block borders
   every [data-garden-id="forms.input"] / input[type=text] on the form, so the inner input got its own 200px box.
   Fix: strip border/background/padding/shadow from anything inside the CC box, keep the outer box, and give the outer box
   the same sky focus ring as the other fields (the ring used to sit on the inner input). Request form only. */
#new-request-form [data-garden-id="forms.faux_input"] input,
#new-request-form [data-garden-id="forms.faux_input"] input:hover,
#new-request-form [data-garden-id="forms.faux_input"] input:focus,
#new-request-form [data-garden-id="forms.faux_input"] [data-garden-id="forms.input"],
#new-request-form [data-garden-id="forms.faux_input"] [data-garden-id="forms.input"]:hover,
#new-request-form [data-garden-id="forms.faux_input"] [data-garden-id="forms.input"]:focus,
#new-request-form [data-garden-id="forms.faux_input"] [data-garden-id="forms.faux_input"] {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
#new-request-form [data-garden-id="forms.faux_input"]:focus-within {
  border-color: var(--b24-sky);
  box-shadow: 0 0 0 3px rgba(1, 156, 222, 0.22);
}
/* END BEDS24 CC FIELD FIX 2026-10-21 */