@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(244, 246, 248, 1);
  --color-bg-tertiary: #ddd;
  --color-bg-cta: rgba(244, 246, 248, 1);

  --color-heading-primary: rgba(213, 51, 59, 1);
  --color-text-primary: rgba(26, 26, 26, 1);
  --color-text-secondary: rgba(90, 100, 114, 1);
  --color-border: rgba(225, 229, 234, 1);
  --color-link: rgba(206, 47, 55, 1);
  --color-link-hover: rgba(141, 32, 36, 1);
  --color-info: rgba(27, 111, 196, 1);
  --color-warning: #9A5B00;
  --color-danger: #B3261E;
  --color-success: #1E7B34;

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

  --color-neutral: #e2e8f0;

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

  --color-brand-primary: rgba(213, 51, 59, 1);
  --color-brand-primary-inverse: rgba(255, 255, 255, 1);
  --color-brand-primary-hover: #b1242b;
  --color-brand-primary-pressed: #9b2026;

  --color-badge-primary: rgba(206, 47, 55, 1);

  --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: rgba(26, 26, 26, 1);
  --button-color-tertiary: rgba(90, 100, 114, 1);

  --button-font-weight: var(--font-weight-bold);
  --block-bg: rgba(141, 32, 36, 1);
  --block-bg-hover: rgba(206, 47, 55, 1);
  --block-text-color: rgba(26, 26, 26, 1);

  --input-color-border: rgba(225, 229, 234, 1);
  --input-color-border-hover: rgba(26, 26, 26, 1);
  --input-color-border-focus: rgba(26, 26, 26, 1);

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

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

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

  --line-height-body: 1.6;
  --line-height-heading: 1.25;

  --text-margin-bottom: 2rem;

  --grid-gutter-width: 1rem;

  --padding-base-horizontal: 12px;
  --header-bg: rgba(0, 0, 0, 1);
  --header-color-text: rgba(255, 255, 255, 1);
  --header-color-text-hover: rgba(255, 255, 255, 1);
  --header-logo-height: 50px;
  --header-font-weight: var(--font-weight-bold);
  --header-height: 64px;

  --footer-bg: rgba(0, 0, 0, 1);
  --footer-color-text: rgba(255, 255, 255, 1);
  --footer-color-link: rgba(255, 255, 255, 1);

  --hero-bg: rgba(213, 51, 59, 1);
  --hero-bg-mask: rgba(161, 47, 27, 0);
  --hero-color-text: rgba(255, 255, 255, 1);
  --hero-image-url: url(/hc/theming_assets/01KZPZMYW41B91MEDA5DQG61QF);

  --custom-blocks-bg: rgba(255, 255, 255, 1);
  --custom-blocks-icon-size: 55px;
  --custom-blocks-icon-color: rgba(213, 51, 59, 1);

  --categories-bg: rgba(244, 246, 248, 1);

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

  --card-padding: 2rem;

  --border-width: 1px;

  --info-callout-color: rgba(27, 111, 196, 1);
  --warning-callout-color: #9A5B00;
  --danger-callout-color: #B3261E;
  --success-callout-color: #1E7B34;
  --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/01KZMT1PYNNPF3K5SW69WKNMBQ);
  --warning-callout-icon: url(/hc/theming_assets/01KZMT1QA8CYCHJ0Y1NBMH21F6);
  --danger-callout-icon: url(/hc/theming_assets/01KZMT1Q8AG90ZRTXC7ZMPPE03);
  --success-callout-icon: url(/hc/theming_assets/01KZMT1Q7YR434DDHCF490HAP4);
  --copy-code-icon: url(/hc/theming_assets/01KH72BCM5G9M5EQGZQPAKDA4Y);
  --anchor-list-icon: url(/hc/theming_assets/01KMEDDEVYKKXGSR1G9JB1QADJ);
  --anchor-file-icon: url(/hc/theming_assets/01KMEDDDG5GYVYHF34FGPAS85Y);
  --blockqoute-icon: url(/hc/theming_assets/01KMEDDEZ3A9TKREESHNHZB23H);

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

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

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

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

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

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

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

  --rte-bullet-color: #818a91;
  --code-bg: #f7f7f9;
  --light-gray: #f8f7f8;

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

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

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

  --list-bullet-bg: var(--color-neutral);
  --list-bullet-text: var(--color-text-primary);
}

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

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

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

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

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

body {
  font-family: var(--font-family-body);
  font-size: var(--text-base);
  line-height: var(--line-height-body);
  color: var(--color-text-primary);
  background-color: var(--color-bg);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
/* Reset fonts for relevant elements */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/* Links */
a {
  color: var(--color-link);
  text-decoration: none;
}

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

figure {
  margin: 0;
}

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

img:not([src]),
img[src=""] {
  display: none;
}

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

b,
strong {
  font-weight: bold;
}

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

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

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

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

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

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

.dl-horizontal:after {
  clear: both;
}

@media (min-width: 576px) {
  .dl-horizontal dt {
    width: 30%;
    clear: both;
  }
}

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

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

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

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

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

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

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

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

.visibility-hidden,
.recent-activity-accessibility-label,
.pagination-first-text,
.pagination-last-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  clip-path: inset(50%);
}

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

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

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

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

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

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

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

@keyframes fadeIn {
  from {
    opacity: 0.01;
  }

  to {
    opacity: 1;
  }
}

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

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

.lt-icon {
  position: relative;
  display: inline-flex;
  width: 1rem;
  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;
}

.lt-divider {
  position: relative;
  z-index: 20;
  width: 100%;
  height: 4rem;
  fill: var(--color-bg);
}

.prevnext {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

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

.prevnext__btn {
  display: flex;
  max-width: 100%;
  flex-direction: column;
  gap: 0.5rem;
  flex-basis: 0;
  flex-grow: 1;
}

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

.prevnext__btn--prev svg {
  order: -1;
}

.prevnext__btn--next {
  align-items: flex-end;
}

[dir="ltr"] .prevnext__btn--next {
  text-align: right;
}

[dir="rtl"] .prevnext__btn--next {
  text-align: left;
}

span + .prevnext__btn {
  margin-inline-start: auto;
}

.prevnext__name {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: var(--color-heading-primary);
}

[dir="ltr"] .prevnext__btn--next .prevnext__title {
  padding-right: 1.5rem;
}

[dir="rtl"] .prevnext__btn--next .prevnext__title {
  padding-left: 1.5rem;
}

[dir="ltr"] .prevnext__btn--prev .prevnext__title {
  padding-left: 1.5rem;
}

[dir="rtl"] .prevnext__btn--prev .prevnext__title {
  padding-right: 1.5rem;
}
/* Layout */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
/* Normalize non-controls */

fieldset {

  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0.5rem;
  font-weight: var(--font-weight-bold);
}
/* Normalize form controls */

/* Override content-box in Normalize (* isn't specific enough) */
input[type="search"] {
  box-sizing: border-box;
}
/* Position radios and checkboxes better */
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}
/* Make range inputs behave like textual form controls */
input[type="range"] {
  display: block;
  width: 100%;
}
/* Make multiple select elements height not fixed */
select[multiple],
select[size] {
  height: auto;
}
/* Adjust output element */
output {
  display: block;
  padding-top: 0.5rem;
  font-size: var(--text-base);
  line-height: var(--line-height-body);
  color: var(--color-text-secondary);
}
/* Common form controls */

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.nesty-input {
  display: block;
  width: 100%;
  height: auto;
  padding: 0.5rem 1rem;
  font-size: var(--text-base);
  line-height: var(--line-height-body);
  color: var(--color-text-primary);
  background-color: var(--color-bg);
  background-image: none;

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

select:focus,
select:focus:hover,
textarea:focus,
textarea:focus:hover,
input[type="text"]:focus,
input[type="text"]:focus:hover,
input[type="password"]:focus,
input[type="password"]:focus:hover,
input[type="datetime"]:focus,
input[type="datetime"]:focus:hover,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:focus:hover,
input[type="date"]:focus,
input[type="date"]:focus:hover,
input[type="month"]:focus,
input[type="month"]:focus:hover,
input[type="time"]:focus,
input[type="time"]:focus:hover,
input[type="week"]:focus,
input[type="week"]:focus:hover,
input[type="number"]:focus,
input[type="number"]:focus:hover,
input[type="email"]:focus,
input[type="email"]:focus:hover,
input[type="url"]:focus,
input[type="url"]:focus:hover,
input[type="search"]:focus,
input[type="search"]:focus:hover,
input[type="tel"]:focus,
input[type="tel"]:focus:hover,
input[type="color"]:focus,
input[type="color"]:focus:hover,
.nesty-input:focus,
.nesty-input:focus:hover {
  border-color: var(--input-color-border-focus);
  outline: 0;
}

select:hover,
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.nesty-input:hover {
  border-color: var(--input-color-border-hover);
}
/* Placeholder */
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.nesty-input::-moz-placeholder {
  color: var(--color-text-primary);
  opacity: 0.85;
}

select::placeholder,
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.nesty-input::placeholder {
  color: var(--color-text-primary);
  opacity: 0.85;
}

select {
  width: 100%;
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

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

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

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

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

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

select,
.form-field .nesty-input:after,
.form-field .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");
}

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

textarea,
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners,
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  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);
}
/* Search inputs in iOS */

input[type="search"] {
  appearance: none;
  -webkit-appearance: none;
}
/* Form groups */

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

.form-field .optional {
  opacity: 0.75;
}

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

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

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

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

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

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

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

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

.form-field.boolean label {
  min-height: 1.5rem;

  margin-bottom: 0;
  cursor: pointer;
}

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

.form-field p,
.help-block {
  display: block; /* account for any element using help-block */
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  opacity: 0.75;
}

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

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

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

.hc-multiselect-toggle,
ul[data-hc-pills-container] {
  padding: 4px;
}

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

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

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

.hc-multiselect-toggle ul li,
ul[data-hc-pills-container] li,
ul[data-hc-pills-container] li:last-child input,
ul[data-hc-pills-container] li[data-hc-pill="true"] {
  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"] {
  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: 0.5rem 1rem;
  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);
}

.ck.ck-toolbar,
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused),
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
  --ck-color-toolbar-border: var(--input-color-border);
  --ck-color-base-border: var(--input-color-border);
  border-width: var(--border-width);
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.ck.ck-toolbar {
  border-width: 2px !important;
  border-bottom: none !important;
}

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

.ck.ck-button:focus-visible,
.ck.ck-content.ck-editor__editable.ck-editor__editable_inline.ck-focused,
.ck.ck-content.ck-editor__editable.ck-focused,
.ck.ck-toolbar:focus-visible {
  box-shadow:
    0 0 0 1px #fff,
    0 0 0 3px var(--input-color-border-focus) !important;
}

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

.form-field:has(.notification-error) input,
.form-field:has(.notification-error) textarea,
.form-field:has(.notification-error) .nesty-input {
  border-color: var(--color-ui-danger-text);
}

.form-field:has(.notification-error) .ck.ck-content {
  box-shadow:
    0 0 0 1px #fff,
    0 0 0 3px var(--color-ui-danger-text) !important;
}

.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-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: 1240px;
  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) {
  grid-row: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

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

.lt-layout > *:nth-child(3) {
  grid-row: 3;
  grid-column: 1;
  -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);
}

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

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

.lt-header__controls {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 10;
  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 {
  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-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__divider--curve {
  transform: rotateX(180deg);
}

.lt-footer--rounded {
  border-radius: 3rem 3rem 0 0;
}
/* Formatting */
.accordion {
  padding-top: 0;
  overflow: hidden;
  border: var(--border-width) solid var(--lt-accordion-border);
  border-radius: var(--border-radius-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-number > li:before,
.rte-enhanced ol > li:before,
.list-colored > li:before {
  color: var(--list-bullet-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;
}

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: 0.75rem;
  margin-top: 1px;
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: normal;
  background: var(--color-bg);
  border: var(--border-width) solid var(--color-bg-tertiary);
  border-radius: min(var(--border-radius-base), var(--border-radius-menu-max));
  box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
}

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

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

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

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

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

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

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

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

.lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-top: 0.15rem;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5' /%3E%3C/svg%3E%0A");
}

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

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

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

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

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

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

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

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

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

.lt-dropdown-toggle--user {
  padding: 0;
  font-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: 3px;
}
/* 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 {
  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 {
  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 {
  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);
}

input[type="submit"],
.lt-btn--primary {
  --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 {
  --color-button-text: var(--color-brand-primary-inverse);
  --color-button: var(--color-brand-primary-hover);
}

input[type="submit"]:active,
.lt-btn--primary: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;
}

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

.lt-pill {
  background-color: var(--color-bg-secondary);
}

.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);
  -webkit-backdrop-filter: blur(8px);
  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: 14px;
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

.lt-meta__link {
  color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
  appearance: 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;
  padding-top: 8rem;
  padding-bottom: 8rem;
  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;
  }
}

[dir="ltr"] .lt-hero-unit__divider--triangle,
[dir="ltr"] .lt-hero-unit__divider--diagonal,
[dir="ltr"] .lt-hero-unit__divider--waves {
  transform: rotate(180deg);
}

[dir="rtl"] .lt-hero-unit__divider--triangle,
[dir="rtl"] .lt-hero-unit__divider--diagonal,
[dir="rtl"] .lt-hero-unit__divider--waves {
  transform: rotate(-180deg);
}

.lt-hero-unit__divider--diagonal-reverse {
  transform: rotateX(180deg);
}

.lt-hero-unit--rounded {
  padding-bottom: 2rem;
  border-radius: 0 0 3rem 3rem;
}

.lt-hero-unit--none {
  padding-bottom: 2rem;
}

.lt-card {
  --flow-space: 0.5rem;
  position: relative;
  display: flex;
  width: 100%;
  word-break: break-word;
  flex-direction: column;
  background-color: var(--card-bg, #fff);
  border-radius: var(--border-radius-lg);
  gap: 1rem;
}

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

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

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

.lt-card__heading {
  --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 {
  box-shadow:
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px,
    rgba(220, 223, 226, 0.3) 0px 30px 60px 0px,
    rgba(0, 0, 0, 0.1) 0px 8px 20px 0px;
}

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

.lt-custom-blocks__items {
  position: relative;
  z-index: 2;
  margin-top: -12rem !important;
}

.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: background-color 0.3s ease;
}

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

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

.lt-block-list-item--filled {
  --card-bg: transparent;
  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);
  filter: brightness(90%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cta-box {
  background-color: var(--color-bg-cta);
}

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

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

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

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

.share a {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  touch-action: manipulation;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[dir="rtl"] .pagination-prev-text {
  margin-right: 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;
}

.lt-profile-header {
  text-align: center;
  border-radius: var(--border-radius-base);
}

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

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

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

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

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

.lt-profile-stats {
  margin-bottom: 1rem;
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  list-style: none;
}

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

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

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

@media (max-width: 767px) {
  .lt-profile-stats__stat {
    display: block;
  }

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

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

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

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

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

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

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

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

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

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

.lt-profile-nav__item a {
  display: block;
  color: var(--color-text-primary);
}

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

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

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

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

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

.lt-profile-section__header {
  margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lt-profile-activity {
  position: relative;
  margin-bottom: 2rem;
}

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

  font-size: var(--text-sm);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

.lt-attachment-list {
  margin: 0;

  list-style: none;
}

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

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

.lt-attachment-list__item {
  position: relative;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.lt-skip-navigation {
  position: absolute;
  top: auto;
  z-index: -999;
  display: flex;
  padding: 20px;
  margin: 20px;
  overflow: hidden;
  font-size: 14px;
  color: var(--color-text-primary);
  background-color: var(--color-bg);
  border: var(--border-width) solid var(--color-link);
  align-items: center;
  justify-content: center;
}

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

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

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

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

[dir="rtl"] .lt-skip-navigation:focus,
[dir="rtl"] .lt-skip-navigation:active {
  right: auto;
}
/* Notification */

.notification {
  display: table;
  width: 100%;
  padding: 0.75rem 1rem;
  font-family: sans-serif;
  font-size: var(--text-sm);
  color: #555;
  border: var(--border-width) solid;
  transition: height 0.2s;
}

.notification a {
  color: #158ec2;
}

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

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

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

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

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

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

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

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

.notification-dismiss:hover {
  opacity: 1;
}
/* Inline notifications */
.notification-inline {
  position: relative;
  padding: 0.25rem 0.5rem;
  margin-top: 0.5rem;
  vertical-align: middle;
  border-radius: var(--border-radius-base);
}

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

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

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

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

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

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

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

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

.notification-inline.notification-error {
  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-contact-box-icon {
  width: var(--contact-box-icon-size);
  height: var(--contact-box-icon-size);
}

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

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

.lt-vote {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

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

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

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

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

[dir="ltr"] skeleton-loader-block:after,
[dir="ltr"] .lt-skeleton-loader-block:after {
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: translateX(-100%);
}

[dir="rtl"] skeleton-loader-block:after,
[dir="rtl"] .lt-skeleton-loader-block:after {
  background-image: linear-gradient(
    -90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: translateX(100%);
}

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

.searchbox {
  margin-top: 1.5rem;
}

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

.searchbox-suggestions ul {
  margin-bottom: 1.5rem;
  list-style: none;
}

.searchbox-suggestions li {
  margin-bottom: 0.5rem;
}

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

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

.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: 0.75rem 1rem;
  background-color: var(--color-bg);
  border: var(--border-width) solid var(--input-color-border);
  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--button {
  background-color: transparent;
}

.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 {
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
}

.lt-search-filter__link {
  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);
}
/* 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;
}

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

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

.lt-my-activities-menu--main {
  border-bottom: var(--border-width) solid var(--color-border);
}

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

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

.lt-my-activities-menu--main .lt-my-activities-menu-item.is-active {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  background-color: var(--color-bg-secondary);
}

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

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

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

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

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

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

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

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

.lt-comment-form__attachments {
  margin-bottom: 1.5rem;
}

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

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

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

.lt-comment-form__body {
  margin-bottom: 1rem;
}
/* Comment */

.lt-comment {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: var(--border-width) solid var(--color-border);
}

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

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

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

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

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

.lt-comment__official-heading {
  display: block;
  margin-bottom: 1rem;
  font-weight: var(--font-weight-bold);
}

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

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

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

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

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

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

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

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

@media (max-width: 575px) {
  .lt-comment__body [dir="auto"] {
    margin-bottom: 0;
  }
}

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

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

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

.lt-comment__actions {
  padding-top: 8px;
}
/* Comment List */
.lt-comments__callout:empty {
  display: none;
}

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

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

[dir="rtl"] .lt-comments__list {
  padding-right: 0;
}
/* Article */
.lt-article-container {
  display: flex;
  flex-direction: column;
  gap: calc(var(--grid-gutter-width) * 2);

}

@media (min-width: 1200px) {
  .lt-article-container {
    display: grid;

    grid-template-columns: 3fr 1fr;
    grid-template-areas: "main sidebar";
  }

  .lt-article-container__sidenav {

    grid-area: sidebar;

  }
}

.lt-article-container__article {
  grid-area: main;

  min-width: 0;
}

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

}

@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 > *,
.lt-article-list-item:nth-last-of-type(2) > * {
  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;
}

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

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

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

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

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

    border-top: var(--border-width) solid var(--color-border);
  }
}
/* Category */
.lt-category-tree .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);
}

.lt-section-articles .accordion__content {
  font-size: var(--text-sm);
}

@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 */
.lt-community-nav-item {
  display: block;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

.lt-post {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hotposts-tabs .tabs-menu {
  border-bottom: var(--border-width) solid #eceeef;
}

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

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

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

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

.hotposts-tabs .tabs-link.is-active {
  color: #4e5565;
  border-color: #4e5565;
}
/* Request */
.lt-request-table-filters {
  display: flex;
  padding: 1rem;
  margin-bottom: 1.5rem;
  flex-direction: column;
  background-color: var(--color-bg-secondary);
  border-radius: var(--border-radius-lg);
  gap: 1rem;
}
@media (min-width: 768px) {
  .lt-request-table-filters {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;

    align-items: flex-end;
  }
}

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

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

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

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

.requests-sort-symbol {
  position: absolute;
  bottom: 0;
  font-size: var(--text-xxs);
}

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

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

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

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

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

.lt-request-sidebar {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: var(--text-sm);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-base);
}

/* Center contact boxes */
#contact-boxes .lt-container-inner {
  max-width: 1240px;
  margin: 0 auto;
}

#contact-boxes .lt-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: 32px;
  justify-content: unset !important;
  margin: 0 !important;
  padding: 0 !important;
}

#contact-boxes .lt-card-wrapper {
  display: block !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
}

#contact-boxes .lt-card {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;

  transition:
    transform 0.3s ease,
    box-shadow 0.5s ease,
    filter 0.5s ease;
}

#contact-boxes .lt-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    135deg,
    rgba(213, 51, 59, 0.08),
    rgba(255, 255, 255, 0)
  );
  transition: opacity 0.5s ease;
}

#contact-boxes .lt-card:hover {
  transform: translateY(-3px);
  filter: brightness(1.06);
  box-shadow: 0 10px 24px rgba(213, 51, 59, 0.08);
}

#contact-boxes .lt-card:hover::before {
  opacity: 1;
}

#contact-boxes .lt-card__content {
  max-width: none;
}

#contact-boxes h2 {
  margin-bottom: 32px !important;
}

/* Mobile */
@media (max-width: 767px) {
  #contact-boxes .lt-row {
    grid-template-columns: 1fr;
  }
}

/* Center contact boxes */

#footer-cta .lt-flow {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* VIDEOS SECTION */
#videos-section .lt-card {
  padding: 0;
  overflow: hidden;
  border-radius: 0px;
  position: relative;

  transition:
    transform 0.3s ease,
    box-shadow 0.5s ease,
    filter 0.5s ease;
}

#videos-section .lt-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    135deg,
    rgba(213, 51, 59, 0.08),
    rgba(255, 255, 255, 0)
  );
  transition: opacity 0.5s ease;
}

/* Thumbnail area (top image) */
#videos-section img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  border-radius: 0 !important;
}

/* Reduce text spacing under thumbnails */
#videos-section .lt-card__content {
  padding: 12px 16px;
}

/* Title styling */
#videos-section .lt-card__heading {
  font-size: 16px;
  margin-bottom: 4px;
}

/* Description styling */
#videos-section .lt-card__text {
  font-size: 14px;
  color: #6b6b6b;
}

/* Updated smooth hover effect */
#videos-section .lt-card:hover {
  transform: translateY(-3px);
  filter: brightness(1.06);
  box-shadow: 0 10px 24px rgba(213, 51, 59, 0.08);
}

#videos-section .lt-card:hover::before {
  opacity: 1;
}

#videos-section .videos-carousel {
  position: relative;
  overflow: visible;
}

#videos-section .videos-carousel__viewport {
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  padding: 1rem 0;
}

#videos-section #video-list {
  display: flex;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

#videos-section #video-list li {
  flex: 0 0 min(320px, 100%);
  scroll-snap-align: start;
  min-width: 260px;
}

#videos-section .view-more-video-link {
  width: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.25rem;
  color: #E8434B;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  background:
    linear-gradient(180deg, #232323 0%, #171717 100%);
}

#videos-section .videos-carousel__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0.55);
  color: #ffffff;
  border-radius: 999px;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background 0.2s ease;
  z-index: 2;
}

#videos-section .videos-carousel__btn:hover {
  background: rgba(0, 0, 0, 0.72);
}

#videos-section .videos-carousel__btn--prev {
  left: -1.5rem;
}

#videos-section .videos-carousel__btn--next {
  right: -1.5rem;
}

#videos-section .videos-carousel__viewport::-webkit-scrollbar {
  height: 4px;
}

#videos-section .videos-carousel__viewport::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
}

#videos-section .videos-carousel__viewport::-webkit-scrollbar-thumb {
  background: rgba(26, 26, 26, 0.25);
  border-radius: 999px;
}

#videos-section .videos-carousel__viewport::-webkit-scrollbar-thumb:hover {
  background: #8D2024;
}

#videos-section .videos-carousel__viewport {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.08);
}

.lt-card {
  --card-bg: #191919;
  overflow: hidden;
}

/* MASTER FONT OVERRIDE */
:root {
  --font-family-body: "Open Sans", sans-serif;
  --font-family-heading: "Open Sans", sans-serif;
}

/* Search bar color override */
input[type="search"] {
  background-color: #8c8c8e;
  color: #c1c6c8;
}

/* CTA + Hero search button text black */
#footer-cta .cta-box__btn,
#footer-cta .cta-box__btn:hover,
#footer-cta .cta-box__btn:focus,
#footer-cta .cta-box__btn:active,
.lt-search-wrap--hero .lt-btn,
.lt-search-wrap--hero .lt-btn--primary,
.lt-search-wrap--hero button,
.lt-search-wrap--hero input[type="submit"],
.lt-search-wrap--hero .lt-btn:hover,
.lt-search-wrap--hero .lt-btn:focus,
.lt-search-wrap--hero .lt-btn:active,
.lt-search-wrap--hero .lt-btn--primary:hover,
.lt-search-wrap--hero .lt-btn--primary:focus,
.lt-search-wrap--hero .lt-btn--primary:active,
.lt-search-wrap--hero button:hover,
.lt-search-wrap--hero button:focus,
.lt-search-wrap--hero button:active,
.lt-search-wrap--hero input[type="submit"]:hover,
.lt-search-wrap--hero input[type="submit"]:focus,
.lt-search-wrap--hero input[type="submit"]:active {
  color: #000 !important;
}

/* PAGE LAYOUT  for FAQ */

.tr-faq-page {
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 20px 60px 20px;
}

.tr-faq-header {
  margin-bottom: 32px;
  text-align: center;
}

.tr-faq-header h1 {
  margin-bottom: 6px;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.tr-faq-subtitle {
  font-size: 16px;
  color: #bdbdbd;
  text-align: center;
}

/* GROUPS */

.tr-faq-groups {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.tr-faq-group {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Sticky section titles */

.tr-faq-group-title {
  font-size: 22px;
  font-weight: 700;
  color: #E8434B;

  position: sticky;
  top: 12px;
  z-index: 5;

  background: #000;
  padding: 8px 0 10px;
  margin: 0 0 8px;

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.35);
  text-align: center;
}

/* CARD STYLE */

.tr-faq-item {
  background: #111;
  border: 1px solid #2a2a2a;
  border-radius: 14px;
  overflow: hidden;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.tr-faq-item:hover {
  border-color: #3a3a3a;
  transform: translateY(-1px);

  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.25),
    0 0 0 1px rgba(213, 51, 59, 0.15);
}

.tr-faq-item:active {
  transform: translateY(0);
}

/* QUESTION ROW */

.tr-faq-question {
  width: 100%;
  border: none;
  background: none;

  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 14px 20px;

  font-size: 16px;
  font-weight: 600;
  color: #fff;

  cursor: pointer;
  text-align: left;
}

.tr-faq-question:hover {
  color: #E8434B;
}

.tr-faq-text {
  flex: 1;
  padding-right: 12px;
  line-height: 1.25;
}

/* ICON */

.tr-faq-icon {
  font-size: 20px;
  color: #E8434B;

  display: flex;
  align-items: center;
  justify-content: center;

  line-height: 1;
  height: 24px;
  width: 24px;

  transition:
    transform 0.25s ease,
    scale 0.2s ease;
}

.tr-faq-item.is-open .tr-faq-icon {
  transform: rotate(45deg);
}

/* ANSWER */

.tr-faq-answer {
  max-height: 0;
  overflow: hidden;

  padding: 0 20px;

  color: #cfcfcf;
  font-size: 15px;
  line-height: 1.6;

  opacity: 0;

  transition:
    max-height 0.35s ease,
    opacity 0.25s ease,
    padding 0.35s ease;
}

.tr-faq-item.is-open .tr-faq-answer {
  max-height: 400px;
  padding: 0 20px 18px 20px;
  opacity: 1;
}

/* LINKS INSIDE ANSWERS */

.tr-faq-links {
  margin: 12px 0 0;
  padding-left: 18px;
}

.tr-faq-links li {
  margin-bottom: 6px;
}

.tr-faq-links a {
  color: #E8434B;
    text-decoration: none;
}

#videos-section .view-more-video-link:focus,
#videos-section .view-more-video-link:focus-visible,
#videos-section .videos-carousel__btn:focus,
#videos-section .videos-carousel__btn:focus-visible {
  outline: 3px solid #E8434B;
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #000000;
}

.tr-faq-links a:hover {
  text-decoration: underline;
}

/* MOBILE/Tablet/Small Screens */

@media (max-width: 900px) {
  .tr-faq-header h1 {
    font-size: 28px;
  }

  .tr-faq-groups {
    flex-direction: column;
    gap: 40px;
  }

  .tr-faq-group {
    width: 100%;
    flex: none;
  }

  .tr-faq-question {
    padding: 14px 18px;
  }

  .tr-faq-answer {
    padding: 0 18px;
  }

  .tr-faq-item.is-open .tr-faq-answer {
    padding: 0 18px 16px 18px;
  }
}

/* Corner radius override */
:root {
  --border-radius-base: 0px !important;
  --border-radius-lg: 0px !important;
  --border-radius-base-min: 0px !important;
}

/* Search button edit */
.lt-search-wrap input[type="submit"],
.lt-search-wrap--hero input[type="submit"] {
  text-transform: uppercase !important;
}

/* GLOBAL CARD HOVER */
#custom-blocks .lt-card,
#contact-boxes .lt-card,
#videos-section .lt-card,
.lt-custom-blocks .lt-card,
.lt-custom-block-wrapper .lt-card {
  position: relative !important;
  overflow: hidden !important;

  transform: translateY(0) scale(1);

  transition:
    transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 0.22s ease-out,
    background 0.25s ease;
}

/* remove any old highlight lines */
#custom-blocks .lt-card::after,
#contact-boxes .lt-card::after,
#videos-section .lt-card::after,
.lt-custom-blocks .lt-card::after,
.lt-custom-block-wrapper .lt-card::after {
  display: none !important;
}

/* FULL BLOCK glow (even, no direction) */
#custom-blocks .lt-card::before,
#contact-boxes .lt-card::before,
#videos-section .lt-card::before,
.lt-custom-blocks .lt-card::before,
.lt-custom-block-wrapper .lt-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  opacity: 0;

  /* even illumination */
  background: rgba(255, 255, 255, 0.04);

  /* soft inner glow */
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.05),
    inset 0 0 28px rgba(255, 255, 255, 0.04);

  transition: opacity 0.18s ease-out;
}

/* Hover */
#custom-blocks .lt-card:hover,
#contact-boxes .lt-card:hover,
#videos-section .lt-card:hover,
.lt-custom-blocks .lt-card:hover,
.lt-custom-block-wrapper .lt-card:hover {
  transform: translateY(-2px) scale(1.01);

  /* subtle lift */
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
}

#custom-blocks .lt-card:hover::before,
#contact-boxes .lt-card:hover::before,
#videos-section .lt-card:hover::before,
.lt-custom-blocks .lt-card:hover::before,
.lt-custom-block-wrapper .lt-card:hover::before {
  opacity: 1;
}

/* SPARE PARTS SECTION */
.tr-spareparts-page {
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 20px 60px;
}

.tr-spareparts-header {
  text-align: center;
  margin-bottom: 36px;
}

.tr-spareparts-header h1 {
  margin: 0 0 8px;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
}

.tr-spareparts-subtitle {
  margin: 0;
  font-size: 16px;
  color: #bdbdbd;
}

.tr-spareparts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.tr-spareparts-card {
  display: block;
  width: 100%;
  min-height: 170px;
  text-decoration: none;
  color: inherit;
  background: #191919;
  border: 1px solid #2a2a2a;
  border-radius: 0 !important;
}

.tr-spareparts-card__content {
  height: 100%;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.tr-spareparts-card__title {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}

.tr-spareparts-card__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #bdbdbd;
}

/* make them feel like homepage cards */
.tr-spareparts-card {
  position: relative;
  overflow: hidden;
  transform: translateY(0) scale(1);
  transition:
    transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 0.22s ease-out;
}

.tr-spareparts-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: rgba(255, 255, 255, 0.04);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.05),
    inset 0 0 28px rgba(255, 255, 255, 0.04);
  transition: opacity 0.18s ease-out;
}

.tr-spareparts-card:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
}

/* Table styles for spare parts lists */
.tr-spareparts-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  background-color: #373638;
}

.tr-spareparts-table th,
.tr-spareparts-table td {
  padding: 0.75rem;
  text-align: left;
  border-bottom: 1px solid var(--color-border);
  color: white;
}

.tr-spareparts-table th {
  background-color: #373638;
  font-weight: var(--font-weight-bold);
  color: white;
}

.tr-spareparts-table tbody tr:hover {
  background-color: #4d4c4f;
}

/* Accordion styles for spare parts */
.tr-spareparts-accordion .accordion__summary {
  cursor: pointer;
  padding: 1rem;
  background-color: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-base);
  margin-bottom: 0.5rem;
}

.tr-spareparts-accordion .accordion__summary:hover {
  background-color: var(--color-bg-secondary);
}

.tr-spareparts-accordion .accordion__summary h2 {
  margin: 0 0 0.5rem 0;
  font-size: var(--text-lg);
  color: var(--color-heading-primary);
}

.tr-spareparts-accordion .accordion__summary p {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
}

.tr-spareparts-accordion .accordion__content {
  padding: 1rem;
  border: 1px solid var(--color-border);
  border-top: none;
  border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);
  background-color: var(--color-bg);
}

/* Filters and search */
.tr-spareparts-filters {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
  align-items: center;
}

.tr-spareparts-search,
.tr-spareparts-filter {
  flex: 1;
}

.tr-spareparts-search input,
.tr-spareparts-filter select {
  width: 100%;
}

@media (max-width: 768px) {
  .tr-spareparts-filters {
    flex-direction: column;
    align-items: stretch;
  }
}

/* Section search */
.tr-section-search {
  margin-bottom: 1rem;
  background-color: #373638;
  padding: 1rem;
  border-radius: var(--border-radius-base);
  border: 1px solid var(--color-border);
}

.tr-section-search input {
  width: 100%;
  background-color: #373638;
  color: white;
}

/* Table section */
.tr-spareparts-table-section {
  overflow-x: auto;
}

/* Collapsible Category Styles */
.tr-spareparts-category {
  margin-bottom: 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-base);
  overflow: hidden;
  background-color: #373638;
}

.tr-category-toggle {
  width: 100%;
  padding: 1rem;
  background-color: #373638;
  border: none;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--text-base);
  font-weight: var(--font-weight-bold);
  color: white;
  transition: background-color 0.2s ease;
}

.tr-category-toggle:hover {
  background-color: #4d4c4f;
}

.tr-category-toggle h3 {
  margin: 0;
  font-size: var(--text-lg);
}

.tr-toggle-icon {
  font-size: var(--text-lg);
  transition: transform 0.2s ease;
}

.tr-category-content {
  max-height: none;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.tr-category-content-hidden {
  max-height: 0;
}

.tr-category-content table {
  margin-top: 0;
}

/* Power Supplies specific styles */
.tr-power-supplies-note {
  background-color: #373638;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: var(--border-radius-base);
  border-left: 4px solid var(--color-info);
}

.tr-power-supplies-note p {
  margin: 0;
  color: white;
  font-weight: var(--font-weight-medium);
}

.tr-power-supplies-filters {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  align-items: center;
  background-color: #373638;
  padding: 1rem;
  border-radius: var(--border-radius-base);
  border: 1px solid var(--color-border);
}

.tr-power-supplies-filters input,
.tr-power-supplies-filters select {
  padding: 0.5rem;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-base);
  font-size: var(--text-sm);
  background-color: #373638;
  color: white;
}

.tr-power-supplies-filters input {
  flex: 2;
}

.tr-power-supplies-filters select {
  flex: 1;
}

.tr-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  padding: 1rem;
}

.tr-pagination-btn {
  padding: 0.5rem 1rem;
  border: 1px solid var(--color-border);
  background-color: #373638;
  color: white;
  border-radius: var(--border-radius-base);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.tr-pagination-btn:hover:not(:disabled) {
  background-color: #4d4c4f;
}

.tr-pagination-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

#page-info {
  font-weight: var(--font-weight-medium);
  color: white;
}

@media (max-width: 768px) {
  .tr-power-supplies-filters {
    flex-direction: column;
    align-items: stretch;
  }

  .tr-power-supplies-filters input,
  .tr-power-supplies-filters select {
    width: 100%;
  }

  .tr-category-toggle {
    padding: 0.75rem;
  }

  .tr-category-toggle h3 {
    font-size: var(--text-base);
  }
}

.tr-spareparts-card:hover::before {
  opacity: 1;
}

@media (max-width: 900px) {
  .tr-spareparts-grid {
    grid-template-columns: 1fr;
  }

  .tr-spareparts-header h1 {
    font-size: 28px;
  }
}

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

.lt-search-wrap--hero-custom svg {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
  z-index: 4;
  width: 1.5rem;
  height: 1.5rem;
  pointer-events: none;
}

.lt-search-wrap--hero-custom .lt-search-placeholder-fake {
  position: absolute;
  top: 50%;
  left: 4.25rem;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.85);
  pointer-events: none;
  z-index: 3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 12rem);
}

.lt-search-wrap--hero-custom input[type="search"],
.lt-search-wrap--hero-custom input[type="text"],
.lt-search-wrap--hero-custom input {
  position: relative;
  z-index: 2;
  padding-left: 4rem;
}

.lt-search-wrap--hero-custom:focus-within .lt-search-placeholder-fake {
  opacity: 0;
}

.lt-search-wrap--hero-custom input:not(:placeholder-shown) ~ .lt-search-placeholder-fake,
.lt-search-wrap--hero-custom input[value]:not([value=""]) ~ .lt-search-placeholder-fake {
  opacity: 0;
}

/* Article sidenav toggle */

@media (min-width: 1200px) {
  .lt-article-container {
    position: relative;
    overflow: visible;
  }

  .lt-article-container__sidenav {
    position: relative;
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    overflow: hidden;
    transition:
      width 0.25s ease,
      min-width 0.25s ease,
      max-width 0.25s ease;
  }

  .lt-article-container__sidenav > * {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    transition:
      transform 0.25s ease,
      opacity 0.2s ease;
    will-change: transform, opacity;
  }

  .lt-article-container.is-sidenav-collapsed .lt-article-container__sidenav {
    width: 0;
    min-width: 0;
    max-width: 0;
    pointer-events: none;
  }

  .lt-article-container.is-sidenav-collapsed .lt-article-container__sidenav > * {
    transform: translateX(-24px);
    opacity: 0;
  }

  .lt-sidenav-toggle-rail {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--lt-sidenav-rail-x, 300px);
    width: 1px;
    background: rgba(255, 255, 255, 0.14);
    z-index: 20;
    pointer-events: none;
  }

  .lt-sidenav-toggle {
    position: fixed;
    top: 50vh;
    left: var(--lt-sidenav-button-x, 300px);
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    transform: translate(-50%, -50%);
    z-index: 60;
    cursor: pointer;
  }

  .lt-sidenav-toggle__thumb {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(180deg, #313131 0%, #232323 100%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow:
      0 2px 8px rgba(0, 0, 0, 0.35),
      0 0 0 1px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
      background 0.2s ease,
      border-color 0.2s ease,
      box-shadow 0.2s ease;
  }

  .lt-sidenav-toggle__icon {
    width: 14px;
    height: 14px;
    stroke: #E8434B;
    transition: transform 0.25s ease;
  }

  .lt-sidenav-toggle:hover .lt-sidenav-toggle__thumb {
    background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%);
    border-color: rgba(255, 255, 255, 0.26);
    box-shadow:
      0 4px 12px rgba(0, 0, 0, 0.4),
      0 0 0 1px rgba(0, 0, 0, 0.2);
  }

  .lt-sidenav-toggle:focus-visible {
    outline: none;
  }

  .lt-sidenav-toggle:focus-visible .lt-sidenav-toggle__thumb {
    box-shadow:
      0 0 0 2px #000,
      0 0 0 4px rgba(213, 51, 59, 0.3);
  }

  .lt-article-container.is-sidenav-collapsed .lt-sidenav-toggle__icon {
    transform: rotate(180deg);
  }

  .lt-sidenav-toggle:hover .lt-sidenav-toggle__icon {
    transform: translateX(-1px);
  }

  .lt-article-container.is-sidenav-collapsed .lt-sidenav-toggle:hover .lt-sidenav-toggle__icon {
    transform: rotate(180deg) translateX(-1px);
  }

  .lt-article-container__article {
    transition:
      margin-left 0.25s ease,
      transform 0.25s ease;
  }

  .lt-article-container.is-sidenav-collapsed .lt-article-container__article {
    transform: translateX(-140px);
  }
}

@media (max-width: 1199px) {
  .lt-sidenav-toggle,
  .lt-sidenav-toggle-rail {
    display: none !important;
  }
}

.lt-article-page {
  background: linear-gradient(
    180deg,
    #373638 0%,
    #2f2e30 100%
  );
}

html.lt-sidenav-init .lt-article-container__sidenav {
  transition: none !important;
}

.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 {
  background: #373638;
  margin-bottom: 0 !important;
  padding-bottom: 1.5rem;
}

/* Keep the inner width area matching too */
.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 .lt-container-inner,
.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 .lt-page-nav {
  background: #373638;
}

/* GLOBAL Numbered step bubbles */
.lt-article-container__article ol li::before {
  background-color: #E8434B !important;
  color: #000000 !important;
  border: none !important;
}

/* If theme uses span-based markers instead */
.lt-article-container__article ol li span:first-child {
  background-color: #E8434B !important;
  color: #000000 !important;
  border: none !important;
}

.lt-article-container__article ol li::before,
.lt-article-container__article ol li span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

/* HERO SEARCH WHITE STYLE */

/* ONLY target the input, not the button */
.lt-search-wrap--hero-custom input[type="search"],
.lt-search-wrap--hero-custom input[type="text"] {
  background-color: #ffffff !important;
  color: #6b7280 !important;
  border: 2px solid #6b7280;
}

/* Fake placeholder (DC text) */
.lt-search-wrap--hero-custom .lt-search-placeholder-fake {
  color: #9ca3af;
}

/* Real placeholder fallback */
.lt-search-wrap--hero-custom input::placeholder {
  color: transparent;
  opacity: 0;
}

/* Icon color */
.lt-search-wrap--hero-custom svg {
  stroke: #9ca3af;
}

/* Focus state */
.lt-search-wrap--hero-custom input:focus {
  outline: none;
  border-color: #111827;
  box-shadow: 0 0 0 2px rgba(213, 51, 59, 0.4);
}
/* BRIGHTER POPULAR SEARCH BUTTONS */

.lt-popular-searches__item,
.lt-pill--transparent {
  background-color: rgba(213, 51, 59, 0.45) !important;
  color: #000000;
  border: none;
}

/* Hover */
.lt-popular-searches__item:hover,
.lt-pill--transparent:hover {
  background-color: rgba(213, 51, 59, 0.65) !important;
}

/* MODERN DARK CALLOUT STYLE */

.lt-article__body .callout:after,
.lt-article__body .note:after,
.lt-article__body .warning:after,
.lt-article__body .danger:after,
.lt-article__body .success:after {
  opacity: 0 !important;
}

.lt-article__body .callout,
.lt-article__body .note,
.lt-article__body .warning,
.lt-article__body .danger,
.lt-article__body .success {
  background: #1f1f1f !important;
  color: #ffffff !important;
  border-left: 4px solid #E8434B !important;
}

.lt-article__body zd-summary-block,
zd-summary-block {
  display: block;
  background: #1f1f1f !important;
  color: #ffffff !important;
  border-left: 4px solid #E8434B !important;
  border-radius: 6px;
  padding: 24px;
  margin: 0 0 32px;
}

.lt-article__body zd-summary-block p,
zd-summary-block p,
.lt-article__body zd-summary-block strong,
zd-summary-block strong {
  color: #ffffff !important;
}

/* Search results page polish */

.lt-search-results-page {
  background: linear-gradient(
    180deg,
    #373638 0%,
    #2f2e30 100%
  );
}

/* Top breadcrumb/search strip match article page */
.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 {
  background: #373638;
  margin-bottom: 0 !important;
  padding-bottom: 1.5rem;
}

.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 .lt-container-inner,
.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 .lt-page-nav {
  background: #373638;
}

/* Search sidebar panel */
.lt-search-filters {
  background: transparent;
  border-right: 1px solid rgba(255, 255, 255, 0.14);
  padding: 0 16px 0 0;
}

/* Filter sections */
.lt-search-filter {
  padding: 0 0 24px !important;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.lt-search-filter:last-child {
  border-bottom: none;
}

/* Filter headings */
.lt-search-filter h3 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 12px;
}

/* Filter links */
.lt-search-filter__link {
  color: #E8434B;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.lt-search-filter__link:hover {
  color: #ffffff;
  text-decoration: none;
}

/* Active state */
.lt-search-filter__item.is-active .lt-search-filter__link {
  background: rgba(213, 51, 59, 0.12);
  color: #E8434B;
}

/* Counts */
.lt-search-filter__count {
  color: inherit;
  opacity: 0.75;
}

/* Result rows */
.lt-search-result {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.lt-search-result__title a {
  color: #E8434B;
}

.lt-search-result__text {
  color: rgba(255, 255, 255, 0.86);
}

/* Category Page */

/* Category page background (match top strip) */
.category-page {
  background: #373638;
}

/* Also match inner containers */
.category-page .lt-container-inner {
  background: #373638;
}

.category-page .lt-category-tree-item__sections {
  row-gap: 32px;
}

.category-page .section {
  background: #2f2e30;
  border: 1px solid rgba(255, 255, 255, 0.10);
  padding: 28px 28px 24px;
  min-height: 100%;
}

.category-page .section h2 {
  margin-bottom: 18px;
}

.category-page .section h2 a {
  color: #ffffff;
  text-decoration: none;
}

.category-page .lt-article-list-item > div {
  padding-bottom: 14px !important;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.category-page .lt-article-list-item a {
  color: #E8434B;
  font-weight: 600;
  line-height: 1.35;
}

.category-page .lt-underlined-link {
  display: inline-block;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.65);
  font-weight: 700;
}

.category-page .section:hover {
  border-color: rgba(213, 51, 59, 0.28);
  box-shadow: inset 0 0 0 1px rgba(213, 51, 59, 0.08);
}

/* Center category page text */
.category-page .section {
  text-align: center;
}

.category-page .section h2 {
  text-align: center;
}

.category-page .lt-article-list-item > div {
  text-align: center;
}

/* Category page mobile polish */

.category-page .section {
  text-align: center;
}

/* Mobile/tablet */
@media (max-width: 768px) {
  .category-page {
    padding-left: 16px;
    padding-right: 16px;
  }

  .category-page .lt-category-tree-item__title {
    font-size: 32px;
    line-height: 1.1;
  }

  .category-page .lt-category-tree-item__sections {
    row-gap: 28px;
  }

  .category-page .section {
    text-align: center;
    padding: 22px 18px;
    margin-bottom: 24px;
    background: #2f2e30;
    border: 1px solid rgba(255, 255, 255, 0.10);
  }

  .category-page .section h2 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 16px;
  }

  .category-page .lt-article-list-item > div {
    text-align: center;
    padding: 12px 0 !important;
    margin-bottom: 0;
  }

  .category-page .lt-article-list-item a {
    display: inline-block;
    line-height: 1.35;
  }

  .category-page .lt-underlined-link {
    display: inline-block;
    margin-top: 14px;
    text-align: center;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .category-page .lt-category-tree-item__title {
    font-size: 28px;
  }

  .category-page .section {
    padding: 20px 14px;
  }

  .category-page .section h2 {
    font-size: 22px;
  }

  .category-page .lt-article-list-item a {
    font-size: 15px;
  }
}

/* Promoted Articles */

/* Center promoted article titles */
#promoted-articles li {
  text-align: center;
}

/* Make links centered and cleaner */
#promoted-articles a {
  display: inline-block;
  color: #E8434B; /* default color */
  text-decoration: none;
  transition: color 0.15s ease;
}

#promoted-articles a:hover {
  color: #ffffff;
}

@media (min-width: 992px) {

  .lt-row-cols-lg-3.lt-custom-blocks__items > .lt-card-wrapper:nth-child(4),
  .lt-row-cols-lg-3.lt-custom-blocks__items > .lt-card-wrapper:nth-child(5) {
    flex: 0 0 auto;
    width: 50%;
  }
}

#custom-blocks .lt-card {
  min-height: 260px !important;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

/* Spare Parts Article CSS */

.spare-help-box h3 {
  margin-top: 0;
  margin-bottom: 18px;
}

.spare-help-box p {
  margin-bottom: 20px;
}

.spare-help-links {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.spare-help-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.spare-help-item a {
  font-weight: 600;
  text-decoration: none;
}

.spare-help-footer {
  margin-top: 28px;
  margin-bottom: 0 !important;
}

.sq-article-feedback-panel {
  position: fixed;
  left: 120px;
  right: auto;
  top: auto;
  bottom: 88px;
  width: 230px;
  max-height: 55vh;
  overflow-y: auto;
  padding: 14px;
  background: #303033;
  color: #ffffff;
  border: 1px solid #55565a;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  z-index: 50;
  text-align: center;
}

.sq-article-feedback-panel .lt-article-vote__question,
.sq-article-feedback-panel .h5 {
  color: #ffffff;
  font-size: 13px;
  text-align: center;
}

.sq-article-feedback-panel .lt-article-vote__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.sq-article-feedback-panel .lt-article-vote__item {
  min-width: 68px;
  text-align: center;
  justify-content: center;
}

.sq-article-feedback-panel .lt-article-vote__label {
  display: block;
  color: #b8b8b8;
  font-size: 12px;
  text-align: center;
  margin-top: 12px;
}

.sq-article-feedback-panel .lt-btn,
.sq-article-feedback-panel button {
  background: transparent;
  color: #ffffff;
  border: 1px solid #77787c;
}

.sq-article-feedback-panel .lt-btn:hover,
.sq-article-feedback-panel button:hover {
  color: #ffff00;
  border-color: #ffff00;
}

.sq-article-feedback-panel .lt-article-vote__item--voted {
  background: #ffff00;
  color: #000000;
  border-color: #ffff00;
}

.sq-article-feedback-panel #sq-article-feedback-form,
.sq-article-feedback-panel #sq-article-feedback-prompt,
.sq-article-feedback-panel #sq-article-feedback-options,
.sq-article-feedback-panel #sq-article-feedback-text {
  text-align: center !important;
}

.sq-article-feedback-panel textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: #111111;
  color: #ffffff;
  border: 1px solid #77787c;
}

.sq-article-feedback-panel textarea::placeholder {
  color: #d0d0d0;
}

.sq-article-feedback-panel #sq-article-feedback-note-up,
.sq-article-feedback-panel #sq-article-feedback-note-down {
  color: #b8b8b8 !important;
}

.sq-article-feedback-panel #sq-article-submit-feedback {
  background: #ffff00;
  color: #000000;
  border-color: #ffff00;
}

@media (max-width: 1199px) {
  .sq-article-feedback-panel {
    left: 16px;
    right: 16px;
    bottom: 72px;
    width: auto;
    max-height: 45vh;
  }
}

/* Trak Racer LIGHT theme layer */

:root {
  --tr-red: #DE2330;
  --tr-red-dark: #8D2024;
  --tr-ink: #1A1A1A;
  --tr-muted: #5A6472;
  --tr-surface: #FFFFFF;
  --tr-surface-alt: #F4F6F8;
  --tr-border: #E1E5EA;
  --tr-red-link: #CE2F37;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.lt-btn, .button, [type="submit"],
.lt-hero-unit h1 {
  text-transform: none;
  letter-spacing: normal;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 700; color: var(--tr-red); }

.lt-hero-unit {
  background-color: var(--tr-red);
  background-position: center;
  background-size: cover;
}
.lt-hero-unit h1,
.lt-hero-unit p,
.lt-hero-unit label { color: #FFFFFF !important; }
.lt-hero-unit::after { content: none; }

.lt-search-wrap--hero input[type="search"],
.lt-search-wrap--hero input[type="text"] {
  background: #FFFFFF;
  color: var(--tr-ink);
  border: 1px solid transparent;
}
.lt-search-wrap--hero input::placeholder { color: #8A94A2; }

/* Alternating section bands */
#promoted-articles,
#videos-section,
#contact-boxes { background: var(--tr-surface-alt); }
#custom-blocks,
#categories { background: var(--tr-surface); }

.lt-card,
.lt-card--bordered {
  background: #FFFFFF;
  border: 1px solid var(--tr-border);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
.lt-card:hover { border-color: var(--tr-red); }
.lt-card__text, .lt-text-secondary { color: var(--tr-muted); }

/* Buttons */
.lt-btn, .button, [type="submit"] {
  background: var(--tr-red);
  color: #FFFFFF;
  border: 1px solid var(--tr-red);
  font-weight: 600;
}
.lt-btn:hover, .button:hover, [type="submit"]:hover {
  background: var(--tr-red-dark);
  border-color: var(--tr-red-dark);
  color: #FFFFFF;
}

/* Links */

a { color: var(--tr-red-link); }
a:hover { color: var(--tr-red-dark); }
.lt-card__link, .video-title, .lt-promoted-articles a { color: var(--tr-red-link); }

.lt-header, .lt-footer { background: #000000; }
.lt-header a, .lt-footer a, .lt-footer p { color: #FFFFFF; }
.lt-header a:hover, .lt-footer a:hover { color: #FFFFFF; opacity: 0.75; }

body { color: var(--tr-ink); }

.lt-hero-unit { padding-bottom: 5.5rem; }
#custom-blocks {
  margin-top: -3.5rem;
  position: relative;
  z-index: 2;
  background: transparent;
}
#custom-blocks .lt-card { box-shadow: 0 4px 14px rgba(16, 24, 40, 0.10); }

/* Category page */
.category-page,
.category-page .lt-container-inner {
  background: #FFFFFF !important;
}
.category-page .section {
  background: #F4F6F8 !important;
  border: 1px solid #E1E5EA !important;
}
.category-page .section:hover {
  border-color: rgba(213, 51, 59, 0.35) !important;
  box-shadow: inset 0 0 0 1px rgba(213, 51, 59, 0.08) !important;
}
.category-page .section h2,
.category-page .section h2 a {
  color: #DE2330 !important;
}
.category-page .lt-article-list-item a {
  color: #CE2F37 !important;
}
.category-page .lt-article-list-item > div {
  border-bottom: 1px solid #E1E5EA !important;
}
.category-page .lt-underlined-link {
  color: #5A6472 !important;
}

/* Article page: kill the dark breadcrumb/top strip */
.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5,
.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 .lt-container-inner,
.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 .lt-page-nav {
  background: #FFFFFF !important;
}

.lt-article-page,
.lt-section-page,
.lt-article__body,
.lt-article__body p,
.lt-article__body li,
.lt-article__body td,
.lt-article-container__article,
.lt-article-container__article p,
.lt-article-container__article li {
  color: #1A1A1A !important;
}
.lt-article__body h1, .lt-article__body h2, .lt-article__body h3,
.lt-article__body h4, .lt-article__body h5, .lt-article__body h6,
.lt-article-container__article h1, .lt-article-container__article h2,
.lt-article-container__article h3 {
  color: #DE2330 !important;
}
.lt-article__body a,
.lt-article-container__article a {
  color: #CE2F37 !important;
}

/* Secondary/meta text (dates, "found this helpful", labels) */
.lt-article-page .lt-text-secondary,
.lt-section-page .lt-text-secondary,
.lt-article__meta,
.lt-article__author,
.lt-article-votes__label {
  color: #5A6472 !important;
}

.lt-article__body .callout,
.lt-article__body .note,
.lt-article__body .warning,
.lt-article__body .danger,
.lt-article__body .success,
.lt-article__body zd-summary-block,
zd-summary-block {
  background: #F4F6F8 !important;
  color: #1A1A1A !important;
  border-left: 4px solid #DE2330 !important;
}

.lt-article-container__article ol li::before,
.lt-article-container__article ol li span:first-child {
  background-color: #DE2330 !important;
  color: #FFFFFF !important;
}

/* Article table of contents / sidenav strip gradient */
.lt-article-container__sidenav {
  background: #F4F6F8 !important;
}

.lt-article-page,
.lt-section-page,
.lt-category-page,
.category-page,
.lt-container.lt-article-page,
.lt-container.lt-section-page {
  background: #FFFFFF !important;
  background-image: none !important;
}

/* Order Status store selector (home custom block 4) */

.lt-store-selector {
  border: 0;
  min-width: 0;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 22rem;
}

.lt-store-selector__legend {
  float: none;
  width: 100%;
  padding: 0;
  margin: 0 0 0.5rem;
  border: 0;
  font-size: var(--text-sm, 0.875rem);
  font-weight: 600;
  line-height: var(--line-height-body);
  color: var(--color-text-primary);
}

.lt-store-selector__select {
  margin-bottom: 0;
}

.lt-store-selector__cta {
  display: inline-block;
  text-decoration: none;
}

.lt-store-selector__cta--disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

:root {
  --tr-red: #DE2330;
  --tr-red-hover: #ff3345;
  --tr-red-deep: #a80f1c;
  --tr-black: #050505;
  --tr-page: #0a0a0b;
  --tr-panel: #121214;
  --tr-panel-raised: #18181b;
  --tr-panel-soft: #202024;
  --tr-line: rgba(255, 255, 255, 0.11);
  --tr-line-strong: rgba(255, 255, 255, 0.19);
  --tr-text: #f7f7f8;
  --tr-muted: #a6a6ad;
  --tr-radius: 16px;
  --tr-radius-small: 10px;
  --tr-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
}

html { background: var(--tr-black); }

body {
  color: var(--tr-text) !important;
  background: var(--tr-page) !important;
}

body,
button,
input,
select,
textarea {
  font-family: 'Roboto', sans-serif;
}

a { color: var(--tr-text); }
a:hover { color: var(--tr-red-hover); }

.lt-header,
.lt-footer {
  color: var(--tr-text) !important;
  background: #050505 !important;
  border-color: var(--tr-line) !important;
}

.lt-header a,
.lt-footer a,
.lt-footer p { color: var(--tr-text) !important; }

.lt-header a:hover,
.lt-footer a:hover { color: var(--tr-red-hover) !important; opacity: 1; }

.lt-hero-unit {
  position: relative;
  min-height: clamp(600px, 69vh, 820px);
  padding-bottom: 12rem !important;
  color: var(--tr-text) !important;
  background-color: #060607 !important;
  border-radius: 0 0 28px 28px;
  box-shadow: 0 12rem 0 var(--tr-page);
  isolation: isolate;
  overflow: hidden;
}

.lt-hero-unit::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.58) 48%, rgba(0, 0, 0, 0.3) 100%),
    linear-gradient(0deg, rgba(5, 5, 5, 0.88) 0%, transparent 45%),
    radial-gradient(circle at 84% 18%, rgba(222, 35, 48, 0.2), transparent 36%);
}

.lt-hero-unit::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 4px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--tr-red) 24%, var(--tr-red) 76%, transparent);
}

.lt-hero-unit__bg { z-index: -1; }
.lt-hero-unit__content { position: relative; z-index: 2; max-width: 820px; }

.lt-hero-unit h1,
.lt-hero-unit p,
.lt-hero-unit label { color: var(--tr-text) !important; }

.lt-hero-unit h1 {
  max-width: 780px;
  margin-bottom: 1rem;
  font-size: clamp(2.7rem, 6vw, 5.6rem);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}

.lt-hero-unit__content > p {
  max-width: 660px;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
}

/* Search */
.lt-search-wrap--hero-custom {
  max-width: 760px;
  margin-top: 2rem;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32);
}

.lt-search-wrap--hero-custom input[type="search"],
.lt-search-wrap--hero-custom input[type="text"],
.lt-search-wrap--hero-custom input {
  min-height: 64px;
  padding-right: 7rem !important;
  padding-left: 3.6rem !important;
  color: #161619 !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.lt-search-wrap--hero-custom svg { color: #3b3b40 !important; }
.lt-search-wrap--hero-custom .lt-search-placeholder-fake,
.lt-search-wrap--hero-custom input::placeholder { color: #72727a !important; }

.lt-search-wrap--hero input[type="submit"] {
  top: 7px;
  right: 7px;
  bottom: 7px;
  min-width: 96px;
  height: auto;
  color: #fff !important;
  font-weight: 800;
  background: var(--tr-red) !important;
  border: 0 !important;
  border-radius: 999px !important;
}

.lt-search-wrap--hero input[type="submit"]:hover { background: var(--tr-red-hover) !important; }

.lt-popular-searches {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  margin-top: 24px !important;
  color: rgba(255, 255, 255, 0.68) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.lt-popular-searches__item {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
}

.lt-popular-searches__item:hover {
  color: #fff !important;
  background: var(--tr-red) !important;
  border-color: var(--tr-red) !important;
}

/* Homepage bands */
#custom-blocks,
#promoted-articles,
#category-tree,
#category-accordion,
#recent-activity,
#videos-section {
  color: var(--tr-text) !important;
  background: var(--tr-page) !important;
}

#custom-blocks {
  position: relative;
  z-index: 5;
  margin-top: -12rem !important;
  padding-top: 0 !important;
  background: transparent !important;
}

#custom-blocks .lt-custom-blocks__items {
  margin-top: 0 !important;
  row-gap: 20px;
}

#custom-blocks .lt-card,
#promoted-articles li,
#category-tree .lt-card,
#category-accordion .lt-card,
#recent-activity li,
#videos-section .lt-card {
  color: var(--tr-text) !important;
  background: linear-gradient(145deg, var(--tr-panel-raised), var(--tr-panel)) !important;
  border: 1px solid var(--tr-line) !important;
  border-radius: var(--tr-radius) !important;
  box-shadow: var(--tr-shadow);
}

#custom-blocks .lt-card {
  min-height: 100%;
  padding: clamp(1.5rem, 2vw, 2rem) !important;
}

#custom-blocks .lt-card:hover,
#promoted-articles li:hover,
#category-tree .lt-card:hover,
#videos-section .lt-card:hover {
  border-color: rgba(222, 35, 48, 0.7) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(222, 35, 48, 0.18);
  transform: translateY(-5px);
}

.lt-custom-block-icon {
  width: 52px;
  height: 52px;
  padding: 10px;
  color: #fff;
  background: var(--tr-red);
  border-radius: 12px;
  filter: none !important;
}

#custom-blocks h2,
#custom-blocks h3,
#promoted-articles h2,
#category-tree h2,
#category-accordion h2,
#recent-activity h2,
#videos-section h2 {
  color: var(--tr-text) !important;
  font-weight: 850;
  letter-spacing: -0.025em;
}

#custom-blocks p,
#promoted-articles p,
#category-tree p,
#category-accordion p,
#recent-activity p { color: var(--tr-muted) !important; }

#custom-blocks a,
#promoted-articles a,
#category-tree a,
#category-accordion a,
#recent-activity a,
#videos-section a { color: var(--tr-text) !important; }

#custom-blocks a:hover,
#promoted-articles a:hover,
#category-tree a:hover,
#category-accordion a:hover,
#recent-activity a:hover,
#videos-section a:hover { color: var(--tr-red-hover) !important; }

#promoted-articles { padding-block: clamp(3.5rem, 7vw, 6rem) !important; }

#promoted-articles ul { gap: 14px 0; }

#promoted-articles li {
  position: relative;
  padding: 1.25rem 3.25rem 1.25rem 1.35rem !important;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

#promoted-articles li::after {
  position: absolute;
  top: 50%;
  right: 1.35rem;
  color: var(--tr-red);
  font-size: 1.4rem;
  content: "\2192";
  transform: translateY(-50%);
}

/* Video rail */
#videos-section {
  padding-top: clamp(3.5rem, 7vw, 6rem) !important;
  padding-bottom: clamp(3.5rem, 7vw, 6rem) !important;
  background: #070708 !important;
  border-top: 1px solid var(--tr-line);
}

#videos-section .videos-carousel__viewport { scrollbar-color: var(--tr-red) rgba(255, 255, 255, 0.08); }
#videos-section #video-list { gap: 18px; }
#videos-section #video-list > li { flex: 0 0 min(350px, 84vw); }

#videos-section .lt-card { overflow: hidden; }
#videos-section .video-thumb { aspect-ratio: 16 / 9; object-fit: cover; filter: saturate(0.88) contrast(1.04); }
#videos-section .lt-card__content { min-height: 92px; padding: 16px 18px 20px; }

#videos-section .view-more-video-link {
  color: #fff !important;
  background: linear-gradient(145deg, var(--tr-red), var(--tr-red-deep)) !important;
}

#videos-section .videos-carousel__btn {
  color: #fff;
  background: rgba(18, 18, 20, 0.92);
  border: 1px solid var(--tr-line-strong);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(12px);
}

#videos-section .videos-carousel__btn:hover {
  background: var(--tr-red);
  border-color: var(--tr-red);
}

.category-page,
.section-page,
.article-page,
.lt-section-page,
.lt-article-container,
.lt-container.lt-section-page {
  color: var(--tr-text) !important;
  background: var(--tr-page) !important;
}

.category-page .section,
.lt-section-page .section,
.lt-article__body .callout,
.lt-article__body .note,
.lt-article__body .warning,
.lt-article__body .danger,
.lt-article__body .success,
.lt-article__body zd-summary-block {
  color: var(--tr-text) !important;
  background: var(--tr-panel) !important;
  border-color: var(--tr-line) !important;
}

.lt-article__body,
.lt-article__body p,
.lt-article__body li,
.lt-article__body td,
.lt-section-page { color: #d3d3d7 !important; }

.lt-article__body h1,
.lt-article__body h2,
.lt-article__body h3,
.lt-article__body h4,
.lt-article__body h5,
.lt-article__body h6,
.category-page .section h2,
.category-page .section h2 a { color: var(--tr-text) !important; }

.lt-article__body a,
.lt-section-page a { color: #ff5a67 !important; }

button,
.lt-btn,
input[type="submit"] {
  border-radius: 999px;
}

@media (max-width: 991px) {
  .lt-hero-unit {
    min-height: 650px;
    padding-bottom: 8rem !important;
    border-radius: 0 0 22px 22px;
  }

  #custom-blocks { margin-top: -8rem !important; }
}

@media (max-width: 767px) {
  .lt-hero-unit {
    min-height: 620px;
    padding-bottom: 4rem !important;
    border-radius: 0 0 18px 18px;
  }

  .lt-hero-unit::before {
    background:
      linear-gradient(0deg, rgba(0, 0, 0, 0.94) 0%, rgba(0, 0, 0, 0.48) 78%, rgba(0, 0, 0, 0.58) 100%),
      radial-gradient(circle at 80% 14%, rgba(222, 35, 48, 0.2), transparent 42%);
  }

  .lt-hero-unit h1 { font-size: clamp(2.35rem, 12vw, 3.6rem); }
  .lt-search-wrap--hero-custom input { min-height: 58px; padding-right: 3.6rem !important; }
  .lt-search-wrap--hero input[type="submit"] { display: none; }
  .lt-popular-searches { align-items: flex-start !important; }

  #custom-blocks {
    margin-top: 0 !important;
    padding-top: 1.25rem !important;
  }

  #videos-section .videos-carousel__btn { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  #custom-blocks .lt-card,
  #promoted-articles li,
  #category-tree .lt-card,
  #videos-section .lt-card { transition: none !important; }

  #custom-blocks .lt-card:hover,
  #promoted-articles li:hover,
  #category-tree .lt-card:hover,
  #videos-section .lt-card:hover { transform: none; }
}

/* HOMEPAGE ALIGNMENT + CONTROL CONTRAST CLEANUP */

@media (min-width: 992px) {
  #custom-blocks .lt-custom-blocks__items {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 20px;
  }

  #custom-blocks .lt-custom-blocks__items > .lt-card-wrapper {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    grid-column: span 2;
  }

  #custom-blocks .lt-custom-blocks__items > .lt-card-wrapper:nth-child(4) {
    grid-column: 2 / span 2;
  }

  #custom-blocks .lt-custom-blocks__items > .lt-card-wrapper:nth-child(5) {
    grid-column: 4 / span 2;
  }
}

.lt-container.category-page,
.lt-container.category-page > .lt-container-inner,
.lt-container.category-page #main-content,
.lt-container.category-page #main-content > .lt-flow,
.lt-container.category-page .lt-category-tree-item,
.lt-container.category-page .lt-category-tree-item__sections {
  color: #f4f4f5 !important;
  background: #343436 !important;
  background-color: #343436 !important;
  background-image: none !important;
}

.lt-container.category-page > .lt-container-inner {
  max-width: 1240px;
}

.lt-container.category-page #main-content > .lt-flow {
  padding-top: 0.5rem;
  margin-bottom: 2rem !important;
  text-align: center;
}

.lt-container.category-page .lt-category-tree-item__title {
  color: #fff !important;
}

.lt-container.category-page #main-content > .lt-flow > div {
  color: #c9c9ce !important;
}

.lt-container.category-page .lt-category-tree-item__sections {
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.lt-container.category-page .section.lt-mb-7 {
  padding: 28px !important;
  margin-bottom: 0 !important;
  color: #f4f4f5 !important;
  background: #2d2d30 !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.category-page .lt-container-inner,
.lt-category-page .lt-container-inner,
.lt-section-page .lt-container-inner,
.category-page .lt-category-tree,
.lt-category-page .lt-category-tree,
.lt-section-page .lt-category-tree,
.category-page .lt-category-tree-item,
.lt-category-page .lt-category-tree-item,
.lt-section-page .lt-category-tree-item,
.category-page .lt-category-tree-item > header,
.lt-category-page .lt-category-tree-item > header,
.lt-section-page .lt-category-tree-item > header {
  color: #f4f4f5 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.category-page .lt-category-tree-item__title,
.category-page .lt-category-tree-item__title a,
.lt-category-page .lt-category-tree-item__title,
.lt-category-page .lt-category-tree-item__title a,
.lt-section-page .lt-category-tree-item__title,
.lt-section-page .lt-category-tree-item__title a {
  color: #fff !important;
}

.category-page .lt-category-tree-item__description,
.lt-category-page .lt-category-tree-item__description,
.lt-section-page .lt-category-tree-item__description {
  color: #c9c9ce !important;
}

/* SUPPORT-CARD ORDER + HERO SUBTITLE ALIGNMENT */

#custom-blocks .lt-custom-blocks__items > .lt-card-wrapper:nth-child(1) { order: 1; }
#custom-blocks .lt-custom-blocks__items > .lt-card-wrapper:nth-child(4) { order: 2; }
#custom-blocks .lt-custom-blocks__items > .lt-card-wrapper:nth-child(2) { order: 3; }
#custom-blocks .lt-custom-blocks__items > .lt-card-wrapper:nth-child(3) { order: 4; }

#custom-blocks .lt-card__heading,
#custom-blocks .lt-card__heading .lt-card__link,
#custom-blocks .lt-card__heading a,
#custom-blocks .lt-card__heading span {
  color: #fff !important;
}

.lt-hero-unit__content {
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

.lt-hero-unit__content > p {
  width: 100% !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

#custom-blocks .lt-card {
  display: flex !important;
  min-height: 275px !important;
  height: 100%;
  padding: 28px 24px !important;
  align-items: center !important;
  flex-direction: column !important;
}

#custom-blocks .lt-card__content {
  display: flex;
  width: 100%;
  height: 100%;
  margin-top: 16px;
  align-items: center;
  flex: 1 1 auto;
  flex-direction: column;
}

#custom-blocks .lt-card__heading {
  min-height: 1.45em;
  margin: 0 0 8px !important;
  color: #fff !important;
  line-height: 1.25;
}

#custom-blocks .lt-card__text {
  max-width: 28ch;
  min-height: 3em;
  margin: 0 auto !important;
  color: #b8b8be !important;
  line-height: 1.5;
}

#custom-blocks .lt-store-selector {
  width: min(100%, 280px);
  padding: 0;
  margin: auto auto 12px;
  border: 0;
}

#custom-blocks .lt-store-selector__legend {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#custom-blocks .lt-store-selector__select {
  width: 100%;
  min-height: 44px;
  padding: 0 42px 0 14px;
  color: #17171a !important;
  font-size: 0.9rem;
  background-color: #fff !important;
  border: 1px solid #d7d7dc !important;
  border-radius: 8px !important;
}

#custom-blocks .lt-store-selector__cta,
#footer-cta .cta-box__btn {
  display: inline-flex !important;
  min-width: 156px;
  min-height: 44px;
  padding: 11px 20px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center;
  background: var(--tr-red) !important;
  border: 1px solid var(--tr-red) !important;
  border-radius: 999px !important;
  box-shadow: 0 9px 24px rgba(222, 35, 48, 0.22);
  align-items: center;
  justify-content: center;
}

#custom-blocks .lt-store-selector__cta:hover,
#footer-cta .cta-box__btn:hover {
  color: #fff !important;
  background: var(--tr-red-hover) !important;
  border-color: var(--tr-red-hover) !important;
}

#custom-blocks .lt-store-selector__cta--disabled {
  color: #a9a9af !important;
  cursor: not-allowed;
  background: #2a2a2e !important;
  border-color: #3a3a40 !important;
  box-shadow: none;
  opacity: 1 !important;
}

#block-list {
  padding-top: clamp(3.5rem, 7vw, 6rem) !important;
  padding-bottom: clamp(3.5rem, 7vw, 6rem) !important;
  color: var(--tr-text) !important;
  background: #070708 !important;
  border-top: 1px solid var(--tr-line);
}

#block-list h2 {
  margin-bottom: 2rem;
  color: var(--tr-text) !important;
  font-weight: 850;
}

#block-list .lt-row { row-gap: 18px !important; }

#block-list .lt-card {
  min-height: 160px;
  height: 100%;
  padding: 28px 24px !important;
  color: var(--tr-text) !important;
  background: linear-gradient(145deg, var(--tr-panel-raised), var(--tr-panel)) !important;
  border: 1px solid var(--tr-line) !important;
  border-radius: var(--tr-radius) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.25);
  justify-content: center;
}

#block-list .lt-card:hover {
  background: linear-gradient(145deg, #202024, #161619) !important;
  border-color: rgba(222, 35, 48, 0.7) !important;
  transform: translateY(-4px);
}

#block-list .lt-card__heading,
#block-list .lt-card__link { color: #fff !important; }

#block-list .lt-card__text {
  color: var(--tr-muted) !important;
  line-height: 1.45;
}

/* More resources */
#contact-boxes {
  padding-top: clamp(3.5rem, 7vw, 5rem) !important;
  padding-bottom: clamp(3.5rem, 7vw, 5rem) !important;
  color: var(--tr-text) !important;
  background: var(--tr-page) !important;
  border-top: 1px solid var(--tr-line);
}

#contact-boxes h2 { color: var(--tr-text) !important; }

#contact-boxes .lt-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

#contact-boxes .lt-card-wrapper { width: auto !important; padding: 0 !important; }

#contact-boxes .lt-card {
  min-height: 150px;
  height: 100%;
  padding: 24px !important;
  color: var(--tr-text) !important;
  background: var(--tr-panel) !important;
  border: 1px solid var(--tr-line) !important;
  border-radius: var(--tr-radius) !important;
}

#contact-boxes .lt-card__heading,
#contact-boxes .lt-card__link { color: #fff !important; }
#contact-boxes .lt-card__text { color: var(--tr-muted) !important; }
#contact-boxes .lt-contact-box-icon { color: var(--tr-red) !important; }

/* Bottom assistance panel */
#footer-cta {
  padding: 0 0 clamp(4rem, 8vw, 7rem);
  margin-top: 0 !important;
  color: var(--tr-text) !important;
  background: var(--tr-page) !important;
}

#footer-cta .cta-box {
  min-height: 300px;
  color: var(--tr-text) !important;
  background:
    radial-gradient(circle at 84% 50%, rgba(222, 35, 48, 0.2), transparent 26%),
    linear-gradient(135deg, #18181b, #0f0f11) !important;
  border: 1px solid var(--tr-line) !important;
  border-radius: 20px !important;
  box-shadow: var(--tr-shadow);
}

#footer-cta .cta-box__title { color: #fff !important; }
#footer-cta .lt-flow { display: flex; align-items: center; flex-direction: column; }

#footer-cta .cta-box__image {
  width: min(230px, 30vw);
  max-height: 230px;
  object-fit: contain;
}

@media (max-width: 991px) {
  #custom-blocks .lt-custom-blocks__items {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  #custom-blocks .lt-custom-blocks__items > .lt-card-wrapper {
    width: auto !important;
    padding: 0 !important;
  }

  #custom-blocks .lt-custom-blocks__items > .lt-card-wrapper:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  #contact-boxes .lt-row { grid-template-columns: 1fr; }
}

@media (max-width: 575px) {
  #custom-blocks .lt-custom-blocks__items { grid-template-columns: 1fr; }
  #custom-blocks .lt-custom-blocks__items > .lt-card-wrapper:last-child:nth-child(odd) { grid-column: auto; }
  #custom-blocks .lt-card { min-height: 250px !important; }
  #footer-cta .cta-box { text-align: center !important; }
  #footer-cta .cta-box__image { width: 150px; }
}

.lt-search-wrap--hero-custom {
  position: relative !important;
  display: block !important;
  width: min(760px, 100%) !important;
  min-height: 64px;
  padding: 0 !important;
  overflow: hidden;
  box-sizing: border-box;
}

.lt-search-wrap--hero-custom form {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 64px;
  margin: 0 !important;
}

.lt-search-wrap--hero-custom input[type="search"],
.lt-search-wrap--hero-custom input[type="text"],
.lt-search-wrap--hero-custom input:not([type="submit"]) {
  display: block !important;
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  padding-top: 0 !important;
  padding-right: 132px !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  line-height: 64px !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

.lt-search-wrap--hero-custom input[type="submit"] {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  bottom: 6px !important;
  left: auto !important;
  z-index: 5 !important;
  display: inline-flex !important;
  width: 116px !important;
  min-width: 116px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  color: #fff !important;
  line-height: 52px !important;
  background: var(--tr-red) !important;
  border: 0 !important;
  border-radius: 999px !important;
  transform: none !important;
  box-sizing: border-box !important;
  align-items: center;
  justify-content: center;
}

@media (min-width: 992px) {
  #custom-blocks .lt-custom-blocks__items {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #custom-blocks .lt-custom-blocks__items > .lt-card-wrapper,
  #custom-blocks .lt-custom-blocks__items > .lt-card-wrapper:nth-child(4),
  #custom-blocks .lt-custom-blocks__items > .lt-card-wrapper:nth-child(5) {
    width: auto !important;
    grid-column: auto !important;
  }
}

#block-list .lt-row {
  gap: 16px 0;
}

#block-list .lt-card,
#block-list .lt-card.lt-block-list-item,
#block-list .lt-block-list-item--filled {
  min-height: 170px;
  color: #fff !important;
  background:
    radial-gradient(circle at 72% 18%, rgba(255, 255, 255, 0.12), transparent 34%),
    linear-gradient(145deg, #DE2330 0%, #DE2330 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 16px 34px rgba(130, 0, 15, 0.24);
}

#block-list .lt-card:hover,
#block-list .lt-card.lt-block-list-item:hover,
#block-list .lt-block-list-item--filled:hover {
  color: #fff !important;
  background:
    radial-gradient(circle at 72% 18%, rgba(255, 255, 255, 0.16), transparent 36%),
    linear-gradient(145deg, #ff2b3e 0%, #d71224 100%) !important;
  border-color: rgba(255, 255, 255, 0.34) !important;
  box-shadow: 0 20px 40px rgba(130, 0, 15, 0.32);
}

#block-list .lt-card__content,
#block-list .lt-card__heading,
#block-list .lt-card__heading a,
#block-list .lt-card__link,
#block-list .lt-block-list-item__link,
#block-list .lt-card__text,
#block-list .lt-block-list-item--filled .lt-card__text,
#block-list .lt-card p,
#block-list .lt-card div {
  color: #fff !important;
}

#block-list .lt-card__heading,
#block-list .lt-card__heading a {
  font-weight: 850 !important;
  text-shadow: 0 1px 2px rgba(75, 0, 8, 0.22);
}

#block-list .lt-card__text {
  opacity: 0.86 !important;
}

@media (max-width: 767px) {
  .lt-search-wrap--hero-custom,
  .lt-search-wrap--hero-custom form {
    min-height: 58px;
  }

  .lt-search-wrap--hero-custom input[type="search"],
  .lt-search-wrap--hero-custom input[type="text"],
  .lt-search-wrap--hero-custom input:not([type="submit"]) {
    height: 58px !important;
    min-height: 58px !important;
    padding-right: 3.75rem !important;
    line-height: 58px !important;
  }

  .lt-search-wrap--hero-custom input[type="submit"] {
    display: none !important;
  }
}

/* COMPACT HOMEPAGE RHYTHM + ELGATO-STYLE PROMOTED ARTICLE SPACING */

.lt-hero-unit {
  min-height: clamp(520px, 58vh, 650px) !important;
  padding-bottom: 8rem !important;
  box-shadow: 0 8rem 0 var(--tr-page) !important;
}

#custom-blocks {
  margin-top: -8rem !important;
  padding-bottom: 2.25rem !important;
}

#custom-blocks .lt-card {
  min-height: 238px !important;
  padding: 24px 22px !important;
}

#promoted-articles {
  padding-top: 2.25rem !important;
  padding-bottom: 2.75rem !important;
}

#promoted-articles h2 {
  margin-bottom: 1.5rem !important;
}

#promoted-articles ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
}

#promoted-articles ul > li {
  width: auto !important;
  min-width: 0 !important;
  min-height: 92px;
  padding: 20px 48px 20px 20px !important;
  margin: 0 !important;
  align-items: center;
}

#promoted-articles ul > li a {
  display: flex;
  min-height: 50px;
  line-height: 1.35;
  align-items: center;
}

#block-list {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

#block-list h2 { margin-bottom: 1.5rem !important; }

#videos-section {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

#videos-section h2 { margin-bottom: 1.5rem !important; }

#contact-boxes {
  padding-top: 3rem !important;
  padding-bottom: 2.5rem !important;
}

#contact-boxes h2 { margin-bottom: 1.5rem !important; }

#footer-cta {
  padding-bottom: 3.5rem !important;
}

@media (max-width: 991px) {
  .lt-hero-unit {
    min-height: 570px !important;
    padding-bottom: 6rem !important;
    box-shadow: 0 6rem 0 var(--tr-page) !important;
  }

  #custom-blocks { margin-top: -6rem !important; }
  #promoted-articles ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .lt-hero-unit {
    min-height: 540px !important;
    padding-bottom: 2.5rem !important;
    box-shadow: 0 2.5rem 0 var(--tr-page) !important;
  }

  #custom-blocks {
    margin-top: 0 !important;
    padding-top: 1rem !important;
    padding-bottom: 2rem !important;
  }

  #promoted-articles,
  #block-list,
  #videos-section,
  #contact-boxes {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  #promoted-articles ul { grid-template-columns: 1fr; gap: 14px !important; }
  #promoted-articles ul > li { min-height: 82px; }
}

/* TRAK RACER ARTICLE PAGE - CORSAIR-INSPIRED THREE-COLUMN STRUCTURE */

.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 {
  padding-top: 1.15rem !important;
  padding-bottom: 1.15rem !important;
  margin-bottom: 0 !important;
  color: var(--tr-text) !important;
  background: #070708 !important;
  border-top: 1px solid rgba(222, 35, 48, 0.7);
  border-bottom: 1px solid var(--tr-line);
}

.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 .lt-container-inner,
.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 .lt-page-nav {
  background: transparent !important;
}

.lt-page-nav .breadcrumbs,
.lt-page-nav .breadcrumbs a {
  color: #a9a9b0 !important;
}

.lt-page-nav .breadcrumbs a:hover { color: var(--tr-red-hover) !important; }

.lt-page-nav .lt-search-wrap {
  min-width: min(340px, 100%);
  background: #fff;
  border: 1px solid #d6d6db;
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.lt-page-nav .lt-search-wrap input {
  min-height: 44px;
  color: #17171a !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
}

.lt-page-nav .lt-search-wrap svg { color: #55555c !important; }

.lt-article-page {
  padding-top: clamp(2rem, 4vw, 3.5rem) !important;
  padding-bottom: clamp(4rem, 7vw, 7rem) !important;
  color: var(--tr-text) !important;
  background:
    radial-gradient(circle at 92% 4%, rgba(222, 35, 48, 0.08), transparent 24rem),
    var(--tr-page) !important;
}

.lt-article-page .lt-article-container {
  column-gap: clamp(1.25rem, 2vw, 2rem);
  row-gap: 2rem;
}

/* Left navigation */
.lt-article-container__sidenav {
  position: sticky;
  top: calc(var(--header-height, 72px) + 24px);
  padding: 20px !important;
  color: var(--tr-text) !important;
  background: linear-gradient(145deg, #18181b, #111113) !important;
  border: 1px solid var(--tr-line) !important;
  border-radius: 16px;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.28);
}

.lt-article-container__sidenav .sidenav,
.lt-article-container__sidenav .lt-section-articles { color: var(--tr-text) !important; }

.lt-article-container__sidenav a {
  color: #c6c6cb !important;
  text-decoration: none;
}

.lt-article-container__sidenav a:hover,
.lt-article-container__sidenav a[aria-current="page"] {
  color: #fff !important;
}

.lt-article-container__sidenav a[aria-current="page"] {
  position: relative;
  font-weight: 800;
}

.lt-article-container__sidenav a[aria-current="page"]::before {
  position: absolute;
  top: 0.25em;
  bottom: 0.25em;
  left: -12px;
  width: 3px;
  content: "";
  background: var(--tr-red);
  border-radius: 999px;
}

.lt-section-articles summary {
  color: #fff !important;
  font-weight: 800;
}

.lt-section-articles .accordion__content { border-color: var(--tr-line) !important; }

/* Central article surface */
.lt-article-container__article {
  min-width: 0;
  padding: clamp(1.5rem, 3vw, 3rem) !important;
  color: #d7d7dc !important;
  background: linear-gradient(145deg, #17171a, #111113) !important;
  border: 1px solid var(--tr-line) !important;
  border-radius: 18px;
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.32);
}

.lt-article__title {
  color: #fff !important;
  font-size: clamp(2rem, 4vw, 3.4rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.lt-article-container__article .lt-entry-info,
.lt-article-container__article .lt-text-secondary,
.lt-article-container__article .lt-article-vote__label { color: #9d9da5 !important; }

.lt-article-subscribe {
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--tr-line);
}

.lt-article-subscribe button,
.lt-article-subscribe .lt-btn {
  color: #fff !important;
  background: #242428 !important;
  border: 1px solid var(--tr-line-strong) !important;
}

.lt-article-subscribe button:hover,
.lt-article-subscribe .lt-btn:hover {
  background: var(--tr-red) !important;
  border-color: var(--tr-red) !important;
}

.lt-article__body,
.lt-article__body p,
.lt-article__body li,
.lt-article__body dd,
.lt-article__body td { color: #d7d7dc !important; }

.lt-article__body h1,
.lt-article__body h2,
.lt-article__body h3,
.lt-article__body h4,
.lt-article__body h5,
.lt-article__body h6 { color: #fff !important; }

.lt-article__body h2,
.lt-article__body h3 {
  padding-top: 0.35em;
  scroll-margin-top: calc(var(--header-height, 72px) + 24px);
}

.lt-article__body a { color: #ff5b68 !important; }
.lt-article__body a:hover { color: #ff8790 !important; }

.lt-article__body img,
.lt-article__body video,
.lt-article__body iframe {
  max-width: 100%;
  border-radius: 12px;
}

.lt-article__body img {
  height: auto;
  border: 1px solid var(--tr-line);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.24);
}

.lt-article__body pre,
.lt-article__body code {
  color: #f1f1f3;
  background: #080809 !important;
  border-color: var(--tr-line) !important;
}

.lt-article__body blockquote {
  color: #e0e0e3;
  background: rgba(255, 255, 255, 0.035);
  border-left: 4px solid var(--tr-red);
}

.lt-article__body table,
.lt-article__body .wysiwyg-table table {
  color: #dddde1 !important;
  background: #101012 !important;
  border-color: var(--tr-line) !important;
}

.lt-article__body th {
  color: #fff !important;
  background: #242428 !important;
  border-color: var(--tr-line) !important;
}

.lt-article__body td { border-color: var(--tr-line) !important; }
.lt-article__body tbody tr:nth-child(even) { background: rgba(255, 255, 255, 0.025); }

.lt-article__body .callout,
.lt-article__body .note,
.lt-article__body .warning,
.lt-article__body .danger,
.lt-article__body .success,
.lt-article__body zd-summary-block {
  padding: 1.25rem 1.4rem !important;
  color: #e7e7ea !important;
  background: #202024 !important;
  border: 1px solid var(--tr-line) !important;
  border-left: 4px solid var(--tr-red) !important;
  border-radius: 10px !important;
}

.lt-article-container__article ol li::before,
.lt-article-container__article ol li span:first-child {
  color: #fff !important;
  background: var(--tr-red) !important;
}

/* Right-side table of contents */
.lt-article-container__sidebar {
  position: sticky;
  top: calc(var(--header-height, 72px) + 24px);
  padding: 20px !important;
  color: #b9b9bf !important;
  background: #121214 !important;
  border: 1px solid var(--tr-line) !important;
  border-radius: 14px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}

.lt-article-container__sidebar a { color: #b9b9bf !important; }
.lt-article-container__sidebar a:hover,
.lt-article-container__sidebar a.is-active,
.lt-article-container__sidebar [aria-current="true"] { color: var(--tr-red-hover) !important; }

/* Previous/next and comments */
prev-next-articles,
.lt-comments {
  display: block;
  padding-top: 2rem;
  margin-top: 2.5rem;
  border-top: 1px solid var(--tr-line);
}

.lt-comments,
.lt-comment,
.lt-comment-form { color: #d7d7dc !important; }

.lt-comment__inner,
.lt-comment-form textarea {
  color: #e3e3e6 !important;
  background: #0c0c0e !important;
  border-color: var(--tr-line) !important;
  border-radius: 10px;
}

.sq-article-feedback-panel {
  color: #fff !important;
  background: rgba(18, 18, 20, 0.96) !important;
  border: 1px solid var(--tr-line-strong) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(12px);
}

.sq-article-feedback-panel .lt-article-vote__question { color: #fff !important; }

.sq-article-feedback-panel .lt-btn,
.sq-article-feedback-panel button {
  color: #fff !important;
  background: #28282c !important;
  border: 1px solid var(--tr-line-strong) !important;
}

.sq-article-feedback-panel .lt-btn:hover,
.sq-article-feedback-panel button:hover,
.sq-article-feedback-panel .lt-article-vote__item--voted {
  color: #fff !important;
  background: var(--tr-red) !important;
  border-color: var(--tr-red) !important;
}

.sq-article-feedback-panel textarea {
  color: #fff !important;
  background: #09090a !important;
  border: 1px solid var(--tr-line-strong) !important;
  border-radius: 8px;
}

.sq-article-feedback-panel #sq-article-submit-feedback {
  color: #fff !important;
  background: var(--tr-red) !important;
  border-color: var(--tr-red) !important;
}

@media (max-width: 1199px) {
  .lt-article-page { padding-top: 1.5rem !important; }

  .lt-article-container__sidenav,
  .lt-article-container__sidebar {
    position: static;
    width: 100% !important;
    max-width: none !important;
  }

  .lt-article-container__article { padding: clamp(1.35rem, 4vw, 2.25rem) !important; }

  .sq-article-feedback-panel {
    position: static !important;
    width: 100% !important;
    max-height: none !important;
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 767px) {
  .lt-page-nav { gap: 1rem; }
  .lt-page-nav .lt-search-wrap { width: 100%; min-width: 0; }
  .lt-article-page { padding-right: 0.75rem !important; padding-left: 0.75rem !important; }
  .lt-article-container__article { border-radius: 14px; }
  .lt-article__title { font-size: clamp(1.85rem, 9vw, 2.65rem); }
}

@media print {
  .lt-article-page,
  .lt-article-container__article {
    color: #000 !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .lt-article__body,
  .lt-article__body p,
  .lt-article__body li,
  .lt-article__body td,
  .lt-article__body h1,
  .lt-article__body h2,
  .lt-article__body h3,
  .lt-article__body h4,
  .lt-article__body h5,
  .lt-article__body h6 { color: #000 !important; }
}

/* TRAK RACER ARTICLE - FLAT CORSAIR-STYLE CANVAS */

body:has(.lt-article-page) {
  color: #f4f4f5 !important;
  background: #050505 !important;
}

body:has(.lt-article-page) main,
body:has(.lt-article-page) .lt-main,
body:has(.lt-article-page) #main-content {
  background: #343436 !important;
}

body:has(.lt-article-page) .lt-mb-5.lt-container.lt-d-print-none.lt-pt-5,
.lt-container.lt-article-page {
  color: #f4f4f5 !important;
  background: #343436 !important;
  background-image: none !important;
}

body:has(.lt-article-page) .lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 {
  padding-top: 1.75rem !important;
  padding-bottom: 0.75rem !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.lt-container.lt-article-page {
  padding-top: 0 !important;
  padding-bottom: 3rem !important;
}

.lt-article-page > .lt-container-inner {
  max-width: 1240px;
}

@media (min-width: 1200px) {
  .lt-article-page .lt-article-container,
  .lt-article-page .lt-article-container.lt-article-container--sidenav {
    display: grid !important;
    grid-template-areas: "sidenav article" !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    column-gap: 30px !important;
    align-items: stretch !important;
  }

  .lt-article-page .lt-article-container__sidenav {
    grid-area: sidenav;
  }

  .lt-article-page .lt-article-container__article {
    grid-area: article;
  }

  .lt-article-page .lt-article-container__sidebar {
    display: none !important;
  }
}

.lt-article-page .lt-article-container__sidenav {
  position: relative !important;
  top: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 100%;
  padding: 0 28px 2.5rem 0 !important;
  color: #f4f4f5 !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.lt-article-page .lt-article-container__sidenav > * {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

.lt-article-page .lt-section-articles summary {
  padding-top: 0 !important;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 800;
}

.lt-article-page .lt-article-list > * + * {
  margin-top: 0 !important;
}

.lt-article-page .lt-article-list-item > div {
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.lt-article-page .lt-article-container__sidenav a {
  color: #e6e6e9 !important;
  line-height: 1.45;
}

.lt-article-page .lt-article-container__sidenav a:hover,
.lt-article-page .lt-article-container__sidenav a[aria-current="page"] {
  color: #ff3a4c !important;
}

.lt-article-page .lt-article-container__sidenav a[aria-current="page"]::before {
  content: none !important;
}

.lt-article-page .lt-article-container__article {
  min-width: 0;
  padding: 0 0 2.5rem !important;
  color: #f0f0f2 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.lt-article-page .lt-article__title {
  max-width: 980px;
  margin-top: 0 !important;
  margin-bottom: 1.25rem !important;
  color: #fff !important;
  font-size: clamp(2.35rem, 4.4vw, 4.25rem);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.04em;
}

.lt-article-page .lt-entry-info,
.lt-article-page .lt-entry-info * {
  color: #9d9da4 !important;
}

.lt-article-page .lt-article-subscribe {
  padding: 0 0 1.5rem !important;
  margin: 0 0 2.25rem !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.28) !important;
}

.lt-article-page .lt-article-subscribe button,
.lt-article-page .lt-article-subscribe .lt-btn {
  color: #fff !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.lt-article-page .lt-article-subscribe button:hover,
.lt-article-page .lt-article-subscribe .lt-btn:hover {
  color: #fff !important;
  background: var(--tr-red) !important;
  border-color: var(--tr-red) !important;
}

.lt-article-page .lt-article__body,
.lt-article-page .lt-article__body p,
.lt-article-page .lt-article__body li,
.lt-article-page .lt-article__body td {
  color: #f0f0f2 !important;
  font-size: 1rem;
  line-height: 1.65;
}

.lt-article-page .lt-article__body h1,
.lt-article-page .lt-article__body h2,
.lt-article-page .lt-article__body h3,
.lt-article-page .lt-article__body h4,
.lt-article-page .lt-article__body h5,
.lt-article-page .lt-article__body h6 {
  color: #fff !important;
}

.lt-article-page .lt-article__body a,
.lt-article-page prev-next-articles a {
  color: #ff3a4c !important;
}

.lt-article-page .lt-article__body img {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.lt-article-page prev-next-articles {
  display: block;
  padding-top: 1.5rem;
  margin-top: 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.32);
  border-bottom: 1px solid rgba(0, 0, 0, 0.32);
}

@media (min-width: 1200px) {
  .lt-article-page .lt-sidenav-toggle-rail {
    background: rgba(255, 255, 255, 0.15) !important;
  }

  .lt-article-page .lt-sidenav-toggle__thumb {
    background: #343436 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
  }
}

.lt-article-page .sq-article-feedback-panel,
.sq-article-feedback-panel {
  width: 220px !important;
  padding: 18px !important;
  color: #fff !important;
  background: #303033 !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 6px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35) !important;
}

@media (min-width: 1200px) {
  .sq-article-feedback-panel {
    position: fixed !important;
    right: auto !important;
    bottom: 32px !important;
    left: max(24px, calc((100vw - 1240px) / 2)) !important;
    z-index: 50;
  }
}

@media (max-width: 1199px) {
  body:has(.lt-article-page) main,
  body:has(.lt-article-page) .lt-main,
  body:has(.lt-article-page) #main-content {
    background: #343436 !important;
  }

  .lt-article-page .lt-article-container__sidenav {
    min-height: 0;
    padding: 18px !important;
    margin-bottom: 1.5rem;
    background: #2d2d30 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
  }

  .lt-article-page .lt-article-container__article {
    padding-bottom: 2rem !important;
  }

  .sq-article-feedback-panel {
    position: static !important;
    width: 100% !important;
    margin: 1.5rem 0 !important;
  }
}

@media (max-width: 767px) {
  .lt-article-page .lt-article__title {
    font-size: clamp(2rem, 10vw, 3rem);
  }
}

body:has(.category-page),
body:has(.lt-category-page),
body:has(.lt-section-page) {
  color: #f4f4f5 !important;
  background: #050505 !important;
}

body:has(.category-page) main,
body:has(.lt-category-page) main,
body:has(.lt-section-page) main,
body:has(.category-page) .lt-main,
body:has(.lt-category-page) .lt-main,
body:has(.lt-section-page) .lt-main {
  background: #343436 !important;
}

body:has(.category-page) .lt-mb-5.lt-container.lt-d-print-none.lt-pt-5,
body:has(.lt-category-page) .lt-mb-5.lt-container.lt-d-print-none.lt-pt-5,
body:has(.lt-section-page) .lt-mb-5.lt-container.lt-d-print-none.lt-pt-5,
.category-page,
.lt-category-page,
.lt-section-page,
.lt-container.category-page,
.lt-container.lt-category-page,
.lt-container.lt-section-page {
  color: #f4f4f5 !important;
  background: #343436 !important;
  background-image: none !important;
}

body:has(.category-page) .lt-mb-5.lt-container.lt-d-print-none.lt-pt-5,
body:has(.lt-category-page) .lt-mb-5.lt-container.lt-d-print-none.lt-pt-5,
body:has(.lt-section-page) .lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 {
  padding-top: 1.75rem !important;
  padding-bottom: 0.5rem !important;
  margin-bottom: 0 !important;
  border: 0 !important;
}

.category-page,
.lt-category-page,
.lt-section-page {
  padding-top: 1.5rem !important;
  padding-bottom: 4rem !important;
}

.category-page h1,
.lt-category-page h1,
.lt-section-page h1,
.category-page .lt-category-tree-item__title,
.lt-category-page .lt-category-tree-item__title,
.lt-section-page .lt-section-page__title {
  color: #fff !important;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.category-page > .lt-container-inner > header,
.lt-category-page > .lt-container-inner > header,
.lt-section-page > .lt-container-inner > header,
.category-page .lt-category-tree-item > header,
.lt-category-page .lt-category-tree-item > header {
  margin-bottom: 2rem;
  text-align: center;
}

.category-page .lt-text-secondary,
.lt-category-page .lt-text-secondary,
.lt-section-page .lt-text-secondary,
.category-page .lt-category-tree-item__description,
.lt-category-page .lt-category-tree-item__description,
.lt-section-page .lt-section-page__description {
  color: #d0d0d4 !important;
}

.category-page .lt-category-tree-item__sections,
.lt-category-page .lt-category-tree-item__sections,
.lt-section-page .lt-category-tree-item__sections,
.category-page .lt-row,
.lt-category-page .lt-row {
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.category-page .section,
.lt-category-page .section,
.lt-section-page .section,
.category-page .lt-card,
.lt-category-page .lt-card,
.lt-section-page .lt-card {
  min-height: 100%;
  padding: 28px !important;
  color: #f4f4f5 !important;
  background: #2d2d30 !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.category-page .section:hover,
.lt-category-page .section:hover,
.lt-section-page .section:hover,
.category-page .lt-card:hover,
.lt-category-page .lt-card:hover,
.lt-section-page .lt-card:hover {
  background: #303034 !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  transform: none !important;
}

.category-page .section h2,
.category-page .section h3,
.category-page .section h2 a,
.category-page .section h3 a,
.lt-category-page .section h2,
.lt-category-page .section h3,
.lt-category-page .section h2 a,
.lt-category-page .section h3 a,
.lt-section-page .section h2,
.lt-section-page .section h3,
.lt-section-page .section h2 a,
.lt-section-page .section h3 a {
  color: #fff !important;
  font-weight: 850;
}

.category-page .lt-article-list-item a,
.lt-category-page .lt-article-list-item a,
.lt-section-page .lt-article-list-item a {
  color: #ff3a4c !important;
  font-weight: 750;
}

.category-page .lt-article-list-item a:hover,
.lt-category-page .lt-article-list-item a:hover,
.lt-section-page .lt-article-list-item a:hover {
  color: #ff7180 !important;
}

.category-page .lt-article-list-item > div,
.lt-category-page .lt-article-list-item > div,
.lt-section-page .lt-article-list-item > div {
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important;
}

.category-page .lt-article-list-item:last-child > div,
.lt-category-page .lt-article-list-item:last-child > div,
.lt-section-page .lt-article-list-item:last-child > div {
  border-bottom: 0 !important;
}

.category-page .lt-underlined-link,
.lt-category-page .lt-underlined-link,
.lt-section-page .lt-underlined-link {
  color: #b9b9bf !important;
}

.category-page .lt-underlined-link:hover,
.lt-category-page .lt-underlined-link:hover,
.lt-section-page .lt-underlined-link:hover {
  color: #fff !important;
}

.lt-section-page .lt-section-articles,
.lt-section-page .lt-article-list,
.lt-section-page .section-list {
  color: #f4f4f5 !important;
  background: #2d2d30 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

.lt-section-page .lt-section-articles {
  padding: clamp(1.25rem, 3vw, 2rem) !important;
}

@media (max-width: 767px) {
  .category-page,
  .lt-category-page,
  .lt-section-page {
    padding-top: 1rem !important;
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }

  .category-page .section,
  .lt-category-page .section,
  .lt-section-page .section,
  .category-page .lt-card,
  .lt-category-page .lt-card,
  .lt-section-page .lt-card {
    padding: 22px !important;
  }
}

:root {
  --tr-red: #DE2330;
  --tr-red-link: #ff6670;
  --color-text-primary: #f4f4f5;
  --color-text-secondary: #d0d0d4;
  --font-family-body: 'Roboto', sans-serif;
  --font-family-heading: 'Roboto', sans-serif;
}
body, input, select, textarea, button, h2, h3, h4, h5, h6,
.h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto', sans-serif !important;
}
h1, .h1, .lt-hero-unit h1, .lt-article-page .lt-article__title {
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
.lt-header::after, .lt-header-wrapper::after {
  background: #DE2330 !important;
}
.lt-header { border-bottom-color: #DE2330 !important; }
.lt-hero-unit {
  background: #000 !important;
  background-image: none !important;
  border-radius: 0 !important;
  min-height: 480px !important;
  padding-top: 72px !important;
  padding-bottom: 100px !important;
  box-shadow: none !important;
}
.lt-hero-unit::before, .lt-hero-unit::after, .lt-hero-unit__bg,
.lt-hero-unit__divider { display: none !important; }
.lt-hero-unit h1 { max-width: none !important; font-size: clamp(36px, 4.5vw, 64px) !important; }
.lt-search-wrap input[type='search'], .lt-search-wrap input[name='query'] {
  color: #17171a !important;
  background: #fff !important;
}
.lt-search-wrap input::placeholder { color: #62626b !important; opacity: 1 !important; }
.lt-search-placeholder-fake { display: none !important; }
.lt-dropdown-menu { background: #fff !important; }
.lt-dropdown-menu a, .lt-dropdown-menu [role='menuitem'] { color: #000 !important; }
.lt-dropdown-menu a:hover, .lt-dropdown-menu a:focus { background: #ececef !important; }
#custom-blocks .lt-card__text { padding-bottom: 8px; }
#custom-blocks .lt-custom-block-icon { color: #fff !important; }
#custom-blocks img.lt-custom-block-icon { filter: brightness(0) invert(1); }
#custom-blocks svg.lt-custom-block-icon { stroke: currentColor; }
#custom-blocks [data-region-card] .lt-card__link::after { content: none !important; }
#block-list .lt-card, #block-list .lt-card.lt-block-list-item,
#block-list .lt-block-list-item--filled {
  background: #DE2330 !important;
  border: 0 !important;
  box-shadow: none !important;
}
#block-list .lt-card:hover, #block-list .lt-card.lt-block-list-item:hover {
  background: #bf1d28 !important;
}
#footer-cta .cta-box { overflow: hidden; gap: 32px; }
#footer-cta .lt-flow { min-width: 0; flex: 1 1 auto; }
#footer-cta .cta-box__description {
  max-width: 48ch;
  margin: 8px 0 20px !important;
  color: #e4e4e7;
  line-height: 1.5;
}
#footer-cta .cta-box__btn { max-width: 100%; white-space: normal; }
#footer-cta .cta-box__image {
  display: block;
  flex: 0 1 180px;
  width: min(180px, 25%);
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain;
  margin: 0 !important;
  transform: none !important;
}
.lt-profile-page, .lt-profile-page p, .lt-profile-page .lt-meta,
.lt-profile-stats__label, .lt-profile-stats__value,
.lt-profile__no-activity, .lt-profile__private-activity,
.lt-profile-page .lt-text-secondary { color: #d4d4d8 !important; }
.lt-profile-page button, .lt-profile-page .lt-btn { color: #fff !important; border-color: #8b8b95 !important; }
.lt-search-results-page .lt-row { margin-inline: 0 !important; }
.lt-search-results-content, .lt-search-result { min-width: 0; overflow-wrap: anywhere; }
.lt-search-results-page .breadcrumbs { display: flex; flex-wrap: wrap; overflow: visible; white-space: normal; }
.lt-search-results-page .breadcrumbs li, .lt-search-results-page .breadcrumbs li:last-child {
  min-width: 0; max-width: 100%; white-space: normal; color: #d4d4d8 !important;
}
.lt-search-results-page .breadcrumbs a, .lt-search-result__text,
.lt-search-filter__count { color: #d4d4d8 !important; }
.lt-search-results-page h1, .lt-search-result__title a,
.lt-search-filter__link { color: #ff6670 !important; }
.lt-search-result__text em { color: #fff; background: #55504b; }
.lt-footer .lt-container-inner { padding-inline-end: 72px; }
.lt-scroll-to-top {
  left: auto !important; right: 20px !important; bottom: 20px !important;
  width: 44px !important; height: 44px !important; z-index: 60;
}
.sq-article-feedback-panel { isolation: isolate; max-height: 70vh; }
.sq-article-feedback-panel .lt-article-vote__item,
.sq-article-feedback-panel a, .sq-article-feedback-panel button { position: relative; }
.sq-article-feedback-panel a::after { content: none !important; }
.sq-article-feedback-panel textarea { box-sizing: border-box; max-width: 100%; }
.sq-article-feedback-panel p, .sq-article-feedback-panel .lt-article-vote__label { color: #d4d4d8 !important; }
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible {
  outline: 2px solid #fff; outline-offset: 3px;
}
@media (max-width: 767px) {
  .lt-hero-unit { min-height: 320px !important; padding-top: 36px !important; padding-bottom: 48px !important; }
  .lt-hero-unit__content { margin-top: 0 !important; }
  .lt-popular-searches, .lt-popular-searches > div { justify-content: center !important; text-align: center; }
  #custom-blocks .lt-custom-blocks__items { gap: 14px !important; }
  #custom-blocks .lt-card { min-height: 0 !important; padding: 22px 18px !important; text-align: center; }
  #custom-blocks .lt-card__text { min-height: 0; }
  #custom-blocks .lt-store-selector { margin-top: 12px; }
  #block-list .lt-row { row-gap: 14px !important; --lt-gutter-y: 14px; }
  #block-list .lt-card { min-height: 132px !important; padding: 22px 18px !important; }
  #footer-cta .cta-box { flex-direction: column !important; min-height: 0; padding: 28px 20px !important; text-align: center; }
  #footer-cta .cta-box__image { flex: none; width: 100px !important; max-height: 100px; align-self: center; }
  body, p, li, label, input, select, textarea, button,
  .lt-card__text, .lt-card__heading, .lt-popular-searches__item,
  .lt-popular-searches__label, .video-title, .lt-meta,
  .lt-footer__link, .lt-store-selector__cta, .lt-text-secondary,
  .sq-article-feedback-panel .lt-article-vote__label,
  .sq-article-feedback-panel .h5, [id^='sq-article-feedback-note'] {
    font-size: max(14px, 1em) !important;
  }
}
@media print {
  .lt-article-page .lt-article__body p, .lt-article-page .lt-article__body li { color: #000 !important; }
}

.lt-hero-unit__content { padding-top: 32px !important; padding-bottom: 32px !important; }
@media (max-width:767px) {
  .lt-hero-unit__content { padding-top: 16px !important; padding-bottom: 16px !important; }
}
#custom-blocks svg.lt-custom-block-icon path,
#custom-blocks svg.lt-custom-block-icon circle { stroke: #fff !important; }
.lt-header { border-bottom: 2px solid #DE2330 !important; }
.lt-profile-page h1, .lt-profile-page h1 a { color: #fff !important; }
@media (max-width:767px) {
  #custom-blocks .lt-custom-blocks__items > .lt-card-wrapper,
  #block-list .lt-row > .lt-card-wrapper { margin-top: 0 !important; }
}
.lt-article__body .tr-manual-steps { list-style: decimal !important; padding-inline-start: 28px !important; }
.lt-article__body .tr-manual-steps > li { position: relative; padding-inline-start: 12px !important; margin-bottom: 12px; }
.lt-article__body .tr-manual-steps > li::before { content: none !important; }

.sq-article-feedback-panel { padding-top: 44px !important; }
.sq-article-feedback-panel .tr-feedback-toggle {
  position: absolute;
  top: 6px; right: 6px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; min-width: 32px; height: 32px; min-height: 32px;
  padding: 0 !important; margin: 0 !important;
  color: #fff !important; background: transparent !important;
  border: 0 !important; border-radius: 6px;
  line-height: 1; cursor: pointer;
}
.sq-article-feedback-panel .tr-feedback-close { font-size: 26px; }
.sq-article-feedback-panel .tr-feedback-reopen { display: none; }
.sq-article-feedback-panel.is-feedback-collapsed {
  width: auto !important; max-width: 280px;
  padding: 0 !important; border: 0 !important;
  background: transparent !important; box-shadow: none !important;
  overflow: visible;
}
.sq-article-feedback-panel.is-feedback-collapsed > :not(.tr-feedback-toggle) { display: none !important; }
.sq-article-feedback-panel.is-feedback-collapsed .tr-feedback-toggle {
  position: static;
  width: auto; height: auto; min-height: 44px;
  padding: 12px 18px !important;
  color: #fff !important; background: #DE2330 !important;
  font-size: 14px; line-height: 1.4; white-space: normal;
  border-radius: 8px;
}
.sq-article-feedback-panel.is-feedback-collapsed .tr-feedback-close { display: none; }
.sq-article-feedback-panel.is-feedback-collapsed .tr-feedback-reopen { display: inline; }
@media (max-width:1199px) {
  .sq-article-feedback-panel { position: relative !important; }
}

/* Breadcrumb bar */
.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 {
  position: relative;
  height: auto !important;
  min-height: 56px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: #d4d4d8 !important;
  background: #343436 !important;
  border: 0 !important;
  box-sizing: border-box;
}
.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 .lt-container-inner,
.lt-mb-5.lt-container.lt-d-print-none.lt-pt-5 .lt-page-nav {
  height: auto !important;
  min-width: 0;
  background: transparent !important;
}
.lt-page-nav { align-items: center; }
.lt-page-nav .breadcrumbs {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  min-width: 0;
  height: auto !important;
  margin: 0 !important;
  padding-block: 0 !important;
  line-height: 24px !important;
  overflow: visible !important;
  white-space: normal !important;
}
.lt-page-nav .breadcrumbs li, .lt-page-nav .breadcrumbs li:last-child {
  max-width: 100%;
  min-width: 0;
  line-height: inherit;
  white-space: normal !important;
  overflow-wrap: anywhere;
  color: #d4d4d8 !important;
}
.lt-page-nav .breadcrumbs a { color: #d4d4d8 !important; }
.lt-search-results-page { background: #343436 !important; }
@media (max-width:767px) {
  .lt-page-nav, .sidenav-enabled.toc-enabled .lt-page-nav {
    grid-template-columns: minmax(0, 1fr);
  }
}

.elgato-swifteq-feedback {
  box-sizing: border-box;
  width: min(100%, 680px);
  margin-top: 8px;
  padding-top: 8px;
  color: #111216;
  text-align: left;
}
.elgato-swifteq-feedback *,
.elgato-swifteq-feedback *::before,
.elgato-swifteq-feedback *::after {
  box-sizing: border-box;
}
.elgato-swifteq-feedback__prompt {
  margin: 4px 0 20px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.elgato-swifteq-feedback__options {
  margin-bottom: 18px;
}
.elgato-swifteq-feedback__option {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-bottom: 10px;
}
.elgato-swifteq-feedback__option input {
  flex: 0 0 auto;
  margin-top: 4px;
}
.elgato-swifteq-feedback__option label {
  cursor: pointer;
  line-height: 1.45;
}
.elgato-swifteq-feedback__text textarea {
  display: block;
  width: 100%;
  min-height: 110px;
  padding: 12px 14px;
  color: #111216;
  background: #fff;
  border: 1px solid #d7d9df;
  border-radius: 12px;
  font: inherit;
  line-height: 1.45;
  resize: vertical;
}
.elgato-swifteq-feedback__text textarea:focus {
  border-color: #3558ff;
  outline: 3px solid rgba(53, 88, 255, 0.16);
}
.elgato-swifteq-feedback__note {
  margin-top: 9px;
  color: #767a83;
  font-size: 0.82rem;
  line-height: 1.45;
}
.elgato-swifteq-feedback__confirmation {
  margin-top: 14px;
  color: #157347;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.elgato-swifteq-feedback {
    width: 100%;
  }
.sq-article-feedback-panel.is-feedback-collapsed #sq-article-feedback-form{display:none!important}

/* Mobile feedback panel */
@media(max-width:1199px){
  .sq-article-feedback-panel{
    position:fixed!important;
    top:auto!important;right:auto!important;
    left:16px!important;
    bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
    width:min(320px,calc(100vw - 96px))!important;
    max-width:calc(100vw - 96px)!important;
    max-height:calc(70dvh - 32px)!important;
    margin:0!important;
    box-sizing:border-box;
    overflow-y:auto;
    z-index:1000;
  }
  .sq-article-feedback-panel.is-feedback-collapsed{
    width:auto!important;
    max-width:calc(100vw - 96px)!important;
    overflow:visible;
  }
  .sq-article-feedback-panel.is-feedback-collapsed .tr-feedback-toggle{
    max-width:100%;box-sizing:border-box;
  }
}

/* Mobile article navigation */
@media(max-width:1199px){
 .lt-article-page .lt-article-container{gap:16px!important;}
 .lt-article-page .lt-article-container__sidenav{
   min-height:0!important;margin:0!important;padding:20px!important;
   border:0!important;border-radius:4px!important;
 }
 .lt-article-page .lt-section-articles{margin:0!important;}
 .lt-article-page .lt-section-articles .accordion{margin:0!important;}
 .lt-article-page .lt-section-articles .accordion__summary{
   padding:14px 20px!important;margin:0!important;
   border:1px solid #b9b9bf!important;border-radius:12px;
   text-align:left!important;list-style:none;
 }
 .lt-article-page .lt-section-articles .accordion__summary::-webkit-details-marker{display:none;}
 .lt-article-page .lt-section-articles .accordion__summary-wrapper{
   display:flex!important;align-items:center;justify-content:space-between;
   width:100%;gap:16px;text-align:left!important;
 }
 .lt-article-page .lt-section-articles .accordion__summary-wrapper svg{flex-shrink:0;margin-left:auto;}
 .lt-article-page .lt-article-container__article{margin:0!important;padding:20px 20px 32px!important;}
 .lt-article-page .lt-article__title{margin-top:0!important;padding-top:0!important;}
 .lt-article-page .lt-sidenav-toggle,.lt-article-page .lt-sidenav-toggle-rail{display:none!important;}
}

@media (max-width: 1199px) {
  .lt-article-page .lt-section-articles .accordion {
    border: none !important;
    box-shadow: none !important;
  }
}

.lt-scroll-to-top {
  display: none !important;
}