/* WCAG-FIX-FINGERPRINT 2026-07-16-coveron-v1 */
@import "https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.css";

:root {
  --gray: #55595c;
  --gray-light: #818a91;
  --gray-lighter: #eceeef;
  --gray-lightest: #f7f7f9;
  --gradient-strock: rgba(226, 232, 240, .4);

  --bacground-gray-color: #eff4f3;

  --meta-text-color: #6b7280;
  --grid-gutter-width: 1rem;

  --padding-base-horizontal: 12px;
  --font-size-small: calc(20 * 0.875);
  --font-size-h1: calc(20 * 3);
  --font-size-h2: calc(20 * 1.75);
  --font-size-h3: calc(20 * 1.5);
  --font-size-h4: calc(20 * 1.25);
  --font-size-h5: calc(20 * 1.1);
  --font-size-h6: calc(20 * 1);
  --line-height-computed: 20 * 1.5;
  --border-width: 1px;
  --strong-font-weight: 600;
  --input-border-color: #dee1e3;
  --input-focus-border-color: #9a9a9a;

  --lt-spacer: 1rem;
}
/* Reset the box-sizing */
*,
*:before,
*:after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    transition-duration: 0.01ms !important;
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
@media (max-width: 991px) {
	  .footer-header-text.b1-regular {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100%;
    margin: auto;
  }
}

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

body {
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-size: 20;
  line-height: 1.5;
  color: rgba(18, 18, 18, 1);
  background-color: #fff;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 991px) {
  html, body {
    /* `clip`, not `hidden`. Both stop sideways overflow, but `hidden` makes the
       element a scroll container, and a sticky descendant then resolves against
       that container instead of the viewport — which is what stopped the topbar
       from sticking on phones. `clip` clips without the scroll container.
       `hidden` stays first as the fallback for browsers without `clip`
       (pre-16 Safari), where they keep today's behaviour. */
    overflow-x: hidden !important;
    overflow-x: clip !important;
    max-width: 100% !important;
  }
}


/* Reset fonts for relevant elements */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/* Links */
a {
  color: rgba(51, 65, 85, 1);
  text-decoration: none;
}

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

figure {
  margin: 0;
}

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

hr {
  border-top: 1px solid rgb(67, 69, 71);
}

.color-gray {
  border-color: rgb(67, 69, 71);
}

.lt-container.lt-article-page {
  position: relative; /* <-- Add this line */
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p {
  margin: 0 0 calc(var(--line-height-computed));
}

h1,
.h1 {
  font-size: var(--font-size-h1);
  /* font-weight: 400; */
}

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

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

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

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

h6,
.h6 {
  font-size: var(--font-size-h6);
}

b,
strong {
  font-weight: 600;
}

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

dt,
dd {
  margin-bottom: calc(var(--line-height-computed) / 2);
  line-height: 1.5;
}

dt {
  font-weight: bold;
}

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

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

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

.dl-horizontal:after {
  clear: both;
}
@media (min-width: 576px) {
  .dl-horizontal dt {
    float: left;
    width: 30%;
    padding-right: var(--grid-gutter-width);
    clear: both;
  }
}

.dl-horizontal dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .dl-horizontal dd {
    float: right;
    width: 70%;
  }
}
/* Blockquotes */
blockquote {
  padding: calc(var(--line-height-computed) / 2)
    calc(var(--line-height-computed));
  margin: 0 0 calc(var(--line-height-computed));
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-style: italic;
  background-color: var(--gray-lightest);
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

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

[dir="ltr"] blockquote.is-colored {
  border-left: 5px solid rgba(251, 65, 28, 1);
}

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

[dir="rtl"] blockquote.is-colored {
  border-right: 5px solid rgba(251, 65, 28, 1);
}
/* Code */
code {
  padding: 20px !important;
  border-radius: 1px !important;
}
/*  Addresses */
address {
  margin-bottom: calc(var(--line-height-computed));
}

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

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

.powered-by-zendesk {
  display: none;
}

.visibility-hidden,
.recent-activity-accessibility-label,
.pagination-first-text,
.pagination-last-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}
@media (min-width: 992px) {
  .lt-main-content {
    padding-top: 3.5rem;
  }
}
@media (min-width: 768px) {
  .on-footer {
    position: relative;
  }

  .on-footer:after {
    position: absolute;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 200px;
    content: "";
    background-color: rgba(10, 10, 10, 1);
  }

  [dir="ltr"] .on-footer:after {
    left: 0;
  }

  [dir="rtl"] .on-footer:after {
    right: 0;
  }
}

.lt-start-screen-wrap {
  position: relative;
  z-index: 0;
  padding-top: 7rem;
  padding-bottom: 4rem;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(18, 18, 18, 1);
}

@media (min-width: 992px) {
  .lt-start-screen-wrap--pb {
    padding-bottom: 10.5rem;
  }
}

.lt-block {
  background-color: #fff;
  border-radius: 12px;
}

.lt-block--shadow {
  box-shadow: 0 100px 80px rgba(182, 195, 193, 0.1),
    0px 22.3363px 17.869px rgba(182, 195, 193, 0.0596107),
    0px 6.6501px 5.32008px rgba(182, 195, 193, 0.0403893);
}
/* Layout */
/*
Normalize non-controls

Restyle and baseline non-control form elements.
*/
fieldset {
  /*
  Chrome and Firefox set a `min-width: min-content;` on fieldsets,
  so we reset that to ensure it behaves more like a standard block element
  See https:github.com/twbs/bootstrap/issues/12359.
  */
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: calc(var(--line-height-computed));
  font-size: calc(20 * 1.5);
  line-height: inherit;
  color: #373a3c;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

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

 While most of our form styles require extra classes, some basic normalization
 is required to ensure optimum display with or without those classes to better
 address browser inconsistencies.
*/
/*  Override content-box in Normalize (* isn't specific enough) */
input[type="search"] {
  box-sizing: border-box;
}
/*  Position radios and checkboxes better */
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
/*  Set the height of file controls to match text inputs */
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;
}
/*  Focus for file, radio, and checkbox */
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/*  Adjust output element */
output {
  display: block;
  padding-top: 7px;
  font-size: 20;
  line-height: 1.5;
  color: #55595c;
}
/*
 Common form controls

 Shared size and type resets for form controls. Apply `.form-control` to any
 of the following form controls:

*/
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: 6px 12px;
  font-size: 20;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: var(--border-width) solid var(--input-border-color);
  border-radius: 1px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
/*  Customize the `:focus` state to imitate native WebKit styles. */
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.nesty-input:focus {
  border-color: var(--input-focus-border-color);
  outline: 0;
}
/*  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: #999;
  opacity: 1;
}

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

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: #999;
  opacity: 1;
}
/* select {
  height: calc(
    var(--line-height-computed) + var(--padding-base-horizontal) + 2px
  );
} */
select {
  width: 100%;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A")
    no-repeat #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
}

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

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

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

#hc-wysiwyg {
  border-color: var(--input-border-color);
  border-width: var(--border-width);
}
/*  Search inputs in iOS */
/*
 This overrides the extra rounded corners on search inputs in iOS so that our
 `.form-control` class can properly style them. Note that this cannot simply
 be added to `.form-control` as it's not specific enough. For details, see
 https:github.com/twbs/bootstrap/issues/11586. */
input[type="search"] {
  -webkit-appearance: none;
}
/*  Special styles for iOS temporal inputs

 In Mobile Safari, setting `display: block` on temporal inputs causes the
 text within the input to become vertically misaligned. As a workaround, we
 set a pixel line-height that matches the given height of the input, but only
 for Safari. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: calc(20 * 1.5 * 2.5);
  }
}
/*  Form groups

 Designed to help with the organization and spacing of vertical forms. For
 horizontal forms, use the predefined grid classes. */
.form-field {
  margin-bottom: 1rem;
}

.form-field .optional {
  color: #454545;
}

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

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

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

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

.form-field.boolean label {
  min-height: calc(var(--line-height-computed));
  /* Ensure the input doesn't jump when there is no text */
  margin-bottom: 0;
  cursor: pointer;
}

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

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

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

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

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

 Apply to any element you wish to create light text for placement immediately
 below a form control. Use for general help, formatting, or instructional text. */
.form-field p,
.help-block {
  display: block; /* account for any element using help-block */
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 90%;
  color: #525252; /* lighten the text some for contrast */
}

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

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

.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: 1120px;
  margin: 0 auto;
}
.lt-article-container {
  max-width: 850px;
}

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

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

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

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

/* ============================================================================
   Topbar — mirrors the coveron.com header
   ----------------------------------------------------------------------------
   Three states, matching the marketing site:

     over hero   home page at rest — transparent over the dark hero, white ink,
                 white logo, both trailing pills outlined.
     at rest     every other page — full-bleed white bar, square, no shadow.
     scrolled    every page — floating white pill inset 32px with shadow-md at
                 >=1280px; below that a full-bleed bar closed by a hairline.

   Values measured off coveron.com: nav 14/500/21 in 8px hit areas, pill buttons
   12/600/18 at 7px 24px, 26px logo, dropdown card at 20px radius / 24px padding
   / 220px columns, panel offset 21px under the trigger.

   One deliberate divergence: coveron.com fills the CTA with #E42C07, which puts
   white text at ~4.5:1. This theme's AA-safe --cv-a11y-orange-bg (#C23414,
   5.5:1) is kept instead — see the a11y token block further down this file.
   ============================================================================ */

.lt-topbar {
  /* Surface + ink */
  --cv-tb-surface: #fff;
  --cv-tb-ink: #2a2a2a;              /* text-primary */
  --cv-tb-ink-hover: #434547;        /* text-secondary */
  --cv-tb-ink-on-dark: #fff;         /* text-primary-on-color */
  --cv-tb-ink-on-dark-hover: #f7f7f8;/* text-secondary-on-color */
  --cv-tb-hover-bg: #f7f7f8;         /* neutral-100 */
  --cv-tb-hairline: #e3e4e7;         /* neutral-200 */
  --cv-tb-border: #d4d6d8;           /* border-primary */
  --cv-tb-pill-border: #a9abad;      /* border-tertiary */
  --cv-tb-inverse: #0a0a0a;          /* neutral-1000 */
  /* Geometry */
  --cv-tb-max: 1600px;
  /* Row height: 16px padding + 37px content + 16px padding. Below 992px the
     44px burger sets the row instead, so it is 76px. Kept as a variable because
     the over-hero overlap pulls the hero up by exactly this much. */
  --cv-tb-height: 76px;
  --cv-tb-pull: -76px;   /* negative of --cv-tb-height, for the over-hero overlap */
  --cv-tb-gutter: 16px;              /* px-4 */
  --cv-tb-float-gutter: 32px;        /* xl:px-8 when floating */
  --cv-tb-panel-offset: 21px;        /* trigger bottom -> panel top */
  --cv-tb-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  --cv-tb-panel-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  --cv-tb-ease: 200ms ease-out;

  position: sticky;
  top: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  background-color: var(--cv-tb-surface);
  transition:
    background-color var(--cv-tb-ease),
    padding var(--cv-tb-ease),
    border-color var(--cv-tb-ease);
}

@media (min-width: 768px) {
  .lt-topbar {
    --cv-tb-gutter: 24px; /* md:px-6 */
  }
}

@media (min-width: 992px) {
  .lt-topbar {
    --cv-tb-height: 69px;
    --cv-tb-pull: -69px;
  }
}

/* The home page hero is dark and reserves its own top padding, so the header
   goes transparent and sits over it. Keyed off the hero's presence rather than a
   JS-applied class, so there is no first-paint shift.

   The overlap is done with a negative bottom margin, NOT position:fixed. The
   header stays in flow and sticky, and the hero is pulled up by exactly the
   header's height — so the hero is behind the header by construction. A fixed
   header only *appears* to overlay: it relies on the hero being the first
   in-flow element, and any ancestor with a transform (Guide's preview wrapper,
   for one) demotes it back into the flow, at which point the white ink lands on
   the white page background and the header vanishes. */
body:has(.lt-hero-unit) .lt-topbar {
  margin-bottom: var(--cv-tb-pull);
  background-color: transparent;
}

body:has(.lt-hero-unit) .lt-topbar.scrolled {
  background-color: transparent;
}

/* Container: caps the row at 1600px and carries the gutter. */
.lt-topbar__wrap {
  max-width: var(--cv-tb-max);
  margin-right: auto;
  margin-left: auto;
  padding: 16px var(--cv-tb-gutter);
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  transition:
    background-color var(--cv-tb-ease),
    border-radius var(--cv-tb-ease),
    box-shadow var(--cv-tb-ease);
}

/* Scrolled: the surface moves off the header and onto the container, which
   becomes the floating pill. */
@media (min-width: 1280px) {
  /* The 12px gap comes from `top`, not a margin on the wrap: a margin would
     grow the header's box and shove the page down by 12px the moment .scrolled
     lands. */
  .lt-topbar.scrolled {
    top: 12px;
    padding: 0 var(--cv-tb-float-gutter);
    background-color: transparent;
  }

  .lt-topbar.scrolled .lt-topbar__wrap {
    padding: 16px 16px 16px 24px;
    background-color: var(--cv-tb-surface);
    border-radius: 9999px;
    box-shadow: var(--cv-tb-shadow);
  }
}

/* Below the floating breakpoint the scrolled bar stays full bleed, closed by a
   hairline the way coveron.com does under xl. No 992px lower bound: on phones
   .scrolled flips the ink dark, so without a surface here the header would be
   dark-on-dark while the hero is still behind it. */
@media (max-width: 1279px) {
  .lt-topbar.scrolled {
    background-color: var(--cv-tb-surface);
    border-bottom: 1px solid var(--cv-tb-hairline);
  }

  body:has(.lt-hero-unit) .lt-topbar.scrolled {
    background-color: var(--cv-tb-surface);
  }
}

/* Lotus painted a fixed hairline across the viewport bottom; coveron.com has no
   such rule and it reads as a stray line over content. */
.lt-topbar__line {
  display: none;
}

/* ---------------------------------------------------------------- logo ----- */
.lt-topbar__logo {
  display: block;
  width: auto;
  height: 26px;
  margin: 0;
}

/* Two files rather than one recoloured inline SVG: the logo is an <img>, so CSS
   fill cannot reach its paths. The link's own aria-label names it, which is why
   the white copy can stay alt="". */
.lt-topbar__logo--light {
  display: none;
}

body:has(.lt-hero-unit) .lt-topbar:not(.scrolled) .lt-topbar__logo--dark {
  display: none;
}

body:has(.lt-hero-unit) .lt-topbar:not(.scrolled) .lt-topbar__logo--light {
  display: block;
}

/* Over the hero the hamburger has to invert with everything else. Its colour is
   a `fill` presentation attribute in the markup, which a CSS `fill` outranks.
   Excluded when the drawer is open: the close icon then sits on the white
   panel. */
body:has(.lt-hero-unit) .lt-topbar:not(.scrolled) .lt-menu-toggle:not(.is-active) svg path {
  fill: #fff;
}

/* ------------------------------------------------------------ nav links ---- */
.lt-topbar__link {
  display: block;
  margin-bottom: 1rem;
  color: var(--cv-tb-ink);
  transition:
    color 150ms ease-out,
    background-color 150ms ease-out,
    border-color 150ms ease-out;
}

@media (min-width: 992px) {
  .lt-topbar__link {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    border-radius: 12px;
  }

  .lt-topbar__link:hover,
  .lt-topbar__link:focus-visible {
    color: var(--cv-tb-ink-hover);
    background-color: var(--cv-tb-hover-bg);
  }

  /* Over the hero the ink inverts and the hover tint is dropped — a light wash
     on a photographic background reads as a rendering artefact. */
  body:has(.lt-hero-unit) .lt-topbar:not(.scrolled) .lt-topbar__link {
    color: var(--cv-tb-ink-on-dark);
  }

  body:has(.lt-hero-unit) .lt-topbar:not(.scrolled) .lt-topbar__link:hover,
  body:has(.lt-hero-unit) .lt-topbar:not(.scrolled) .lt-topbar__link:focus-visible {
    color: var(--cv-tb-ink-on-dark-hover);
    background-color: transparent;
  }
}

@media (min-width: 992px) {
  .lt-topbar__controls {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 0;
  }

  .lt-topbar__main-nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    white-space: nowrap;
  }

  .lt-topbar__right {
    display: flex;
    align-items: center;
  }

  [dir="ltr"] .lt-topbar__controls > * + * {
    margin-left: 16px;
  }

  [dir="rtl"] .lt-topbar__controls > * + * {
    margin-right: 16px;
  }
}

.lt-topbar__main-nav {
  text-align: right;
}

/* --------------------------------------------------------- pill buttons ---- */
/* Phone and CTA share one geometry; only the fill differs per state. */
.lt-topbar .lt-topbar__main-nav .lt-topbar__link--phone,
.lt-topbar__main-nav .lt-topbar__link--cta {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 7px 24px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 9999px;
}

/* Phone is the secondary variant in every state: outlined, filling to near
   black on hover. */
.lt-topbar .lt-topbar__main-nav .lt-topbar__link--phone {
  color: var(--cv-tb-ink);
  background-color: transparent;
  border-color: var(--cv-tb-pill-border);
}

.lt-topbar .lt-topbar__main-nav .lt-topbar__link--phone:hover,
.lt-topbar .lt-topbar__main-nav .lt-topbar__link--phone:focus-visible {
  color: var(--cv-tb-ink-on-dark);
  background-color: var(--cv-tb-inverse);
  border-color: var(--cv-tb-inverse);
}

/* Desktop-only: below 992px these same links live in the white drawer, where
   on-dark ink would render them invisible. */
@media (min-width: 992px) {
  body:has(.lt-hero-unit) .lt-topbar:not(.scrolled) .lt-topbar__main-nav .lt-topbar__link--phone {
    color: var(--cv-tb-ink-on-dark);
  }
}

.lt-topbar__phone-icon {
  flex-shrink: 0;
  color: currentColor;
}

/* CTA is the accent variant on light. The fill itself comes from the a11y
   token block (`.lt-topbar__link--cta` there is !important), so only geometry
   and the over-hero override live here. */
@media (min-width: 992px) {
  /* 8px off the last nav item, 16px between the two pills — coveron.com's
     spacing once its 8px nav padding is accounted for. */
  [dir="ltr"] .lt-topbar__main-nav .lt-topbar__link--phone {
    margin-left: 8px;
  }

  [dir="rtl"] .lt-topbar__main-nav .lt-topbar__link--phone {
    margin-right: 8px;
  }

  [dir="ltr"] .lt-topbar__main-nav .lt-topbar__link--cta {
    margin-left: 16px;
  }

  [dir="rtl"] .lt-topbar__main-nav .lt-topbar__link--cta {
    margin-right: 16px;
  }
}

/* Over the hero the CTA drops to the secondary variant, exactly as the
   marketing site does. Matching the !important of the a11y fill. Desktop only —
   in the drawer the CTA keeps its accent fill against the white panel. */
@media (min-width: 992px) {
  body:has(.lt-hero-unit) .lt-topbar:not(.scrolled) .lt-topbar__main-nav .lt-topbar__link--cta {
    color: var(--cv-tb-ink-on-dark) !important;
    background-color: transparent !important;
    border-color: var(--cv-tb-pill-border) !important;
  }

  body:has(.lt-hero-unit) .lt-topbar:not(.scrolled) .lt-topbar__main-nav .lt-topbar__link--cta:hover,
  body:has(.lt-hero-unit) .lt-topbar:not(.scrolled) .lt-topbar__main-nav .lt-topbar__link--cta:focus-visible {
    color: var(--cv-tb-ink-on-dark) !important;
    background-color: var(--cv-tb-inverse) !important;
    border-color: var(--cv-tb-inverse) !important;
  }
}

/* -------------------------------------------------- category / language ---- */
.lt-dropdown-toggle {
  font-size: 14px;
  font-weight: 500;
  color: var(--cv-tb-ink);
}

@media (min-width: 992px) {
  body:has(.lt-hero-unit) .lt-topbar:not(.scrolled) .lt-dropdown-toggle {
    color: var(--cv-tb-ink-on-dark);
  }
}

.lt-topbar__lang-link {
  width: 32px;
  height: 32px;
  border: 1px solid var(--cv-tb-border);
  border-radius: 4px;
}

/* ------------------------------------------------------ mobile drawer ------ */
@media (max-width: 991px) {
  /* Positioning is deliberately inherited from the desktop rules — sticky on
     light pages, fixed over the hero. Lotus pinned this to `absolute`, which
     let the bar sit on top of the first line of content on inner pages. */
  .lt-topbar {
    padding: 0;
  }

  .lt-topbar.active {
    position: fixed;
  }

  /* The row height is pinned to --cv-tb-height instead of being left to the
     burger's own box, because the over-hero overlap pulls the hero up by
     exactly --cv-tb-pull. The two had drifted: the burger renders 64px, not the
     44px assumed above, so the row was 96px against a -76px pull and the 20px
     shortfall showed as a strip of white #fff above the hero, seen through
     the transparent header. Pinning both to one variable is what keeps them
     from drifting again — so the vertical padding moves onto min-height rather
     than staying alongside it. */
  .lt-topbar__wrap {
    min-height: var(--cv-tb-height);
    padding: 0 var(--cv-tb-gutter);
    backdrop-filter: none;
  }

  .lt-topbar__link {
    color: var(--cv-tb-ink);
  }

  .lt-topbar__controls {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 80%;
    max-width: 250px;
    padding: 2rem;
    color: var(--cv-tb-ink);
    background-color: var(--cv-tb-surface);
  }

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

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

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

  .lt-topbar__controls > * + * {
    margin-top: 1rem;
  }

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

  .lt-topbar__main-nav {
    font-weight: 500;
    text-align: left !important;
  }

  html {
    scrollbar-width: none;
  }
}

/* ----------------------------------------------------------- dropdowns ----- */
/* inline-flex, not inline-block: the box then hugs the trigger exactly, so the
   panel's 21px offset is measured from the trigger's own edge rather than from
   an inline box padded out by the baseline descender. */
.lt-topbar__dropdown {
  position: relative;
  display: inline-flex;
}

.lt-topbar__link--dropdown {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
}

.lt-topbar__arrow {
  margin-left: 0;
  transition: transform 150ms ease-out;
}

.lt-topbar__dropdown.is-hover-active .lt-topbar__arrow,
.lt-topbar__dropdown.is-click-active .lt-topbar__arrow {
  transform: rotate(180deg);
}

@media (min-width: 992px) {
  /* Bridge the trigger-to-panel gap so hover does not flicker closed. */
  .lt-topbar__dropdown::after {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    height: calc(var(--cv-tb-panel-offset) + 1px);
    content: '';
  }

  /* An anchored card under the trigger, not a full-width shelf. */
  .lt-topbar__dropdown-menu {
    position: absolute;
    top: calc(100% + var(--cv-tb-panel-offset));
    left: -20px;
    z-index: 10000;
    display: flex;
    max-height: 80vh;
    padding: 24px;
    overflow-y: auto;
    color: var(--cv-tb-ink);
    text-align: left;
    white-space: normal;
    background-color: var(--cv-tb-surface);
    border-radius: 20px;
    box-shadow: var(--cv-tb-panel-shadow);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    transition:
      opacity 120ms ease-out,
      transform 120ms ease-out,
      visibility 0s linear 120ms;
  }

  [dir="rtl"] .lt-topbar__dropdown-menu {
    right: -20px;
    left: auto;
  }

  .lt-topbar__dropdown.is-hover-active .lt-topbar__dropdown-menu,
  .lt-topbar__dropdown.is-click-active .lt-topbar__dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
  }

  /* Panels that would run off the edge are flipped to the trigger's far side by
     syncTopbarDropdownBounds() in script.js, which can measure the real width. */
}

.lt-topbar__dropdown-grid {
  display: flex;
  gap: 8px;
  text-align: left;
}

.lt-topbar__dropdown-col {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 220px;
  max-width: 220px;
}

.lt-topbar__dropdown-item {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--cv-tb-ink);
  text-decoration: none;
  border-radius: 12px;
  transition:
    color 150ms ease-out,
    background-color 150ms ease-out;
}

.lt-topbar__dropdown-item:hover,
.lt-topbar__dropdown-item:focus-visible {
  color: var(--cv-tb-ink);
  background-color: var(--cv-tb-hover-bg);
}

/* "New" badge — sits inline on the same row as the feature name */
.lt-topbar__dropdown-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--cv-a11y-orange-text, #c23414);
  white-space: nowrap;
  vertical-align: 1px;
  background: rgba(194, 52, 20, 0.1);
  border-radius: 4px;
}

/* Accented dropdown link ("All features") */
.lt-topbar__dropdown-item--accent {
  color: var(--cv-a11y-orange-text, #c23414);
}

.lt-topbar__dropdown-item--accent:hover,
.lt-topbar__dropdown-item--accent:focus-visible {
  color: var(--cv-a11y-orange-hover, #a62d0c);
  background-color: var(--cv-tb-hover-bg);
}

/* ------------------------------------------------- features feature card --- */
.lt-topbar__features-layout {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.lt-topbar__feature-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
  width: 240px;
  max-width: 240px;
  padding: 24px;
  color: var(--cv-tb-ink);
  text-align: left;
  text-decoration: none;
  white-space: normal;
  background: var(--cv-tb-surface);
  border: 1px solid var(--cv-tb-border);
  border-radius: 20px;
}

.lt-topbar__feature-card:hover,
.lt-topbar__feature-card:focus-visible {
  background: var(--cv-tb-hover-bg);
}

.lt-topbar__feature-card-visual {
  overflow: hidden;
  line-height: 0;
  border-radius: 12px;
}

.lt-topbar__feature-card-visual svg {
  display: block;
  width: 100%;
  height: auto;
}

.lt-topbar__feature-card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  text-align: left;
}

.lt-topbar__feature-card-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: var(--cv-tb-ink);
  overflow-wrap: anywhere;
  white-space: normal;
}

.lt-topbar__feature-card-text {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: var(--cv-tb-ink-hover);
  overflow-wrap: anywhere;
  white-space: normal;
}

.lt-topbar__feature-card-cta {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: var(--cv-a11y-orange-text, #c23414);
  text-align: left;
}

.lt-topbar__feature-card:hover .lt-topbar__feature-card-cta,
.lt-topbar__feature-card:focus-visible .lt-topbar__feature-card-cta {
  color: var(--cv-a11y-orange-hover, #a62d0c);
}

/* -------------------------------------------- dropdowns in the drawer ------ */
@media (max-width: 991px) {
  .lt-topbar__dropdown {
    display: block;
    width: 100%;
    height: auto;
  }

  .lt-topbar__dropdown-menu {
    position: static;
    padding: 8px 0 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    transform: none;
  }

  .lt-topbar__dropdown-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .lt-topbar__dropdown-col {
    width: auto;
    max-width: none;
  }

  .lt-topbar__dropdown-item {
    width: auto;
    padding: 6px 0;
  }

  .lt-topbar__features-layout {
    flex-direction: column;
    gap: 16px;
  }

  .lt-topbar__feature-card {
    width: 100%;
    max-width: none;
  }
}
/* mobile header */
/* Mobile dropdown improvements */
@media (max-width: 991px) {
  /* Keep the hamburger/close button above the fixed menu panel */
  .lt-menu-toggle {
    position: relative;
    z-index: 200;
    margin-right: 0;
  }

  /* Make mobile menu panel full-width so feature card can expand */
  .lt-topbar__controls {
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    max-width: none;
    height: 100dvh;
    padding: 2.5rem !important;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }

  /* Align logo start with menu item text. 16px matches coveron.com's mobile
     gutter (px-4); the drawer's own 2.5rem padding is set separately. */
  .lt-topbar__wrap.lt-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .lt-topbar__logo {
    margin-left: 0;
  }

  [dir="ltr"] .lt-topbar__controls,
  [dir="ltr"] .lt-topbar__controls.is-active {
    margin-left: 0;
  }

  [dir="rtl"] .lt-topbar__controls,
  [dir="rtl"] .lt-topbar__controls.is-active {
    margin-right: 0;
  }

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

  [dir="ltr"] .lt-topbar__controls.is-active {
    transform: translateX(0);
  }

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

  [dir="rtl"] .lt-topbar__controls.is-active {
    transform: translateX(0);
  }

  /* No `margin: 0 !important` here — it existed to undo Lotus's old
     `margin: -100px 45px 0`, which is gone, and it silently cancelled the
     over-hero overlap's negative bottom margin, dropping the hero out from
     behind the transparent header and leaving white ink on a white page. */
  .lt-topbar {
    left: 0;
    right: 0;
    top: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }

  .lt-topbar__main-nav {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  /* Make mobile menu items bolder */
  .lt-topbar__main-nav > .lt-topbar__link,
  .lt-topbar__main-nav > .lt-topbar__dropdown > .lt-topbar__link,
  .lt-topbar__dropdown-menu .lt-topbar__dropdown-item {
    font-weight: 500;
  }

  /* Remove hover behavior on mobile */
  .lt-topbar__dropdown:hover .lt-topbar__dropdown-menu,
  .lt-topbar__dropdown:focus-within .lt-topbar__dropdown-menu {
    display: block;
  }
  
  /* Keep each dropdown on its own line in mobile menu */
  .lt-topbar__dropdown {
    display: block;
    width: 100%;
    height: auto;
  }

  .lt-topbar__dropdown.is-active {
    width: 100%;
  }

  /* Hide dropdown by default with animatable properties */
  .lt-topbar__dropdown-menu {
    display: block;
    position: static;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
    max-height: 0;
    padding: 0;
    margin-top: 0;
    transform: translateY(-4px);
    transition:
      max-height 420ms ease,
      opacity 320ms ease,
      transform 420ms ease,
      visibility 0s linear 420ms;
  }
  
  /* Show dropdown when active */
  .lt-topbar__dropdown.is-active .lt-topbar__dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    max-height: 1200px;
    transform: translateY(0);
    transition:
      max-height 460ms ease,
      opacity 340ms ease,
      transform 460ms ease,
      visibility 0s linear 0s;
  }
  
  /* Show arrow on mobile */
  .lt-topbar__arrow {
    display: inline-block !important;
  }
  
  /* Rotate arrow when dropdown is active */
  .lt-topbar__dropdown.is-active .lt-topbar__arrow {
    transform: rotate(180deg);
  }
  
  /* Grid adjustments for mobile */
  .lt-topbar__dropdown-grid {
    grid-template-columns: 1fr;
    max-width: 100%;
    margin-left: 0;
  }

  /* Add left indent for links inside opened dropdowns */
  [dir="ltr"] .lt-topbar__dropdown-menu .lt-topbar__dropdown-item {
    margin-left: 1rem;
  }

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

  .lt-topbar__features-layout {
    flex-direction: column;
    gap: 16px;
  }

  .lt-topbar__dropdown-grid--feature-links {
    order: 1;
  }

  .lt-topbar__feature-card {
    order: 2;
    width: 100%;
    max-width: none;
    min-width: 0;
    align-self: stretch;
  }
}

.lt-footer {
 -webkit-text-size-adjust: 100%;
font-family: Inter, sans-serif;
    tab-size: 4;
  margin: auto;
  background-color: rgb(10, 10, 10) !important;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    --color-primary: #FB411C;
    --color-brand-washed: #ffc1a1;
    --color-secondary: #ccc5c2;
    --color-headers-gray: #94a3b8;
    --color-light-green: #40efae;
    --color-text-gray: #64748b;
    --color-white: #fff;
    --color-black: #121212;
    --color-blue: #4992e7;
    --color-pastel-orange: #ff9d6d;
    --color-gray-100: #f1f5f9;
    --color-gray-300: #cbd5e1;
    --color-gray-500: #64748b;
    --color-gray-700: #334155;
    --color-gray-1000: #020617;
    --gradiant-strock: rgba(226, 232, 240, .4);
    --gradiant-light-orange: linear-gradient(179deg, rgba(255, 193, 161, .1) .62%, rgba(255, 193, 161, 0) 77.42%);
    --stock-primary: rgba(255, 193, 161, .27);
    --cl-primary: #1A1E1E;
    --cl-primary-hover: #1A1E1E;
    --cl-secondary-hover: #1A1E1E;
    --cl-secondary-text: #000;
    --cl-secondary-text-hover: #fff;
    --cl-secondary-border: #000;
    --cl-active: #FA983D;
    --cl-font-color-title: #4d4e56;
    --cl-font-color-text: #4d4e56;
    --cl-font-size-button: 16px;
    --cl-btn-border-radius: 16px;
    --cl-wdgt-border-radius: 20px;
    --cl-customize-color: #1A1E1E;
    --cl-primary-text: #fff;
    --cl-backdrop: rgba(21, 25, 34, .6);
    --cl-modal-background: #fff;
    --cl-link: #383c43;
    --cl-link-hover: #73757a;
    --cl-secondary: #fff;
    --cl-default-container-width: 360px;
    line-height: inherit;
    box-sizing: border-box;
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
/*  border: 1px solid var(--gradiant-strock); */
    background: var(--color-black);
    margin-top: auto;
}

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

.lt-footer__copyright a:hover,
.lt-footer__copyright a:focus,
.lt-footer__copyright a:active {
  color: #fff;
}

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

.lt-footer__social-link {
  padding: calc(16px / 2);
  font-size: 16px !important;
  color: rgba(255, 193, 161, 1);
  vertical-align: middle;
}

.lt-footer__social-link:hover,
.lt-footer__social-link:focus,
.lt-footer__social-link:active {
  color: rgba(255, 193, 161, 1);
}

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

[dir="rtl"] .lt-footer__social-link + [dir="rtl"] .lt-footer__social-link {
  margin-right: 5px;
}
@media (min-width: 768px) {
  .lt-section-on-footer {
    position: relative;
  }

  .lt-section-on-footer:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    content: "";
    background-color: rgba(10, 10, 10, 1);
  }
}
/* Components */
.lt-hero-unit {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 6.6875rem;
  color: rgba(255, 255, 255, 1) !important;
  background-color: rgba(18, 18, 18, 1) !important;
}
@media (min-width: 992px) {
  .lt-hero-unit {
    padding-top: 10rem;
    padding-bottom: 4.5rem;
  }
}

.lt-hero-unit__bg {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(/hc/theming_assets/01KYVK3TYT9HNC7YQ3ZMNTNGKY) 50% 50% no-repeat;
  background-size: cover;
}

.lt-hero-unit__bg:after {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
}

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

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

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

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

.lt-hero-unit__content,
.lt-hero-unit__faq-wrapper {
  z-index: 2;
}

.lt-hero-unit__welcome {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  background-color: rgba(251, 65, 28, 1) !important;
  border-radius: 25px;
}

.lt-hero-unit__title {
  font-size: 2.5rem;
  line-height: 3rem;
}

.lt-hero-unit__description {
  font-size: 0.875rem;
  line-height: 1.1;
}

.lt-hero-unit__search-box .search input[type="search"] {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
@media (min-width: 992px) {
  .lt-hero-unit__search-box .search {
    width: 568px;
  }

  .lt-hero-unit__search-box .search:before {
    left: 2rem !important;
  }
}

.lt-hero-unit__faq {
  position: absolute;
  width: 100%;
  padding: 1.5rem 0;
  padding-bottom: 0;
  color: rgba(18, 18, 18, 1);
}

.lt-hero-unit__faq-title {
  line-height: 1.1;
}

.lt-hero-unit__faq-item {
  list-style-type: none;
}

.lt-hero-unit__faq-item:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.lt-hero-unit__faq-item:hover:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.lt-hero-unit__faq-item:hover {
  background-color: #f5f5f5;
}

.lt-hero-unit__faq-item:hover .lt-hero-unit__faq-link {
  color: $brand_secondary;
}

.lt-hero-unit__faq-name {
  font-weight: 500;
  line-height: 1.5rem;
}

.lt-hero-unit__faq-link {
  color: rgba(18, 18, 18, 1);
}

.lt-hero-unit__faq-description {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: rgba(100, 116, 139, 1);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lt-hero-unit__decor {
  position: absolute;
  right: 0;
  bottom: -83px;
  left: 0;
  display: none;
  width: 100%;
}

.lt-hero-unit__decor svg {
  width: 100%;
}

.lt-hero-unit__decor--svg {
  position: absolute;
  bottom: 0;
}

[dir="ltr"] .lt-hero-unit__decor--svg:nth-child(1) {
  right: 0;
}

[dir="ltr"] .lt-hero-unit__decor--svg:nth-child(2) {
  left: 0;
}

[dir="rtl"] .lt-hero-unit__decor--svg:nth-child(1) {
  left: 0;
}

[dir="rtl"] .lt-hero-unit__decor--svg:nth-child(2) {
  right: 0;
}

.lt-hero-unit__decor--path {
  fill: rgba(18, 18, 18, 1);
}
@media (min-width: 992px) {
  .lt-hero-unit__faq-wrapper {
    width: 453px;
  }

  .lt-hero-unit__title {
    max-width: 435px;
    font-size: 3.5rem;
    line-height: 3.625rem;
  }

  .lt-hero-unit__faq {
    position: absolute;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 0.5rem;
  }

  .lt-hero-unit__faq-title {
    padding: 0 2rem;
    margin-bottom: 0, 75rem;
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .lt-hero-unit__faq-item:not(:last-child) {
    border-bottom: 1px solid #ebebeb;
  }

  .lt-hero-unit__faq-description {
    font-size: 1rem;
  }
}

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

.lt-dropdown-toggle {
  display: inline-block;
  padding: 0;
  cursor: pointer;
  background: none;
  border: 0;
}

.lt-dropdown-toggle:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: calc(20 - 4px);
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: currentColor;
  content: "\f107";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir="ltr"] .lt-dropdown-toggle:after {
  margin-left: 8px;
}

[dir="rtl"] .lt-dropdown-toggle:after {
  margin-right: 8px;
}

.lt-dropdown-toggle--no-icon:after {
  display: none;
}

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

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

.lt-dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 170px;
  padding: 10px 0;
  margin-top: 1px;
	margin-left: 150px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  background: #fff;
  border: 1px solid #ebeaeb;
  border-radius: 1px;
  box-shadow: 0 0 2rem rgb(0 0 0 / 10%);
}

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

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

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

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

.lt-dropdown-menu [role="separator"] {
  display: block;
  padding: 5px 0;
  margin: 5px 20px 10px;
  font-size: 11px;
  font-weight: normal;
  color: #969696;
  border-bottom: 1px solid #d8d8d8;
}

.lt-dropdown-menu [role="menuitem"] {
  display: block;
  width: 100%;
  line-height: inherit;
  color: #333;
  text-align: start;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

[dir="ltr"] .lt-dropdown-menu [role="menuitem"] {
  padding: 7px 40px 7px 20px;
}

[dir="rtl"] .lt-dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

[dir="rtl"] .lt-dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

.lt-dropdown-menu [role="menuitem"]:hover,
.lt-dropdown-menu [role="menuitem"]:focus {
  color: #333;
  text-decoration: none;
  background: #f3f3f3;
}

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

.lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  display: inline-block;
  width: 12px;
  height: 12px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
}

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

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

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

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

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

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

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

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

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

.lt-dropdown-toggle--user {
  padding: 0;
  font-size: calc(20 - 5px);
  font-weight: 700;
  line-height: 1.5;
  color: inherit;
  text-transform: uppercase;
  border: 0;
}
@media (max-width: 991px) {
  .lt-dropdown-menu--topbar {
    position: static;
    width: 100%;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  .lt-dropdown-menu--topbar .lt-dropdown-toggle {
    width: 100%;
  }

  .lt-dropdown-menu--topbar .lt-dropdown-toggle--user:after {
    display: none;
  }

  .lt-dropdown-menu--topbar [role="menuitem"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/* ==========================================================================
  Buttons
  ========================================================================== */
.lt-btn,
input[type="submit"],
.lt-section-subscribe button,
.lt-article-subscribe button,
.lt-community-follow button,
.lt-profile__buttons button,
.lt-profile__buttons a,
.lt-requests-table-toolbar .organization-subscribe button,
.lt-subscriptions-subscribe button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link,
.recent-activity-controls a {
  display: inline-block;
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 0;
  border-radius: 58px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}
@media (max-width: 767px) {
  .lt-btn,
  input[type="submit"],
  .lt-section-subscribe button,
  .lt-article-subscribe button,
  .lt-community-follow button,
  .lt-profile__buttons button,
  .lt-profile__buttons a,
  .lt-requests-table-toolbar .organization-subscribe button,
  .lt-subscriptions-subscribe button,
  .pagination-next-link,
  .pagination-prev-link,
  .pagination-first-link,
  .pagination-last-link,
  .recent-activity-controls a {
    padding: 0.55rem 1.1rem;
  }
}

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

.lt-btn:hover,
.lt-btn:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.lt-section-subscribe button:hover,
.lt-section-subscribe button:focus,
.lt-article-subscribe button:hover,
.lt-article-subscribe button:focus,
.lt-community-follow button:hover,
.lt-community-follow button:focus,
.lt-profile__buttons button:hover,
.lt-profile__buttons button:focus,
.lt-profile__buttons a:hover,
.lt-profile__buttons a:focus,
.lt-requests-table-toolbar .organization-subscribe button:hover,
.lt-requests-table-toolbar .organization-subscribe button:focus,
.lt-subscriptions-subscribe button:hover,
.lt-subscriptions-subscribe button:focus,
.pagination-next-link:hover,
.pagination-next-link:focus,
.pagination-prev-link:hover,
.pagination-prev-link:focus,
.pagination-first-link:hover,
.pagination-first-link:focus,
.pagination-last-link:hover,
.pagination-last-link:focus,
.recent-activity-controls a:hover,
.recent-activity-controls a:focus {
  color: rgba(51, 65, 85, 1);
  text-decoration: none;
}

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

.lt-btn--default,
.lt-profile__buttons button,
.lt-profile__buttons a,
.lt-requests-table-toolbar .organization-subscribe button,
.lt-subscriptions-subscribe button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link,
.recent-activity-controls a {
  color: rgba(18, 18, 18, 1);
  background-color: transparent;
  border: 1px solid #e6e6e6;
}

.lt-btn--default:hover,
.lt-btn--default:focus,
.lt-btn--default:active,
.lt-profile__buttons button:hover,
.lt-profile__buttons button:focus,
.lt-profile__buttons button:active,
.lt-profile__buttons a:hover,
.lt-profile__buttons a:focus,
.lt-profile__buttons a:active,
.lt-requests-table-toolbar .organization-subscribe button:hover,
.lt-requests-table-toolbar .organization-subscribe button:focus,
.lt-requests-table-toolbar .organization-subscribe button:active,
.lt-subscriptions-subscribe button:hover,
.lt-subscriptions-subscribe button:focus,
.lt-subscriptions-subscribe button:active,
.pagination-next-link:hover,
.pagination-next-link:focus,
.pagination-next-link:active,
.pagination-prev-link:hover,
.pagination-prev-link:focus,
.pagination-prev-link:active,
.pagination-first-link:hover,
.pagination-first-link:focus,
.pagination-first-link:active,
.pagination-last-link:hover,
.pagination-last-link:focus,
.pagination-last-link:active,
.recent-activity-controls a:hover,
.recent-activity-controls a:focus,
.recent-activity-controls a:active {
  color: #1c242f;
  background-color: transparent;
  border-color: #1c242f;
}

input[type="submit"],
.lt-btn--primary {
  color: #fff !important;
  /* WCAG 1.4.3: white on rgba(251, 65, 28, 1) (#fb411c) is 3.57:1 — #d63a19 is the
     nearest darker shade of the brand color that reaches 4.69:1. */
  background-color: #d63a19 !important;
}

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

.lt-article-subscribe button {
  color: rgba(255, 255, 255, 1);
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 1);
}

.lt-btn--topbar {
  color: rgba(18, 18, 18, 1);
  background-color: transparent;
}
@media (min-width: 992px) {
  .lt-btn--topbar {
    color: rgba(255, 255, 255, 1);
  }
}

.lt-btn--topbar:hover,
.lt-btn--topbar:focus,
.lt-btn--topbar:active {
  color: rgba(18, 18, 18, 1);
  background-color: transparent;
}
@media (min-width: 992px) {
  .lt-btn--topbar:hover,
  .lt-btn--topbar:focus,
  .lt-btn--topbar:active {
    color: #e0e0e0;
  }
}

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

.lt-section-subscribe button,
.lt-article-subscribe button,
.lt-community-follow button,
.lt-btn--hero {
  color: rgba(255, 255, 255, 1);
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 1);
}

.lt-section-subscribe button:hover,
.lt-section-subscribe button:focus,
.lt-section-subscribe button:active,
.lt-article-subscribe button:hover,
.lt-article-subscribe button:focus,
.lt-article-subscribe button:active,
.lt-community-follow button:hover,
.lt-community-follow button:focus,
.lt-community-follow button:active,
.lt-btn--hero:hover,
.lt-btn--hero:focus,
.lt-btn--hero:active {
  color: #e0e0e0;
  background-color: transparent;
  border-color: #e0e0e0;
}

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

.lt-avatar__badge {
  position: absolute;
  top: -0.5rem;
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  padding: 4px;
  color: #fff;
  background: #cc0000;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-avatar__badge {
  right: -0.5rem;
}

[dir="rtl"] .lt-avatar__badge {
  left: -0.5rem;
}

.lt-avatar__badge:not(.is-active) {
  display: none;
}

.lt-avatar--agent:before {
  position: absolute;
  bottom: -4px;
  display: flex;
  width: 18px;
  height: 18px;
  font-family: "Font Awesome 5 Free";
  font-size: 6px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  content: "\f007";
  background-color: rgba(51, 65, 85, 1);
  border-radius: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-avatar--agent:before {
  right: -4px;
}

[dir="rtl"] .lt-avatar--agent:before {
  left: -4px;
}

.lt-user-avatar {
  border-radius: 100%;
}

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

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

.lt-meta {
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(100, 116, 139, 1);
}

.lt-meta__item {
  display: inline-block;
  line-height: 1;
}

[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.95rem;
  content: "\2022";
}

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

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

.lt-meta__link {
  color: inherit;
}

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

.breadcrumbs {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 1px;
  /* WCAG 1.4.3 — opacity:0.7 washed black/#C23414 into #8b8b8b/#d4715b (~3.3:1) */
  opacity: 1;
}

.breadcrumbs > li {
  display: inline-block;
  color: rgba(255, 255, 255, 1);
}

.breadcrumbs > li + li:before {
  padding: 0 5px;
  color: rgba(255, 255, 255, 1);
  content: "\00a0";
  content: "› ";
}

.breadcrumbs > li a {
  color: rgba(255, 255, 255, 1);
}

.breadcrumbs > li:last-child a {
  color: rgba(255, 255, 255, 1);
}

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

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

.lt-breadcrumbs--search-results {
  padding: 0;
  font-size: 0.85rem;
}

.lt-breadcrumbs--search-results > li + li:before {
  position: relative;
  top: 2px;
  font-size: 1.4rem;
  line-height: 0.95rem;
  color: rgba(100, 116, 139, 1);
}

.lt-breadcrumbs--search-results > li a {
  color: rgba(100, 116, 139, 1);
}

.lt-breadcrumbs--search-results > li:last-child a {
  color: rgba(100, 116, 139, 1);
}

.lt-breadcrumbs-wrapper {
  padding-bottom: 1.5rem;
}

.lt-breadcrumbs-wrapper ol.breadcrumbs > li:first-child {
  display: none;
}

.lt-breadcrumbs-wrapper ol.breadcrumbs {
  display: inline;
}

.lt-breadcrumbs-wrapper a.breadcrumbs {
  display: inline-flex;
  align-items: center;
}

/* a11y.js/script.js wrap the Zendesk-rendered <ol class="breadcrumbs"> in a
   <nav aria-label="Breadcrumbs"> landmark for WCAG 1.3.1/2.4.1. <nav> is
   block-level by default, which pushed the trail onto its own line below
   the "Home" link instead of flowing "Home > Category > Section > Article"
   on a single line. Keep the landmark, restore the inline flow. */
.lt-breadcrumbs-wrapper nav[aria-label] {
  display: inline;
}

.lt-breadcrumbs-wrapper a.breadcrumbs svg {
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-right: 6px;
}
.lt-breadcrumbs-wrapper a.breadcrumbs:hover {
  color: #C23414;
}
@media (max-width: 991px) {
  .lt-breadcrumbs-wrapper {
		padding-top: 2rem;
  }
  .lt-topbar {
    padding-bottom: 0;
  }
  .lt-container {
    padding-right: 1px;
    padding-left: 1px;
  }
  .lt-article__body h2 {
    line-height: 1.5 !important;
    padding-bottom: 15px !important;
  }
}

.lt-menu-toggle {
  position: relative;
  display: block;
  height: auto;
  padding: 1rem 0.5rem;
  cursor: pointer;
  background-color: transparent;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  order: 1;
}
@media (min-width: 992px) {
  .lt-menu-toggle {
    display: none;
  }
}

.lt-menu-toggle span {
  position: relative;
  display: block;
  pointer-events: none;
}

.lt-menu-toggle.is-active {
  outline: 0;
}

.lt-entry-info {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
}
@media (min-width: 992px) {
  .lt-entry-info {
    align-items: center;
  }
}

.lt-entry-info__avatar {
  flex-shrink: 0;
}

[dir="ltr"] .lt-entry-info__avatar {
  padding-right: 1rem;
}

[dir="rtl"] .lt-entry-info__avatar {
  padding-left: 1rem;
}

.lt-status-label {
  padding: 2px calc(var(--padding-base-horizontal) / 2);
  font-size: 12px;
  color: #fff;
  border-radius: 1px;
}

.lt-status-label--pending {
  background-color: rgba(250, 152, 61, 1);
}

.lt-status-label--with-ticket {
  background-color: rgba(251, 65, 28, 1);
}

.lt-status-label--with-ticket:hover,
.lt-status-label--with-ticket:focus,
.lt-status-label--with-ticket:active {
  color: #fff;
}

.lt-status-label--solved,
.lt-status-label--closed {
  background-color: rgba(0, 192, 109, 1);
}

.lt-status-label--new,
.lt-status-label--open {
  background-color: rgba(255, 81, 81, 1);
}

.lt-status-label--answered {
  background-color: rgba(250, 152, 61, 1);
}

.lt-status-label--official {
  background-color: rgba(251, 65, 28, 1);
}

.lt-status-label--completed,
.lt-status-label--answered {
  background-color: rgba(0, 192, 109, 1);
}

.lt-status-label--planned {
  background-color: rgba(251, 65, 28, 1);
}

.lt-status-label--not-planned {
  color: rgba(18, 18, 18, 1);
  background-color: var(--gray-lighter);
}

.lt-category-card__title {
  color: rgba(18, 18, 18, 1);
}

.lt-category-card__title-link {
  color: rgba(18, 18, 18, 1);
}

.lt-category-card__title-link:hover,
.lt-category-card__title-link:focus,
.lt-category-card__title-link:active {
  color: rgba(18, 18, 18, 1);
}

.lt-category-card__item {
  list-style-type: disc;
}

.lt-category-card__item::marker {
  color: rgba(100, 116, 139, 1);
}

.lt-category-card__item:hover::marker {
  color: rgba(51, 65, 85, 1);
}

.lt-category-card__link {
  color: rgba(100, 116, 139, 1);
}

.lt-category-card__link:hover {
  color: rgba(51, 65, 85, 1);
  text-decoration: underline;
}

.lt-contact-info__item {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .lt-contact-info__item {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .lt-contact-info__item {
    margin-bottom: 0;
  }
}

.lt-contact-info-card__icon {
  width: 32px;
  height: 32px;
}

.lt-contact-info-card__link {
  color: rgba(18, 18, 18, 1);
}

.lt-contact-info-card__link:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
}
@media (hover: hover) and (pointer: fine) {
  .lt-contact-info-card__link:hover,
  .lt-contact-info-card__link:focus {
    color: rgba(51, 65, 85, 1) !important;
    text-decoration: none;
  }
}

.lt-contact-info-card__title {
  color: rgba(18, 18, 18, 1);
}

.lt-contact-info-card__descr {
  color: rgba(100, 116, 139, 1);
}

.lt-custom-block-item {
  list-style-type: none;
}
@media (min-width: 768px) {
  .lt-custom-block-item {
    display: flex;
  }
}

.lt-custom-block-item__card {
  min-height: 190px;
  flex-direction: column;
}
@media (min-width: 992px) {
  .lt-custom-block-item__card {
    min-height: 245px;
  }
}

.lt-custom-block-item__icon {
  width: 32px;
  height: 32px;
}

.lt-custom-block-item__link {
  color: rgba(18, 18, 18, 1);
  transition: color 0.15s ease;
}

.lt-custom-block-item__link:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
}
@media (hover: hover) and (pointer: fine) {
  .lt-custom-block-item__link:hover,
  .lt-custom-block-item__link:focus {
    color: rgba(51, 65, 85, 1) !important;
    text-decoration: none;
  }
}

.lt-custom-block-item__title {
  line-height: 1.6;
  color: rgba(18, 18, 18, 1);
  letter-spacing: -0.01em;
}

.lt-custom-block-item__desc {
  line-height: 1.5;
  color: rgba(100, 116, 139, 1);
}

.lt-block-list-item__link {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 24px;
  max-height: 88px;
	box-shadow:
  0 3px 4px 0 rgba(148, 163, 184, 0.17),
  0 -1px 2px 0 rgba(226, 232, 240, 0.5);
}

.lt-block-list {
  padding-top: 10px;
}

.lt-block-list-item__link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
}

.lt-block-list-item__link:hover,
.lt-block-list-item__link:focus,
.lt-block-list-item__link:active {
  color: #fff;
}

.lt-block-list-item__link:hover:after,
.lt-block-list-item__link:focus:after,
.lt-block-list-item__link:active:after {
  display: block;
}
.icon-wrap {
  display: inline-flex;
  align-items: center;
  padding: 14px;
  gap: 14px;
  margin-top: -12px;
  margin-right: 25px;
  justify-content: center;
  box-shadow: 
  0 3px 4px 0 rgba(148, 163, 184, 0.35),
  0 -1px 2px 0 rgba(226, 232, 240, 0.5);
  border-radius: 16.8px;
}


.lt-block-list-item__icon {
  position: relative;
  z-index: 5;
  width: 32px;
  height: 32px;
}

.lt-block-list-item__icon path,
.lt-block-list-item__icon circle {
  transition: all 0.3s ease;
}

.lt-block-list-item__text {
  font-size: 0.7rem;
  opacity: 0.75;
}

@media (min-width: 768px) {
  .lt-footer-submit-ticket {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .lt-footer-submit-ticket__text {
    width: 40%;
  }
}

.lt-footer-submit-ticket__title {
  line-height: 1.1;
  color: rgba(18, 18, 18, 1);
}

.lt-footer-submit-ticket__descr {
  line-height: 1.5rem;
  color: rgba(100, 116, 139, 1);
}

.lt-footer-submit-ticket__link {
  display: inline;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.lt-footer-submit-ticket__button {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.5rem;
  color: #fff;
  background-color: rgba(251, 65, 28, 1);
  border-radius: 57px;
  box-shadow: 0px 17px 24px rgba(242, 159, 58, 0.1);
}

.lt-footer-submit-ticket__button:hover,
.lt-footer-submit-ticket__button:focus,
.lt-footer-submit-ticket__button:active {
  color: #fff;
  background-color: #e02804;
}
@media (min-width: 768px) {
  .lt-footer-submit-ticket__illustration {
    width: 60%;
    max-width: 476px;
    text-align: right;
  }
}
@media (min-width: 992px) {
  .lt-footer-submit-ticket__img {
    width: 100%;
  }
}

.share {
  display: flex;
  white-space: nowrap;
  list-style: none;
  justify-content: center;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .share {
    justify-content: start;
  }
}

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

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

.share li {
  --size: 3.625rem;
  position: relative;
  display: flex;
  width: var(--size);
  height: var(--size);
  margin: 0px 0.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
  color: rgba(18, 18, 18, 1);
  text-align: center;
  vertical-align: top;
  list-style-type: none;
  background-color: transparent;
  border: 1px solid rgba(150, 157, 156, 0.25);
  border-radius: var(--size);
  justify-content: center;
  align-items: center;
}

.share a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex !important;
  color: rgba(18, 18, 18, 1);
  align-items: center;
  justify-content: center;
  touch-action: manipulation;
}

.share a:hover,
.share a:focus,
.share a:active {
  color: rgba(51, 65, 85, 1);
  background-color: #fff;
}

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

.lt-page__heading {
  color: rgba(255, 255, 255, 1);
}
@media (min-width: 992px) {
  .lt-page__heading {
    order: -1;
  }
}
.lt-page__title {
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .lt-page__title {
    font-size: 2rem;
  }
}
@media (max-width: 991px) {
   .lt-article__header {
    margin-bottom: 130px;
  } 
}

.lt-page__desc {
  font-size: 1rem;
  line-height: 1.5;
  opacity: 0.7;
}

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

.lt-new-request-title {
  font-size: var(--font-size-h3);
}
@media (min-width: 576px) {
  .lt-new-request-title {
    font-size: var(--font-size-h2);
  }
}
@media (min-width: 768px) {
  .lt-new-request-title {
    font-size: var(--font-size-h1);
  }
}

.lt-new-request-form {
  margin-bottom: calc(var(--line-height-computed));
}

.lt-new-request-tip {
  position: relative;
  background-color: #f3fafc;
  border: 2px solid #50b6d3;
  border-radius: 1px;
}

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

[dir="ltr"] .lt-new-request-tip__icon {
  left: 1.5rem;
}

[dir="rtl"] .lt-new-request-tip__icon {
  right: 1.5rem;
}

.upload-dropzone {
  padding: calc(var(--line-height-computed)) 16px;
  border-color: #c8c9cb;
	border-radius: 6px;
  border-style: dashed;
  height: 80px;
  text-align: left;
}

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

.upload-dropzone span {
  /* WCAG 1.4.3 — avoid washed greys (#d1d1d1 @ 1.52:1); a11y.css reinforces */
  color: #595959;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%); /* vertical center */
  text-align: left;
}

.upload-dropzone a {
  color: #C23414;
}

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

.lt-error-page__articles {
  border: 2px solid rgba(226, 232, 240, 1);
  border-radius: 1px;
}

.pagination-list {
  list-style: none;
}

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

[dir="ltr"] .pagination-list li:not(:last-child) {
  margin-right: 0.5rem;
}

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

[dir="rtl"] .pagination-list li:not(:last-child) {
  margin-left: 0.5rem;
}

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

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

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

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

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

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

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

.satisfaction-box {
  padding: calc(var(--line-height-computed)) var(--grid-gutter-width);
  margin: 0 0 calc(10px * 2) 0;
  margin-top: 0;
  border-color: rgba(226, 232, 240, 1);
  border-radius: 1px;
}

.satisfaction-box h4:last-child {
  margin-bottom: 0;
}

.satisfaction-box input[type="radio"] ~ label {
  letter-spacing: normal;
}

[dir="ltr"] .satisfaction-box input[type="radio"] ~ label {
  margin-right: 10px;
}

[dir="rtl"] .satisfaction-box input[type="radio"] ~ label {
  margin-left: 10px;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"] {
  color: #fff;
  background-color: rgba(0, 192, 109, 1);
  border-color: rgba(0, 192, 109, 1);
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:hover,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:focus,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:active {
  color: #e0e0e0;
  background-color: #008d50;
  border-color: #00834a;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:active {
  background-image: none;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"] {
  color: #fff;
  background-color: rgba(255, 81, 81, 1);
  border-color: rgba(255, 81, 81, 1);
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:hover,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:focus,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:active {
  color: #e0e0e0;
  background-color: #ff1e1e;
  border-color: #ff1414;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:active {
  background-image: none;
}

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

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

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

.satisfaction-box label.disabled[for="satisfaction_rating_score_good"] {
  color: rgba(0, 192, 109, 1) !important;
}

.satisfaction-box label.disabled[for="satisfaction_rating_score_bad"] {
  color: rgba(255, 81, 81, 1) !important;
}

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

.satisfaction-box .satisfaction-submit {
  font-size: calc(20 - 5px) !important;
  color: #fff;
  background-color: rgba(251, 65, 28, 1);
  border-color: rgba(251, 65, 28, 1);
}

.satisfaction-box .satisfaction-submit:hover,
.satisfaction-box .satisfaction-submit:focus,
.satisfaction-box .satisfaction-submit:active {
  color: #e0e0e0;
  background-color: #e02804;
  border-color: #d62704;
}

.satisfaction-box .satisfaction-submit:active {
  background-image: none;
}

[dir="ltr"] .satisfaction-box .satisfaction-submit {
  margin-left: 10px !important;
}

[dir="rtl"] .satisfaction-box .satisfaction-submit {
  margin-right: 10px !important;
}

.satisfaction-reason {
  padding-top: calc(var(--line-height-computed));
}

.satisfaction-box .satisfaction-cancel {
  font-size: calc(20 - 5px) !important;
  line-height: 1.5 !important;
}

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

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

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

.lt-scroll-to-top:hover {
  color: #1c242f;
  border-color: #1c242f;
}

@media (max-width: 575px) {
  .lt-scroll-to-top {
    display: none;
  }
}

[dir="ltr"] .lt-scroll-to-top {
  left: 2rem;
}

[dir="rtl"] .lt-scroll-to-top {
  right: 2rem;
}

.lt-header {
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  border-bottom: 2px solid rgba(226, 232, 240, 1);
}

.lt-header__desc {
  margin-top: 1rem;
}

.recent-articles h3,
.related-articles h3 {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

@media (min-width: 576px) {
  .recent-articles h3,
  .related-articles h3 {
    margin-top: calc(var(--line-height-computed) / 2);
  }
}

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

.recent-articles ul > li,
.related-articles ul > li {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.recent-articles ul > li a,
.related-articles ul > li a {
  padding-bottom: 1px;
  color: rgba(18, 18, 18, 1);
  border-bottom: 1px solid rgba(226, 232, 240, 1);
}

[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-user-name {
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(18, 18, 18, 1);
}

.lt-user-name--hero,
.lt-user-name--hero:hover,
.lt-user-name--hero:focus,
.lt-user-name--hero:active {
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 991px) {
  .lt-user-info {
    width: 100%;
    margin-top: 0;
    margin-bottom: 1rem;
    order: -1;
  }

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

  .lt-user-info__menu [role="menuitem"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.lt-status-widget {
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1rem;
  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 {
  padding-top: 8rem;
  text-align: center;
  border-radius: 1px;
}
@media (min-width: 992px) {
  .lt-profile-header {
    padding-top: 6rem;
  }
}

.lt-profile-header__badge .lt-community-badge {
  margin: 0 !important;
}

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

.lt-profile-header__name {
  font-size: var(--font-size-h3);
}

.lt-profile-header__name a:hover,
.lt-profile-header__name a:focus,
.lt-profile-header__name a:active {
  color: rgba(51, 65, 85, 1);
}

.lt-profile-header__private-badge {
  display: inline-block;
  margin-bottom: calc(var(--line-height-computed));
  background-color: rgba(251, 65, 28, 1);
}

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

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

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

.lt-profile-stats {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: calc(20 - 2px);
  color: var(--meta-text-color);
  list-style: none;
}

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

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

.lt-profile-stats__stat {
  margin-bottom: calc(var(--line-height-computed) / 4);
}

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

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

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

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

[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: rgba(18, 18, 18, 1);
}

.lt-profile-nav {
  margin-bottom: calc(var(--line-height-computed));
  overflow: hidden;
  font-size: var(--font-size-small);
  font-weight: 600;
  background-color: rgba(226, 232, 240, 1);
}

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

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

.lt-profile-nav__item a {
  display: block;
  color: rgba(18, 18, 18, 1);
}

.lt-profile-nav__item.is-active {
  color: #fff;
  background-color: rgba(251, 65, 28, 1);
}

.lt-profile-nav__item.is-active,
.lt-profile-nav__item a {
  padding: calc(var(--line-height-computed) / 1.5)
    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: calc(var(--line-height-computed));
}

.lt-profile-section__title {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: var(--font-size-h3);
}

.lt-profile-section__description {
  font-size: var(--font-size-small);
  color: var(--meta-text-color);
}
@media (min-width: 576px) {
  .lt-profile-section__description {
    padding-bottom: 0;
  }
}

.lt-profile-section-sorter {
  font-size: var(--font-size-small);
}

.lt-profile-section-sorter .lt-dropdown {
  display: inline-block;
}
@media (min-width: 576px) {
  .lt-profile-section-sorter {
    display: table;
    width: 100%;
  }
}
@media (min-width: 576px) {
  .lt-profile-section-sorter {
    padding-top: 0;
    border-top: 0;
  }
}
@media (min-width: 576px) {
  .lt-profile-section-sorter__col {
    display: table-cell;
    vertical-align: middle;
  }
}
@media (max-width: 575px) {
  .lt-profile-section-sorter__col--main {
    margin-bottom: calc(var(--line-height-computed) / 2);
  }
}
@media (min-width: 576px) {
  .lt-profile-section-sorter__col--main {
    padding-right: var(--padding-base-horizontal);
  }
}
@media (min-width: 576px) {
  .lt-profile-section-sorter__col--btn {
    text-align: right;
  }
}

.lt-profile-contribution {
  position: relative;
  padding: calc(var(--line-height-computed) / 2) var(--grid-gutter-width);
  word-wrap: break-word;
  border: 1px solid #eceeef;
  border-radius: 1px;
}

.lt-profile-contribution .breadcrumbs > li a {
  color: rgba(100, 116, 139, 1);
}

.lt-profile-contribution .breadcrumbs > li:before {
  color: rgba(100, 116, 139, 1);
}

.lt-profile-contribution .lt-meta {
  font-size: var(--font-size-small);
}

.lt-profile-contribution__header {
  margin-bottom: calc(var(--line-height-computed) / 4);
}

.lt-profile-contribution__status {
  margin-bottom: calc(var(--line-height-computed) / 4);
}

.lt-profile-contribution__title {
  margin-bottom: calc(var(--line-height-computed) / 4);
  font-size: 20;
  font-weight: 600;
}

.lt-profile-contribution__body {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-profile-contribution--list .lt-profile-contribution__title:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

.lt-profile-contribution__breadcrumbs {
  padding: 0;
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: var(--font-size-small);
}

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

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

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

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

.lt-profile-activity {
  position: relative;
  margin-bottom: calc(var(--line-height-computed) * 1.5);
}

.lt-profile-activity__header {
  margin-bottom: calc(var(--line-height-computed) / 2);

  font-size: var(--font-size-small);
  font-weight: 600;
}

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

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

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

.lt-profile-activity__header:before,
.lt-profile-contribution__title:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

.lt-profile-activity-list--articles .lt-profile-contribution__title:before,
.lt-profile-activity[class$="-article"] .lt-profile-activity__header:before {
  content: "\f15c";
}

.lt-profile-activity-list--posts .lt-profile-contribution__title:before,
.lt-profile-activity[class$="-post"] .lt-profile-activity__header:before {
  content: "\f086";
}

.lt-profile-activity-list--comments .lt-profile-contribution__title:before,
.lt-profile-activity[class$="-comment"] .lt-profile-activity__header:before {
  font-weight: 400;
  content: "\f075";
}

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

.lt-profile-badge-item {
  border: 2px solid rgba(226, 232, 240, 1);
  border-radius: 1px;
}

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

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

.lt-attachment-list {
  margin: 0;
  font-size: var(--font-size-small);
  list-style: none;
}

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

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

.lt-attachment-list__item {
  position: relative;
  margin-bottom: calc(var(--line-height-computed) / 2);
}

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

[dir="ltr"] .lt-attachment-list__item {
  padding-left: calc(var(--padding-base-horizontal) * 1.5);
}

[dir="rtl"] .lt-attachment-list__item {
  padding-right: calc(var(--padding-base-horizontal) * 1.5);
}

.lt-attachment-list__icon {
  position: absolute;
  top: 4px;
}

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

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

.lt-attachment-list__meta {
  font-size: var(--font-size-small);
}

.lt-skip-navigation {
  position: absolute;
  top: auto;
  z-index: -999;
  display: flex;
  padding: 20px;
  margin: 20px;
  overflow: hidden;
  font-size: 14px;
  color: white;
  color: rgba(18, 18, 18, 1);
  background-color: #fff;
  border: 2px solid rgba(51, 65, 85, 1);
  align-items: center;
  justify-content: center;
}

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

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

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

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

[dir="rtl"] .lt-skip-navigation:focus,
[dir="rtl"] .lt-skip-navigation:active {
  right: auto;
}
/* ==========================================================================
  Notification
  ========================================================================== */
.notification {
  display: table;
  width: 100%;
  padding: 13px 15px;
  font-family: sans-serif;
  font-size: 12px;
  color: #555;
  border: 1px solid;
  transition: height 0.2s;
}

.notification a {
  color: #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: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

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

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

.notification-dismiss:hover {
  opacity: 1;
}
/* Inline notifications */
.notification-inline {
  position: relative;
  padding: 5px;
  margin-top: 5px;
  line-height: 14px;
  vertical-align: middle;
  border-radius: 4px;
}

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

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

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

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

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

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

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

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

.notification-inline.notification-error {
  color: #cc3340;
  background-color: #fff0f1;
  border: 1px solid #e35b66;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

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

[dir="rtl"] .notification-left-aligned {
  padding-right: 0;
  text-align: right;
}

.lt-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9;
  display: none;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
}

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

[dir="rtl"] .lt-backdrop {
  right: 0;
}
@media (max-width: 991px) {
  .lt-backdrop.is-active {
    display: block;
    background: white;
  }
}
/* List view */
.lt-promoted-articles-item__card {
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
@media (min-width: 768px) {
  .lt-promoted-articles-item__card:hover .lt-promoted-articles-item__icon {
    background-color: rgba(51, 65, 85, 1);
  }

  .lt-promoted-articles-item__card:hover
    .lt-promoted-articles-item__icon:before,
  .lt-promoted-articles-item__card:hover
    .lt-promoted-articles-item__icon:after {
    background-color: #fff;
  }
}

.lt-promoted-articles-item:last-child .lt-promoted-articles-item__card {
  border-bottom: 0;
}
@media (min-width: 768px) {
  .lt-promoted-articles-item:last-child .lt-promoted-articles-item__card {
    border-bottom: 1px solid #ebebeb;
  }
}

.lt-promoted-articles-item__icon {
  position: relative;
  width: 32px;
  height: 32px;
  background-color: rgba(51, 65, 85, 1);
  border-radius: 8px;
  transition: background-color 0.15s ease;
  flex: 0 0 32px;
}

.lt-promoted-articles-item__icon:before,
.lt-promoted-articles-item__icon:after {
  position: absolute;
  content: "";
  background-color: #ffffff;
  border-radius: 9px;
}

[dir="ltr"] .lt-promoted-articles-item__icon:before,
[dir="ltr"] .lt-promoted-articles-item__icon:after {
  left: 8px;
}

[dir="rtl"] .lt-promoted-articles-item__icon:before,
[dir="rtl"] .lt-promoted-articles-item__icon:after {
  right: 8px;
}

.lt-promoted-articles-item__icon:before {
  top: 12px;
  width: 16px;
  height: 2px;
}

.lt-promoted-articles-item__icon:after {
  top: 17px;
  width: 10px;
  height: 2px;
}

.lt-promoted-articles-item__title {
  font-weight: 500;
  line-height: 1.5;
  color: rgba(51, 65, 85, 1);
}

.lt-promoted-articles-item__link {
  color: rgba(51, 65, 85, 1);
  transition: color 0.15s ease;
}
@media (hover: hover) and (pointer: fine) {
  .lt-promoted-articles-item__link:hover,
  .lt-promoted-articles-item__link:focus,
  .lt-promoted-articles-item__link:active {
    color: rgba(51, 65, 85, 1);
  }

  .lt-promoted-articles-item__link:hover,
  .lt-promoted-articles-item__link:focus,
  .lt-promoted-articles-item__link:active + .lt-promoted-articles-item__icon {
    background-color: #fff;
  }
}

.lt-promoted-articles-item__link:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
}

.lt-promoted-articles-item__descr {
  line-height: 1.25rem;
  color: rgba(100, 116, 139, 1);
}
/* Accordion view */
.lt-promoted-articles-accordion-item {
  border: 2px solid rgba(226, 232, 240, 1);
  border-radius: 10px;
}

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

[dir="ltr"] .lt-promoted-articles-accordion-item__title {
  text-align: left;
}

[dir="rtl"] .lt-promoted-articles-accordion-item__title {
  text-align: right;
}

.lt-promoted-articles-accordion-item__title,
.lt-promoted-articles-accordion-item__title:hover,
.lt-promoted-articles-accordion-item__title:focus,
.lt-promoted-articles-accordion-item__title:active {
  color: rgba(18, 18, 18, 1);
}

.lt-promoted-articles-accordion-item__title:before {
  position: absolute;
  top: 50%;
  width: 0.875rem;
  height: 0.875rem;
  content: "";
  border-bottom: 2px solid rgba(51, 65, 85, 1);
  transition: transform 0.3s;
}

[dir="ltr"] .lt-promoted-articles-accordion-item__title:before {
  right: 1.5rem;
  border-left: 2px solid rgba(51, 65, 85, 1);
  transform: rotate(-45deg) translateY(-50%);
}

[dir="rtl"] .lt-promoted-articles-accordion-item__title:before {
  left: 1.5rem;
  border-right: 2px solid rgba(51, 65, 85, 1);
  transform: rotate(45deg) translateY(-50%);
}

.lt-promoted-articles-accordion-item__content {
  display: none;
}

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

.lt-popular-searches__item,
.lt-popular-searches__item:hover,
.lt-popular-searches__item:active,
.lt-popular-searches__item:focus {
  padding-bottom: 2px;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  color: #fff;
  border-bottom: 2px solid currentColor;
}

.lt-contact-box {
  display: flex;
  padding: 1.5rem 2rem;
  padding-right: var(--grid-gutter-width);
  padding-left: var(--grid-gutter-width);
  font-size: 0.875rem;
  color: rgba(18, 18, 18, 1);
  flex-direction: column;
  border: 2px solid rgba(226, 232, 240, 1);
  border-radius: 1px;
  align-items: flex-start;
}

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

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

.lt-info-block {
  position: relative;
  padding: 1.5rem;
}
@media (min-width: 992px) {
  .lt-info-block {
    padding: 4.5rem 5.9375rem;
    text-align: center;
  }
}

.lt-info-block__title {
  margin-bottom: 1rem;
  line-height: 1.1;
  color: rgba(18, 18, 18, 1);
}

.lt-info-block__text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: rgba(100, 116, 139, 1);
}

.lt-vote__sum {
  display: block;
  width: 100%;
  text-align: center;
}

.lt-vote__control--header {
  padding: 0.5rem 0.9rem;
}

.lt-vote__control--active {
  color: rgba(18, 18, 18, 1);
  border-color: rgba(18, 18, 18, 1);
}

.lt-vote__control--down {
  transform: rotateX(180deg);
}

.language-selector {
  display: inline-block;
  padding-bottom: 8px;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .language-selector {
    padding-top: 8px;
  }
}

.lt-dropdown a[data-url]:before {
  position: relative;
  top: 0px;
  display: none;
  width: 20px;
  height: 20px;
  vertical-align: text-top;
  content: "";
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-size: auto;
}

@media (max-width: 991px) {
  .lt-dropdown a[data-url]:before {
    top: -1px;
    margin-right: 4px !important;
  }
}

[dir="ltr"] .lt-dropdown a[data-url]:before {
  margin-right: 0;
}

[dir="rtl"] .lt-dropdown a[data-url]:before {
  margin-left: 0;
}
@media (min-width: 992px) {
  .language-selector--flags {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.language-selector--flags.lt-dropdown a[data-url]:before {
  display: inline-block;
}
@media (min-width: 992px) {
  .language-selector--flags > a {
    display: grid;
    padding: 6px;
    font-size: 0;
    text-align: center;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: inset 0px -2px 4px rgba(231, 232, 236, 0.25);
  }
}
@media (min-width: 992px) {
  .language-selector--flags .lt-dropdown-menu {
    top: 50px;
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .language-selector--flags .lt-dropdown-toggle:after {
    display: none;
  }
}

.lt-dropdown a[data-url]:before {
  background-image: url("/hc/theming_assets/01J4PB8QEKYYJTG2PKHPQMP6MA") !important;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/af"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/af-za"]:before {
  background-position: 0 0;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/af"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/af-za"]:before {
  background-position: 100% 0;
}

.lt-dropdown a[data-url*="/hc/change_language/am"]:before {
  background-position: -22px 0;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/ar"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/ar-ae"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/ar-ps"]:before {
  background-position: 0 -22px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/ar"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/ar-ae"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/ar-ps"]:before {
  background-position: 100% -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/az"]:before {
  background-position: -22px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/be"]:before {
  background-position: -44px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/bg-bg"]:before,
.lt-dropdown a[data-url*="/hc/change_language/bg"]:before {
  background-position: -44px -22px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/bn"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/bn-in"]:before {
  background-position: 0 -44px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/bn"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/bn-in"]:before {
  background-position: 100% -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/bo"]:before {
  background-position: -22px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/bs"]:before {
  background-position: -44px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/cs"]:before,
.lt-dropdown a[data-url*="/hc/change_language/cs-cz"]:before {
  background-position: -66px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/cy"]:before {
  background-position: -66px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/da"]:before,
.lt-dropdown a[data-url*="/hc/change_language/da-dk"]:before {
  background-position: -66px -44px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-at"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-be"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-ch"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-dk"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-it"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-lu"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-ro"]:before {
  background-position: 0 -66px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-at"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-be"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-ch"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-dk"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-it"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-lu"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-ro"]:before {
  background-position: 100% -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/el"]:before,
.lt-dropdown a[data-url*="/hc/change_language/el-gr"]:before {
  background-position: -22px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/et"]:before,
.lt-dropdown a[data-url*="/hc/change_language/et-ee"]:before {
  background-position: -44px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/eu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/eu-es"]:before {
  background-position: -66px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/fa"]:before {
  background-position: -88px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/fi"]:before {
  background-position: -88px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/fil"]:before {
  background-position: -88px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/fo"]:before,
.lt-dropdown a[data-url*="/hc/change_language/fo-dk"]:before {
  background-position: -88px -66px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-002"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-be"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-ca"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-ch"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-fr"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-it"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-lu"]:before {
  background-position: 0 -88px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-002"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-be"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-ca"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-ch"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-fr"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-it"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-lu"]:before {
  background-position: 100% -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/ga"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ga-ie"]:before {
  background-position: -22px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/he"]:before {
  background-position: -44px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/hr"]:before {
  background-position: -66px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/hu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/hu-hu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/hu-ro"]:before,
.lt-dropdown a[data-url*="/hc/change_language/hu-sk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/hu-ua"]:before {
  background-position: -88px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/hy"]:before {
  background-position: -110px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/id"]:before,
.lt-dropdown a[data-url*="/hc/change_language/id-id"]:before,
.lt-dropdown a[data-url*="/hc/change_language/jv-id"]:before {
  background-position: -110px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/as-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/gu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/gu-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/hi"]:before,
.lt-dropdown a[data-url*="/hc/change_language/hi-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/kn"]:before,
.lt-dropdown a[data-url*="/hc/change_language/kn-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ks-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/or-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/pa-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/sa-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/sd-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ta"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ta-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/te"]:before,
.lt-dropdown a[data-url*="/hc/change_language/te-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ur"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ur-in"]:before {
  background-position: -110px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/is"]:before {
  background-position: -110px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/it"]:before,
.lt-dropdown a[data-url*="/hc/change_language/it-ch"]:before,
.lt-dropdown a[data-url*="/hc/change_language/it-it"]:before {
  background-position: -110px -88px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/ja"]:before {
  background-position: 0 -110px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/ja"]:before {
  background-position: 100% -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/ka"]:before {
  background-position: -22px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/kk"]:before {
  background-position: -44px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/kl"]:before {
  background-position: -66px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/km"]:before {
  background-position: -88px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/ko"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ko-kr"]:before {
  background-position: -110px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/ky"]:before {
  background-position: -132px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/lt"]:before,
.lt-dropdown a[data-url*="/hc/change_language/lt-lv"]:before,
.lt-dropdown a[data-url*="/hc/change_language/lt-lt"]:before {
  background-position: -132px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/lv"]:before,
.lt-dropdown a[data-url*="/hc/change_language/lv-lv"]:before {
  background-position: -132px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/mk"]:before {
  background-position: -132px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/mn"]:before {
  background-position: -132px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/ms"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ms-my"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ml"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ml-in"]:before {
  background-position: -132px -110px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/mt"]:before {
  background-position: 0 -132px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/mt"]:before {
  background-position: 100% -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/my"]:before {
  background-position: -22px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/ne"]:before {
  background-position: -44px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/nl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nl-id"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nl-nl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nl-be"]:before {
  background-position: -66px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/no"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nb"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nb-no"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nn"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nn-no"]:before {
  background-position: -88px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/mi-nz"]:before {
  background-position: -110px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/pl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/pl-cz"]:before,
.lt-dropdown a[data-url*="/hc/change_language/pl-lt"]:before,
.lt-dropdown a[data-url*="/hc/change_language/pl-pl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/pl-ua"]:before {
  background-position: -132px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/apc-ps"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ajp-ps"]:before {
  background-position: -154px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/ps"]:before {
  background-position: -154px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/pt-br"]:before {
  background-position: -154px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/pt"]:before,
.lt-dropdown a[data-url*="/hc/change_language/pt-bt"]:before {
  background-position: -154px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/ro"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ro-bg"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ro-sk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ro-ua"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ro-ro"]:before {
  background-position: -154px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/ru"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ru-ee"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ru-kz"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ru-lt"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ru-lv"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ru-ua"]:before {
  background-position: -154px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/si"]:before {
  background-position: -154px -132px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/sl"]:before {
  background-position: 0 -154px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/sl"]:before {
  background-position: 100% -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/so"]:before {
  background-position: -22px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/ca"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ca-es"]:before,
.lt-dropdown a[data-url*="/hc/change_language/gl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/gl-es"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-419"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-ar"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-cl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-co"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-es"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-hn"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-mx"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-pe"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-pr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-us"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-ve"]:before {
  background-position: -44px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/sq"]:before {
  background-position: -66px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/sr-me"]:before {
  background-position: -88px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/sr"]:before {
  background-position: -110px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/sv"]:before,
.lt-dropdown a[data-url*="/hc/change_language/sv-se"]:before {
  background-position: -132px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/sw"]:before {
  background-position: -154px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/tg"]:before {
  background-position: -176px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/th"]:before {
  background-position: -176px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/tk"]:before {
  background-position: -176px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/tl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/tl-ph"]:before {
  background-position: -176px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/tr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/tr-bg"]:before {
  background-position: -176px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/uk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/uk-sk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/uk-ua"]:before {
  background-position: -176px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/en-us"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-001"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ae"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-150"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-at"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-au"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-be"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-bg"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-bo"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ca"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ch"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-co"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-cr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-cy"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-cz"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-dk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ec"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ee"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-es"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-gb"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-gr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-gu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-hk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-hn"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-hu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-id"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ie"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-il"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-it"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-kr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-lr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-lt"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-lu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-lv"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-mx"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-my"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-nl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-no"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-nz"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-pe"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ph"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-pl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-pr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ps"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-pt"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ro"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-se"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-sg"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-sk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-th"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ua"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-vn"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-za"]:before {
  background-position: -176px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/uz"]:before {
  background-position: -176px -154px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/vi"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/vi-vn"]:before {
  background-position: 0 -176px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/vi"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/vi-vn"]:before {
  background-position: 100% -176px;
}

.lt-dropdown a[data-url*="/hc/change_language/nso-za"]:before,
.lt-dropdown a[data-url*="/hc/change_language/st-za"]:before,
.lt-dropdown a[data-url*="/hc/change_language/tz-za"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ts-za"]:before,
.lt-dropdown a[data-url*="/hc/change_language/xh"]:before,
.lt-dropdown a[data-url*="/hc/change_language/xh-za"]:before,
.lt-dropdown a[data-url*="/hc/change_language/zu-za"]:before {
  background-position: -22px -176px;
}

.lt-dropdown a[data-url*="/hc/change_language/zh"]:before,
.lt-dropdown a[data-url*="/hc/change_language/zh-hk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/zh-mo"]:before,
.lt-dropdown a[data-url*="/hc/change_language/zh-sg"]:before,
.lt-dropdown a[data-url*="/hc/change_language/zh-cn"]:before,
.lt-dropdown a[data-url*="/hc/change_language/zh-tw"]:before {
  background-position: -44px -176px;
}

.dropdown a[data-url*="/hc/change_language/es"]:before {
  background-position: -44px -154px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .lt-dropdown a[data-url]:before {
    background-image: url("/hc/theming_assets/01J4PB8QKVBEVEBPNFRNEKF5EY") !important;
    background-size: 198px 198px;
  }
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  position: absolute;
  bottom: 110%;
  z-index: 1;
  min-width: 120px;
  max-width: 220px;
  padding: 0.67rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  visibility: hidden;
  background: #172926;
  border-radius: 6px;
  border-radius: 8px;
  box-shadow: 0px 4px 4px rgba(23, 41, 38, 0.25);
}

[dir="ltr"] .tooltip .tooltiptext {
  left: 50%;
  margin-left: -60px;
}

[dir="rtl"] .tooltip .tooltiptext {
  right: 50%;
  margin-right: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
/* Search */
/* Search */
.search {
  position: relative;
  font-size: 1rem;
}

.search input[type="search" i]::-webkit-search-cancel-button {
  position: relative;
  display: none;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 2.5L2.5 13.5' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 2.5L13.5 13.5' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-appearance: none;
  appearance: none;
}

.search input[type="search"] {
  padding: 1.25rem 1.5rem;
  font-size: 1rem;
  background-color: rgba(255, 255, 255, 1) !important;
  border-radius: 50px !important;
  box-shadow: 0px 8px 16px 8px rgba(0, 0, 0, 0.03);
  border: 1px solid grey !important;
}

/* WCAG 2.4.7 — the decorative drop-shadow above has higher specificity than
   the global input:focus-visible ring, so the search field never showed a
   focus indicator (only input[type="submit"] did). Win on box-shadow only
   while focused; everything else about the decorative shadow is untouched. */
.search input[type="search"]:focus-visible,
.search input[type="search"]:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--cv-a11y-focus, #C23414) !important;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.search input[type="submit"] {
  position: absolute;
  top: 8px;
  display: flex;
  width: 48px;
  height: 48px;
  font-size: 0;
  /* WCAG 1.4.3: white text on rgba(251, 65, 28, 1) (#fb411c) is 3.57:1 — #d63a19
     keeps the brand hue at 4.69:1. */
  background-color: #d63a19 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7 11.3C13.6 10.1 14.1 8.7 14.1 7.1C14.1 3.2 11 0 7.1 0C3.2 0 0 3.2 0 7.1C0 11 3.2 14.2 7.1 14.2C8.7 14.2 10.2 13.7 11.3 12.8L14.3 15.8C14.5 16 14.8 16.1 15 16.1C15.2 16.1 15.5 16 15.7 15.8C16.1 15.4 16.1 14.8 15.7 14.4L12.7 11.3ZM7.1 12.1C4.3 12.1 2 9.9 2 7.1C2 4.3 4.3 2 7.1 2C9.9 2 12.2 4.3 12.2 7.1C12.2 9.9 9.9 12.1 7.1 12.1Z' fill='white' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  border: none !important;
  border-radius: 50%;
  justify-content: space-between;
  align-items: center;
}

.search input[type="submit"]:hover {
  background-color: #b53113 !important; /* darker hover, ~5.9:1 on white text */
}

[dir="ltr"] .search input[type="submit"] {
  right: 8px;
}

[dir="rtl"] .search input[type="submit"] {
  left: 8px;
}
@media (max-width: 992px) {
.search {
  box-sizing: border-box; /* keeps padding/border inside the width */
  margin-top: 25px;
}

}
@media (min-width: 992px) {
  .search {
    font-size: 1rem;
  }

  .search input[type="search"] {
    position: relative;
  }

  .search input[type="submit"] {
    width: auto;
    padding: 0 2.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: none;
    background-image: none;
    border-radius: 25px;
  }

  [dir="ltr"] .search input[type="search"] {
    padding-right: 9.5rem;
    padding-left: 4rem;
  }

  [dir="rtl"] .search input[type="search"] {
    padding-right: 4rem;
    padding-left: 9.5rem;
  }
}

.searchbox {
  margin-top: calc(var(--line-height-computed));
}

.searchbox-suggestions ul {
  margin-bottom: calc(var(--line-height-computed));
  list-style: none;
}

.searchbox-suggestions li {
  margin-bottom: calc(var(--line-height-computed) / 3);
}

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

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

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

.lt-search-box--small .search input[type="search"] {
  padding: 0.75rem 3.25rem;
}
@media (min-width: 992px) {
  .lt-search-box--small .search input[type="search"] {
    padding: 1rem 3.25rem;
  }
}

.lt-search-box--icon .search:before {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  margin: auto 0;
  content: "";
  background-image: url(/hc/theming_assets/01KPDW4P9EAMXB78NEBREV2NA0);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1rem;
}

@media (min-width: 992px) {
  .lt-search-box--icon .search:before {
    left: 1.5rem !important;
  }
}

[dir="ltr"] .lt-search-box--icon .search:before {
  left: 1rem;
}

[dir="rtl"] .lt-search-box--icon .search:before {
  right: 1rem;
}
@media (min-width: 992px) {
  .lt-search-box-lg--icon .search:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    margin: auto 0;
    content: "";
    background-image: url(/hc/theming_assets/01KPDW4P9EAMXB78NEBREV2NA0);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1rem;
    margin-top: 25px;
  }

  [dir="ltr"] .lt-search-box-lg--icon .search:before {
    left: 1rem;
  }

  [dir="rtl"] .lt-search-box-lg--icon .search:before {
    right: 1rem;
  }
}

.lt-search-result-heading {
  color: #fff;
  text-align: center;
}

.lt-search-result-heading__title {
  font-size: 2.5rem;
  line-height: 2.5rem;
}
@media (min-width: 768px) {
  .lt-search-result-heading__title {
    font-size: 3.5rem;
    line-height: 3.5rem;
    margin-bottom: 1rem !important;
  }
}

.lt-search-result__topic {
  text-align: center;
}

.lt-search-result__search-box {
  max-width: 736px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .lt-search-result__search-box .search input[type="search"] {
    padding: 1.5rem 4rem !important;
  }

  .lt-search-result__search-box .search:before {
    left: 2rem !important;
  }
}

[dir="ltr"] .lt-search-result__search-box .search input[type="search"] {
  padding-right: 1.5rem;
  padding-left: 3rem;
}

[dir="rtl"] .lt-search-result__search-box .search input[type="search"] {
  padding-right: 3rem;
  padding-left: 1.5rem;
}

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

.lt-search-result {
  border-bottom: 1px solid #e6e6e6;
}
.lt-search-result:nth-child(1) {
  padding-top: 25px;
}

.lt-search-result .lt-meta {
  font-size: 0.85rem;
}

.lt-search-result__title {
  font-weight: 600;
  line-height: 1.5;
  color: #f4734e;
}

.lt-search-result__description {
  font-weight: 400;
  color: $text-color;
  padding-top: 0.8rem;
  padding-bottom: 2rem;
  font-size: 15px;
}

.lt-search-result__description:empty {
  display: none;
}
.search-section-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 1rem;
}
/* ==========================================================================
  Search Results Filters
   ========================================================================== */
.lt-search-results-filters {
  font-size: 0.875rem;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 100px 80px rgba(182, 195, 193, 0.1),
    0px 22.3363px 17.869px rgba(182, 195, 193, 0.0596107),
    0px 6.6501px 5.32008px rgba(182, 195, 193, 0.0403893);
}

.lt-search-results-filters--mt {
  position: relative;
  z-index: 10;
  margin-top: -50px;
}
@media (min-width: 992px) {
  .lt-search-results-filters--mt {
    margin-top: -10rem;
  }
}

.lt-search-results__title {
  font-size: 1.5rem;
  font-weight: bold;
}
@media (min-width: 992px) {
  .lt-search-results__title {
    font-size: 2rem;
  }
}

.lt-search-results__content {
  position: relative;
  z-index: 10;
  background-color: transparent;
}
@media (min-width: 992px) {
  .lt-search-results__content {
    padding: 3rem 3.5rem;
    margin-top: -10rem;
    background-color: #fff;
  }
}

.lt-search-results-filter__title {
  position: relative;
  margin-bottom: 0;
  font-weight: var(--strong-font-weight);
}
@media (max-width: 991px) {
  .lt-search-results-filter__title {
    cursor: pointer;
  }
}
@media (max-width: 991px) {
  .lt-search-results-filter__title:after {
    position: absolute;
    top: 50%;
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1.5;
    color: inherit;
    content: "\f107";
    transition: all 0.3s ease;
    transform: translateY(-50%);
  }

  [dir="ltr"] .lt-search-results-filter__title:after {
    right: 0.5rem;
  }

  [dir="rtl"] .lt-search-results-filter__title:after {
    left: 0.5rem;
  }

  [dir="ltr"] .lt-search-results-filter__title.is-active:after {
    transform: translateY(-50%) rotate(-180deg);
  }

  [dir="rtl"] .lt-search-results-filter__title.is-active:after {
    transform: translateY(-50%) rotate(180deg);
  }
}
@media (min-width: 992px) {
  .lt-search-results-filter__list {
    display: block !important;
  }
}

.lt-search-results-filter__name {
  font-size: 1rem;
}

.lt-search-results-filter__item--subfilter:nth-child(n + 7) {
  display: none;
}

.search-result__subfilters--all
  .lt-search-results-filter__item:nth-child(n + 7) {
  display: block;
}

.search-result__subfilters--all .search-result__show-more {
  display: none !important;
}

.lt-search-results-filter__link {
  align-items: center;
  color: rgba(18, 18, 18, 1);
  text-decoration: none;
  border: 0;
  border-radius: 1px;
  transition: all 0.3s ease;
}

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

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

.lt-search-results-filter__count {
  display: inline-flex;
  display: inline-block;
  min-width: 48px;
  padding: 2px 12px;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #fff;
  text-align: center;
  background: rgba(51, 65, 85, 1);
  border-radius: 57px;
}

.search-result__show-more {
  padding: 0;
  color: rgba(51, 65, 85, 1);
  background-color: transparent;
  border: 0;
}

[dir="ltr"] .search-result__show-more {
  margin-left: 8px;
}

[dir="rtl"] .search-result__show-more {
  margin-right: 8px;
}

.lt-search-results__no-result {
  padding: 0;
}
}

.lt-search-topic {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: rgba(255, 255, 255, 1);
}

.lt-search-topic__link {
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
  opacity: 0.7;
}

.lt-search-topic__link:not(:last-child):after {
  content: ",";
}

.lt-search-topic__link:hover,
.lt-search-topic__link:focus {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}
/* My Activities */
.lt-my-activities-items {
  width: 100%;
  margin-bottom: calc(var(--line-height-computed) * 2);
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
@media (min-width: 576px) {
  .lt-my-activities-items {
    table-layout: auto;
  }
}

.lt-my-activities-items__head {
  display: none;
  color: var(--meta-text-color);
}
@media (min-width: 576px) {
  .lt-my-activities-items__head {
    display: table-header-group;
    font-size: var(--font-size-small);
    font-weight: var(--strong-font-weight);
    text-transform: uppercase;
  }
}
@media (min-width: 576px) {
  .lt-my-activities-items__body {
    display: table-row-group;
  }
}

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

.lt-my-activities-items__col {
  display: block;
}
@media (min-width: 576px) {
  .lt-my-activities-items__col {
    display: table-cell;
    padding-top: calc(var(--line-height-computed) / 2);
    padding-bottom: calc(var(--line-height-computed) / 2);
    border-bottom: 1px solid rgba(226, 232, 240, 1);
  }

  [dir="ltr"] .lt-my-activities-items__col + .lt-my-activities-items__col {
    padding-left: var(--padding-base-horizontal);
  }

  [dir="rtl"] .lt-my-activities-items__col + .lt-my-activities-items__col {
    padding-right: var(--padding-base-horizontal);
  }
}
@media (max-width: 575px) {
  .lt-my-activities-items__request-id {
    display: inline;
  }
}
@media (min-width: 576px) {
  .lt-my-activities-items__request-id {
    display: none;
  }
}

.lt-my-activities-items__col .requests-link {
  color: var(--meta-text-color);
  white-space: nowrap;
}

.lt-my-activities-items__col
  requests-link[href*="asc"]
  .requests-sort-symbol:after {
  content: "\f0d8";
}
@media (min-width: 576px) {
  [dir="ltr"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-left: 1rem;
  }

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

.lt-my-activities-menu--main {
  border-bottom: var(--border-width) solid rgba(226, 232, 240, 1);
}

.lt-my-activities-menu--main .lt-my-activities-menu-item {
  padding: 0.5rem 1rem;
  font-weight: bold;
  background-color: #eceeef;
  border-radius: 1px;
}

.lt-my-activities-menu-item__link,
.lt-my-activities-menu-item__link:hover,
.lt-my-activities-menu-item__link:focus {
  color: rgba(18, 18, 18, 1);
}

.lt-my-activities-menu--main .lt-my-activities-menu-item.is-active {
  color: rgba(18, 18, 18, 1);
  color: #fff;
  background-color: rgba(51, 65, 85, 1);
}

.lt-my-activities-menu--sub .lt-my-activities-menu-item.is-active {
  font-weight: var(--strong-font-weight);
  color: rgba(51, 65, 85, 1);
}

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

.lt-my-activities-menu-item a {
  font-weight: bold;
  color: rgba(18, 18, 18, 1);
}
@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 (min-width: 576px) {
  .lt-my-activities-menu--sub
    .lt-my-activities-menu-item
    + .lt-my-activities-menu-item:before {
    font-size: 10px;
    content: "\2022";
  }

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

  [dir="rtl"]
    .lt-my-activities-menu--sub
    .lt-my-activities-menu-item
    + .lt-my-activities-menu-item:before {
    margin-left: 1rem;
  }
}
@media (max-width: 575px) {
  .lt-my-activities-item {
    padding: calc(var(--line-height-computed) / 2)
      var(--padding-base-horizontal);
    margin-bottom: calc(var(--line-height-computed));
    border: var(--border-width) solid rgba(226, 232, 240, 1);
    border-radius: 1px;
  }
}

.lt-my-activities-item__meta {
  font-size: 14px;
  color: var(--meta-text-color);
}
@media (max-width: 575px) {
  .lt-my-activities-item__meta {
    display: inline-block;
    margin-right: calc(var(--padding-base-horizontal) / 2);
  }
}

.lt-my-activities-item__title {
  font-weight: 400;
}
@media (max-width: 575px) {
  .lt-my-activities-item__title {
    font-size: var(--font-size-h4);
  }
}
@media (max-width: 575px) {
  .lt-my-activities-item__icon {
    display: inline-block;
  }
}
@media (min-width: 576px) {
  .lt-my-activities-item__icon {
    display: none;
  }
}

.subscriptions-subscribe div {
  display: inline-block;
}
/* Comments */
/* ==========================================================================
  Comment Form
  ========================================================================== */
.lt-comment-form {
  position: relative;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .lt-comment-form {
    order: 1;
  }
}

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

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

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

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

.lt-comment-form__body {
  margin-bottom: 16px;
}

.lt-comment-form__body textarea {
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e6e6e6;
  border-radius: 12px;
}

.lt-comment-form__body textarea:focus {
  border-color: var(--input-focus-border-color);
  outline: 0;
}

.lt-comment-form__controls {
  position: relative;
}

.lt-comment-form__controls input[type="submit"] {
  display: inline-block;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-transform: none;
  border-radius: 57px;
  box-shadow: 0px 17px 24px rgba(242, 159, 58, 0.1);
}
@media (min-width: 768px) {
  .lt-comment-form__controls input[type="submit"] {
    width: auto;
  }
}
/* ==========================================================================
  Comment Sorter
  ========================================================================== */
.lt-comment-sorter {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: var(--border-width) solid var(--gray-lighter);
}
@media (min-width: 576px) {
  .lt-comment-sorter {
    display: table;
    width: 100%;
  }
}
@media (min-width: 576px) {
  .lt-comment-sorter__col {
    display: table-cell;
    vertical-align: middle;
  }
}
@media (max-width: 575px) {
  .lt-comment-sorter__col--main {
    margin-bottom: 12px;
  }
}
@media (min-width: 576px) {
  .lt-comment-sorter__col--main {
    padding-right: 16px;
  }
}
@media (min-width: 576px) {
  .lt-comment-sorter__col--filters {
    text-align: right;
  }
}

.lt-comment-sorter__item.is-active {
  font-weight: 600;
}

.lt-comment-sorter__item + .lt-comment-sorter__item:before {
  margin: 0 6px;
  font-size: 10px;
  font-weight: 900;
  content: "\2022";
}
/* ==========================================================================
  Comment
  ========================================================================== */
.lt-comment {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
}

.lt-comment:not(:last-child) {
  margin-bottom: 1rem;
}

.lt-comment__inner {
  position: relative;
}

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

.lt-comment__content {
  flex-grow: 1;
}
@media (min-width: 992px) {
  .lt-comment__date {
    margin-left: 2rem;
  }
}

.lt-comment__voting-and-actions button {
  position: relative;
  z-index: 1;
  display: flex;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  justify-content: center;
  align-items: center;
}

.lt-comment__voting-and-actions button path {
  fill: #bcbcbc;
}

.lt-comment__voting-and-actions button:hover,
.lt-comment__voting-and-actions button:focus,
.lt-comment__voting-and-actions button:active {
  z-index: 2;
}

.lt-comment__voting-and-actions button:hover path,
.lt-comment__voting-and-actions button:focus path,
.lt-comment__voting-and-actions button:active path {
  fill: rgba(51, 65, 85, 1);
}
@media (min-width: 992px) {
  .lt-comment__voting-and-actions {
    margin-left: 2rem;
    border-top: 0;
  }

  .lt-comment__voting-and-actions button {
    top: 2px;
  }
}

.lt-comment__voting {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  border-top: 1px solid #e6e6e6;
}

.lt-comment__voting:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  content: "";
  background-color: #e6e6e6;
}

@media (min-width: 992px) {
  .lt-comment__voting:before {
    display: none;
  }
}

@media (min-width: 992px) {
  .lt-comment__voting {
    position: absolute;
    top: 2.8rem;
    right: 1rem;
    display: block;
    border-top: 0;
  }

  .lt-comment__voting > * {
    margin-bottom: 0.2rem;
  }

  .lt-comment__voting > *:first-child {
    margin-bottom: 0.4em;
  }
}

.lt-comment__voting .lt-vote__sum {
  z-index: 5;
  display: flex;
  width: auto;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 30px;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 992px) {
  .lt-comment__voting .lt-vote__sum {
    display: block;
    padding: 0;
    border: 0;
  }
}

[dir="ltr"] .lt-comment__voting:before {
  left: 50%;
}

[dir="rtl"] .lt-comment__voting:before {
  right: 50%;
}

.lt-comment__actions {
  position: absolute;
  top: 0.5rem;
  text-align: center;
}

[dir="ltr"] .lt-comment__actions {
  right: 1rem;
}

[dir="rtl"] .lt-comment__actions {
  left: 1rem;
}

.lt-comment__official-heading {
  position: absolute;
  top: 0;
  width: auto;
  padding: 2px 8px;
  font-size: var(--font-size-small);
  color: #fff;
  background-color: rgba(251, 65, 28, 1);
  border-radius: 0 0 1px 1px;
}

[dir="ltr"] .lt-comment__official-heading {
  right: 36px;
}

[dir="rtl"] .lt-comment__official-heading {
  left: 36px;
}

.lt-comment--official .lt-comment__inner {
  position: relative;
  padding: 24px;
  border: var(--border-width) solid rgba(251, 65, 28, 1);
  border-radius: 1px;
}

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

.lt-comment__body p {
  margin-bottom: 12px;
}

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

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

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

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

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

[dir="rtl"] .lt-comment__body ul,
[dir="rtl"] .lt-comment__body ol {
  padding-right: 20px;
}
/* Comment List */
.lt-comments {
  margin-bottom: 48px;
}

.lt-comments-wrap {
  display: flex;
  flex-direction: column;
}

.lt-comments__callout {
  display: block;
  padding: 1rem 2rem;
  margin: 0;
  margin-bottom: 1rem;
  text-align: center;
  background: rgba(230, 230, 230, 0.9);
  border-radius: 12px;
}
@media (min-width: 768px) {
  .lt-comments__callout {
    padding: 2rem 2rem;
    order: 1;
  }
}

.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 {
  position: relative;
  display: flex;
  margin-top: -9rem;
  margin-right: calc(var(--grid-gutter-width) * -1);
  margin-left: calc(var(--grid-gutter-width) * -1);
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .lt-article-container {
    margin-top: -12rem;
  }
}

.lt-article-container__column {
  width: 100%;
  padding-right: var(--grid-gutter-width);
}

.lt-article-container__sidenav,
.lt-article-container__toc {
  display: none;
}

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

html.sidenav-enabled .lt-article-container__sidenav {
  padding-bottom: 24px;
}

.lt-article-container__sidenav {
  z-index: 5;
  margin-bottom: 40px;
}

html.sidenav-enabled .lt-article-container__sidebar,
html.toc-enabled .lt-article-container__sidebar {
  width: 100%;
  padding-top: 2rem;
}
@media (min-width: 992px) {
  .lt-article-container__sidenav {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

  .lt-article-container__sidebar {
    width: calc(100% / 12 * 4);
  }

  html.toc-enabled .lt-article-container__toc {
    width: calc(100% / 12 * 4);
  }

  html.sidenav-enabled .lt-article-container__sidenav {
    width: calc(100% / 12 * 4);
  }

  html.sidenav-enabled .lt-article-container__sidebar,
  html.toc-enabled .lt-article-container__sidebar {
    margin-top: 0;
  }

  html.sidenav-enabled .lt-article-container__sidebar {
    flex-grow: 1;
  }

  html.sidenav-enabled.toc-enabled .lt-article-container__sidenav,
  html.sidenav-enabled.toc-enabled .lt-article-container__toc {
    width: calc(100% / 12 * 3);
  }

  html.sidenav-enabled.toc-enabled .lt-article-container__article {
    width: calc(100% / 12 * 6);
  }
}

.lt-article-list {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .lt-article-list {
    padding-left: 1rem;
  }
}

[dir="ltr"] .lt-article-list {
  padding-left: 2rem;
}

[dir="rtl"] .lt-article-list {
  padding-right: 2rem;
}

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

.lt-article-list-item::marker {
  color: rgba(51, 65, 85, 1);
}

[dir="ltr"] .lt-article-list-item {
  padding-right: 1.7rem;
  padding-left: 0 !important;
}

[dir="rtl"] .lt-article-list-item {
  padding-right: 0 !important;
  padding-left: 1.7rem;
}

.lt-article-list-item:not(:last-child) {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .lt-article-list-item {
    padding-right: 1rem;
  }
}

.lt-article-list-item__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.lt-article-list-item__link:hover,
.lt-article-list-item__link:focus,
.lt-article-list-item__link:active {
  color: rgba(51, 65, 85, 1);
  border-bottom: 1px solid rgba(51, 65, 85, 1);
}

.lt-article-list-item--is-promoted span {
  font-size: 10px;
  color: #fbce0a;
  vertical-align: middle;
}

.see-all-articles {
  display: inline-block;
}

[dir="ltr"] .see-all-articles {
  margin-left: -1rem;
}

[dir="rtl"] .see-all-articles {
  margin-right: -1rem;
}

.lt-article-vote__controls {
  display: block;
}

.lt-article-vote__item {
  --size: 3.625rem;

  width: var(--size);
  height: var(--size);
  font-size: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid rgba(150, 157, 156, 0.25);
  border-radius: var(--size);
}

.lt-article-vote__item:hover,
.lt-article-vote__item:focus,
.lt-article-vote__item:active {
  cursor: pointer;

  background-color: #fff;
  border-color: rgba(51, 65, 85, 1);
}

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

.lt-article-vote__item--down {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9.75H0.75C0.551088 9.75 0.360322 9.67098 0.21967 9.53033C0.0790176 9.38968 0 9.19891 0 9V0.75C0 0.551088 0.0790176 0.360322 0.21967 0.21967C0.360322 0.0790176 0.551088 0 0.75 0L3 0V9.75Z' fill='%23172926'/%3E%3Cpath d='M16.9042 10.2038C16.6223 10.5323 16.2726 10.7959 15.8792 10.9765C15.4858 11.1571 15.0579 11.2504 14.625 11.25H9.75V15C9.75 16.6545 9.1545 18 7.5 18C7.33543 18.0001 7.17542 17.946 7.04463 17.8461C6.91384 17.7462 6.81953 17.6061 6.77625 17.4473L4.5 9.75003V3.23917e-05H13.8195C14.5371 -0.00330939 15.2318 0.252023 15.7765 0.719247C16.3211 1.18647 16.6791 1.8343 16.785 2.54403L17.592 7.79403C17.6579 8.22153 17.6305 8.65822 17.5118 9.07416C17.3931 9.49009 17.1858 9.87544 16.9042 10.2038Z' fill='%23172926'/%3E%3C/svg%3E%0A");
}

.lt-article-vote__item--up {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8.25H0.75C0.551088 8.25 0.360322 8.32902 0.21967 8.46967C0.0790176 8.61032 0 8.80109 0 9L0 17.25C0 17.4489 0.0790176 17.6397 0.21967 17.7803C0.360322 17.921 0.551088 18 0.75 18H3V8.25Z' fill='%23172926'/%3E%3Cpath d='M16.9042 7.8C16.6227 7.4708 16.2731 7.20649 15.8797 7.02523C15.4862 6.84398 15.0582 6.75008 14.625 6.75H9.75V3C9.75 1.3455 9.1545 1.56415e-08 7.5 1.56415e-08C7.33543 -3.35833e-05 7.17542 0.0540632 7.04463 0.153951C6.91384 0.253839 6.81953 0.393973 6.77625 0.55275L4.5 8.25V18H13.8195C14.5371 18.0033 15.2318 17.748 15.7765 17.2808C16.3211 16.8136 16.6791 16.1657 16.785 15.456L17.592 10.206C17.6573 9.77909 17.6297 9.34311 17.511 8.92787C17.3923 8.51262 17.1853 8.1279 16.9042 7.8Z' fill='%23172926'/%3E%3C/svg%3E%0A");
}

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

.lt-article-vote__item--voted {
  /* WCAG 1.4.1 / 4.1.2 — a 10%-darker border on an already-subtle
     rgba(150,157,156,0.25) border was imperceptible, and `color` alone
     does nothing since the up/down icon is a hardcoded-fill background
     image, not `currentColor`. Give voted state an obvious filled look. */
  background-color: var(--cv-a11y-orange-bg, #C23414) !important;
  border-color: var(--cv-a11y-orange-bg, #C23414) !important;
  color: #fff;
  box-shadow: 0 0 0 3px rgba(194, 52, 20, 0.18);
}

.lt-article-vote__item--voted:hover,
.lt-article-vote__item--voted:focus,
.lt-article-vote__item--voted:active {
  background-color: var(--cv-a11y-orange-hover, #A62D0C) !important;
  border-color: var(--cv-a11y-orange-hover, #A62D0C) !important;
}

/* Recolor the icon to white so it reads against the filled background
   above (the SVG data-URIs below are the same icons with fill:#fff). */
.lt-article-vote__item--up.lt-article-vote__item--voted {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8.25H0.75C0.551088 8.25 0.360322 8.32902 0.21967 8.46967C0.0790176 8.61032 0 8.80109 0 9L0 17.25C0 17.4489 0.0790176 17.6397 0.21967 17.7803C0.360322 17.921 0.551088 18 0.75 18H3V8.25Z' fill='%23ffffff'/%3E%3Cpath d='M16.9042 7.8C16.6227 7.4708 16.2731 7.20649 15.8797 7.02523C15.4862 6.84398 15.0582 6.75008 14.625 6.75H9.75V3C9.75 1.3455 9.1545 1.56415e-08 7.5 1.56415e-08C7.33543 -3.35833e-05 7.17542 0.0540632 7.04463 0.153951C6.91384 0.253839 6.81953 0.393973 6.77625 0.55275L4.5 8.25V18H13.8195C14.5371 18.0033 15.2318 17.748 15.7765 17.2808C16.3211 16.8136 16.6791 16.1657 16.785 15.456L17.592 10.206C17.6573 9.77909 17.6297 9.34311 17.511 8.92787C17.3923 8.51262 17.1853 8.1279 16.9042 7.8Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") !important;
}

.lt-article-vote__item--down.lt-article-vote__item--voted {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9.75H0.75C0.551088 9.75 0.360322 9.67098 0.21967 9.53033C0.0790176 9.38968 0 9.19891 0 9V0.75C0 0.551088 0.0790176 0.360322 0.21967 0.21967C0.360322 0.0790176 0.551088 0 0.75 0L3 0V9.75Z' fill='%23ffffff'/%3E%3Cpath d='M16.9042 10.2038C16.6223 10.5323 16.2726 10.7959 15.8792 10.9765C15.4858 11.1571 15.0579 11.2504 14.625 11.25H9.75V15C9.75 16.6545 9.1545 18 7.5 18C7.33543 18.0001 7.17542 17.946 7.04463 17.8461C6.91384 17.7462 6.81953 17.6061 6.77625 17.4473L4.5 9.75003V3.23917e-05H13.8195C14.5371 -0.00330939 15.2318 0.252023 15.7765 0.719247C16.3211 1.18647 16.6791 1.8343 16.785 2.54403L17.592 7.79403C17.6579 8.22153 17.6305 8.65822 17.5118 9.07416C17.3931 9.49009 17.1858 9.87544 16.9042 10.2038Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") !important;
}

.lt-article-vote__question {
  display: block;
  font-weight: 500;
  line-height: 1.1;
  color: rgba(18, 18, 18, 1);
}

.lt-article-vote__count {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
}

.lt-article-share__title {
  font-weight: 500;
  line-height: 1.1;
  color: rgba(18, 18, 18, 1);
}

.lt-article-page {
  position: relative;
  z-index: 5;
  margin-bottom: calc(var(--line-height-computed) * 2);
}

.lt-article {
  position: relative;
}

.lt-article__header {
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .lt-article__heading {
    order: -1;
  }
}
@media (--sccren-sm) {
  .lt-article__search {
    width: 100%;
  }
}

.lt-article__date {
  font-size: 1rem;
  line-height: 1rem;
  opacity: 0.7;
}

.lt-btn--print {
  color: rgba(255, 255, 255, 1);
  background-color: transparent;
}

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

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

.lt-article__follow {
  width: 100%;
}
@media (min-width: 576px) {
  .lt-article__follow {
    width: auto;
  }
}
@media (min-width: 576px) {
  .lt-article__follow > div {
    text-align: right;
  }
}

.lt-article__callout a,
.lt-article__callout a:hover,
.lt-article__callout a:focus,
.lt-article__callout a:active {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

.lt-article__box {
box-shadow:
  0px 0px 80px rgb(182 195 193 / 10%),
  0px 0px 17.869px rgb(182 195 193 / 6%),
  0px 0px 5.32008px rgb(182 195 193 / 4%);

}

.lt-article__body {
  margin-bottom: calc(var(--line-height-computed));
  word-break: break-word;
  background-color: #fff;
}

.lt-article__body a {
  color: #337ab7 !important;
}

.lt-article__body h2,
.lt-article__body .wysiwyg-font-size-x-large {
  font-size: 20px;
  line-height: 2.4;
}

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

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

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

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

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

.lt-article__body a[target="_blank"]:after {
  display: inline-flex;
  margin: 0px 4px 0px 4px;
  font-family: "Font Awesome 5 Free";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  line-height: 1;
  content: "\f35d";
  -webkit-font-smoothing: antialiased;
  align-self: baseline;
  text-rendering: auto;
}

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

[dir="rtl"] .lt-article__body ul,
[dir="rtl"] .lt-article__body ol {
  padding-right: 20px;
}
@media (max-width: 575px) {
  .lt-article-sidebar {
    padding-top: calc(var(--line-height-computed));

    border-top: var(--border-width) solid rgba(226, 232, 240, 1);
  }
}
/* Category */
.lt-category-tree-item {
  margin-bottom: 4rem;
}

.lt-category-tree-item__sections {
  margin-bottom: calc(var(--line-height-computed));
}

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

.lt-category-accordion__link {
  font-size: 1.2rem;
  background-color: #fff;
  border-color: transparent;
  border-radius: 12px;
}

.lt-category-accordion__link:hover {
  cursor: pointer;
}

.lt-category-accordion__link:active {
  color: rgba(18, 18, 18, 1);
}

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

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

.lt-category-accordion__link:before {
  position: absolute;
  top: 45%;
  width: 1rem;
  height: 1rem;
  content: "";
  border-bottom: 2px solid rgba(51, 65, 85, 1);
  transition: transform 0.3s;
}

[dir="ltr"] .lt-category-accordion__link:before {
  right: 1.5rem;
  border-left: 2px solid rgba(51, 65, 85, 1);
  transform: rotate(-45deg) translateY(-50%);
}

[dir="rtl"] .lt-category-accordion__link:before {
  left: 1.5rem;
  border-right: 2px solid rgba(51, 65, 85, 1);
  transform: rotate(45deg) translateY(-50%);
}

.lt-category-accordion__link--active:before {
  transition: transform 0.3s;
}

[dir="ltr"] .lt-category-accordion__link--active:before {
  transform: rotate(135deg);
}

[dir="rtl"] .lt-category-accordion__link--active:before {
  transform: rotate(-135deg);
}

.lt-category-accordion__sections {
  display: none;
  border-top: 2px solid var(--gray-lighter);
}
/* Section */
.lt-section-link {
  color: inherit;
}

.lt-section-heading__title {
  line-height: 1.3;
  color: rgba(18, 18, 18, 1);
}

.lt-section-heading__descr {
  font-size: 0.875rem;
  line-height: 1.5;
  color: rgba(100, 116, 139, 1);
}

.lt-section-heading__link {
  color: rgba(18, 18, 18, 1);
}

.lt-section-heading__link:hover,
.lt-section-heading__link:focus,
.lt-section-heading__link:active {
  color: rgba(18, 18, 18, 1);
}

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

  /* @media (--screen-lg) { */
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 100px 80px rgba(182, 195, 193, 0.1),
    0px 22.3363px 17.869px rgba(182, 195, 193, 0.0596107),
    0px 6.6501px 5.32008px rgba(182, 195, 193, 0.0403893);
  /* } */
}

.lt-section-articles__title {
  line-height: 1.4;
}

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

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

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

.lt-section-articles__item .is-active {
  color: rgba(51, 65, 85, 1);
}
@media (min-width: 992px) {
  .lt-section-articles__item:hover {
    background-color: rgba(51, 65, 85, 1);
  }

  .lt-section-articles__item:hover a {
    color: #fff;
  }
}

.lt-section-articles__link {
  line-height: 1.5;
  color: rgba(18, 18, 18, 1);
}
/* Community */
.lt-community-nav {
  border-bottom: var(--border-width) solid #eceeef;
}
@media (min-width: 768px) {
  .lt-community-nav-item + .lt-community-nav-item {
    margin-left: 1rem;
  }
}

.lt-community-nav-item {
  margin-bottom: 1rem;
  color: rgba(18, 18, 18, 1);
}

.lt-community-nav-item a {
  font-weight: bold;
  color: rgba(18, 18, 18, 1);
}

.lt-community-nav-item.is-active {
  font-weight: bold;
  color: rgba(51, 65, 85, 1);
}

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

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

.lt-topic-title {
  font-size: var(--font-size-h3);
}
@media (min-width: 576px) {
  .lt-topic-title {
    font-size: var(--font-size-h2);
  }
}
@media (min-width: 768px) {
  .lt-topic-title {
    font-size: var(--font-size-h1);
  }
}
@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__title {
  font-size: var(--font-size-h3);
}

@media (min-width: 576px) {
  .lt-post__title {
    font-size: var(--font-size-h2);
  }
}

@media (min-width: 768px) {
  .lt-post__title {
    font-size: var(--font-size-h1);
  }
}

[dir="ltr"] .lt-post__title {
  padding-right: calc(var(--padding-base-horizontal) * 1.5);
}

[dir="rtl"] .lt-post__title {
  padding-left: calc(var(--padding-base-horizontal) * 1.5);
}

.lt-post__text {
  word-wrap: break-word;
}

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

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

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

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

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

.lt-post__body {
  word-break: break-word;
}

[dir="ltr"] .lt-post__body {
  padding-right: calc(40px + var(--padding-base-horizontal));
}

[dir="rtl"] .lt-post__body {
  padding-left: calc(40px + var(--padding-base-horizontal));
}

.lt-post__voting-and-actions {
  position: absolute;
  top: 0;
  width: 40px;
  text-align: center;
}

.lt-post__voting-and-actions .lt-dropdown-toggle {
  font-size: 0;
}

.lt-post__voting-and-actions .lt-dropdown-toggle:after {
  font-size: 20;
  content: "\f013";
}

.lt-post__voting-and-actions .lt-vote__control--down {
  transform: rotateX(360deg);
}

[dir="ltr"] .lt-post__voting-and-actions {
  right: 0;
}

[dir="ltr"] .lt-post__voting-and-actions .lt-dropdown-toggle:after {
  margin-left: 0;
}

[dir="rtl"] .lt-post__voting-and-actions {
  left: 0;
}

[dir="rtl"] .lt-post__voting-and-actions .lt-dropdown-toggle:after {
  margin-right: 0;
}

.lt-post__actions {
  padding-top: 8px;
}

.lt-post__actions .lt-dropdown-menu {
  width: auto;
}

.lt-post__actions .lt-dropdown-menu [role="menuitem"] {
  white-space: nowrap;
}

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

.lt-post-callout {
  padding: calc(var(--line-height-computed) / 2) var(--grid-gutter-width);
}

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

  border-top: var(--border-width) solid rgba(226, 232, 240, 1);
}

.lt-post-list-item__icon {
  position: relative;
  top: -4px;
  font-size: 50%;
}

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

.lt-post-status {
  display: inline-block;
  padding: 1px calc(var(--padding-base-horizontal) / 2);
  font-size: 12px;
  color: #fff;
  border-radius: 1px;
}

.lt-post-status--completed,
.lt-post-status--answered {
  background-color: rgba(0, 192, 109, 1);
}

.lt-post-status--planned {
  background-color: rgba(251, 65, 28, 1);
}

.lt-post-status--not-planned {
  color: rgba(18, 18, 18, 1);
  background-color: var(--gray-lighter);
}

.lt-new-post-title {
  font-size: var(--font-size-h3);
}
@media (min-width: 576px) {
  .lt-new-post-title {
    font-size: var(--font-size-h2);
  }
}
@media (min-width: 768px) {
  .lt-new-post-title {
    font-size: var(--font-size-h1);
  }
}

.lt-new-post-form {
  margin-bottom: calc(var(--line-height-computed));
}

.community-badge {
  margin: 2px;
}

.community-badge-titles {
  display: inline-flex;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
  vertical-align: middle;
  background-color: rgba(251, 65, 28, 1);
  border-radius: 4px;
}

.community-badge-achievements {
  display: inline-block;
}

[dir="ltr"] .community-badge-achievements {
  margin: 0 0.25rem 0 0;
}

[dir="rtl"] .community-badge-achievements {
  margin: 0 0 0 0.25rem;
}

.community-badge-achievements img {
  width: 22px;
  height: 22px;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements img {
  width: 40px;
  height: 40px;
}

.hotposts-header {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  font-weight: 500;
}
@media (min-width: 576px) {
  .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 {
  position: relative;
  top: -2px;
  display: inline-flex;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
}

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

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

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

.hotposts-tabs .tabs-menu {
  border-bottom: 2px solid #eceeef;
}

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

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

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

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

.hotposts-tabs .tabs-link.is-active {
  color: #4e5565;
  border-color: #4e5565;
}
/* Request */
.lt-request-table-toolbar {
  padding-top: var(--padding-base-horizontal);
  padding-bottom: calc(var(--padding-base-horizontal) / 2);
  margin-bottom: calc(var(--line-height-computed));
  background-color: #f9f9f9;
  border-radius: 1px;
}
@media (min-width: 576px) {
  .lt-request-table-toolbar {
    padding-top: calc(var(--padding-base-horizontal) / 2);
    padding-bottom: var(--padding-base-horizontal);
  }
}

.lt-request-table-toolbar label {
  font-size: var(--font-size-small);
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .lt-request-table-filters {
    display: table;
    width: 100%;
  }
}

.lt-request-table-filters__item {
  padding-right: var(--padding-base-horizontal);
  padding-left: var(--padding-base-horizontal);
}
@media (max-width: 575px) {
  .lt-request-table-filters__item {
    margin-bottom: calc(var(--line-height-computed) / 2);
  }
}
@media (min-width: 576px) {
  .lt-request-table-filters__item {
    display: table-cell;
    width: 33%;
    vertical-align: bottom;
  }
}

.lt-request-table-organization {
  display: table;
  width: 100%;
}

.lt-request-table-organization__col {
  display: table-cell;
  vertical-align: middle;
}

.lt-request-table-organization__col--main {
  width: 100%;
}

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

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

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

.requests-sort-symbol {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}

.requests-sort-symbol:after {
  display: inline-block;
  margin-bottom: 2px;
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 900;
  color: var(--meta-text-color);
  content: "\f0d7";
}

[dir="ltr"] .requests-sort-symbol:after {
  margin-left: 5px;
}

[dir="rtl"] .requests-sort-symbol:after {
  margin-right: 5px;
}

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

.lt-request-id {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-weight: var(--strong-font-weight);
}

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

.lt-request-sidebar {
  font-size: 14px;
}
@media (min-width: 768px) {
  .lt-request-sidebar {
    margin-top: -2rem;
  }
}

.lt-request-sidebar dd {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.request-column {
  margin-top: -2rem;
}

.lt-request-status {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  color: #fff;
  white-space: nowrap;
  border-radius: 1px;
}

.lt-request-status--solved,
.lt-request-status--closed {
  background-color: rgba(0, 192, 109, 1);
}

.lt-request-status--new,
.lt-request-status--open {
  background-color: rgba(255, 81, 81, 1);
}

.lt-request-status--answered {
  background-color: rgba(250, 152, 61, 1);
}
/* Formatting */
.accordion {
  padding-top: 0;
  margin-bottom: calc(var(--line-height-computed));
  border: 1px solid #ddd;
  border-radius: 1px;
}

.accordion__item-title {
  position: relative;
  display: block;
  width: 100%;
  font-size: var(--font-size-h4);
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 0;
  touch-action: manipulation;
}

.accordion__item-title:not(.accordion__item-title--active) {
  border-bottom: 1px solid #ddd;
}

.accordion__item-title:before {
  position: absolute;
  content: "";
}

[dir="ltr"] .accordion__item-title {
  padding: 15px 20px 15px 52px;
  text-align: left;
}

[dir="rtl"] .accordion__item-title {
  padding: 15px 52px 15px 20px;
  text-align: right;
}

.accordion__item-content {
  display: none;
  padding: 20px;
  border-bottom: 1px solid #ddd;
}

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

.accordion__item:last-child .accordion__item-title {
  border-bottom: none;
}

.accordion--default .accordion__item-title:before {
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-bottom: 2px solid rgba(251, 65, 28, 1);
  transition: transform 0.3s;
}

.accordion--default .accordion__item-title--active {
  background-color: #f0f0f0;
}

.accordion--default .accordion__item-title--active:before {
  transition: transform 0.3s;
}

[dir="ltr"] .accordion--default .accordion__item-title:before {
  left: 22px;
  border-left: 2px solid rgba(251, 65, 28, 1);
  transform: rotate(-45deg);
}

[dir="ltr"] .accordion--default .accordion__item-title--active:before {
  transform: rotate(135deg);
}

[dir="rtl"] .accordion--default .accordion__item-title:before {
  right: 22px;
  border-right: 2px solid rgba(251, 65, 28, 1);
  transform: rotate(45deg);
}

[dir="rtl"] .accordion--default .accordion__item-title--active:before {
  transform: rotate(-135deg);
}

.accordion--colored .accordion__item-title {
  transition: background-color 0.3s;
}

.accordion--colored .accordion__item-title:before,
.accordion--colored .accordion__item-title:after {
  top: 50%;
}

.accordion--colored .accordion__item-title:before {
  width: 10px;
  height: 2px;
  margin-top: -1px;
  background-color: var(--gray-light);
}

.accordion--colored .accordion__item-title:after {
  position: absolute;
  width: 2px;
  height: 10px;
  margin-top: -5px;
  content: "";
  background-color: var(--gray-light);
}

.accordion--colored .accordion__item-title--active {
  color: #fff;
  background-color: rgba(251, 65, 28, 1);
  transition: background-color 0.3s;
}

.accordion--colored .accordion__item-title--active:before {
  background-color: #fff;
}

.accordion--colored .accordion__item-title--active:after {
  display: none;
}

[dir="ltr"] .accordion--colored .accordion__item-title:before {
  left: 20px;
}

[dir="ltr"] .accordion--colored .accordion__item-title:after {
  left: 24px;
}

[dir="rtl"] .accordion--colored .accordion__item-title:before {
  right: 20px;
}

[dir="rtl"] .accordion--colored .accordion__item-title:after {
  right: 24px;
}

.image-with-border {
  padding: 10px;
  border: 1px solid var(--gray-lighter);
  border-radius: 4px;
}

.image-with-shadow {
  box-shadow: 0 5px 15px 2px var(--gray);
}

.image-with-lightbox {
  cursor: pointer;
}

.image-overlay {
  position: relative;
}

.image-overlay:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
}

.image-with-video-icon {
  position: relative;
  display: block;
}

.image-with-video-icon img {
  width: 100%;
}

.image-with-video-icon:before {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 0;
  height: 0;
  font-size: 0;
  content: "";
  border-style: solid;
  transition: transform 0.6s ease;
}

.image-with-video-icon:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}

[dir="ltr"] .image-with-video-icon:before {
  left: 50%;
  border-color: transparent transparent transparent #fff;
  border-width: 30px 0 30px 60px;
  transform: translate(-50%, -50%);
}

[dir="ltr"] .image-with-video-icon:active:before,
[dir="ltr"] .image-with-video-icon:hover:before {
  transform: translate(-50%, -50%) scale(1.1);
}

[dir="rtl"] .image-with-video-icon:before {
  right: 50%;
  border-color: transparent #fff transparent transparent;
  border-width: 30px 60px 30px 0;
  transform: translate(50%, -50%);
}

[dir="rtl"] .image-with-video-icon:active:before,
[dir="rtl"] .image-with-video-icon:hover:before {
  transform: translate(50%, -50%) scale(1.1);
}

.callout {
  padding: calc(var(--line-height-computed)) 20px;
  margin-bottom: calc(var(--line-height-computed));
  background-color: var(--gray-lighter);
}

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

[dir="ltr"] .callout {
  border-left-style: solid;
  border-left-width: 5px;
}

[dir="rtl"] .callout {
  border-right-style: solid;
  border-right-width: 5px;
}

.callout--transparent {
  background-color: transparent;
  border-color: #dedede;
  border-width: 1px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}

.callout--success {
  color: rgba(18, 18, 18, 1);
  background-color: #c5ffe6;
  border-color: rgba(0, 192, 109, 1);
}

.callout--success .callout__title {
  color: rgba(0, 192, 109, 1);
}

.callout--info {
  color: rgba(18, 18, 18, 1);
  background-color: #d9e8fa;
  border-color: rgba(73, 146, 231, 1);
}

.callout--info .callout__title {
  color: rgba(73, 146, 231, 1);
}

.callout--warning {
  color: rgba(18, 18, 18, 1);
  background-color: #fdd5af;
  border-color: rgba(250, 152, 61, 1);
}

.callout--warning .callout__title {
  color: rgba(250, 152, 61, 1);
}

.callout--danger {
  color: rgba(18, 18, 18, 1);
  background-color: #fff4f4;
  border-color: rgba(255, 81, 81, 1);
}

.callout--danger .callout__title {
  color: rgba(255, 81, 81, 1);
}

.callout--primary {
  color: rgba(18, 18, 18, 1);
  background-color: #fff;
  border-color: rgba(251, 65, 28, 1);
}

.callout--primary .callout__title {
  color: rgba(251, 65, 28, 1);
}

.callout--dashed {
  border-style: dashed;
  border-width: 1px;
}

.list-colored,
.list-bullet {
  list-style-type: none;
  counter-reset: list;
}

.list-colored > ul,
.list-bullet > ul {
  margin-bottom: 14px;
  list-style: none;
}

.list-colored > ol,
.list-bullet > ol {
  margin-bottom: 14px;
  list-style-type: none;
  counter-reset: list;
}

[dir="ltr"] .list-colored,
[dir="ltr"] .list-bullet {
  padding-left: 0 !important;
}

[dir="rtl"] .list-colored,
[dir="rtl"] .list-bullet {
  padding-right: 0 !important;
}

.list-colored > li {
  position: relative;
  margin-bottom: calc(var(--line-height-computed) / 1.5) !important;
  counter-increment: list;
}

.list-colored > li:before {
  position: absolute;
  top: -3px;
  z-index: 1;
  width: 30px;
  height: 30px;
  font-size: var(--font-size-small);
  line-height: 30px;
  color: #fff;
  text-align: center;
  content: counter(list);
  background-color: rgba(251, 65, 28, 1);
  border-radius: 50%;
}

[dir="ltr"] .list-colored > li {
  padding-left: calc(var(--padding-base-horizontal) + 30px);
}

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

[dir="rtl"] .list-colored > li {
  padding-right: calc(var(--padding-base-horizontal) + 30px);
}

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

.list-bullet > li {
  position: relative;
  margin-bottom: 10px;
}

.list-bullet > li:before {
  position: absolute;
  top: -2px;
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  color: rgba(251, 65, 28, 1);
  content: "\f058";
}

[dir="ltr"] .list-bullet > li {
  padding-left: 30px;
}

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

[dir="rtl"] .list-bullet > li {
  padding-right: 30px;
}

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

.note {
  position: relative;
  margin: calc(var(--line-height-computed)) 0;
  color: #454545;
}

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

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

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

.note-title {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-weight: var(--strong-font-weight);
}

.note-default,
.note--default {
  border-color: var(--gray-light);
}

.note-default .note-title,
.note--default .note-title {
  color: var(--gray-light);
}

.note-info,
.note--info {
  border-color: rgba(73, 146, 231, 1);
}

.note-info .note-title,
.note--info .note-title {
  color: rgba(73, 146, 231, 1);
}

.note-warning,
.note--warning {
  border-color: rgba(250, 152, 61, 1);
}

.note-warning .note-title,
.note--warning .note-title {
  color: rgba(250, 152, 61, 1);
}

.note-success,
.note--success {
  border-color: rgba(0, 192, 109, 1);
}

.note-success .note-title,
.note--success .note-title {
  color: rgba(0, 192, 109, 1);
}

.note-danger,
.note--danger {
  border-color: rgba(255, 81, 81, 1);
}

.note-danger .note-title,
.note--danger .note-title {
  color: rgba(255, 81, 81, 1);
}

.embed,
.embed-responsive {
  position: relative;
  z-index: 1;
  display: block;
  height: 0;
  padding: 0;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
  overflow: hidden;
}

.embed img,
.embed-responsive img {
  width: 100%;
}

.embed iframe,
.embed embed,
.embed object,
.embed video,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed:focus,
.embed-responsive:focus {
  outline: none !important;
}

[dir="ltr"] .embed iframe,
[dir="ltr"] .embed embed,
[dir="ltr"] .embed object,
[dir="ltr"] .embed video,
[dir="ltr"] .embed-responsive iframe,
[dir="ltr"] .embed-responsive embed,
[dir="ltr"] .embed-responsive object,
[dir="ltr"] .embed-responsive video {
  left: 0;
}

[dir="rtl"] .embed iframe,
[dir="rtl"] .embed embed,
[dir="rtl"] .embed object,
[dir="rtl"] .embed video,
[dir="rtl"] .embed-responsive iframe,
[dir="rtl"] .embed-responsive embed,
[dir="rtl"] .embed-responsive object,
[dir="rtl"] .embed-responsive video {
  right: 0;
}

.embed-responsive--16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive--4by3 {
  padding-bottom: 75%;
}

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

caption {
  padding-top: 12px;
  padding-bottom: 12px;
  color: var(--gray-light);
}

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

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

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

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

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

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

.table td {
  border-top: 1px solid rgba(226, 232, 240, 1);
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid rgba(226, 232, 240, 1);
}

.table tbody + tbody {
  border-top: 1px solid rgba(226, 232, 240, 1);
}

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

.table--color-header th {
  color: #fff;
  background-color: rgba(251, 65, 28, 1);
}

.table--striped th,
.table--striped td,
.table--striped thead th {
  border-color: #fff;
}

.table--striped tbody tr:nth-child(odd) {
  color: inherit;
  background-color: rgba(226, 232, 240, 1);
}

.table--hover tbody tr:hover {
  color: inherit;
  background-color: rgba(226, 232, 240, 1);
}

.table--bordered {
  border: 1px solid rgba(226, 232, 240, 1);
}

[dir="ltr"] .table--bordered td,
[dir="ltr"] .table--bordered th {
  border-left: 1px solid rgba(226, 232, 240, 1);
}

[dir="rtl"] .table--bordered td,
[dir="rtl"] .table--bordered th {
  border-right: 1px solid rgba(226, 232, 240, 1);
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 575px) {
  .table-responsive {
    width: 100%;
    margin-bottom: calc(var(--line-height-computed) * 0.75);
    overflow-y: hidden;
    border: 1px solid lighten(var(--gray-light), 30%);
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
}

.tabs {
  margin-bottom: calc(var(--line-height-computed));
}

.tab {
  display: block;
  padding: 30px;
  margin-top: -1px;
  border: 1px solid #ddd;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}

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

[dir="ltr"] .tab:nth-child(2) {
  border-top-left-radius: 0;
}

[dir="rtl"] .tab:nth-child(2) {
  border-top-right-radius: 0;
}

.tabs-link {
  display: block;
  padding: 8px 30px;
  margin: 0;
  font-weight: var(--strong-font-weight);
  color: rgba(18, 18, 18, 1);
  cursor: pointer;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0;
}

.tabs-link:hover {
  color: rgba(251, 65, 28, 1);
}
@media (max-width: 575px) {
  .tabs-link {
    border-top-color: #ddd;
    border-right-color: #ddd;
    border-left-color: #ddd;
  }

  .tabs-link:first-child {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
  }
}
@media (min-width: 576px) {
  .tabs-link {
    display: inline-block;
  }
}

.is-hidden {
  display: none;
}

.tabs-link.is-active {
  color: rgba(251, 65, 28, 1);
  cursor: pointer;
  border-color: #ddd;
}

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

.tabs--colored-1 .tab {
  background-color: var(--gray-lightest) !important;
}

.tabs--colored-1 .tabs-link.is-active {
  background-color: var(--gray-lightest);
  border-bottom-color: var(--gray-lightest);
}

.tabs--colored-2 .tabs-link:hover {
  color: rgba(251, 65, 28, 1);
}

.tabs--colored-2 .tabs-link.is-active {
  color: #fff;
  background-color: rgba(251, 65, 28, 1);
  border-color: rgba(251, 65, 28, 1);
}

.tabs--colored-2 .tabs-link.is-active:hover {
  color: #fff;
}

.tabs--colored-2 .tab {
  background-color: var(--gray-lightest) !important;
}

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

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

.text-center {
  text-align: center;
}

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

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

.text-primary {
  background-color: #febfb2;
}

.text-info {
  background-color: rgba(73, 146, 231, 1);
}

.text-warning {
  background-color: rgba(250, 152, 61, 1);
}

.text-danger {
  background-color: rgba(255, 81, 81, 1);
}

.text-success {
  background-color: rgba(0, 192, 109, 1);
}
/* Extensions */
.sidenav {
  z-index: 10;
}
@media (min-width: 992px) {
  .sidenav {
    padding: 2rem;
  }
}

.sidenav ul {
  list-style-type: none;
}

.sidenav__categories-list {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .sidenav__categories-list {
    padding: 0 !important;
  }
}

.sidenav__categories-list a {
  color: rgba(18, 18, 18, 1);
}

.sidenav__categories-list a:hover,
.sidenav__categories-list a:focus,
.sidenav__categories-list a:active {
  color: rgba(51, 65, 85, 1);
}

[dir="ltr"] .sidenav__categories-list {
  padding-right: 1rem;
  padding-left: 0;
}

[dir="rtl"] .sidenav__categories-list {
  padding-right: 0;
  padding-left: 1rem;
}

.sidenav__category-name,
.sidenav__section-name,
.sidenav__home {
  font-weight: 700;
}

.sidenav-btn {
  display: block;
  padding: 0.8rem 1.5rem;
  font-weight: 700;
  color: rgba(18, 18, 18, 1);
  text-align: center;
}

.sidenav__home {
  margin-bottom: 1rem;
}

.sidenav__category,
.sidenav__section,
.sidenav__article {
  margin-top: 0.8rem;
}

[dir="ltr"] .sidenav__sections-list,
[dir="ltr"] .sidenav__articles-list {
  padding-left: 1rem;
}

[dir="rtl"] .sidenav__sections-list,
[dir="rtl"] .sidenav__articles-list {
  padding-right: 1rem;
}
/* Mobile */
.sidenav-mobile {
  position: fixed;
  top: 0;
  z-index: 99999;
  width: 85%;
  max-width: 300px;
  height: 100%;
  overflow-y: auto;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
}

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

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

.sidenav-mobile.is-active {
  padding-top: 32px;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);

  transition: all 0.3s;
  transform: translateX(0);
}

[dir="ltr"] .sidenav-mobile.is-active {
  padding-left: 32px;
}

[dir="rtl"] .sidenav-mobile.is-active {
  padding-right: 32px;
}

[dir="ltr"] .sidenav-mobile .sidenav__category-name:after,
[dir="ltr"] .sidenav-mobile .sidenav__section-name:after {
  right: 10px;
}

[dir="rtl"] .sidenav-mobile .sidenav__category-name:after,
[dir="rtl"] .sidenav-mobile .sidenav__section-name:after {
  left: 10px;
}

.lt-toc {
  z-index: 10;
}

.lt-toc * {
  box-sizing: border-box;
}

.lt-toc--list {
  margin: 0;
  overflow-y: auto;

  list-style: none;
}

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

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

.lt-toc--link {
  display: block;
  padding: 6px 12px;

  text-decoration: none;
}

.lt-toc--link.is-active {
  background: currentColor;
}

.lt-toc--link.is-active span {
  color: #ffffff;
}
@media (min-width: 992px) {
  .lt-toc--container {
    padding: 1.5rem;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 100px 80px rgba(182, 195, 193, 0.1),
      0px 22.3363px 17.869px rgba(182, 195, 193, 0.0596107),
      0px 6.6501px 5.32008px rgba(182, 195, 193, 0.0403893);
  }
}

.lt-toc--current {
  padding: 6px 12px;
}
/* Desktop version */
.lt-toc_is-desktop {
  position: relative;
}

.lt-toc_is-desktop .lt-toc--title {
  margin: 0 0 12px;

  font-size: 20px;
}

.lt-toc_is-desktop .lt-toc--current {
  display: none;
}

.lt-toc_is-desktop .lt-toc--item {
  margin-bottom: 6px;
}

.lt-toc_is-desktop .lt-toc--list {
  display: block !important;
}

.lt-toc_is-desktop .lt-toc--link {
  border-radius: 4px;
}
/* Mobile version */
.lt-toc-mobile {
  display: none;
}

.lt-toc-mobile.is-active {
  display: block;
}

.lt-toc-mobile,
.lt-toc_is-mobile {
  width: 100%;
}

.lt-toc-mobile_end {
  margin-top: 24px;
}

.lt-toc_is-mobile {
  position: absolute;
  z-index: 99;
}

.lt-toc_is-mobile.lt-toc_is-bottom {
  top: 0 !important;
}

.lt-toc_is-mobile .lt-toc--container {
  position: relative;

  width: 100%;

  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}

.lt-toc_is-mobile .lt-toc--title {
  position: absolute;
  top: 0;

  display: block;
  padding: 2px 4px;
  margin: 0;
  font-size: 14px;

  font-weight: normal;
  line-height: 16px;

  background: #eee;
  border-radius: 4px;
  transform: translateY(-50%);
}

.lt-toc_is-mobile .lt-toc--list {
  display: none;

  border-top: 1px solid #e8e8e8;
}

.lt-toc_is-mobile .lt-toc--current,
.lt-toc_is-mobile .lt-toc--link {
  padding: 12px;

  font-size: 16px;
  line-height: 1.5;
}

.lt-toc_is-mobile .lt-toc--current {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;

  white-space: nowrap;

  cursor: pointer;
}

.lt-toc_is-mobile .lt-toc--current:before,
.lt-toc_is-mobile .lt-toc--current:after {
  position: absolute;
  bottom: 50%;

  display: block;

  content: "";

  background: #4e5565;
  border-radius: 1px;

  transition: all 0.3s;
}

.lt-toc_is-mobile .lt-toc--current:before {
  width: 2px;
  height: 12px;
}

.lt-toc_is-mobile .lt-toc--current:after {
  width: 12px;
  height: 2px;
}

.lt-toc_is-mobile .lt-toc--container.is-active .lt-toc--current:after {
  opacity: 0;
}

.lt-toc_is-mobile .lt-toc--item:last-child a {
  border-radius: 0 0 4px 4px;
}

[dir="ltr"] .lt-toc_is-mobile .lt-toc--title {
  left: 12px;
}

[dir="ltr"] .lt-toc_is-mobile .lt-toc--current {
  padding-right: 36px;
}

[dir="ltr"] .lt-toc_is-mobile .lt-toc--current:before,
[dir="ltr"] .lt-toc_is-mobile .lt-toc--current:after {
  right: 22px;
  transform: translate(50%, 50%);
}

[dir="ltr"]
  .lt-toc_is-mobile
  .lt-toc--container.is-active
  .lt-toc--current:before {
  transform: translate(50%, 50%) rotate(-90deg);
}

[dir="ltr"]
  .lt-toc_is-mobile
  .lt-toc--container.is-active
  .lt-toc--current:after {
  transform: translate(50%, 50%) rotate(-90deg);
}

[dir="rtl"] .lt-toc_is-mobile .lt-toc--title {
  right: 12px;
}

[dir="rtl"] .lt-toc_is-mobile .lt-toc--current {
  padding-left: 36px;
}

[dir="rtl"] .lt-toc_is-mobile .lt-toc--current:before,
[dir="rtl"] .lt-toc_is-mobile .lt-toc--current:after {
  left: 22px;
  transform: translate(-50%, 50%);
}

[dir="rtl"]
  .lt-toc_is-mobile
  .lt-toc--container.is-active
  .lt-toc--current:before {
  transform: translate(-50%, 50%) rotate(90deg);
}

[dir="rtl"]
  .lt-toc_is-mobile
  .lt-toc--container.is-active
  .lt-toc--current:after {
  transform: translate(-50%, 50%) rotate(90deg);
}

[dir="ltr"] .hotposts .meta__item:not(:last-child) {
  margin-right: 1rem;
}

[dir="rtl"] .hotposts .meta__item:not(:last-child) {
  margin-left: 1rem;
}

.prevnext {
  grid-template-columns: 1fr 1fr !important;
}

.prevnext__btn {
  position: relative;
  padding: 1rem !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 12px !important;
}
@media (min-width: 768px) {
  .prevnext__btn {
    padding: 1.1rem 2rem !important;
  }
}

.prevnext__btn:before {
  position: absolute;
  top: 1rem;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .prevnext__btn:before {
    top: 40%;
    width: 1.5rem;
    height: 1.5rem;
  }
}

.prevnext__btn--prev {
  padding-top: 3rem !important;
}

@media (min-width: 768px) {
  .prevnext__btn--prev {
    padding-top: 1rem !important;
    padding-left: 4rem !important;
  }
}

.prevnext__btn--prev:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.25 11.25L0.75 11.25' stroke='%23555D5C' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.25 18.75L0.750001 11.25L8.25 3.75' stroke='%23555D5C' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

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

[dir="rtl"] .prevnext__btn--prev:before {
  right: 1.5rem;
}

.prevnext__btn--next {
  padding-top: 3rem !important;
}

@media (min-width: 768px) {
  .prevnext__btn--next {
    padding-top: 1rem !important;
    padding-right: 4rem !important;
  }
}

.prevnext__btn--next:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 12.75H23.25' stroke='%23555D5C' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.75 5.25L23.25 12.75L15.75 20.25' stroke='%23555D5C' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

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

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

.prevnext__icon {
  display: none !important;
}

.prevnext__name {
  font-size: 1rem !important;
  font-weight: normal !important;
  color: rgba(100, 116, 139, 1) !important;
  text-transform: none !important;
}

.prevnext__title {
  font-weight: bold !important;
}

/* Content blocks under hero */

.lt-block-list-item__content {
  font-weight: 999 !important;
  font-size: 1.2rem !important;
}

/*Quick help Font adjustments */

.heading-title {
  font-weight: 999 !important;
  font-size: 1.2rem !important;
}

/*Submit a request button design*/

.lt-topbar__right {
  background-color: #FB411C;
  border-radius: 30px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-right: 0px !important;
}

.lt-topbar__right:hover {
  background-color: #e02804 !important;
  transform: ease-in-out;
}

.submitarequest {
  display: block;
  color: rgba(255, 255, 255, 1);
}

@media (min-width: 992px) {
  .submitaquest {
    display: inline-block;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
.lt-mobiletitle {
  margin-bottom: 1.4rem !Important;
}
}

.lt-test {
  display: block !important;
}

/* Footer styling */

.astro-route-announcer {
    position: absolute;
    left: 0;
    top: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
    width: 1px;
    height: 1px
}

.footer-wrapper[data-astro-cid-ak3upacl] {
    display: flex;
    flex-direction: column;
    padding: 40px;
    font-weight: 450;
    justify-content: center;
    background: var(--color-black);
    background-repeat: no-repeat;
    margin-top: auto;
    background-image: var(--desktop-bg); 
    background-size: cover !important; 
    background-position: center 900px !important;
  	@media (min-width: 768px) {
      background-position: center 400px !important;
      background-repeat:repeat-x;background-image:var(--desktop-bg)
     }
}

.footer-logo[data-astro-cid-ak3upacl] {
    max-width: 245px;
    margin-inline:auto;@media (min-width: 991px) {
        margin-left:0;
        margin-block:-15px}
  color:#fff;
}

.footer-header-text[data-astro-cid-ak3upacl] {
/* General styles */
border-bottom-color: rgb(67, 69, 71);
border-bottom-style: solid;
border-bottom-width: 0px;

border-left-color: rgb(67, 69, 71);
border-left-style: solid;
border-left-width: 0px;

border-right-color: rgb(67, 69, 71);
border-right-style: solid;
border-right-width: 0px;

border-top-color: rgb(67, 69, 71);
border-top-style: solid;
border-top-width: 0px;

box-sizing: border-box;
color: rgb(255, 123, 88);
display: block;
font-family: Inter, sans-serif;
font-feature-settings: normal;
font-size: 20px;
font-style: normal;
font-variation-settings: normal;
font-weight: 500;
height: 28px;
line-height: 28px;

margin-bottom: 28px;

tab-size: 4;
text-align: left;
text-size-adjust: 100%;
unicode-bidi: isolate;
width: 142.25px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.footer-links-container[data-astro-cid-ak3upacl] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 40px;
    text-align: left;
    @media (min-width: 1150px) {
     	gap: 180px !important;
  	}
  	@media (min-width: 991px) {
    flex-direction: row; 
    gap: 110px;
    text-align:left;
  	}
}

.footer-list-container[data-astro-cid-ak3upacl] {
    color: var(--color-gray-1000);
    list-style: none !Important;
    display: flex;
    flex-direction: column;
    gap: 16px;
    li {
        position: relative
    }
    padding-left: 0px;
}

.footer-list-container[data-astro-cid-ak3upacl] li {
  list-style: none;
}

.footer-links[data-astro-cid-ak3upacl] {
    color: var(--color-white);
  font-family: 'Inter', sans-serif;
    border-bottom: 1px solid transparent;
    transition: all .3s ease-in-out;
    &:hover {
        border-bottom: 1px solid var(--color-gray-1000)
    }
}

.footer-soon-tag[data-astro-cid-ak3upacl] {
    position: absolute;
    transform: translate(-5px,-10px) rotate(10deg);
    padding: 4px 5px;
    text-align: center;
    font-size: 12px;
    font-family: Inter;
    font-weight: 400;
    line-height: 12px;
    color: var(--color-white);
    background: var(--color-primary);
    border-radius: 6px;
    border: .5px solid rgba(255,255,255,.2);
    box-shadow: 0 2px 7px #1838351f
}

.footer-copyright[data-astro-cid-ak3upacl] {
    display: flex;
    text-align: left;
    margin-top: 0;
    color: #fffc;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    flex-direction: column;


    @media (min-width: 768px) {
        flex-direction:row;
        gap:16px}
}

.footer-copyright__caption[data-astro-cid-ak3upacl] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.layout-body-wrapper {
    display: flex;
    flex-direction: column;
    padding: 20px 16px;
    min-height: 100dvh;
    margin: auto
}

.with-navbar-padding {
    padding-top: 68px;
    @media (min-width: 768px) {
        padding-top:106px
    }
}

.b1-regular {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

@media (min-width: 640px) {
    .b1-regular {
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
    }
}

.b2-regular {
    color: var(--color-black);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

.article-cta {
    max-width: 850px !important;
    text-align: left !important;
  margin-bottom: 24px;
    width: 300px;
    background: white;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    top: 20px;
    align-self: start;
    float: right; 
    margin-left: 1.5rem !important;
    background-image: linear-gradient(
      to bottom,                       /* Gradient direction */
      rgba(251, 65, 28, 0.15),         /* Start color: Coveron orange at 15% opacity */
      transparent                      /* End color: Fades to nothing */
    );
}

.article-cta__heading {
  margin-top: 1.5 !important;
  margin-bottom: 1rem;
  margin-left: 1.2rem !important;
  margin-right: 1.2rem !important;
  font-size: 20px !important;
  color: black;
  text-align: center !important;
  font-size: 30px !important;
}

.article-cta {
  clear: right;
  margin-top: 1.5rem !Important;
  top: 0;
}

.article-cta__button {
    width: 100%;
    border: 2px solid black;
  	padding: 0.75rem;
  	border-radius: 9999px;
		transition: all 0.2s ease-out;
    background-color: #FB411C;
    border-color: #FB411C;
    color: white;
}

.article-cta__button:hover {
  color: black;
  background-color: white;
  border-color: black;
}

.article-cta__text {
  margin-left: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  margin-right: 1.2rem;
  color: grey;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .article-cta {
    display: none;
  }
}

.request_description,
.request_description textarea,
#request_description {
  min-height: 170px !important;
}

.red-bg {
  /* Base background color: #FF4C64 at 9% opacity */
  background-color: rgba(255, 76, 100, 0.15);
  
  /* Overlay a repeating SVG pattern with angled, continuous "internal" text */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40'%3E%3Cdefs%3E%3Cpattern id='p' patternUnits='userSpaceOnUse' width='100' height='1000'%3E%3Ctext x='0' y='30' transform='rotate(-35)' font-size='12' fill='rgba(255,76,100,0.20)'%3Einternal internal internal internal%3C/text%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 400px 40px;
  
  /* Ensure proper stacking if needed */
  position: relative;
}



/* ------------------------------------------------------ */
/* self-service box styling ------- */
/* ------------------------------------------------------ */

.SelfService-section__list {
    display: grid;
    gap: 24px;
    place-items: center;
    list-style: none;
}

.SelfService-section__list--item {
    border-radius: 20px;
    gap: 16px;
    height: 100%;
    width: 100%;
		background: linear-gradient(174deg,#f6fbffd1 4.64%,#fafcff1a 103.08%),#fff;
		box-shadow: 
  	0 3px 4px 0 rgba(148, 163, 184, 0.35),
  	0 -1px 2px 0 rgba(226, 232, 240, 0.5);
}

.SelfService-section__list--item-header {
    gap: 24px;
}

.SelfService-section__list--item-header h3 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -.25px;
    line-height: 44px;
    margin-top: 24px;
    margin-bottom: 16px;
    margin-left: 0px !important;
}

.SelfService-section__list--item-footer {
    gap: 24px
}

.SelfService-section__list button {
    width: 100%;
    border: 2px solid black;
  	padding: 0.75rem;
  	border-radius: 9999px;
		transition: all 0.2s ease-out;
}

.SelfService-section__list button:hover {
  color: white;
  background-color: #FB411C;
  border-color: #FB411C;
}

.SelfService-section__form {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.SelfService-section__form h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px
}

.SelfService-section__form p {
    color: #2a2b32;
    font-size: 12px;
    line-height: 14px
}

.SelfService-section__form fieldset {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.SelfService-section__form--submit-btn {
    margin-top: 8px;
    width: 100%
}

.SelfService-section__form input,
.SelfService-section__form textarea {
    background-color: #fff;
    border: 1px solid #8d8e96;
    border-radius: 6px;
    padding: 12px 16px;
    transition: all .2s ease-in-out;
    width: 100%
}

.SelfService-section__form input:active,
.SelfService-section__form input:focus-visible,
.SelfService-section__form input:hover,
.SelfService-section__form textarea:active,
.SelfService-section__form textarea:focus-visible,
.SelfService-section__form textarea:hover {
    border-color: #3e5fff;
    outline: none !important
}

.SelfService-section__form textarea {
    min-height: 112px
}

.SelfService-section__form--file-upload {
    align-items: center;
    align-self: stretch;
    border: 1px dashed #c8c9cb;
    border-radius: 8px;
    display: flex;
    gap: 24px;
    margin-bottom: 0;
    padding: 16px 16px 16px 24px
}

.SelfService-section__form--file-upload div {
    gap: 4px
}

.SelfService-section__form--file-upload:focus-within,
.SelfService-section__form--file-upload:hover {
    border-color: #3e5fff
}

.SelfService-section__form--file-upload input {
    display: none !important
}

.SelfService-section__form--file-upload img {
    color: #2a2b32;
    height: 24px;
    width: 24px
}

.SelfService-section__form--file-upload-text {
    color: #2a2b32;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px
}

.SelfService-section__form--file-upload-text-small {
    color: #2a2b32;
    font-size: 12px;
    line-height: 12px
}

.SelfService-section__form--uploaded-file {
    align-items: center;
    border-bottom: 1px solid #3e5fff;
    display: flex;
    gap: 8px;
    padding: 8px 0;
    width: 100%
}

.SelfService-section__form--uploaded-file img {
    color: #2a2b32;
    height: 16px;
    width: 16px
}

.SelfService-section__form--uploaded-file span {
    color: #2a2b32;
    font-size: 14px;
    line-height: 150%
}

.SelfService-section__form--uploaded-file button {
    all: unset;
    background: transparent;
    cursor: pointer;
    height: 16px;
    margin-left: auto;
    width: 16px
}

.SelfService-section__form--uploaded-file button img {
    color: #6c6d75;
    height: 16px;
    width: 16px
}

.SelfService-section__form--success-message {
    background-color: #ecf9ee;
    border: 1px solid #37c871;
    border-radius: 3px;
    color: #075f3c;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
    line-height: 18px;
    margin-top: 24px;
    padding: 16px
}

.SelfService-section__form--success-message img {
    color: #075f3c;
    height: 16px;
    width: 16px
}

.alert {
    border-radius: 3px;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
    line-height: 18px;
    padding: 16px
}

.alert img {
    height: 16px;
    width: 16px
}

.alert[data-variant=success] {
    background-color: #ecf9ee;
    border: 1px solid #37c871;
    color: #075f3c;
    margin-top: 24px
}

.alert[data-variant=success] img {
    filter: invert(25%) sepia(12%) saturate(6257%) hue-rotate(124deg) brightness(96%) contrast(95%)
}

.alert[data-variant=error] {
    background-color: #fcefee;
    border: 1px solid #e02f1f;
    color: #9e1c10;
    margin-bottom: 24px
}

.alert[data-variant=error] img {
    filter: invert(18%) sepia(53%) saturate(4208%) hue-rotate(356deg) brightness(83%) contrast(92%)
}

@media (min-width:768px) {
    .homePage.SelfService-section__list {
        grid-template-columns: repeat(2, 332px)
    }

    .SelfService-section__form h3 {
        font-size: 28px;
        font-weight: 600;
        line-height: 40px
    }

    .SelfService-section__form p {
        font-size: 16px;
        line-height: 150%
    }

    .SelfService-section--success-message {
        margin-top: 32px
    }
}

.article-self-service h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px
}

@media (min-width: 768px) {
    .article-self-service.SelfService-section__list {
        grid-template-columns: 1fr 1fr;
        max-width: 700px;
    }
}

@media (max-width:768px) {
    .article-self-service.SelfService-section__list {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 20px auto;
    }
}

.SelfService-section__list--item {
    border-radius: 15px;
    padding: 40px;
    text-align: left;
    justify-content: space-between;
    min-height: 250px;
}

.SelfService-section__list--item-footer p {
    margin-bottom: 2.5rem;
}

.category-icon-tint {
  filter: brightness(0) saturate(100%) invert(22%) sepia(58%) saturate(564%) hue-rotate(-38deg) brightness(179%) contrast(165%);
}

.chat-img {
  filter: invert(22%) sepia(58%) saturate(564%) hue-rotate(-38deg) brightness(179%) contrast(165%);
}

.email-img {
  filter: invert(10%) sepia(58%) saturate(564%) hue-rotate(-38deg) brightness(179%) contrast(165%);
}
.home-title {
  font-size: clamp(22px, 4.5vw, 42px);
  }


/* hiding header submit a request could probably just remove */
.submitarequest, .lt-topbar__line, .lt-topbar__right {
  display: none;
}

/* Custom Tailwind */
.lt-block-list_max_w {
  max-width: 60%;
}
.lt-text-lg-right {
  text-align: right !important;
}

.lt-justify-content-lg-right {
  justify-content: right !important;
}

.font-size-heading {
  padding-bottom: 15px;
  font-size: 32px;
}
.flex-col {
  flex-direction: column;
}
.flex {
  display: flex;
}
a.size-md, a[data-size=md], button.size-md, button[data-size=md] {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 11px 28px;
}

.lt-hero-unit__search-box {
  width: clamp(300px, 50vw, 800px);
  height: clamp(50px, 6vw, 80px);
}

div[style*="display: flex"][style*="gap: 8px"] {
  display: none !important;
}

div[data-testid="unread-indicator-container"] {
  display: none !important;
}

.hero-center-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Force search box to autoresize/center, and ignore built-in LTE utility widths/margins */
.hero-center-content .lt-hero-unit__search-box {
  align-self: center !important;
  width: auto !important;
  max-width: 750px;         /* or desired max width, or remove this line */
  display: flex;
  justify-content: center;  /* this centers the contents inside the box if they are flex */
  /* Remove any left/right auto-margins that might exist */
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* Category/Section pages */
.nordprotect-category-page,
.nordprotect-section-page,
.request-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 40px;
}
.article {
  padding: 40px 40px;
	margin: 0 auto;
}
.request-page {
  max-width: 1000px;
}

.nordprotect-breadcrumbs {
  margin-bottom: 20px;
  font-size: 14px;
  color: #999;
}

.nordprotect-layout,
.nordprotect-section-layout {
  display: flex;
  gap: 60px;
  margin-top: 40px;
}

/* Sidebar Styles */
.nordprotect-sidebar {
  flex-shrink: 0;
}

.nordprotect-sidebar-title {
  font-size: 20px;
  color: #333;
  margin-bottom: 20px;
  font-weight: 500;
}

.nordprotect-sidebar-item {
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: black;
  transition: color 0.2s;
}

.nordprotect-sidebar-item:hover {
  color: #f4734e;
}

.nordprotect-sidebar-item svg {
  width: 16px;
  height: 16px;
  color: #999;
}

/* Main Content Styles */
.nordprotect-main,
.nordprotect-section-main {
  flex: 1;
  min-width: 0;
}

.nordprotect-main-title,
.nordprotect-section-main-title {
  font-size: 32px;
  color: #333;
  margin-bottom: 10px;
  font-weight: 400;
}

.nordprotect-section-description {
  color: #666;
  margin-top: 10px;
  margin-bottom: 40px;
}

/* Section Styles (Category Page) */
.nordprotect-section {
  margin-top: 50px;
}

.nordprotect-section-title {
  font-size: 24px;
  color: rgb(255, 123, 88);
  margin-bottom: 20px;
  font-weight: 500;
}

/* Article Item Styles */
.nordprotect-article-item {
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s;
}

.nordprotect-article-item:hover {
  border-color: #f4734e;
  box-shadow: 0 2px 8px rgba(244, 115, 78, 0.1);
}

.nordprotect-article-title {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
}

.nordprotect-article-item svg {
  width: 20px;
  height: 20px;
  color: #999;
  flex-shrink: 0;
  margin-left: 16px;
}

.nordprotect-article-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
  color: inherit;
  padding: 20px 24px;
}

/* Empty State & See All Button */
.nordprotect-empty {
  color: #666;
  font-size: 15px;
}

.nordprotect-see-all {
  display: inline-block;
  margin-top: 16px;
  padding: 10px 20px;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s;
}

.nordprotect-see-all:hover {
  border-color: #f4734e;
  color: #f4734e;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .nordprotect-layout,
  .nordprotect-section-layout {
    flex-direction: column;
    gap: 30px;
  }
  
  .nordprotect-sidebar {
    width: 100%;
  }
  
  .nordprotect-main-title,
  .nordprotect-section-main-title {
    font-size: 24px;
  }
  
  .nordprotect-section-title {
    font-size: 20px;
  }
}
/* Both templates render their article lists into `.article-container`, but they
   mean different things by it:

   - category_page lists every section with a short preview of its articles and a
     "See all articles" link, so capping the preview at four is deliberate.
   - section_page IS the "see all" destination — it renders the section's full
     article list (plus {{pagination}}).

   Unscoped, this rule truncated the section page too, which left every article
   after the fourth reachable only through search. Keep the cap on the category
   page's previews; never apply it to the full list. */
.nordprotect-category-page .article-container > .nordprotect-article-item:nth-child(n+5) {
  display: none;
}

@media (max-width: 991px) {
  .lt-block-list-item__link {
    max-height: 90%;
  }
  .lt-block-list_max_w {
    max-width: none;
  }
  .search input[type="search"] {
    width: clamp(0px, calc(400px + (100 * (100vw - 650px) / 341)), 500px);
  }
}

.SelfService-section__list--item {
  list-style: none;
}

/* SEARCH_ZDAUTO */

zd-autocomplete[role="listbox"] {
	margin-top: -25px;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 20px;
}

/* REQUEST FORM TWEAKS  */
#hc-wysiwyg [role=toolbar] {
  display: none;
}
/* Hide field help copy, but keep real validation errors visible (WCAG 3.3.1).
   Do not force-show empty Zendesk placeholders that use aria-hidden="true". */
.form-field > p:not(.notification),
.form-field .help-block:not(.notification) {
  display: none !important;
}

.form-field .notification:not([aria-hidden="true"]),
.form-field p.notification:not([aria-hidden="true"]) {
  display: block !important;
}

.form-field .notification[aria-hidden="true"],
.form-field p.notification[aria-hidden="true"],
.notification-inline[aria-hidden="true"] {
  display: none !important;
}




@media(max-width:991px){
  .title-container {
  max-height: 250px;
}
  .lt-article-container {
	margin-left: 0;
  margin-top: 2.5rem;
  }
  @media(max-width:540px) {
    .title-container {
      max-height: 300px;
    }
  }
}

.upload-dropzone input[type=file] {
  z-index: 9999;
}



/* Tab based logic styling */

  /* The forced-black topbar ink that used to live here is gone: the light
     treatment is now the topbar's own default, and this rule's
     `:last-child` border fought the CTA pill. */
  .breadcrumbs, .breadcrumbs li, .breadcrumbs li > a, .breadcrumbs > li + li:before, .breadcrumbs > li:last-child a,
  a.breadcrumbs.bc-home {
  color: #595959;
  opacity: 1;
  }
  .breadcrumbs li > a:hover, .breadcrumbs > li:last-child a, a.breadcrumbs.bc-home:hover {
  color: #C23414;
  }
  .breadcrumbs {
  margin-bottom: -15px;
  font-size: 15px;
  opacity: 1;
  }
  .lt-breadcrumbs-wrapper a.breadcrumbs {
  margin-top: 3rem;
}

  /* Basic styling for the tabs */
  .tabs {
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    background-color: white;
  color: black;
  }

  .tabs li {
    padding: 10px 20px;
    cursor: pointer;
  	margin: 0px !important;
    margin-right: 5px;
        transition: color 0.3s ease, font-size 0.3s ease; 
    background-color: white;
}

.tabs li:hover {
  font-size: 17px; /* Increases the font size */
  color: rgb(251, 65, 28); /* Change to any color you prefer */
}

  .tabs li.active {
    color: rgb(251, 65, 28);
  font-weight: 600;
  border-left: 1px solid rgb(251, 65, 28);
  border-right: 1px solid rgb(251, 65, 28);
  border-top: 1px solid rgb(251, 65, 28);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  outline: 1px solid #FFFFFF;
  background-color: white;
  }

  /* Tab content */
  .tab-content {
    display: none;
    padding: 20px;
  border-left: 1px solid rgb(251, 65, 28);
  border-right: 1px solid rgb(251, 65, 28);
  border-bottom: 1px solid rgb(251, 65, 28);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-top: 1px solid rgb(251, 65, 28);
  background-color: white;
  border-top-left-radius: 10px;
  }

  .tab-content.active {
    display: block;
  }
  ol, li {
	list-style-type: decimal;
  }
}

/* ============================================================================
   COVERON HC FOOTER — alignment with the new Coveron.com look
   ----------------------------------------------------------------------------
   The footer content box follows coveron.com's own footer container, which is
   deliberately narrower than its header: the header caps at 1600px with a 24px
   gutter while the footer uses `container mx-auto px-4`. Do not try to line the
   two up — on coveron.com they don't.
   ============================================================================ */

/* The footer inner wrapper replicates Coveron's `container mx-auto px-4`:
   a centered, breakpoint-capped container with a 16px gutter. The JS enforcer
   reapplies these inline (with !important) to beat lotus-utilities.css. */
.lt-footer .lt-footer__inner {
  width: 100% !important;
  max-width: 1168px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* ----------------------------------------------------------------------------
   Typography & feel — align with Coveron.com footer tokens
   column heading = body-md-bold (16/600, accent FF785E)
   link           = body-sm-medium (14/500, neutral-300)
   disclaimer     = body-xs (12/400, neutral-300)
   copyright      = body-xs-medium (12/500)
   ---------------------------------------------------------------------------- */

/* Footer links */
.footer-links[data-astro-cid-ak3upacl] {
  color: rgb(212, 214, 216);
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  border-bottom: 1px solid transparent;
}

.footer-links[data-astro-cid-ak3upacl]:hover {
  color: var(--color-white);
  border-bottom: 1px solid transparent;
  text-decoration: underline;
}

/* ----------------------------------------------------------------------------
   Footer columns: tap-to-expand accordions on phones (< 640px),
   always-expanded static columns from 640px up (Coveron `sm` breakpoint).
   ---------------------------------------------------------------------------- */

/* Everything in the footer is left-aligned (overrides the framework's
   text-align:center !important coming from lotus-utilities.css). */
.lt-footer .footer-links-container,
.lt-footer .footer-col,
.lt-footer .footer-list-container {
  text-align: left !important;
}

.lt-footer .footer-col {
  width: 100%;
}

/* Column titles are headings; on phones they also act as accordion toggles. */
.lt-footer .footer-header-text {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0 !important;
  padding: 6px 0;
  color: var(--color-white);
  font-family: 'Inter', sans-serif;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 20px;
  height: auto !important;
  text-align: left !important;
  background: none;
  border: 0;
  cursor: pointer;
}

.lt-footer .footer-col__chevron {
  flex-shrink: 0;
  color: var(--color-white);
  transition: transform 0.2s ease;
}

.lt-footer .footer-col.is-open .footer-col__chevron {
  transform: rotate(180deg);
}

/* Panel collapsed by default on phones; expands when the column is open. */
.lt-footer .footer-col > .footer-list-container {
  display: none;
}

.lt-footer .footer-col.is-open > .footer-list-container {
  display: flex;
  padding-top: 12px;
  padding-bottom: 8px;
}

/* Phone: tight, single-column accordion stack (Coveron uses gap-2 = 8px). */
.lt-footer .footer-links-container {
  gap: 8px !important;
}

/* 640px and up: Coveron's `grid-cols-4 gap-8` — four equal 260px columns that
   span the full 1136px content width — show every column expanded, and switch
   the heading to the orange accent. */
@media (min-width: 640px) {
  .lt-footer .footer-links-container {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 32px !important;
    align-items: start !important;
  }

  .lt-footer .footer-col > .footer-list-container,
  .lt-footer .footer-col.is-open > .footer-list-container {
    display: flex !important;
    padding-top: 0;
    padding-bottom: 0;
  }

  .lt-footer .footer-header-text {
    display: block !important;
    width: auto;
    padding: 0;
    color: rgb(251, 65, 28) !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 16px 0 !important;
    cursor: default;
    pointer-events: none;
  }

  .lt-footer .footer-col__chevron {
    display: none;
  }
}

/* Disclaimer + bottom copyright block.
   Coveron renders the small print as two equal columns of 12/18 body-xs, left
   aligned (never justified), with a 16px gap between the columns and the same
   16px between stacked paragraphs. */
.footer-copyright[data-astro-cid-ak3upacl] {
  color: rgb(212, 214, 216);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left !important;
}

.footer-copyright[data-astro-cid-ak3upacl] a {
  color: rgb(212, 214, 216);
  text-decoration: underline;
}

.lt-footer .footer-bottom-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: left !important;
}

/* Stacked on phones: the two halves become one continuous column, so they need
   the same 16px rhythm between them as between their own paragraphs — otherwise
   the last paragraph of the first half butts straight into the second. */
.lt-footer .footer-copyright {
  gap: 16px;
}

@media (min-width: 768px) {
  .lt-footer .footer-copyright {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

/* Phones: Coveron left-aligns the bottom bar rather than centring it. */
@media (max-width: 767px) {
  .lt-footer .footer-bottom-bar {
    align-items: flex-start !important;
  }
}

/* Bottom bar: copyright caption and policy links, split to the container edges
   (Coveron: body-xs-medium, 12/18, neutral-400 caption / neutral-300 links). */
.lt-footer .footer-bottom-bar {
  gap: 12px 24px !important;
}

.lt-footer .footer-bottom-bar p {
  font-size: 12px !important;
  font-weight: 500;
  line-height: 18px !important;
  color: rgb(169, 171, 173) !important;
}

.lt-footer .footer-bottom-bar a {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: rgb(212, 214, 216);
}

/* The "•" separators are text, so they belong on the links' baseline. The row
   was centring the *boxes* instead, and the links' box is 24px tall against an
   18px line box — so their glyphs sit high in their own box while the 16px
   separator spans sit centred in theirs, leaving the dots 3px low. Aligning on
   the baseline makes the dot sit relative to the lettering, as intended, and
   matching the line-height keeps the two boxes the same height. */
.lt-footer .footer-bottom-bar__links {
  align-items: baseline;
}

.lt-footer .footer-bottom-bar__links > span {
  font-size: 12px;
  line-height: 18px;
}

/* Footer surface = Coveron's `bg-inverse-primary` (rgb(10,10,10)), not the
   theme's lighter rgb(18,18,18) default. The inherited text colour has to flip
   with it — the theme's body colour is near-black, so anything in the footer
   without an explicit colour would otherwise render dark-on-dark. */
.lt-footer {
  background-color: rgb(10, 10, 10) !important;
  color: rgb(247, 247, 248);
}

/* Logo sits at the left edge of the content column, at Coveron's rendered
   footer size (138x26) instead of being stretched by the 160x48 attributes.
   The band it sits in is 62px tall and starts flush with the container's 64px
   top padding — that is what puts the divider, columns, small print and
   copyright on exactly the same baselines as coveron.com. (The theme's own rule
   pulls the logo up 15px, which shifted every landmark below it.) */
.lt-footer .footer-logo {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 16px;
  width: 100% !important;
  max-width: none !important;
  margin-block: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

/* From 640px the logo and the phone number sit on one 62px row, pushed to the
   two ends of the content column (below that Coveron stacks them). */
@media (min-width: 640px) {
  .lt-footer .footer-logo {
    flex-direction: row;
    align-items: center !important;
    justify-content: space-between;
    gap: 0;
    min-height: 62px !important;
  }
}

.lt-footer .footer-logo img {
  width: 138px !important;
  height: auto !important;
}

/* Phone: tighten the space before the footer so it hugs the FAQ / self-service
   section above it (Coveron sits much closer on mobile). */
@media (max-width: 639px) {
  .footer-conditional section {
    padding-bottom: 1.5rem !important;
  }
}

/* ------------------------------------------------------------------
   WCAG a11y.css — self-contained copy so Playwright/zcli previews apply
   fixes even if the document_head asset reference is unavailable.
   ------------------------------------------------------------------ */
/* Screen reader only utility (reinforce theme utility) */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* ------------------------------------------------------------------
   WCAG AA contrast — brand orange #FB411C fails 4.5:1 on white
   (≈3.57:1). Soft accents #f4734e / #FF7B58 also fail.
   Darken text/controls to approved a11y orange.
   ------------------------------------------------------------------ */
:root {
  --cv-a11y-orange-text: #C23414;
  --cv-a11y-orange-bg: #C23414;
  --cv-a11y-orange-hover: #A62D0C;
  --cv-a11y-muted-text: #595959;
  --cv-a11y-focus: #C23414;
  --cv-a11y-panel: #fff1eb;
}

/* Skip link — strengthen Lotus .lt-skip-navigation */
.lt-skip-navigation:focus,
.lt-skip-navigation:focus-visible,
.lt-skip-navigation:active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--cv-a11y-focus);
  outline: 2px solid transparent;
  outline-offset: 2px;
  color: var(--cv-a11y-orange-text);
}

/* Skip-link target: no visible ring on the main landmark itself */
#main-content:focus,
#main-content:focus-visible,
main#main-content:focus,
main#main-content:focus-visible {
  box-shadow: none;
  outline: none;
}

/* Strengthen focus ring (Coveron has many outline:none utilities) */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex="0"]:focus-visible,
.lt-topbar__link:focus-visible,
.lt-topbar__dropdown-item:focus-visible,
.lt-menu-toggle:focus-visible,
.lt-article-vote__item:focus-visible,
.lt-btn:focus-visible,
.toc-link:focus-visible,
.toc-toggle:focus-visible,
.dropdown1:focus-visible,
.nesty-input:focus-visible,
.footer-col__toggle:focus-visible,
.footer-links:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--cv-a11y-focus);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* Header dropdown triggers rendered as buttons */
/* `font: inherit` and a padding reset are deliberately left out: this selector
   outranks .lt-topbar__link, so both would strip the trigger's 14/500/21 type
   and its 8px hit area — which is what spaces the nav items and shapes their
   hover tint. Mirrored in a11y.css. */
button.lt-topbar__link--dropdown {
  background: transparent;
  border: 0;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}

/* Breadcrumbs — muted grey that meets AA.
   Lotus used opacity:0.7 which washed colors to ~#8b8b8b / #d4715b (axe 3.3–3.4:1). */
.breadcrumbs,
ol.breadcrumbs,
a.breadcrumbs,
a.breadcrumbs.bc-home,
.lt-breadcrumbs-wrapper .breadcrumbs,
.lt-breadcrumbs-wrapper a.breadcrumbs {
  opacity: 1 !important;
}

.breadcrumbs,
.breadcrumbs li,
.breadcrumbs li a,
.breadcrumbs li:not(:first-of-type):before,
.breadcrumbs > li + li:before,
a.breadcrumbs,
a.breadcrumbs.bc-home,
.lt-breadcrumbs-wrapper .breadcrumbs,
.lt-breadcrumbs-wrapper .breadcrumbs a,
.lt-breadcrumbs-wrapper a.breadcrumbs {
  color: var(--cv-a11y-muted-text) !important;
}

.breadcrumbs li a:hover,
.breadcrumbs > li:last-child a,
.lt-breadcrumbs-wrapper .breadcrumbs a:hover,
.lt-breadcrumbs-wrapper a.breadcrumbs:hover,
a.breadcrumbs.bc-home:hover {
  color: var(--cv-a11y-orange-text) !important;
}

/* Article body links — contrast + underline (WCAG 1.4.1) */
.lt-article__body a,
.article-body a,
[data-article] a {
  color: var(--cv-a11y-orange-text) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

.lt-article__body a:hover,
.article-body a:hover,
[data-article] a:hover {
  color: var(--cv-a11y-orange-hover) !important;
}

/* Soft accent text used in CTAs (not dark footer) */
.article-cta__heading span {
  color: var(--cv-a11y-orange-text) !important;
}

/* Primary buttons / CTAs with white text */
.lt-btn--primary,
.lt-topbar__link--cta,
.article-cta__button,
a.article-cta__button,
#submit-btn[data-appearance="fill"],
.form input[type='submit'],
form input[type='submit'],
input[type='submit'].button {
  background-color: var(--cv-a11y-orange-bg) !important;
  border-color: var(--cv-a11y-orange-bg) !important;
  color: #fff !important;
}

a.article-cta__button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}

/* ------------------------------------------------------------------
   WCAG 1.4.3 — New Request file dropzone. Zendesk/Tailwind paints
   #upload-dropzone text as #d1d1d1 on white (axe: 1.52:1).
   ------------------------------------------------------------------ */
#upload-dropzone,
.upload-dropzone,
#upload-dropzone span,
.upload-dropzone span {
  color: var(--cv-a11y-muted-text) !important;
}

#upload-dropzone a,
.upload-dropzone a {
  color: var(--cv-a11y-orange-text) !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

#upload-dropzone a:hover,
.upload-dropzone a:hover {
  color: var(--cv-a11y-orange-hover) !important;
}

/* Email self-service control is an anchor (avoid nested button) */
.SelfService-section__list a#email-us-button,
a#email-us-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
  /* Match .SelfService-section__list button chrome */
  width: 100%;
  padding: 0.75rem 1rem;
  border-radius: 9999px;
  border: 2px solid var(--cv-a11y-orange-text);
  font: inherit;
  cursor: pointer;
  box-sizing: border-box;
}

.lt-btn--primary:hover,
.lt-topbar__link--cta:hover,
.article-cta__button:hover,
#submit-btn[data-appearance="fill"]:hover,
.form input[type='submit']:hover,
form input[type='submit']:hover {
  background-color: var(--cv-a11y-orange-hover) !important;
  border-color: var(--cv-a11y-orange-hover) !important;
  color: #fff !important;
}

/* Outline accent buttons (self-service chat/email) */
#live-chat-button,
#email-us-button,
a#email-us-button,
button[data-variant="accent"][data-appearance="outline"],
a[data-variant="accent"][data-appearance="outline"] {
  color: var(--cv-a11y-orange-text) !important;
  border-color: var(--cv-a11y-orange-text) !important;
}

#live-chat-button:hover,
#email-us-button:hover,
a#email-us-button:hover,
button[data-variant="accent"][data-appearance="outline"]:hover,
a[data-variant="accent"][data-appearance="outline"]:hover {
  background-color: var(--cv-a11y-orange-bg) !important;
  color: #fff !important;
}

/* Brand orange text overrides that fail AA */
[style*="color: #FB411C"],
[style*="color:#FB411C"],
[style*="color: #f4734e"],
[style*="color:#f4734e"],
[style*="color:rgb(255, 123, 88)"],
[style*="color: rgb(255, 123, 88)"] {
  color: var(--cv-a11y-orange-text) !important;
}

/* Search / link accents */
.search-result-link,
.lt-search-result__title a,
.nordprotect-article-link,
.lt-promoted-articles-item__link,
.lt-section-heading__link {
  color: var(--cv-a11y-orange-text);
}

.search-result-link:hover,
.lt-search-result__title a:hover {
  color: var(--cv-a11y-orange-hover);
}

/* TOC contrast */
.toc-toggle,
.toc-toggle-text,
.toc-toggle .toc-toggle-text {
  color: var(--cv-a11y-muted-text) !important;
}

.toc-link:hover {
  border-left-color: var(--cv-a11y-orange-text);
}

.toc-link--active {
  border-left-color: var(--cv-a11y-orange-text) !important;
}

/* ------------------------------------------------------------------
   WCAG 1.4.3 — article accordion (.dropdown1) if present in body HTML
   ------------------------------------------------------------------ */
.dropdown1,
.dropdown1:hover {
  background-color: var(--cv-a11y-orange-bg) !important;
}

.dropdown1 p,
.lt-article__body .dropdown1 p,
[data-article] .dropdown1 p {
  color: #fff !important;
}

.droppanel,
.active + .droppanel {
  background-color: var(--cv-a11y-panel) !important;
  color: #121212 !important;
}

/* ------------------------------------------------------------------
   Copy code button (injected by a11y.js)
   ------------------------------------------------------------------ */
.Article_page__article-body-codeBlock {
  position: relative;
}

.Article_page__article-body-codeBlock pre {
  margin: 0;
}

.Article_page__article-body-codeBlock-copy {
  position: absolute;
  right: 12px;
  top: 12px;
}

.Article_page__article-body-codeBlock-copy button {
  align-items: center;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  width: 36px;
}

.Article_page__article-body-codeBlock-copy button:hover {
  border-color: var(--cv-a11y-orange-text);
}

.Article_page__article-body-codeBlock-copy button:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--cv-a11y-focus);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* ------------------------------------------------------------------
   WCAG 2.4.3 Focus Order — mobile nav uses opacity/transform; keep
   closed menu out of tab order with visibility.
   ------------------------------------------------------------------ */
@media (max-width: 991px) {
  #user-nav:not(.is-active) {
    visibility: hidden;
  }

  #user-nav.is-active {
    visibility: visible;
  }
}

/* ------------------------------------------------------------------
   WCAG 2.5.8 Target Size — interactive controls >= 24x24 (44 where ok)
   ------------------------------------------------------------------ */
.lt-menu-toggle {
  min-width: 44px;
  min-height: 44px;
  position: relative;
}

.toc-toggle {
  min-height: 24px;
}

.toc-link {
  min-height: 24px;
  display: flex;
  align-items: center;
}

.pagination a,
.pagination span,
nav[role="navigation"] a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
}

#close-dialog-btn,
.lt-btn--print,
.lt-scroll-to-top {
  min-width: 44px;
  min-height: 44px;
}

.lt-footer a,
.lt-footer button,
.footer-links,
.footer-col__toggle {
  display: inline-block;
  min-height: 24px;
}

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

/* ============================================================================
   Header phone number
   ----------------------------------------------------------------------------
   An outlined pill to the left of the Get Coveron button. Its geometry and
   both colour states now live with the rest of the topbar (see the coveron.com
   header block near the top of this file); what is left here is only the
   responsive collapse.
   ============================================================================ */

/* In the drawer both pills stack full width at a matching height. */
@media (max-width: 991px) {
  .lt-topbar .lt-topbar__main-nav .lt-topbar__link--phone,
  .lt-topbar .lt-topbar__main-nav .lt-topbar__link--cta {
    width: 100%;
    padding: 11px 24px;
  }

  .lt-topbar .lt-topbar__main-nav .lt-topbar__link--phone {
    margin-top: 0.5rem;
  }
}

/* Narrow laptops: the row is ~60px tighter than it was at the old 16/600 sizing,
   but below ~1080px the pill still crowds the logo. The label collapses and the
   pill becomes a round icon button — same tel: link, with the number kept in the
   aria-label. */
@media (min-width: 992px) and (max-width: 1079px) {
  .lt-topbar .lt-topbar__main-nav .lt-topbar__link--phone {
    width: 34px;
    padding: 7px 0;
  }

  .lt-topbar__phone-label {
    display: none;
  }
}

/* Footer: right end of the logo band, 20/600 white label with the accent glyph
   (this is what fills Coveron's 62px logo band). */
.lt-footer .footer-phone {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}

.lt-footer .footer-phone:hover {
  color: #fff;
  text-decoration: none;
}

.lt-footer .footer-phone__icon {
  flex-shrink: 0;
  color: rgb(251, 65, 28);
}