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

:root {
    --color-bg: #fff;
    --color-bg-secondary: #F2F2F2;
    --color-bg-tertiary: #ddd;
    --color-bg-cta: rgba(245, 123, 32, 1);

    --color-text-primary: rgba(23, 23, 23, 1);
    --color-text-secondary: #5A5A5A;
    --color-border: #EBEBEB;
    --color-link: rgba(23, 23, 23, 1);
    --color-link-hover: rgba(245, 123, 32, 1);
    --color-info: rgba(245, 123, 32, 1);
    --color-warning: rgba(253, 231, 76, 1);
    --color-danger: rgba(233, 52, 52, 1);
    --color-success: rgba(84, 199, 88, 1);

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

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

    --color-brand-primary: rgba(245, 123, 32, 1);
    --color-brand-primary-inverse: #fff;
    --color-brand-primary-hover: #d8620a;
    --color-brand-primary-pressed: #c05709;

    --link-decoration-hover: none;

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

    --button-color-secondary: rgba(23, 23, 23, 1);
    --button-color-tertiary: rgba(23, 23, 23, 1);

    --button-font-weight: var(--font-weight-bold);
    --block-bg: rgba(23, 23, 23, 1);
    --block-text-color: #fff;

    --input-color-border: #EBEBEB;
    --input-color-border-hover: rgba(23, 23, 23, 1);
    --input-color-border-focus: rgba(245, 123, 32, 1);
    --input-padding-vertical: 0.75rem;
    --input-padding-horizontal: 1rem;

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

    --text-xxs: calc(0.625rem * var(--font-body-scale));
    --text-xs: calc(0.64rem * var(--font-body-scale));
    --text-sm: calc(0.8rem * var(--font-body-scale));
    --text-base: calc(1rem * var(--font-body-scale));
    --text-lg: calc(1.25rem * var(--font-body-scale));
    --text-xl: calc(1.563rem * var(--font-body-scale));
    --text-2xl: calc(1.953rem * var(--font-body-scale));
    --text-3xl: calc(2.441rem * var(--font-body-scale));
    --text-4xl: calc(3.052rem * var(--font-body-scale));
    --text-5xl: calc(3.815rem * var(--font-body-scale));

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

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

    --text-margin-bottom: 2rem;

    --grid-gutter-width: 1rem;

    --padding-base-horizontal: 12px;
    --topbar-bg: rgba(255, 255, 255, 1);
    --topbar-color-text: rgba(23, 23, 23, 1);
    --topbar-color-text-hover: rgba(23, 23, 23, 1);
    --topbar-logo-height: 36px;
    --topbar-font-weight: var(--font-weight-bold);

    --footer-bg: rgba(17, 17, 17, 1);
    --footer-color-text: #fff;
    --footer-color-link: #fff;

    --hero-bg: rgba(245, 123, 32, 1);
    --hero-bg-mask: rgba(0, 0, 0, 1);
    --hero-color-text: #fff;
    --hero-image-url: url(/hc/theming_assets/01KFBR9JR0CR77P8YEB0PZYBH6);

    --custom-block-icon-size: 64px;
    --custom-block-icon-color: rgba(245, 123, 32, 1);

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

    --card-padding: 2rem;

    --border-width: 2px;

    --info-callout-color: var(--sd-blue-info);
    --warning-callout-color: rgba(253, 231, 76, 1);
    --danger-callout-color: rgba(233, 52, 52, 1);
    --success-callout-color: rgba(84, 199, 88, 1);
    --neutral-callout-color: #d6d6d6;

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

    --info-callout-icon: url(/hc/theming_assets/01KKYRMM5NVDXDQ3Y878GG70SF);
    --warning-callout-icon: url(/hc/theming_assets/01KKYRMMSA8JGD8SB1WNS686PX);
    --danger-callout-icon: url(/hc/theming_assets/01KKYRMM4JNEY5W8E49XHX00VW);
    --success-callout-icon: url(/hc/theming_assets/01KKYRMM7080X89MBJJYCKD4KC);
    --copy-code-icon: url(/hc/theming_assets/01KC2D7MBBKGARKFGT45TE78AG);
    --anchor-list-icon: url(/hc/theming_assets/01KKYRMMQ9DYA3BR4MDJ0ZNV53);
    --anchor-file-icon: url(/hc/theming_assets/01KKYRMMJDNSKYE90H5RDPQ57J);
    --blockqoute-icon: url(/hc/theming_assets/01KKYRMM5G41PBSPNMRAGBCZ7Z);

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

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

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

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

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

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

    --lt-accordion-border: #EBEBEB;
    --lt-accordion-padding-vertical: 1rem;
    --lt-accordion-padding-horizontal: 1.5rem;

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

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

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

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

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

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

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

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

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

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

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

figure {
    margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
    font-weight: bold;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeIn {
    from {
        opacity: 0.01;
    }

    to {
        opacity: 1;
    }
}

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

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

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

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

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

details-accordion {
    display: block;
}

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

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

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

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

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

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

.sidenav__toggle {
    padding: var(--lt-accordion-padding-vertical) var(--lt-accordion-padding-horizontal);
    border: var(--border-width) solid var(--lt-accordion-border);
    border-radius: var(--border-radius-base);
}
/* Layout */
/*
 Normalize form controls

 While most of our form styles require extra classes, some basic normalization
 is required to ensure optimum display with or without those classes to better
 address browser inconsistencies.
*/
/*
  1. Override content-box in Normalize (* isn't specific enough)
  2. This overrides the extra rounded corners on search inputs in iOS so that our
 `.form-control` class can properly style them. Note that this cannot simply
 be added to `.form-control` as it's not specific enough. For details, see
 https:github.com/twbs/bootstrap/issues/11586. */
input[type="search"] {
    box-sizing: border-box;
    appearance: auto;
    -webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.hbs-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0.5rem;
    font-weight: var(--font-weight-bold);
}
/*  Position radios and checkboxes better */
.hbs-form input[type="radio"],
.hbs-form input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
/*  Make multiple select elements height not fixed */
.hbs-form select[multiple],
.hbs-form select[size],
.search select {
    height: auto;
}
/*
 Common form controls

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

*/
.hbs-form select,
.search select,
.hbs-form textarea,
.hbs-form input[type="text"],
.hbs-form input[type="search"],
.lt-search-wrap input[type="search"],
.nesty-input {
    display: block;
    width: 100%;
    height: auto;
    padding: var(--input-padding-vertical) var(--input-padding-horizontal);
    font-size: var(--text-base);
    line-height: var(--line-height-body);
    color: var(--color-text-primary);
    background-color: var(--color-bg);
    background-image: none;
    /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
    border: var(--border-width) solid var(--input-color-border);
    border-radius: var(--border-radius-base);
    transition:
        border-color ease-in-out 0.15s,
        box-shadow ease-in-out 0.15s;
}
/*  Customize the `:focus` state to imitate native WebKit styles. */
.hbs-form select:focus,
.hbs-form select:focus:hover,
.search select:focus,
.search select:focus:hover,
.hbs-form textarea:focus,
.hbs-form textarea:focus:hover,
.hbs-form input[type="text"]:focus,
.hbs-form input[type="text"]:focus:hover,
.hbs-form input[type="search"]:focus,
.hbs-form input[type="search"]:focus:hover,
.lt-search-wrap input[type="search"]:focus,
.lt-search-wrap input[type="search"]:focus:hover,
.nesty-input:focus,
.nesty-input:focus:hover {
    border-color: var(--input-color-border-focus);
    outline: 0;
}
.hbs-form select:hover,
.search select:hover,
.hbs-form textarea:hover,
.hbs-form input[type="text"]:hover,
.hbs-form input[type="search"]:hover,
.lt-search-wrap input[type="search"]:hover,
.nesty-input:hover {
    border-color: var(--input-color-border-hover);
}
/*  Placeholder */
.hbs-form select::-moz-placeholder,
.search select::-moz-placeholder,
.hbs-form textarea::-moz-placeholder,
.hbs-form input[type="text"]::-moz-placeholder,
.hbs-form input[type="search"]::-moz-placeholder,
.lt-search-wrap input[type="search"]::-moz-placeholder,
.nesty-input::-moz-placeholder {
    color: var(--color-text-primary);
    opacity: 0.85;
}
.hbs-form select::placeholder,
.search select::placeholder,
.hbs-form textarea::placeholder,
.hbs-form input[type="text"]::placeholder,
.hbs-form input[type="search"]::placeholder,
.lt-search-wrap input[type="search"]::placeholder,
.nesty-input::placeholder {
    color: var(--color-text-primary);
    opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

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

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

 Apply to any element you wish to create light text for placement immediately
 below a form control. Use for general help, formatting, or instructional text. */
.hbs-form .help-block {
    display: block; /* account for any element using help-block */
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    opacity: 0.75;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    --ck-color-base-background: var(--color-bg);
    --ck-color-toolbar-background: var(--color-bg);
    --ck-color-panel-background: var(--color-bg);
    --ck-color-input-background: var(--color-bg);
    --ck-color-labeled-field-label-background: var(--color-bg);
    --ck-color-dropdown-panel-background: var(--color-bg);

    --ck-color-text: var(--color-text-primary);

    --ck-color-button-default-hover-background: var(--color-brand-primary);
    --ck-color-button-default-active-background: var(--color-brand-primary);
    --ck-color-button-on-background: var(--color-brand-primary);
    --ck-color-button-on-hover-background: var(--color-brand-primary-hover);
    --ck-color-button-on-active-background: var(--color-brand-primary);
    --ck-color-button-on-color: var(--color-brand-primary-inverse);
    --ck-color-split-button-hover-background: var(--color-brand-primary);
    --ck-color-button-default-background: var(--color-bg);

    --ck-color-list-background: var(--color-bg);
    --ck-color-list-button-on-background: var(--color-bg);
    --ck-color-list-button-on-background-focus: var(--color-brand-primary-hover);
    --ck-color-list-button-hover-background: var(--color-brand-primary-hover);
    --ck-color-list-button-on-text: var(--color-text-primary);

    --ck-border-radius: var(--border-radius-base);
    --ck-focus-ring: var(--border-width) solid var(--color-brand-primary);
    --ck-inner-shadow: transparent;
    --ck-color-link-default: var(--color-link);
    --ck-disabled-opacity: 1;
}

[dir] .ck.ck-editor__editable_inline,
[dir] .ck.ck-toolbar,
[dir] .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border-width: var(--border-width) !important;
}

[dir] .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
    border-width: var(--border-width) var(--border-width) 0 var(--border-width) !important;
}

[dir] .ck.ck-button,
[dir] .ck.ck-button:active,
[dir] .ck.ck-button:focus,
[dir] a.ck.ck-button,
[dir] a.ck.ck-button:active,
[dir] a.ck.ck-button:focus {
    border: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lt-container {
    padding-right: var(--grid-gutter-width);
    padding-left: var(--grid-gutter-width);
}

@media (min-width: 576px) {
    .lt-container {
        padding-right: calc(var(--grid-gutter-width) * 2);
        padding-left: calc(var(--grid-gutter-width) * 2);
    }
}

.lt-container-inner {
    max-width: 1320px;
    margin: 0 auto;
}

.lt-container-inner--narrow {
    max-width: 720px;
    margin: 0 auto;
}

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

.lt-layout > *:nth-child(1) {
    /* Support for IE 10-11 */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    /* Modern CSS*/
    grid-row: 1;
    grid-column: 1;
}

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

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

.lt-topbar {
    font-size: var(--text-base);
    font-weight: var(--topbar-font-weight);
    color: var(--topbar-color-text);
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 0px solid var(--sd-orange);
}

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

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

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

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

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

    .lt-topbar__controls {
        visibility: hidden;
        opacity: 0;
        position: fixed;
        top: 100%;
        left: 0;
        right: 0;
        height: 100vh;
        z-index: 99;
        padding: var(--grid-gutter-width);
        background-color: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(12px);
        transition:
            transform 300ms ease,
            opacity 300ms ease,
            visibility 300ms;
        transform: translateY(-52px);
    }

    .lt-topbar__controls.is-active {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    [dir="ltr"] .lt-topbar__controls.is-active {
        box-shadow: none;
    }

    [dir="rtl"] .lt-topbar__controls.is-active {
        box-shadow: none;
    }

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

    .lt-menu-toggle.is-active span {
        background-color: transparent;
    }

    .lt-menu-toggle.is-active span:before {
        transform: rotate(45deg);
        top: 0;
    }

    .lt-menu-toggle.is-active span:after {
        transform: rotate(-45deg);
        top: 0;
    }

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

@media (min-width: 992px) {
    [dir="ltr"] .lt-topbar__controls > * + * {
        margin-left: 1rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.image-with-shadow {
    box-shadow: 0 5px 15px 2px var(--gray);
}

.image-with-lightbox {
    cursor: pointer;
}

.image-overlay {
    position: relative;
}

.image-overlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(255, 255, 255, 0.3);
}

.image-with-video-icon {
    position: relative;
    display: block;
}

.image-with-video-icon img {
    width: 100%;
}

.image-with-video-icon:before {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 0;
    height: 0;
    font-size: 0;
    content: "";
    border-style: solid;
    transition: transform 0.6s ease;
}

.image-with-video-icon:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
}

[dir="ltr"] .image-with-video-icon:before {
    left: 50%;
    border-color: transparent transparent transparent #fff;
    border-width: 30px 0 30px 60px;
    transform: translate(-50%, -50%);
}

[dir="ltr"] .image-with-video-icon:active:before,
[dir="ltr"] .image-with-video-icon:hover:before {
    transform: translate(-50%, -50%) scale(1.1);
}

[dir="rtl"] .image-with-video-icon:before {
    right: 50%;
    border-color: transparent #fff transparent transparent;
    border-width: 30px 60px 30px 0;
    transform: translate(50%, -50%);
}

[dir="rtl"] .image-with-video-icon:active:before,
[dir="rtl"] .image-with-video-icon:hover:before {
    transform: translate(50%, -50%) scale(1.1);
}

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

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

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

blockquote:before {
    top: 0;
}

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

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

blockquote:after {
    bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

code {
    word-wrap: break-word;
    background-color: #333333;
    color: #fff;
    border-radius: 3px;
    padding: 2px 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-step {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.embed,
.embed-responsive {
    position: relative;
    z-index: 1;
    display: block;
    height: 0;
    padding: 0;
    padding-bottom: 56.25%;
    margin-bottom: 30px;
    overflow: hidden;
}

.embed img,
.embed-responsive img {
    width: 100%;
}

.embed iframe,
.embed embed,
.embed object,
.embed video,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

[dir="ltr"] .embed iframe,
[dir="ltr"] .embed embed,
[dir="ltr"] .embed object,
[dir="ltr"] .embed video,
[dir="ltr"] .embed-responsive iframe,
[dir="ltr"] .embed-responsive embed,
[dir="ltr"] .embed-responsive object,
[dir="ltr"] .embed-responsive video {
    left: 0;
}

[dir="rtl"] .embed iframe,
[dir="rtl"] .embed embed,
[dir="rtl"] .embed object,
[dir="rtl"] .embed video,
[dir="rtl"] .embed-responsive iframe,
[dir="rtl"] .embed-responsive embed,
[dir="rtl"] .embed-responsive object,
[dir="rtl"] .embed-responsive video {
    right: 0;
}

.embed-responsive--16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive--4by3 {
    padding-bottom: 75%;
}

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

.rte * {
    margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 575px) {
    .table-responsive {
        width: 100%;
        overflow-y: hidden;
        border: var(--border-width) solid var(--color-border);
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-responsive > table {
        margin-bottom: 0;
    }
    .table-responsive > table > thead > tr > th,
    .table-responsive > table > thead > tr > td,
    .table-responsive > table > tbody > tr > th,
    .table-responsive > table > tbody > tr > td,
    .table-responsive > table > tfoot > tr > th,
    .table-responsive > table > tfoot > tr > td {
        white-space: nowrap;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 991px) {
    .lt-dropdown--topbar {
        width: 100%;
    }

    .lt-dropdown-menu--topbar {
        position: static;
        width: 100%;
        padding: 0;
        border: 0;
        box-shadow: none;
    }

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

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

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

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

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

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

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

.lt-btn--secondary:hover,
.lt-btn--secondary:focus,
.lt-section-subscribe button:hover,
.lt-section-subscribe button:focus,
.lt-article-subscribe button:hover,
.lt-article-subscribe button:focus,
.lt-follow button:hover,
.lt-follow button:focus,
.lt-profile__buttons button:hover,
.lt-profile__buttons button:focus,
.lt-profile__buttons a:hover,
.lt-profile__buttons a:focus,
.pagination-next-link:hover,
.pagination-next-link:focus,
.pagination-prev-link:hover,
.pagination-prev-link:focus,
.pagination-first-link:hover,
.pagination-first-link:focus,
.pagination-last-link:hover,
.pagination-last-link:focus {
    opacity: 0.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lt-meta__link {
    color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lt-menu-toggle {
    position: relative;
    display: block;
    height: auto;
    padding: 1rem 0.5rem;
    cursor: pointer;
    background-color: transparent;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    order: 1;
}

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

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

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

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

.lt-menu-toggle span,
.lt-menu-toggle span:after,
.lt-menu-toggle span:before {
    width: 26px;
    height: 2px;
    background-color: var(--topbar-color-text);
    transition:
        background-color 0.15s,
        transform 0.15s;
}

.lt-menu-toggle span:after,
.lt-menu-toggle span:before {
    position: absolute;
    content: "";
}

[dir="ltr"] .lt-menu-toggle span:after,
[dir="ltr"] .lt-menu-toggle span:before {
    left: 0;
}

[dir="rtl"] .lt-menu-toggle span:after,
[dir="rtl"] .lt-menu-toggle span:before {
    right: 0;
}

.lt-menu-toggle span:before {
    top: -7px;
}

.lt-menu-toggle span:after {
    top: 7px;
}

.lt-entry-info {
    display: flex;
    font-size: 14px;
}

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

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

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

.lt-entry-info .author a {
    color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.recent-activity-item {
    display: flex;
    padding: 2rem;
    flex-direction: column;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lt-scroll-to-top {
    position: fixed;
    bottom: -80px;
    z-index: 3;
    /*width: 3rem;*/
    height: 3.5rem;
    font-size: 1.3rem !important;
    color: var(--color-bg-tertiary);
    text-align: center;
    cursor: pointer;
    background-color: var(--sd-black);
    border: var(--border-width) solid var(--sd-black);
    border-radius: var(--border-radius-base);
    transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

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

.lt-scroll-to-top:hover {
    color: var(--sd-orange);
    border-color: var(--sd-black-alt);
}

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

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

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

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

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

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

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

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

[dir="ltr"] .recent-articles ul,
[dir="ltr"] .related-articles ul {
    padding-left: 0;
}

[dir="rtl"] .recent-articles ul,
[dir="rtl"] .related-articles ul {
    padding-right: 0;
}

.recent-articles h3 {
    font-size: var(--font-size-h4);
}

@media (max-width: 991px) {
    .lt-user-info {
        width: 100%;
        padding-bottom: 1rem;
        border-bottom: var(--border-width) solid var(--color-border);
        order: -1;
    }

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

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

.lt-status-widget {
    font-weight: 600;
}

.lt-status-widget,
.lt-status-widget:hover,
.lt-status-widget:focus,
.lt-status-widget:active {
    color: #fff;
}

.lt-status-widget-container {
    display: flex;
    align-items: center;
}

.lt-status-widget__indicator {
    width: 0.75rem;
    height: 0.75rem;
    background-color: #aaa;
    border-radius: 50%;
}

.lt-status-widget__indicator--none {
    background-color: #2ecc71;
}

.lt-status-widget__indicator--operational {
    background-color: #2ecc71;
}

.lt-status-widget__indicator--minor {
    background-color: #f1c40f;
}

.lt-status-widget__indicator--major {
    background-color: #e67e22;
}

.lt-status-widget__indicator--critical {
    background-color: #e74c3c;
}

.lt-status-widget__indicator--maintenance {
    background-color: #3498db;
}

[dir="ltr"] .lt-status-widget__indicator__text {
    margin-left: 0.5rem;
}

[dir="rtl"] .lt-status-widget__indicator__text {
    margin-right: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lt-attachment-list {
    margin: 0;

    list-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.notification a {
    color: #158ec2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 991px) {
    .lt-backdrop.is-active {
        display: block;
    }
}

.lt-search-btn-mobile {
    display: none;
    background: none;
    border: none;
    padding: 0.5rem;
    cursor: pointer;
    color: inherit;
}

.lt-search-btn-mobile svg {
    width: 1.5rem;
    height: 1.5rem;
    transition:
        width 0.3s ease,
        height 0.3s ease;
}

.lt-mobile-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    padding-top: 10dvh;
}

.lt-mobile-search-overlay[x-show="false"] {
    display: none;
}

.lt-mobile-search-inner {
    width: 100%;
    max-width: 600px;
    margin: 0 auto auto;
    padding: 1rem;
    background-color: var(--color-bg);
    border-radius: var(--border-radius-base);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.lt-mobile-search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    h2 {
        margin: 0;
        line-height: 1;
    }
}

.lt-mobile-search-inner svg {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    color: var(--color-text-secondary);
}

.lt-mobile-search-inner .lt-search-wrap {
    flex: 1;
    position: relative;
    width: 100%;
}

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

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

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

.lt-mobile-search-inner .lt-search-wrap input[type="search"] {
    width: 100%;
    padding: var(--input-padding-vertical) var(--input-padding-horizontal);
    padding-inline-start: 3rem;
    padding-inline-end: 1rem;
    font-size: var(--text-base);
    line-height: var(--line-height-body);
    color: var(--color-text-primary);
    background-color: var(--color-bg);
    background-image: none;
    border: var(--border-width) solid var(--input-color-border);
    border-radius: var(--border-radius-base);
}

.lt-mobile-search-inner .lt-search-wrap input[type="search"]:focus {
    border-color: var(--color-primary);
    outline: 0;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.lt-mobile-search-close {
    background: none;
    border: none;
    width: 48px;
    height: 48px;
    padding: 0;
    cursor: pointer;
    color: var(--color-text-primary);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-base);
}

.lt-mobile-search-close:hover,
.lt-mobile-search-close:focus {
    background-color: var(--color-bg-secondary);
}

.lt-mobile-search-close svg {
    width: 1.5rem;
    height: 1.5rem;
}

.lt-layout__main.lt-blur {
    filter: blur(8px);
    pointer-events: none;
    user-select: none;
    position: relative;
}

.lt-layout__main.lt-blur::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* MOBILE CHANGES */
@media (max-width: 991px) {
    .lt-search-btn-mobile svg {
        width: 2rem; /* or whatever size you want */
        height: 2rem;
    }

    .lt-search-btn-mobile {
        display: block;
    }

    .lt-menu-toggle {
        margin-inline-start: 1rem !important;
    }

    .search-spacing {
        margin-inline-start: auto !important;
        margin-inline-end: 2rem !important;
    }

    .lt-search-wrap .lt-search-desktop {
        display: none;
    }

    .lt-mobile-search-overlay {
        display: flex;
    }

    .lt-mobile-search-overlay[x-show="false"] {
        display: none;
    }
}

.lt-popular-searches {
    font-weight: var(--button-font-weight, 600);
}

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

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

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

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

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

.lt-info-block-container + .lt-home-container,
.lt-home-container:first-child {
    padding-top: 4rem;
}

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

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

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

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

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

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

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

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

@keyframes lt-shimmer {
    100% {
        transform: translateX(100%);
    }
}

/* Search */
.search {
    display: flex;
    gap: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lt-search-filter__count {
    display: inline-flex;
    font-size: var(--text-sm);
}
/* My Activities */
.lt-my-activities-items {
    width: 100%;
    margin-bottom: 3rem;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}

@media (min-width: 576px) {
    .lt-my-activities-items {
        table-layout: auto;
    }
}

.lt-my-activities-items__head {
    display: none;
    color: var(--color-text-secondary);
}

@media (min-width: 576px) {
    .lt-my-activities-items__head {
        display: table-header-group;
        font-weight: var(--font-weight-bold);
    }
}

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

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

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

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

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

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

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

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

@media (max-width: 575px) {
    .lt-my-activities-items__request-id {
        display: inline;
    }
}

@media (min-width: 576px) {
    .lt-my-activities-items__request-id {
        display: none;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lt-comment-form__body {
    margin-bottom: 1rem;
}
/* ==========================================================================
  Comment Sorter
  ========================================================================== */
.lt-comment-sorter {
    border-bottom: var(--border-width) solid var(--color-border);
}

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

.lt-comment-sorter__item + .lt-comment-sorter__item:before {
    margin: 0 6px;
    font-size: 10px;
    font-weight: 900;
    content: "\2022";
}
/* ==========================================================================
  Comment
  ========================================================================== */
.lt-comment {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: var(--border-width) solid var(--color-border);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lt-comment__actions {
    padding-top: 8px;
}
/* Comment List */
.lt-comments {
    margin-bottom: 3rem;
}

.lt-comments__callout:empty {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

.lt-article-list {
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}

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

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

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

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

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

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

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

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

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

.lt-article-vote__label {
    display: block;

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

.lt-article-page {
    margin-bottom: 2rem;
}

.lt-article {
    position: relative;
}

[dir="ltr"] .lt-article-subscribe > * + * {
    margin-left: 1rem;
}

[dir="rtl"] .lt-article-subscribe > * + * {
    margin-right: 1rem;
}

.lt-article__body {
    margin-bottom: 1.5rem;
    word-break: break-word;
}

.lt-article__body .wysiwyg-font-size-x-large {
    font-size: var(--font-size-h2);
}

.lt-article__body .wysiwyg-font-size-large {
    font-size: var(--font-size-h3);
}

.lt-article__body .wysiwyg-font-size-medium {
    font-size: var(--font-size-h4);
}

.lt-article__body .wysiwyg-font-size-small {
    font-size: var(--text-sm);
}

/* DW SIDE BAR */
@media (max-width: 575px) {
    .lt-article-sidebar {
        padding-top: 1.5rem;

        border-top: var(--border-width) solid var(--color-border);
    }
}
/* Category */
.lt-category-tree-item {
    margin-bottom: 2rem;
}

.lt-category-tree-item__sections {
    margin-bottom: 1.5rem;
}

.lt-category-tree-item__title-link {
    color: inherit;
}

.lt-category-tree-item + .lt-category-tree-item {
    padding-top: 2rem;
    border-top: var(--border-width) solid var(--color-border);
}
/* Section */
.lt-section-link {
    color: inherit;
}

.lt-section-articles summary {
    font-size: var(--text-lg);
}

/* DW SIDE NAV */
@media (min-width: 1200px) {
    .lt-section-articles .accordion {
        overflow: visible;
        border: 0;
    }

    .lt-section-articles summary {
        margin-bottom: 1rem;
        padding: 0 !important;
        font-size: var(--text-xl);
    }

    .lt-section-articles .accordion__content {
        overflow: visible;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .lt-section-articles .accordion__summary-wrapper > .lt-icon {
        display: none;
    }
}
/* Community */
.lt-community-nav-item {
    display: block;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    [dir="ltr"] .lt-community-nav-item + .lt-community-nav-item {
        margin-left: 1rem;
    }

    [dir="rtl"] .lt-community-nav-item + .lt-community-nav-item {
        margin-right: 1rem;
    }
}

.lt-community-nav-item.is-active {
    font-weight: var(--font-weight-bold);
}

[dir="ltr"] .lt-follow > * + * {
    margin-left: 1rem;
}

[dir="rtl"] .lt-follow > * + * {
    margin-right: 1rem;
}

@media (min-width: 576px) {
    .lt-topic-controls {
        display: flex;
        justify-content: space-between;
    }
}

@media (min-width: 576px) {
    .lt-topic-controls__item {
        display: flex;
        align-items: center;
    }
}

.lt-topic-controls__item--subscribe {
    display: flex;
    align-items: center;
}

.lt-post {
    position: relative;
}

.lt-post__text {
    margin-bottom: 2rem;
    word-wrap: break-word;
}

.lt-post__actions {
    padding-top: 0.5rem;
}

.lt-post__actions svg {
    width: 1.5rem;
    height: 1.5rem;
}

.lt-post__actions button {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    align-items: center;
    justify-content: center;
}

.lt-post-callout {
    border-radius: var(--border-radius-lg);
}

.lt-post-list-item {
    padding-top: 1rem;
    margin-bottom: 1rem;
    border-top: var(--border-width) solid var(--color-border);
}

.lt-post-list-item__side {
    min-width: 120px;
}

.community-badge-achievements img {
    width: 1rem;
    height: 1rem;
}

.community-badge-titles img {
    width: 1rem;
    height: 1rem;
}

.profile-info .community-badge-achievements img {
    width: 2.5rem;
    height: 2.5rem;
}

.hotposts-header {
    display: block;
    margin-bottom: 0.5rem;
}

.hotposts-meta {
    display: flex;
    width: 100%;
}

.hotposts-author,
.hotposts-comments,
.hotposts-date,
.hotposts-img,
.hotposts-votes {
    display: inline-flex;
    align-items: center;
}

.hotposts-img {
    width: 20px;
    height: 20px;
    overflow: hidden;
    vertical-align: bottom;
    border-radius: 50%;
}

[dir="ltr"] .hotposts-img {
    margin-right: 8px;
}

[dir="rtl"] .hotposts-img {
    margin-left: 8px;
}

.hotposts-img img {
    display: block;
    width: 100%;
    height: 100%;
}

.hotposts-name {
    display: inline-block;
    vertical-align: bottom;
}

.hotposts-icon {
    display: inline-flex;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
}

[dir="ltr"] .hotposts-icon {
    margin-right: 4px;
}

[dir="rtl"] .hotposts-icon {
    margin-left: 4px;
}

.hotposts-tabs .tab {
    padding: 15px 0 0;
    margin: 0;
    border: none;
}

.hotposts-tabs .tabs-menu {
    border-bottom: var(--border-width) solid #eceeef;
}

.hotposts-tabs .tabs-link {
    padding: 0 0 8px;
    margin-bottom: -2px;
    color: #2d7ccc;
    border: none;
    border-bottom: var(--border-width) solid #eceeef;
}

[dir="ltr"] .hotposts-tabs .tabs-link {
    margin-right: 20px;
}

[dir="rtl"] .hotposts-tabs .tabs-link {
    margin-left: 20px;
}

.hotposts-tabs .tabs-link:hover,
.hotposts-tabs .tabs-link:focus {
    color: #1f568d;
}

.hotposts-tabs .tabs-link.is-active {
    color: #4e5565;
    border-color: #4e5565;
}
/* Request */
.lt-request-table-filters {
    display: flex;
    padding: 1rem;
    margin-bottom: 1.5rem;
    flex-direction: column;
    background-color: var(--color-bg-secondary);
    border-radius: var(--border-radius-lg);
    gap: 1rem;
}
@media (min-width: 768px) {
    .lt-request-table-filters {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        gap: 2rem;

        align-items: flex-end;
    }
}

.lt-request-table-filters__item--search {
    flex: 1;
}

.lt-request-table-organization__col--button [role="button"] {
    height: calc(1rem + var(--padding-base-horizontal) + 2px);
    padding-top: 0;
    padding-bottom: 0;
    line-height: calc(1rem + var(--padding-base-horizontal) + 2px);
}

[dir="ltr"] .lt-request-table-organization__col--button {
    padding-left: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-request-table-organization__col--button {
    padding-right: calc(var(--padding-base-horizontal) / 2);
}

.requests-sort-symbol {
    position: absolute;
    bottom: 0;
    font-size: var(--text-xxs);
}

[dir="ltr"] .requests-sort-symbol {
    left: calc(100% + 0.25rem);
}

[dir="rtl"] .requests-sort-symbol {
    right: calc(100% + 0.25rem);
}

.lt-request-page {
    margin-bottom: 3rem;
}

.lt-request-id {
    margin-bottom: 1rem;
    font-weight: var(--font-weight-bold);
}

.lt-request-follow-up:empty {
    display: none;
}

.lt-request-sidebar {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: var(--text-sm);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--border-radius-base);
}