@charset "UTF-8";
/*
 * Assembled Help Center theme for Zendesk Guide.
 * Structure: normalize, design tokens and base, Copenhagen component styles kept
 * for account, request and community pages, then the Assembled layout layer.
 */
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Assembled Help Center: design tokens *****/
/* Values prefixed with $ are replaced by Zendesk with the theme settings in manifest.json. */
:root {
  --hc-brand: #39AB9F;
  --hc-brand-contrast: #FFFFFF;
  --hc-text: #101217;
  --hc-muted: #60677C;
  --hc-link: #235BC2;
  --hc-link-visited: #235BC2;
  --hc-bg: #FFFFFF;
  --hc-canvas: #F9FAFB;
  --hc-surface: #FFFFFF;
  --hc-button: #235BC2;
  --hc-footer-bg: #21232C;
  --hc-floating: var(--hc-surface);
  --hc-text-secondary: #3F4454;
  --hc-code-bg: #21232C;

  --hc-font-heading: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --hc-font-text: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --hc-font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Cool grays and interaction tints from Assemblage (app.assembled.com) */
  --hc-border: #E4E7EF;
  --hc-border-strong: #D7DAE5;
  --hc-border-hover: #9DA3B4;
  --hc-hover: color-mix(in srgb, #13387D 5%, transparent);
  --hc-active: color-mix(in srgb, #13387D 10%, transparent);
  --hc-subtle: color-mix(in srgb, #13387D 3%, var(--hc-surface));
  --hc-brand-soft: color-mix(in srgb, var(--hc-brand) 11%, var(--hc-surface));
  --hc-brand-strong: color-mix(in srgb, var(--hc-brand) 55%, var(--hc-text));
  --hc-focus: var(--hc-link);
  --hc-focus-ring: 0 0 0 3px color-mix(in srgb, var(--hc-link) 28%, transparent);
  /* Body callouts: amber for Important:, violet for Early access:. Note: and Keep in mind: use
     the link and brand colors. The -strong values color the icon and label. */
  --hc-warning: #E59A12;
  --hc-warning-strong: #A35A00;
  --hc-early: #7C5CE6;
  --hc-early-strong: #5A38C9;

  --hc-radius-sm: 8px;
  --hc-radius: 10px;
  --hc-radius-lg: 12px;
  --hc-shadow-sm: 0 1px 2px rgba(16, 18, 23, 0.06);
  --hc-shadow: 0 1px 2px rgba(16, 18, 23, 0.04), 0 4px 16px rgba(16, 18, 23, 0.06);
  --hc-shadow-lg: 0 2px 6px rgba(16, 18, 23, 0.06), 0 20px 56px rgba(16, 18, 23, 0.16);

  --hc-topbar-h: 60px;
  /* Height of Zendesk's agent bar, which signed-in agents and admins see above the page.
     script.js sets it; it stays 0 for everyone else. */
  --hc-adminbar-h: 0px;
  /* Everything pinned to the top of the window: the agent bar plus the top bar */
  --hc-header-h: calc(var(--hc-adminbar-h) + var(--hc-topbar-h));
  --hc-sidebar-w: 316px;
  --hc-toc-w: 236px;
}

/***** Dark mode *****/
/* Assemblage dark tokens. script.js sets data-theme="dark" on <html> when the reader's
   system prefers dark or they choose it with the header toggle. The color settings in
   manifest.json apply to light mode; the brand and button colors carry over to dark. */
[data-theme="dark"] {
  color-scheme: dark;
  --hc-text: #F9FAFB;
  --hc-text-secondary: #D7DAE5;
  --hc-muted: #9DA3B4;
  --hc-link: #7FA7F0;
  --hc-link-visited: #7FA7F0;
  --hc-bg: #07080A;
  --hc-canvas: #101217;
  --hc-surface: #101217;
  --hc-floating: #21232C;
  --hc-code-bg: #1A1C23;
  --hc-footer-bg: #101217;
  --hc-border: #2A2D38;
  --hc-border-strong: #3F4454;
  --hc-border-hover: #60677C;
  --hc-hover: color-mix(in srgb, #fff 7%, transparent);
  --hc-active: color-mix(in srgb, #fff 12%, transparent);
  --hc-subtle: color-mix(in srgb, #fff 4%, var(--hc-surface));
  --hc-brand-soft: color-mix(in srgb, var(--hc-brand) 18%, var(--hc-surface));
  --hc-brand-strong: color-mix(in srgb, var(--hc-brand) 70%, #fff);
  --hc-focus: #7FA7F0;
  --hc-focus-ring: 0 0 0 3px color-mix(in srgb, #7FA7F0 30%, transparent);
  --hc-warning: #F2A93B;
  --hc-warning-strong: #F6BE63;
  --hc-early: #9A7FF5;
  --hc-early-strong: #BBA8FB;
  --hc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --hc-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.35);
  --hc-shadow-lg: 0 2px 6px rgba(0, 0, 0, 0.4), 0 24px 64px rgba(0, 0, 0, 0.6);
}

/***** Base *****/
* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html {
  scroll-padding-top: calc(var(--hc-header-h) + 24px);
}

body {
  background-color: var(--hc-bg);
  color: var(--hc-text);
  font-family: var(--hc-font-text);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body > main {
  min-height: 65vh;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--hc-text);
  font-family: var(--hc-font-heading);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin-top: 0;
}

h1 { font-size: 32px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

a {
  color: var(--hc-link);
  text-decoration: none;
}

a:hover, a:active, a:focus {
  text-decoration: underline;
  text-underline-offset: 3px;
}

:focus-visible {
  outline: 2px solid var(--hc-focus);
  outline-offset: 2px;
}

::selection {
  background: color-mix(in srgb, var(--hc-brand) 28%, transparent);
}

img {
  max-width: 100%;
}

input,
textarea,
select,
button {
  font: inherit;
}

input,
textarea {
  color: var(--hc-text);
  font-size: 14px;
}

input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border-color .12s ease-in-out, box-shadow .12s ease-in-out;
}

input:not([type="checkbox"]):not([type="radio"]) {
  outline: none;
}

input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus,
textarea:focus {
  border-color: var(--hc-brand);
  box-shadow: var(--hc-focus-ring);
}

input[disabled] {
  background-color: var(--hc-hover);
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%235B6166' stroke-linecap='round' stroke-width='1.4' d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E") no-repeat var(--hc-surface);
  background-position: right 12px center;
  border: 1px solid var(--hc-border-strong);
  border-radius: var(--hc-radius-sm);
  color: var(--hc-text);
  outline: none;
  padding: 8px 32px 8px 12px;
  width: 100%;
}

select::-ms-expand {
  display: none;
}

textarea {
  background: var(--hc-surface);
  border: 1px solid var(--hc-border-strong);
  border-radius: var(--hc-radius-sm);
  outline: none;
  padding: 10px 12px;
  resize: vertical;
  width: 100%;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 32px 24px 64px;
}

.container-divider {
  display: none;
}

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.skip-navigation {
  background-color: var(--hc-text);
  border-radius: var(--hc-radius);
  color: var(--hc-bg);
  font-size: 14px;
  font-weight: 600;
  left: 16px;
  padding: 10px 16px;
  position: absolute;
  top: -100px;
  z-index: 200;
}

.skip-navigation:focus, .skip-navigation:active {
  top: calc(var(--hc-adminbar-h) + 12px);
  text-decoration: none;
}

.icon-lock {
  vertical-align: baseline;
  margin-left: 4px;
}

/* ==========================================================================
   Copenhagen components (requests, community, profiles, forms)
   ========================================================================== */
/***** Buttons *****/
.button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
  background-color: transparent;
  border: 1px solid var(--hc-brand);
  border-radius: 4px;
  color: var(--hc-brand);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}

@media (min-width: 768px) {
  .button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
    width: auto;
  }
}

.button:hover, .split-button button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .subscriptions-subscribe button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .button:active, .split-button button:active, .section-subscribe button:active, .article-subscribe button:active, .community-follow button:active, .requests-table-toolbar .organization-subscribe button:active, .subscriptions-subscribe button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .button:focus, .split-button button:focus, .section-subscribe button:focus, .article-subscribe button:focus, .community-follow button:focus, .requests-table-toolbar .organization-subscribe button:focus, .subscriptions-subscribe button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .button.button-primary, .split-button button.button-primary, .section-subscribe button.button-primary, .section-subscribe button[data-selected="true"], .article-subscribe button.button-primary, .article-subscribe button[data-selected="true"], .community-follow button.button-primary, .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected="true"], .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected="true"], .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link {
  background-color: var(--hc-brand);
  color: var(--hc-brand-contrast);
  text-decoration: none;
}

.button.button-primary:hover, .split-button button:hover, .section-subscribe button.button-primary:hover, .section-subscribe button:hover[data-selected="true"], .article-subscribe button.button-primary:hover, .article-subscribe button:hover[data-selected="true"], .community-follow button.button-primary:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button:hover[data-selected="true"], .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button:hover[data-selected="true"], .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .button.button-primary:focus, .split-button button.button-primary:focus, .section-subscribe button.button-primary:focus, .section-subscribe button:focus[data-selected="true"], .article-subscribe button.button-primary:focus, .article-subscribe button:focus[data-selected="true"], .community-follow button.button-primary:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button:focus[data-selected="true"], .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button:focus[data-selected="true"], .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .button.button-primary:active, .split-button button.button-primary:active, .section-subscribe button.button-primary:active, .section-subscribe button:active[data-selected="true"], .article-subscribe button.button-primary:active, .article-subscribe button:active[data-selected="true"], .community-follow button.button-primary:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button:active[data-selected="true"], .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button:active[data-selected="true"], .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active {
  background-color: var(--hc-brand-strong);
  border-color: var(--hc-brand-strong);
}

.button[data-disabled], .split-button button[data-disabled], .section-subscribe button[data-disabled], .article-subscribe button[data-disabled], .community-follow button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .subscriptions-subscribe button[data-disabled], .pagination-next-link[data-disabled], .pagination-prev-link[data-disabled], .pagination-first-link[data-disabled], .pagination-last-link[data-disabled] {
  cursor: default;
}

.button-large, input[type="submit"] {
  cursor: pointer;
  background-color: var(--hc-brand);
  border: 0;
  border-radius: var(--hc-radius-sm);
  color: var(--hc-brand-contrast);
  font-size: 14px;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
  font-weight: 500;
}

@media (min-width: 768px) {
  .button-large, input[type="submit"] {
    width: auto;
  }
}

.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
  background-color: color-mix(in srgb, var(--hc-button) 82%, #000);
}

.button-large[disabled], input[type="submit"][disabled] {
  background-color: var(--hc-subtle);
}

.button-secondary {
  color: var(--hc-muted);
  border: 1px solid var(--hc-border);
  background-color: transparent;
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: var(--hc-text);
  border: 1px solid var(--hc-border);
  background-color: var(--hc-subtle);
}

/***** Split button *****/
.split-button {
  display: flex;
}

.split-button button {
  background-color: var(--hc-brand);
  border: 0;
  color: var(--hc-brand-contrast);
  height: 32px;
  line-height: 16px;
  outline-color: var(--hc-brand);
}

[dir="rtl"] .split-button button:not(:only-child):first-child {
  border-left: 1px solid var(--hc-brand-contrast);
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):first-child {
  border-right: 1px solid var(--hc-brand-contrast);
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}

[dir="rtl"] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):last-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}

.table th,
.table th a {
  color: var(--hc-muted);
  font-size: 13px;
  text-align: left;
}

[dir="rtl"] .table th, [dir="rtl"]
.table th a {
  text-align: right;
}

.table tr {
  border-bottom: 1px solid var(--hc-border);
  display: block;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}

.table td {
  display: block;
}

@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}

@media (min-width: 1024px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}

@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}

/***** Forms *****/
.form {
  max-width: 650px;
}

.form-field ~ .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.form-field input {
  border: 1px solid var(--hc-border);
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input:focus {
  border: 1px solid var(--hc-brand);
}

.form-field input[type="text"] {
  border: 1px solid var(--hc-border);
  border-radius: 4px;
}

.form-field input[type="text"]:focus {
  border: 1px solid var(--hc-brand);
}

.form-field input[type="checkbox"] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field .nesty-input:focus {
  border: 1px solid var(--hc-brand);
  text-decoration: none;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid var(--hc-brand);
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type="checkbox"] + label {
  margin: 0 0 0 10px;
}

.form-field .optional {
  color: var(--hc-muted);
  margin-left: 4px;
}

.form-field p {
  color: var(--hc-muted);
  font-size: 12px;
  margin: 5px 0;
}

.form footer {
  margin-top: 40px;
  padding-top: 30px;
}

.form footer a {
  color: var(--hc-muted);
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}

.form .suggestion-list label {
  border-bottom: 1px solid var(--hc-border);
  display: block;
  padding-bottom: 5px;
}

.form .suggestion-list li {
  padding: 10px 0;
}

.form .suggestion-list li a:visited {
  color: var(--hc-link-visited);
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}

.user-info .dropdown-toggle::after {
  display: none;
}

@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}

.user-info > button {
  border: 0;
  color: var(--hc-link);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: var(--hc-link);
  background-color: transparent;
}

.user-info > button::after {
  color: var(--hc-link);
  padding-right: 15px;
}

[dir="rtl"] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}

@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}

#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

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

.avatar img {
  height: 40px;
  width: 40px;
}

.avatar .icon-agent {
  color: var(--hc-brand);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: var(--hc-brand-contrast);
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Search field *****/
.search {
  position: relative;
}

.search input[type="search"] {
  border: 1px solid var(--hc-border);
  border-radius: 30px;
  box-sizing: border-box;
  color: var(--hc-muted);
  height: 40px;
  padding-left: 40px;
  padding-right: 20px;
  -webkit-appearance: none;
  width: 100%;
}

[dir="rtl"] .search input[type="search"] {
  padding-right: 40px;
  padding-left: 20px;
}

.search input[type="search"]:focus {
  border: 1px solid var(--hc-brand);
  color: var(--hc-text);
}

.search-full input[type="search"] {
  border: 1px solid #fff;
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: var(--hc-muted);
}

[dir="rtl"] .search-icon {
  right: 15px;
  left: auto;
}

.search-container {
  position: relative;
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01J2ECTZ3BY6KKZZJR6NZHF97K);
  background-position: center;
  background-size: cover;
  height: 300px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

.hero-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 610px;
  margin: 0 auto;
}

.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0;
}

@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    margin: 0;
  }
}

.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}

.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
}

.page-header-description {
  font-style: italic;
  margin: 0 0 30px 0;
  word-break: break-word;
}

@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}

.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;
  min-height: 50px;
  padding-bottom: 15px;
}

@media (min-width: 768px) {
  .sub-nav {
    align-items: baseline;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .sub-nav input[type="search"] {
    min-width: 300px;
  }
}

.sub-nav input[type="search"]::after {
  font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}

@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
}

.blocks-item {
  border: 1px solid var(--hc-brand);
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--hc-brand);
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: center;
}

@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
}

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: var(--hc-brand);
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: var(--hc-brand-contrast);
  text-decoration: none;
}

.blocks-item-internal {
  background-color: transparent;
  border: 1px solid var(--hc-border);
}

.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: var(--hc-text);
}

.blocks-item-link {
  color: var(--hc-brand);
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}

.blocks-item-link:hover, .blocks-item-link:active {
  text-decoration: none;
}

.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px var(--hc-brand);
  text-decoration: none;
}

.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
}

.blocks-item-description {
  margin: 0;
}

.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}

.recent-activity-list {
  padding: 0;
}

.recent-activity-item {
  border-bottom: 1px solid var(--hc-border);
  overflow: auto;
  padding: 20px 0;
}

.recent-activity-item-parent {
  font-size: 16px;
}

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  color: var(--hc-text);
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}

.recent-activity-item-link {
  font-size: 14px;
}

.recent-activity-item-meta {
  margin: 15px 0 0 0;
  float: none;
}

@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
  [dir="rtl"] .recent-activity-item-meta {
    float: left;
  }
}

.recent-activity-item-time, .recent-activity-item-comment {
  color: var(--hc-muted);
  display: inline-block;
  font-size: 13px;
}

.recent-activity-item-comment {
  padding-left: 5px;
}

[dir="rtl"] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}

.recent-activity-item-comment::before {
  display: inline-block;
}

.recent-activity-controls {
  padding-top: 15px;
}

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

.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: var(--hc-brand);
  width: 16px;
  height: 16px;
}

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

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

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}

.attachments .attachment-item:last-child {
  margin-bottom: 0;
}

.attachments .attachment-item .attachment-icon {
  color: var(--hc-text);
  left: 0;
  position: absolute;
  top: 5px;
}

[dir="rtl"] .attachments .attachment-item {
  padding-left: 0;
  padding-right: 20px;
}

[dir="rtl"] .attachments .attachment-item .attachment-icon {
  left: auto;
  right: 0;
}

.upload-dropzone span {
  color: var(--hc-muted);
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

.share li, .share a {
  display: inline-block;
}

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: var(--hc-muted);
}

.share a:hover {
  text-decoration: none;
  color: var(--hc-brand);
}

.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid var(--hc-border);
  padding: 20px 0;
}

.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}

.comment-overview {
  border-bottom: 1px solid var(--hc-border);
  border-top: 1px solid var(--hc-border);
  padding: 20px 0;
}

.comment-overview p {
  margin-top: 0;
}

.comment-callout {
  color: var(--hc-muted);
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: var(--hc-brand);
}

.comment-sorter {
  display: inline-block;
  float: right;
}

.comment-sorter .dropdown-toggle {
  color: var(--hc-muted);
  font-size: 13px;
}

[dir="rtl"] .comment-sorter {
  float: left;
}

.comment-wrapper {
  display: flex;
  position: relative;
}

.comment-wrapper.comment-official {
  border: 1px solid var(--hc-brand);
  padding: 40px 20px 20px;
}

@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}

.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir="rtl"] .comment-info {
  padding-right: 0;
  padding-left: 20px;
}

.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}

.comment-avatar {
  margin-right: 10px;
}

[dir="rtl"] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.comment-meta {
  flex: 1 0 auto;
}

.comment-labels {
  flex-basis: 100%;
}

@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}

.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}

.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}

.comment-container {
  width: 100%;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}

@media (min-width: 768px) {
  [dir="ltr"] .comment-form-controls {
    text-align: right;
  }
}

.comment-form-controls input[type="submit"] {
  margin-top: 15px;
}

@media (min-width: 1024px) {
  .comment-form-controls input[type="submit"] {
    margin-left: 15px;
  }
  [dir="rtl"] .comment-form-controls input[type="submit"] {
    margin-left: 0;
    margin-right: 15px;
  }
}

.comment-form-controls input[type="checkbox"] {
  margin-right: 5px;
}

.comment-form-controls input[type="checkbox"] [dir="rtl"] {
  margin-left: 5px;
}

.comment-ccs {
  display: none;
}

.comment-ccs + textarea {
  margin-top: 10px;
}

.comment-attachments {
  margin-top: 10px;
}

.comment-attachments a {
  color: var(--hc-brand);
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  font-family: var(--hc-font-text);
  line-height: 1.6;
  overflow-x: auto;
}

.comment-body img {
  height: auto;
  max-width: 100%;
}

.comment-body ul, .comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol, .comment-body li > ul, .comment-body li > ol {
  margin: 0;
}

.comment-body ul {
  list-style-type: disc;
}

.comment-body a:visited {
  color: var(--hc-link-visited);
}

.comment-body code {
  background: var(--hc-subtle);
  border: 1px solid var(--hc-border);
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.comment-body pre {
  background: var(--hc-subtle);
  border: 1px solid var(--hc-border);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.comment-body blockquote {
  border-left: 1px solid var(--hc-border);
  color: var(--hc-muted);
  font-style: italic;
  padding: 0 15px;
}

.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: var(--hc-muted);
  display: block;
  margin: 3px 0;
}

[dir="rtl"] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
  color: var(--hc-brand);
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: var(--hc-muted);
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: var(--hc-brand);
}

.vote-voted:hover {
  color: var(--hc-brand-strong);
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari*/
}

.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01J2ECTZ3BY6KKZZJR6NZHF97K);
  margin-bottom: 10px;
}

.community-footer {
  padding-top: 50px;
  text-align: center;
}

.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}

.community-featured-posts, .community-activity {
  padding-top: 40px;
  width: 100%;
}

.community-header {
  margin-bottom: 30px;
}

.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

.post-to-community {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}

.topics-item .meta-group {
  justify-content: center;
  margin-top: 20px;
}

/* Community topic page */
.topic-header {
  border-bottom: 1px solid var(--hc-border);
  font-size: 13px;
}

@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}

.topic-header .dropdown {
  display: block;
  border-top: 1px solid var(--hc-border);
  padding: 10px 0;
}

@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

.no-posts-with-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
  margin-bottom: 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}

.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}

.community-follow button:hover {
  background-color: var(--hc-brand);
}

.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: var(--hc-brand-contrast);
  color: var(--hc-brand-contrast);
}

.community-follow button[data-selected="true"] {
  background-color: var(--hc-brand);
  color: var(--hc-brand-contrast);
}

.community-follow button[data-selected="true"]::after {
  border-left: 1px solid var(--hc-brand-contrast);
  color: var(--hc-brand-contrast);
}

.community-follow button[data-selected="true"]:hover {
  background-color: var(--hc-brand-strong);
  border-color: var(--hc-brand-strong);
}

.community-follow button::after {
  border-left: 1px solid var(--hc-brand);
  content: attr(data-follower-count);
  color: var(--hc-brand);
  display: inline-block;
  font-family: var(--hc-font-heading);
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}

[dir="rtl"] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid var(--hc-brand);
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}

.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid var(--hc-border);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}

.striped-list-info {
  flex: 2;
}

.striped-list-title {
  color: var(--hc-link);
  margin-bottom: 10px;
  margin-right: 5px;
}

.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}

.striped-list-title:visited {
  color: var(--hc-link-visited);
}

.striped-list .meta-group {
  margin: 5px 0;
}

.striped-list-count {
  color: var(--hc-muted);
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}

.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}

.striped-list-count-item:last-child::after {
  display: none;
}

.striped-list-number {
  text-align: center;
}

@media (min-width: 768px) {
  .striped-list-number {
    color: var(--hc-text);
    display: block;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}

.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: var(--hc-brand);
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

[dir="rtl"] .status-label-official {
  left: 30px;
  right: auto;
}

.status-label-not-planned, .status-label-closed {
  background-color: var(--hc-subtle);
  color: var(--hc-muted);
}

.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}

.status-label-open {
  background-color: #c72a1c;
}

.status-label-solved {
  background-color: #68737d;
}

.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}

.status-label-hold {
  background-color: #000;
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}

.post-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .post-container {
    flex-direction: row;
  }
}

.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .post-header {
    align-items: baseline;
    flex-direction: row;
  }
}

.post-header .status-label {
  vertical-align: super;
}

.post-title {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}

.post-title h1 {
  display: inline;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}

.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.post-avatar {
  margin-bottom: 30px;
}

.post-content {
  font-family: var(--hc-font-text);
  line-height: 1.6;
  word-break: break-word;
}

.post-info-container {
  display: flex;
  margin-bottom: 40px;
}

.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir="rtl"] .post-info {
  padding-right: 0;
  padding-left: 20px;
}

.post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
}

[dir="rtl"] .post-meta {
  margin-left: 0;
  margin-right: 10px;
}

.post-body img {
  height: auto;
  max-width: 100%;
}

.post-body ul, .post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.post-body ul > ul, .post-body ol > ol, .post-body ol > ul, .post-body ul > ol, .post-body li > ul, .post-body li > ol {
  margin: 0;
}

.post-body ul {
  list-style-type: disc;
}

.post-body a:visited {
  color: var(--hc-link-visited);
}

.post-body code {
  background: var(--hc-subtle);
  border: 1px solid var(--hc-border);
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.post-body pre {
  background: var(--hc-subtle);
  border: 1px solid var(--hc-border);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.post-body blockquote {
  border-left: 1px solid var(--hc-border);
  color: var(--hc-muted);
  font-style: italic;
  padding: 0 15px;
}

.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.post-comment-count {
  color: var(--hc-muted);
}

.post-comment-count:hover {
  text-decoration: none;
}

.post-comment-count .icon-comments {
  color: var(--hc-brand);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}

.post-sidebar {
  border-top: 1px solid var(--hc-border);
  flex: 1;
  padding: 30px 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }
  [dir="rtl"] .post-sidebar {
    padding: 0 50px 0 0;
  }
}

.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}

.post-comments {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-flex;
  line-height: 18px;
  vertical-align: middle;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}

.community-badge-container-achievements {
  display: flex;
}

.community-badge-container-achievements > .community-badge-titles {
  margin-left: calc(28px - 0.5em);
}

[dir="rtl"] .community-badge-container-achievements > .community-badge-titles {
  margin-right: calc(28px - 0.5em);
}

.community-name-and-title-badges {
  display: flex;
  flex-wrap: wrap;
}

.community-badge {
  margin: 2px;
}

.community-badge-achievements {
  display: block;
  height: 16px;
  white-space: nowrap;
  width: 16px;
}

.profile-info .community-badge-achievements {
  height: 40px;
  width: 40px;
}

.community-title-badges {
  flex-basis: 100%;
  margin-top: 15px;
}

.community-badge-achievements-rest {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}

.community-badge-achievements img {
  width: 100%;
  height: 100%;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}

.collapsible-nav-border {
  border-bottom: 1px solid var(--hc-border);
  border-top: 1px solid var(--hc-border);
}

@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: calc(45px / 2);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}

.collapsible-nav-toggle-icon {
  display: none;
}

.collapsible-nav-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-nav-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid var(--hc-brand);
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}

.collapsible-nav-list li {
  color: var(--hc-text);
  line-height: 45px;
  order: 1;
}

@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir="rtl"] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}

.collapsible-nav-list li a {
  color: var(--hc-text);
  display: block;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid var(--hc-border);
  }
  .collapsible-nav-list li:hover a:not([aria-current="page"]) {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}

.collapsible-nav-list li:not([aria-selected="true"]),
.collapsible-nav-list li:not(.current) {
  display: none;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected="true"]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"] {
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected="true"],
.collapsible-nav-list li.current {
  order: 0;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid var(--hc-brand);
    order: 1;
  }
}

.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
  color: var(--hc-text);
}

.collapsible-nav[aria-expanded="true"] li:not([aria-selected="true"]),
.collapsible-nav[aria-expanded="true"] li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}

.collapsible-sidebar-title {
  margin-top: 0;
}

.collapsible-sidebar-toggle {
  position: absolute;
  top: calc(45px / 2);
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}

.collapsible-sidebar-toggle-icon {
  display: none;
}

.collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid var(--hc-brand);
}

.collapsible-sidebar-body {
  display: none;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}

.collapsible-sidebar[aria-expanded="true"] {
  max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: var(--hc-active);
  margin-bottom: 20px;
}

.my-activities-sub-nav {
  margin-bottom: 30px;
}

.my-activities-table .striped-list-title {
  /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}

@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.my-activities-table thead {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}

@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}

.my-activities-table td:not(:first-child) {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}

.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}

.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}

.requests-table-toolbar .request-table-filter {
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

.requests-table-toolbar .request-filter {
  display: block;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir="rtl"] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}

.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}

@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
  [dir="rtl"] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}

.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}

.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}

.requests-table-toolbar + .requests {
  margin-top: 40px;
}

.requests .requests-table-meta {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}

.requests .requests-table thead {
  display: none;
}

@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}

.requests .requests-table-info {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}

.requests .requests-table .requests-link {
  position: relative;
}

.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}

.subscriptions-table td:last-child {
  display: block;
}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}

.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}

.subscriptions-table .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: var(--hc-muted);
  font-size: 13px;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: var(--hc-muted);
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}

.request-container .comment-container {
  min-width: 0;
}

.request-breadcrumbs {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}

.request-main {
  flex: 1 0 auto;
  order: 1;
}

.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}

.request-main .comment-fields.shown {
  display: block;
}

.request-main .request-submit-comment.shown {
  display: inline;
}

@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}

.request-main .comment-form-controls {
  display: block;
}

.request-main .comment-ccs {
  display: block;
}

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid var(--hc-border);
  color: var(--hc-muted);
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}

.request-main .comment-show-container.hidden {
  display: none;
}

.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid var(--hc-brand);
}

.request-main .form-field.comment-ccs > input[type="text"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid var(--hc-brand);
}

.request-main input#mark_as_solved {
  display: none;
}

.request-title {
  width: 100%;
}

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid var(--hc-border);
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid var(--hc-border);
  border-top: 1px solid var(--hc-border);
  flex: 1 0 auto;
  order: 0;
}

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: var(--hc-subtle);
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}

.request-sidebar h2 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1024px) {
  .request-sidebar h2 {
    display: none;
  }
}

.request-details {
  border-bottom: 1px solid var(--hc-border);
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

.request-details:last-child {
  border: 0;
}

.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}

.request-details dd {
  padding: 0 10px;
  width: 60%;
}

.request-details dd::after {
  content: "\A";
  white-space: pre;
}

.request-details dt {
  color: var(--hc-muted);
  width: 40%;
}

.request-details .request-collaborators {
  display: inline-block;
}

.request-attachments dt, .request-attachments dd {
  width: 100%;
}

.request-attachments dd {
  margin: 10px 0 0 0;
}

.request-form textarea {
  min-height: 120px;
}

.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}

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

.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}

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

.pagination-next-link {
  padding-right: 10px;
}

.pagination-next-text {
  margin-right: 10px;
}

[dir="rtl"] .pagination-next-link {
  padding-left: 10px;
}

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

.pagination-prev-link {
  padding-left: 10px;
}

.pagination-prev-text {
  margin-left: 10px;
}

[dir="rtl"] .pagination-prev-link {
  padding-right: 10px;
}

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

/***** Metadata *****/
.meta-group {
  display: block;
}

.meta-group-opposite {
  float: right;
}

[dir="rtl"] .meta-group-opposite {
  float: left;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: var(--hc-muted);
  font-size: 13px;
}

.meta-data:not(:last-child)::after {
  content: "\00B7";
  margin: 0 5px;
}

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: var(--hc-subtle);
}

.profile-header .container {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .container {
    flex-wrap: nowrap;
  }
}

.profile-header .profile-info {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}

[dir="rtl"] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-avatar .user-avatar {
  width: 80px;
  height: 80px;
}

.profile-avatar .icon-agent {
  bottom: 0;
  right: 0;
}

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  margin-top: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  [dir="rtl"] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
  }
  .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  [dir="rtl"] .profile-header .options > :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}

.user-profile-actions {
  width: 100%;
  margin-bottom: 15px;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-stats {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  color: var(--hc-muted);
  flex: 0 0 100px;
  margin-right: 10px;
}

[dir="rtl"] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px var(--hc-border);
  margin-top: 15px;
}

@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
  [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px var(--hc-border);
}

@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir="rtl"] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir="rtl"] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px var(--hc-brand);
  border-radius: 4px;
  color: var(--hc-brand);
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}

@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: var(--hc-active);
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}

@media (min-width: 1024px) {
  .profile-section {
    width: calc(100% - 330px);
  }
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
}

.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: var(--hc-muted);
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px var(--hc-border);
  font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}

[dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir="rtl"] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-items {
  margin-top: 25px;
}

.profile-badges-item {
  border-top: 1px solid var(--hc-border);
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}

.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}

.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}

.profile-badges-item-image img {
  max-height: 40px;
}

[dir="rtl"] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}

.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}

.profile-badges-item-title {
  font-weight: 600;
}

.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: var(--hc-muted);
  font-size: 13px;
  margin: 0;
}

.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}

[dir="rtl"] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  padding: 20px 0;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  font-size: 15px;
  vertical-align: middle;
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
  border-top: 1px solid var(--hc-border);
}

@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
  [dir="rtl"] .profile-contribution-list > .profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid var(--hc-border);
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}

[dir="rtl"] .profile-contribution-icon {
  right: 0;
}

.profile-contribution-icon svg {
  vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}

[dir="rtl"] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}

[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: var(--hc-muted);
}

.private-activity-icon {
  margin-right: 10px;
}

[dir="rtl"] .private-activity-icon {
  margin-right: 0;
  margin-left: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }
  [dir="rtl"] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid var(--hc-border);
  }
  [dir="rtl"] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid var(--hc-border);
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}

[dir="rtl"] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}

[dir="rtl"] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: inline;
}

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: var(--hc-subtle);
}

@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir="rtl"] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: var(--hc-bg);
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}

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

@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
  [dir="rtl"] .profile-activity-icon {
    right: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}

.search-results-column {
  flex: 1;
}

@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
  }
}

.search-results-sidebar {
  border-top: 1px solid var(--hc-border);
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}

.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: var(--hc-subtle);
  color: inherit;
  text-decoration: none;
}

.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}

.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}

.search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
  display: none;
}

@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
    display: block;
  }
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n + 6) {
  display: none;
}

.search-results-sidebar .multibrand-filter-list .doc-count {
  color: var(--hc-muted);
}

.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: var(--hc-link);
}

.search-results-sidebar .see-all-filters[aria-hidden="true"] {
  display: none;
}

.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}

.search-results-sidebar .see-all-filters::after {
  content: ' \2304';
  font-weight: bold;
}

.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.025em;
}

.search-results-list {
  margin-bottom: 25px;
}

.search-results-list > li {
  padding: 20px 0;
}

.search-results-list > li:first-child {
  border-top: 1px solid var(--hc-border);
}

.search-results-list > li h2 {
  margin-bottom: 0;
}

.search-results .meta-group {
  display: block;
  align-items: center;
  clear: both;
  color: var(--hc-muted);
}

@media (min-width: 1024px) {
  .search-results .meta-group {
    display: flex;
  }
}

.search-results .meta-group > li {
  display: block;
}

@media (min-width: 1024px) {
  .search-results .meta-group > li {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .search-results .meta-group li:first-child {
    flex: 1;
  }
}

.search-results .meta-group .meta-data {
  color: inherit;
}

[dir="ltr"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-right: 20px;
}

[dir="rtl"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-left: 20px;
}

.search-results .meta-group .meta-data::after {
  content: none;
}

.search-results-description {
  margin-top: 10px;
  word-break: break-word;
}

.search-result-title {
  font-size: 16px;
  display: inline-block;
}

[dir="ltr"] .search-result-icons {
  float: right;
}

[dir="rtl"] .search-result-icons {
  float: left;
}

.search-result-votes, .search-result-meta-count {
  color: var(--hc-muted);
  display: inline-block;
  font-size: 13px;
  padding: 4px 5px;
  position: relative;
}

.search-result-votes-icon, .search-result-meta-count-icon {
  color: var(--hc-brand);
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

[dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count {
  margin-left: 5px;
}

[dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before {
  margin-right: 3px;
}

[dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count {
  margin-right: 5px;
}

[dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before {
  margin-left: 3px;
}

.search-result .meta-group {
  align-items: center;
}

.search-result-breadcrumbs {
  display: inline-flex;
  margin: 0;
}

.search-results-list .meta-group {
  align-items: center;
  color: var(--hc-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  gap: 2px 10px;
}

.search-results-list .meta-group > li {
  align-items: center;
  display: inline-flex;
}

.search-results-list .search-result-breadcrumbs li a,
.search-results-list .meta-data {
  color: var(--hc-muted);
  font-size: 13px;
}

.search-results-sidebar:not(:has(section)) {
  display: none;
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs {
    display: table-row;
  }
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs li {
    display: table-cell;
  }
}

.search-result-breadcrumbs li, .search-result-breadcrumbs li a, .search-result-breadcrumbs li a:visited {
  color: inherit;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|="zh"] .search-results-description em {
  font-style: normal;
  background: yellow;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height .2s;
  width: 100%;
  color: var(--hc-text);
}

.notification a {
  color: #158ec2;
}

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

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

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

.notification + .notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

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

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

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

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

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

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: var(--hc-text);
  cursor: pointer;
  opacity: .6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

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

[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");
  margin: -2px 5px 0 0;
}

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

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

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

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

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

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

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}

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

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

.dropdown-menu {
  background: var(--hc-surface);
  border: 1px solid var(--hc-border);
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}

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

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

.dropdown-menu [role="separator"] {
  border-bottom: 1px solid var(--hc-border);
  color: var(--hc-muted);
  display: block;
  font-weight: normal;
  font-size: 11px;
  padding: 5px 0;
  margin: 5px 20px 10px 20px;
}

.dropdown-menu [role="menuitem"] {
  color: var(--hc-text);
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}

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

.dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
  background: var(--hc-subtle);
  text-decoration: none;
  color: var(--hc-text);
}

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

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

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

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

.dropdown-menu-end {
  left: auto;
  right: 0;
}

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

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

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

.dropdown-chevron-icon {
  vertical-align: middle;
}

/* ==========================================================================
   Assembled Help Center layer
   Everything below styles the redesigned header, navigation, home, category,
   section, article and search pages, and restyles shared Copenhagen pieces.
   ========================================================================== */

/***** Buttons *****/
.hc-button {
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--hc-radius-sm);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  height: 38px;
  justify-content: center;
  line-height: 1;
  padding: 0 16px;
  text-decoration: none !important;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
  white-space: nowrap;
}

.hc-button--primary {
  background-color: var(--hc-button);
  color: var(--hc-brand-contrast);
}

.hc-button--primary:hover,
.hc-button--primary:focus-visible {
  background-color: color-mix(in srgb, var(--hc-button) 82%, #000);
  color: var(--hc-brand-contrast);
}

.hc-button--secondary {
  background-color: var(--hc-surface);
  border-color: var(--hc-border-strong);
  color: var(--hc-text);
}

.hc-button--secondary:hover,
.hc-button--secondary:focus-visible {
  background-color: var(--hc-subtle);
  border-color: var(--hc-border-hover);
  color: var(--hc-text);
}

.hc-button--small {
  border-radius: var(--hc-radius-sm);
  font-size: 13px;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
}

.hc-button--icon {
  padding: 0;
  width: 32px;
}

.hc-button-group {
  display: inline-flex;
}

.hc-button-group .hc-button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.hc-button-group .hc-button + .hc-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;
}

.hc-button-group .hc-button.is-done {
  color: var(--hc-brand-strong);
}

/* Zendesk-rendered buttons (follow, pagination, forms) */
.button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
  background-color: var(--hc-surface);
  border: 1px solid var(--hc-border-strong);
  border-radius: var(--hc-radius-sm);
  color: var(--hc-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 30px;
  padding: 0 14px;
}

.button:hover, .split-button button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .subscriptions-subscribe button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .button:active, .split-button button:active, .section-subscribe button:active, .article-subscribe button:active, .community-follow button:active, .requests-table-toolbar .organization-subscribe button:active, .subscriptions-subscribe button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .button:focus, .split-button button:focus, .section-subscribe button:focus, .article-subscribe button:focus, .community-follow button:focus, .requests-table-toolbar .organization-subscribe button:focus, .subscriptions-subscribe button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus {
  background-color: var(--hc-subtle);
  border-color: var(--hc-border-hover);
  color: var(--hc-text);
  text-decoration: none;
}

.button.button-primary, .split-button button.button-primary, .section-subscribe button.button-primary, .section-subscribe button[data-selected="true"], .article-subscribe button.button-primary, .article-subscribe button[data-selected="true"], .community-follow button.button-primary, .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected="true"], .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected="true"], .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link,
.button.button-primary:hover, .section-subscribe button[data-selected="true"]:hover, .article-subscribe button[data-selected="true"]:hover, .subscriptions-subscribe button[data-selected="true"]:hover, .button.button-primary:focus, .button.button-primary:active {
  background-color: var(--hc-button);
  border-color: var(--hc-button);
  color: var(--hc-brand-contrast);
}

.button-large, input[type="submit"] {
  background-color: var(--hc-button);
  border: 0;
  border-radius: 10px;
  color: var(--hc-brand-contrast);
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  min-width: 180px;
  padding: 0 22px;
}

.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
  background-color: color-mix(in srgb, var(--hc-button) 84%, #fff);
}

.button-large[disabled], input[type="submit"][disabled] {
  background-color: var(--hc-active);
  color: var(--hc-muted);
}

.button-secondary {
  border: 1px solid var(--hc-border-strong);
  border-radius: var(--hc-radius-sm);
  color: var(--hc-text);
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  background-color: var(--hc-subtle);
  border-color: var(--hc-border-hover);
  color: var(--hc-text);
}

/***** Scrolling *****/
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

.hc-search-open {
  overflow: hidden;
}

/***** Keyboard hint *****/
.hc-kbd {
  background: var(--hc-canvas);
  border: 1px solid var(--hc-border-strong);
  border-radius: 6px;
  color: var(--hc-muted);
  font-family: var(--hc-font-mono);
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.5;
  padding: 1px 6px;
  white-space: nowrap;
}

/***** Top bar *****/
/* Fixed, like the sidebar and Zendesk's agent bar, so none of them moves when the page bounces
   at its top or bottom (macOS and iOS overscroll). .hc-topbar-spacer, right after it in
   header.hbs, holds its place. The spacer must come after Zendesk's #navbar-container: that
   holds an invisible placeholder for the agent bar with a huge z-index, so if the top bar's space
   came first (padding on body, say), the placeholder would sit over the top bar and take its clicks. */
.hc-topbar-spacer {
  height: var(--hc-topbar-h);
}

.hc-topbar {
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  backdrop-filter: saturate(180%) blur(12px);
  background-color: color-mix(in srgb, var(--hc-bg) 90%, transparent);
  border-bottom: 1px solid var(--hc-border);
  height: var(--hc-topbar-h);
  left: 0;
  position: fixed;
  right: 0;
  top: var(--hc-adminbar-h);
  z-index: 50;
}

.hc-topbar-inner {
  align-items: center;
  display: flex;
  gap: 8px;
  height: 100%;
  padding: 0 20px 0 24px;
}

.hc-icon-button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: var(--hc-radius-sm);
  color: var(--hc-text);
  cursor: pointer;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.hc-icon-button:hover {
  background-color: var(--hc-hover);
}

.hc-menu-toggle {
  display: none;
  margin-left: -8px;
}

.hc-brand {
  flex-shrink: 0;
  margin-right: auto;
}

.hc-brand-link {
  align-items: center;
  color: var(--hc-text);
  display: inline-flex;
  gap: 12px;
  text-decoration: none !important;
}

.hc-brand-logo {
  display: block;
  height: 20px;
  width: auto;
}

.hc-brand-label {
  border-left: 1px solid var(--hc-border-strong);
  color: var(--hc-text-secondary);
  font-family: var(--hc-font-text);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 20px;
  padding-left: 12px;
}

.hc-brand-name {
  color: var(--hc-muted);
  font-size: 14px;
}

.hc-topnav {
  align-items: center;
  display: flex;
  gap: 2px;
}

.hc-topnav-link,
.hc-topnav a {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: var(--hc-radius-sm);
  color: color-mix(in srgb, var(--hc-text) 82%, transparent);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  gap: 6px;
  line-height: 1;
  padding: 9px 10px;
  text-decoration: none !important;
  white-space: nowrap;
}

.hc-topnav-link:hover,
.hc-topnav a:hover {
  background-color: var(--hc-hover);
  color: var(--hc-text);
}

.hc-topbar-actions {
  align-items: center;
  display: flex;
  gap: 8px;
}

.hc-locale .dropdown-toggle {
  font-size: 14px;
}

.hc-search-trigger {
  align-items: center;
  background-color: var(--hc-surface);
  border: 1px solid var(--hc-border-strong);
  border-radius: var(--hc-radius-sm);
  color: var(--hc-muted);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  gap: 8px;
  height: 36px;
  margin-left: 6px;
  min-width: 196px;
  padding: 0 7px 0 11px;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.hc-search-trigger:hover {
  border-color: var(--hc-border-hover);
  box-shadow: var(--hc-shadow-sm);
}

.hc-search-trigger-label {
  flex: 1;
  text-align: left;
}

.hc-signin {
  margin-left: 2px;
}

.hc-user-toggle {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: var(--hc-text);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  gap: 8px;
  padding: 3px 8px 3px 3px;
}

.hc-user-toggle:hover {
  background-color: var(--hc-hover);
}

.hc-user-toggle .user-avatar {
  height: 28px;
  width: 28px;
}

.user-info .dropdown-toggle::after {
  display: none;
}

/***** Dropdown menus *****/
.dropdown-menu {
  background-color: var(--hc-floating);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  box-shadow: var(--hc-shadow-lg);
  min-width: 200px;
  padding: 6px;
}

.dropdown-menu [role="menuitem"] {
  border-radius: var(--hc-radius-sm);
  color: var(--hc-text);
  font-size: 14px;
  padding: 8px 12px;
}

.dropdown-menu [role="menuitem"]:hover,
.dropdown-menu [role="menuitem"]:focus {
  background-color: var(--hc-hover);
  text-decoration: none;
}

/***** Search dialog *****/
.hc-search-modal {
  align-items: flex-start;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 12vh 16px 16px;
  position: fixed;
  z-index: 100;
}

.hc-search-backdrop {
  animation: hc-fade-in .15s ease;
  background: rgba(11, 18, 21, 0.32);
  inset: 0;
  position: absolute;
}

.hc-search-dialog {
  animation: hc-pop-in .18s ease;
  background-color: var(--hc-floating);
  border: 1px solid var(--hc-border);
  border-radius: 14px;
  box-shadow: var(--hc-shadow-lg);
  max-width: 640px;
  position: relative;
  width: 100%;
}

.hc-search-field {
  align-items: center;
  border-bottom: 1px solid var(--hc-border);
  display: flex;
  gap: 12px;
  padding: 0 14px 0 20px;
}

.hc-search-field-icon {
  color: var(--hc-muted);
  flex-shrink: 0;
}

.hc-search-dialog .hc-search-form {
  flex: 1;
  margin: 0;
  position: static;
}

.hc-search-dialog .hc-search-form input[type="search"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  box-shadow: none !important;
  color: var(--hc-text);
  font-size: 17px;
  height: 60px;
  outline: none;
  padding: 0;
  width: 100%;
}

.hc-search-dialog .hc-search-form input[type="search"]::placeholder {
  color: color-mix(in srgb, var(--hc-muted) 80%, transparent);
}

.hc-search-dialog .hc-search-form input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.hc-search-esc {
  cursor: pointer;
  flex-shrink: 0;
}

.hc-search-hint {
  color: var(--hc-muted);
  font-size: 12.5px;
  margin: 0;
  padding: 10px 20px 12px;
}

/* Zendesk instant search results inside the dialog */
.hc-search-dialog zd-autocomplete {
  background-color: var(--hc-floating) !important;
  border: 1px solid var(--hc-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--hc-shadow-lg) !important;
  left: 0 !important;
  max-height: 56vh;
  overflow-y: auto;
  padding: 6px !important;
  top: calc(100% + 8px) !important;
  width: 100% !important;
}

.hc-search-dialog zd-autocomplete-option {
  border-radius: 10px;
}

.hc-search-dialog zd-autocomplete-option[aria-selected="true"],
.hc-search-dialog zd-autocomplete-option:hover {
  background-color: var(--hc-hover) !important;
}

/***** Page layout *****/
.hc-layout {
  display: grid;
  grid-template-columns: var(--hc-sidebar-w) minmax(0, 1fr);
  min-height: calc(100vh - var(--hc-header-h));
}

.hc-layout--article {
  grid-template-columns: var(--hc-sidebar-w) minmax(0, 1fr) var(--hc-toc-w);
}

.hc-layout--article.hc-layout--no-toc {
  grid-template-columns: var(--hc-sidebar-w) minmax(0, 1fr);
}

.hc-main {
  min-width: 0;
  padding: 40px 48px 96px;
}

/* The sidebar is fixed, so it takes no grid cell. Place the other columns explicitly. */
.hc-layout > .hc-main {
  grid-column: 2;
}

.hc-layout > .hc-toc {
  grid-column: 3;
}

.hc-content {
  margin: 0 auto;
  max-width: 780px;
}

.hc-content--home {
  max-width: 900px;
}

.hc-page {
  padding: 40px 24px 96px;
}

.hc-page-inner {
  margin: 0 auto;
  max-width: 1040px;
}

/***** Sidebar navigation *****/
/* Fixed rather than sticky, so the footer doesn't push the sidebar up the page at the bottom.
   The footer starts to its right instead (see Footer). */
.hc-sidebar {
  background-color: var(--hc-canvas);
  border-right: 1px solid var(--hc-border);
  bottom: 0;
  left: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  position: fixed;
  scrollbar-color: var(--hc-border-strong) transparent;
  scrollbar-width: thin;
  top: var(--hc-header-h);
  width: var(--hc-sidebar-w);
  background-image: linear-gradient(to bottom, var(--hc-canvas) 16%, color-mix(in srgb, var(--hc-brand) 9%, var(--hc-canvas)) 100%);
}

.hc-sidebar--drawer-only {
  display: none;
}

.hc-sidebar-inner {
  padding: 20px 12px 48px;
}

.hc-drawer-links {
  border-bottom: 1px solid var(--hc-border);
  display: none;
  margin: 0 0 12px;
  padding: 0 0 12px;
}

.hc-drawer-links a {
  border-radius: 10px;
  color: var(--hc-text);
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 10px;
}

.hc-drawer-links a:hover {
  background-color: var(--hc-hover);
  text-decoration: none;
}

.hc-drawer-links .hc-drawer-signin {
  display: none;
}

@media (max-width: 640px) {
  .hc-drawer-links .hc-drawer-signin {
    display: block;
  }
}

.hc-nav {
  font-size: 14px;
}

.hc-nav-list,
.hc-nav-children {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.hc-nav-children {
  border-left: 1px solid var(--hc-border);
  margin: 4px 0 12px 19px;
  padding-left: 10px;
}

.hc-nav-row {
  align-items: center;
  border-radius: var(--hc-radius-sm);
  display: flex;
  transition: background-color .12s ease;
}

.hc-nav-row:hover {
  background-color: var(--hc-hover);
}

.hc-nav-link {
  align-items: center;
  color: color-mix(in srgb, var(--hc-text) 86%, transparent);
  display: flex;
  flex: 1;
  gap: 10px;
  line-height: 1.4;
  min-width: 0;
  padding: 8px 8px 8px 10px;
  text-decoration: none !important;
}

.hc-nav-link:hover {
  color: var(--hc-text);
}

.hc-nav-item--category > .hc-nav-row > .hc-nav-link {
  color: var(--hc-text);
  font-weight: 500;
}

.hc-nav-children .hc-nav-link {
  font-size: 13.5px;
  padding-bottom: 7px;
  padding-top: 7px;
}

.hc-nav-item--article .hc-nav-link {
  color: var(--hc-muted);
}

/* The current page and its branch change color and background, never weight, so labels don't
   widen and rewrap when they're selected. */
.hc-nav-item.is-current-branch > .hc-nav-row > .hc-nav-link {
  color: var(--hc-text);
}

.hc-nav-link[aria-current="page"] {
  color: var(--hc-text) !important;
}

.hc-nav-row:has(> .hc-nav-link[aria-current="page"]) {
  background-color: var(--hc-active);
}

.hc-nav-row.is-current {
  background-color: var(--hc-active);
}

.hc-nav-icon {
  color: var(--hc-muted);
  display: inline-flex;
  flex-shrink: 0;
  height: 18px;
  width: 18px;
}

.hc-nav-icon svg {
  height: 18px;
  width: 18px;
}

.is-current-branch > .hc-nav-row .hc-nav-icon {
  color: var(--hc-brand-strong);
}

.hc-nav-caret {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 7px;
  color: var(--hc-muted);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  height: 28px;
  justify-content: center;
  margin-right: 3px;
  width: 28px;
}

.hc-nav-caret:hover {
  background-color: var(--hc-active);
  color: var(--hc-text);
}

.hc-nav-caret svg {
  transition: transform .18s ease;
}

.hc-nav-caret[aria-expanded="true"] svg {
  transform: rotate(90deg);
}

.hc-nav-status {
  color: var(--hc-muted);
  font-size: 13px;
  padding: 6px 10px;
}

.hc-nav-more {
  color: var(--hc-link);
  font-size: 13px;
  font-weight: 500;
  padding: 6px 10px;
}

.hc-nav-skeleton span {
  animation: hc-shimmer 1.4s ease-in-out infinite;
  background: linear-gradient(90deg, var(--hc-hover), var(--hc-active), var(--hc-hover));
  background-size: 200% 100%;
  border-radius: 6px;
  display: block;
  height: 14px;
  margin: 14px 10px;
  width: 72%;
}

.hc-nav-skeleton span:nth-child(even) {
  width: 56%;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  align-items: center;
  color: var(--hc-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  gap: 2px 0;
  margin: 0 0 20px;
  padding: 0;
}

.breadcrumbs li {
  align-items: center;
  display: inline-flex;
  max-width: 320px;
  min-width: 0;
}

.breadcrumbs li + li::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6 3.5L10.5 8 6 12.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6 3.5L10.5 8 6 12.5'/%3E%3C/svg%3E") center / contain no-repeat;
  background-color: currentColor;
  content: "";
  flex-shrink: 0;
  height: 12px;
  margin: 0 6px;
  opacity: .7;
  width: 12px;
}

.breadcrumbs li a {
  color: var(--hc-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumbs li a:hover {
  color: var(--hc-text);
}

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

.sub-nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 24px;
  min-height: 0;
  padding: 0;
}

.sub-nav .breadcrumbs {
  margin: 0;
}

/***** Home: hero *****/
.hc-hero {
  padding: 28px 0 8px;
}

.hc-hero-title {
  font-size: clamp(36px, 4.4vw, 52px);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.1;
  margin: 0 0 14px;
  max-width: 18ch;
}

.hc-hero-subtitle {
  color: var(--hc-muted);
  font-size: 17px;
  line-height: 1.55;
  margin: 0 0 28px;
  max-width: 54ch;
}

.hc-hero-search {
  align-items: center;
  background-color: var(--hc-surface);
  border: 1px solid var(--hc-border-strong);
  border-radius: var(--hc-radius-lg);
  box-shadow: var(--hc-shadow-sm);
  color: var(--hc-muted);
  cursor: text;
  display: flex;
  font-size: 15px;
  gap: 12px;
  height: 54px;
  max-width: 580px;
  padding: 0 12px 0 18px;
  text-align: left;
  transition: border-color .15s ease, box-shadow .15s ease;
  width: 100%;
}

.hc-hero-search:hover {
  border-color: var(--hc-border-hover);
  box-shadow: var(--hc-shadow);
}

.hc-hero-search-placeholder {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hc-hero-search--inline {
  margin-bottom: 32px;
  max-width: none;
}

.hc-hero-search--inline .hc-hero-search-placeholder {
  color: var(--hc-text);
}

/***** Home: Cal illustration *****/
/* Cal is the standard red Cal from the app (Cal-OG.svg), inlined in home_page.hbs. He keeps his real
   colors in both modes; in dark mode a white sticker outline keeps his black
   linework visible against the dark background. */
.hc-hero--with-art {
  align-items: center;
  display: grid;
  gap: 24px 40px;
  grid-template-columns: minmax(0, 1fr) clamp(150px, 19vw, 210px);
}

.hc-hero-art {
  display: flex;
  justify-content: center;
}

.hc-cal {
  display: block;
  height: auto;
  overflow: visible;
  width: 100%;
}

[data-theme="dark"] .hc-cal {
  filter:
    drop-shadow(5px 0 0 #fff)
    drop-shadow(-5px 0 0 #fff)
    drop-shadow(0 5px 0 #fff)
    drop-shadow(0 -5px 0 #fff);
}

@media (max-width: 720px) {
  .hc-hero--with-art {
    grid-template-columns: 1fr;
  }

  .hc-hero-art {
    display: none;
  }
}

/***** Content blocks *****/
.hc-block {
  margin-top: 52px;
}

.hc-block-title {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.025em;
  margin: 0 0 18px;
}

.hc-block-title--small {
  color: var(--hc-muted);
  font-family: var(--hc-font-text);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .07em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/* Article rows */
.hc-rows {
  border-top: 1px solid var(--hc-border);
}

.hc-rows > li {
  border-bottom: 1px solid var(--hc-border);
}

.hc-row {
  align-items: center;
  border-radius: var(--hc-radius-sm);
  color: var(--hc-text);
  display: flex;
  font-size: 15px;
  font-weight: 500;
  gap: 10px;
  line-height: 1.45;
  margin: 2px 0;
  padding: 10px 8px;
  text-decoration: none !important;
  transition: background-color .12s ease;
}

.hc-row:hover {
  background-color: var(--hc-hover);
  color: var(--hc-text);
}

.hc-row-title {
  flex: 1;
  min-width: 0;
}

.hc-row-icon {
  color: var(--hc-muted);
  flex-shrink: 0;
}

.hc-row-icon {
  transition: transform .15s ease;
}

.hc-row:hover .hc-row-icon {
  color: var(--hc-text);
  transform: translateX(2px);
}

.hc-lock {
  color: var(--hc-muted);
  flex-shrink: 0;
  vertical-align: -2px;
}

.hc-badge {
  background-color: var(--hc-brand-soft);
  border-radius: 999px;
  color: var(--hc-brand-strong);
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 2px 8px;
}

.hc-more-link {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 4px;
  margin-top: 14px;
}

.hc-empty {
  color: var(--hc-muted);
}

/* Topic cards */
.hc-cards {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.hc-cards > li {
  display: flex;
}

.hc-card {
  background-color: var(--hc-surface);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius-lg);
  color: var(--hc-text);
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  text-decoration: none !important;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.hc-card:hover {
  border-color: var(--hc-border-strong);
  box-shadow: var(--hc-shadow);
  color: var(--hc-text);
  transform: translateY(-1px);
}

.hc-card-head {
  border-bottom: 1px solid var(--hc-border);
  display: flex;
  padding: 18px 20px 16px;
}

.hc-card-icon {
  align-items: center;
  background-color: var(--hc-brand-soft);
  border-radius: var(--hc-radius-sm);
  color: var(--hc-brand-strong);
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.hc-card-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 20px 22px;
}

.hc-card-title {
  font-family: var(--hc-font-heading);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.3;
}

.hc-card-desc {
  color: var(--hc-muted);
  font-size: 14px;
  line-height: 1.5;
}

.hc-card--wide {
  padding: 20px;
}

.hc-cards--compact {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  margin-bottom: 32px;
}

.hc-cards--compact .hc-card {
  gap: 4px;
  padding: 16px 18px;
}

.hc-cards--compact .hc-card-title {
  font-size: 16px;
}

/* Recent activity (Zendesk helper) */
.hc-activity .recent-activity-header {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.025em;
  margin-bottom: 14px;
  text-align: left;
}

.hc-activity .recent-activity-list {
  border-top: 1px solid var(--hc-border);
}

.hc-activity .recent-activity-item {
  border-bottom: 1px solid var(--hc-border);
  padding: 14px 8px;
}

.hc-activity .recent-activity-item-parent {
  color: var(--hc-muted);
  font-family: var(--hc-font-text);
  font-size: 12.5px;
  font-weight: 500;
  margin-bottom: 2px;
}

.hc-activity .recent-activity-item-parent a {
  color: var(--hc-muted);
}

.hc-activity .recent-activity-item-link {
  color: var(--hc-text);
  font-size: 15px;
  font-weight: 500;
}

.hc-activity .recent-activity-item-meta,
.hc-activity .recent-activity-item-time {
  color: var(--hc-muted);
  font-size: 12.5px;
}

.hc-activity .recent-activity-controls a {
  font-size: 14px;
  font-weight: 600;
}

/* Contact callout */
.hc-contact {
  align-items: center;
  background: linear-gradient(135deg, var(--hc-brand-soft) 0%, var(--hc-canvas) 60%);
  border: 1px solid var(--hc-border);
  border-radius: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 32px;
  justify-content: space-between;
  margin-top: 64px;
  padding: 28px 32px;
}

.hc-contact-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 6px;
  letter-spacing: -0.025em;
}

.hc-contact-text {
  color: var(--hc-muted);
  margin: 0;
  max-width: 48ch;
}

.hc-contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/***** Category and section pages *****/
.hc-page-header {
  margin: 0 0 36px;
}

.hc-page-header-row {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.hc-page-icon {
  display: block;
  margin-bottom: 18px;
}

.hc-page-icon [data-hc-icon] {
  align-items: center;
  background-color: var(--hc-brand-soft);
  border-radius: var(--hc-radius);
  color: var(--hc-brand-strong);
  display: inline-flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.hc-page-icon [data-hc-icon] svg {
  height: 22px;
  width: 22px;
}

.hc-page-title {
  font-size: clamp(30px, 3.4vw, 40px);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.1;
  margin: 0 0 12px;
}

.hc-page-desc {
  color: var(--hc-muted);
  font-size: 16.5px;
  line-height: 1.55;
  margin: 0;
  max-width: 62ch;
}

.section-subscribe,
.article-subscribe {
  flex-shrink: 0;
}

.hc-groups {
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.hc-group-title {
  font-size: 21px;
  font-weight: 600;
  margin: 0 0 12px;
  letter-spacing: -0.025em;
}

.hc-group-title a {
  color: var(--hc-text);
}

/***** Article page *****/
.hc-article {
  margin: 0 auto;
  max-width: 740px;
}

.hc-article-header {
  margin: 0 0 32px;
}

.hc-article-title {
  font-size: clamp(30px, 3.4vw, 40px);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.1;
  margin: 0 0 16px;
}

.hc-article-meta-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  justify-content: space-between;
}

.hc-article-meta {
  align-items: center;
  color: var(--hc-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 13.5px;
  gap: 8px;
}

.hc-author {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.hc-author a {
  color: var(--hc-text);
  font-weight: 500;
}

.hc-author-avatar {
  border-radius: 50%;
  height: 24px;
  width: 24px;
}

.hc-article-actions {
  align-items: center;
  display: flex;
  gap: 8px;
}

/* Article body typography */
.hc-article-body {
  color: var(--hc-text);
  font-size: 16px;
  line-height: 1.72;
  overflow-wrap: break-word;
}

.hc-article-body > :first-child {
  margin-top: 0;
}

.hc-article-body p {
  margin: 0 0 18px;
}

.hc-article-body h2 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.25;
  margin: 48px 0 16px;
}

.hc-article-body h3 {
  font-family: var(--hc-font-text);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.005em;
  line-height: 1.35;
  margin: 32px 0 12px;
}

.hc-article-body h4,
.hc-article-body h5,
.hc-article-body h6 {
  font-family: var(--hc-font-text);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 24px 0 8px;
}

.hc-article-body h2 + h3 {
  margin-top: 20px;
}

.hc-article-body a {
  color: var(--hc-link);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--hc-link) 38%, transparent);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.hc-article-body a:hover {
  text-decoration-color: currentColor;
}

.hc-article-body a:visited {
  color: var(--hc-link-visited);
}

.hc-article-body strong,
.hc-article-body b {
  font-weight: 600;
}

.hc-article-body ul,
.hc-article-body ol {
  margin: 0 0 20px;
  padding-left: 26px;
}

.hc-article-body ul {
  list-style: disc;
}

.hc-article-body ol {
  list-style: decimal;
}

.hc-article-body ul ul {
  list-style: circle;
}

.hc-article-body ul ul ul {
  list-style: square;
}

.hc-article-body li {
  margin: 8px 0;
  padding-left: 2px;
}

.hc-article-body li::marker {
  color: var(--hc-muted);
}

.hc-article-body ol > li::marker {
  font-weight: 500;
}

.hc-article-body li > p {
  margin: 0 0 8px;
}

.hc-article-body li > ul,
.hc-article-body li > ol {
  margin: 6px 0 8px;
}

/* The theme, not the article, sets image size: every image is 90% of the content column, so it
   sits a little inside the text, centered, keeping its aspect ratio. Images in a table fill their
   cell. The width and height attributes the editor adds are ignored; an image resized in the
   Guide editor (an inline style width) keeps that size. */
.hc-article-body img {
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  display: block;
  height: auto;
  margin: 24px auto;
  max-width: 100%;
  width: 90%;
}

.hc-article-body li img {
  margin-block: 12px;
}

.hc-article-body td img {
  width: 100%;
}

/* A small element or a narrow image shows at 50%. script.js adds hc-img-small to images under
   700 pixels wide or taller than they are wide. To set it by hand, add class="hc-img-small" or
   end the image URL with #small, such as https://…/123#small. */
.hc-article-body img.hc-img-small,
.hc-article-body img[src$="#small"] {
  width: 50%;
}

@media (max-width: 640px) {
  .hc-article-body img.hc-img-small,
  .hc-article-body img[src$="#small"] {
    width: 75%;
  }
}

/* An icon that sits inside a sentence, sized to the text. script.js adds hc-img-inline to small
   images in a line of text; class="hc-img-inline" or a URL ending in #inline sets it by hand. */
.hc-article-body img.hc-img-inline,
.hc-article-body img[src$="#inline"] {
  border: 0;
  border-radius: 0;
  display: inline;
  height: 1.25em;
  margin: 0;
  vertical-align: -0.25em;
  width: auto;
}

.hc-article-body figure {
  margin: 24px 0;
}

.hc-article-body figure img {
  display: block;
}

.hc-article-body figure.image-style-align-center,
.hc-article-body .wysiwyg-text-align-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.hc-article-body figcaption {
  color: var(--hc-muted);
  font-size: 13px;
  margin-top: 8px;
  text-align: center;
}

.hc-article-body .wysiwyg-image-align-left {
  float: left;
  margin: 4px 20px 12px 0;
}

.hc-article-body .wysiwyg-image-align-right {
  float: right;
  margin: 4px 0 12px 20px;
}

.hc-article-body .wysiwyg-underline {
  text-decoration: underline;
}

.hc-article-body .wysiwyg-indent1 { padding-left: 24px; }
.hc-article-body .wysiwyg-indent2 { padding-left: 48px; }
.hc-article-body .wysiwyg-indent3 { padding-left: 72px; }

.hc-article-body code {
  background-color: var(--hc-canvas);
  border-radius: 6px;
  font-family: var(--hc-font-mono);
  font-size: .86em;
  padding: .15em .4em;
  border: 1px solid var(--hc-border);
}

.hc-article-body pre {
  background-color: var(--hc-code-bg);
  border-radius: var(--hc-radius);
  color: #E8EEF0;
  font-family: var(--hc-font-mono);
  font-size: 13.5px;
  line-height: 1.6;
  margin: 22px 0;
  overflow-x: auto;
  padding: 18px 20px;
  position: relative;
  tab-size: 2;
}

.hc-article-body pre code {
  background: none;
  border-radius: 0;
  color: inherit;
  font-size: inherit;
  padding: 0;
  border: 0;
}

.hc-code {
  position: relative;
}

.hc-code-copy {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 7px;
  color: rgba(255, 255, 255, 0.78);
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  opacity: 0;
  padding: 4px 9px;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: opacity .15s ease, background-color .15s ease;
  z-index: 1;
}

.hc-code:hover .hc-code-copy,
.hc-code-copy:focus-visible {
  opacity: 1;
}

.hc-code-copy:hover {
  background: rgba(255, 255, 255, 0.16);
}

.hc-article-body blockquote {
  border-left: 3px solid var(--hc-brand);
  color: color-mix(in srgb, var(--hc-text) 80%, transparent);
  margin: 22px 0;
  padding: 2px 0 2px 18px;
}

/* Body callouts (styleCallouts in script.js): paragraphs that start with a bold label, framed like
   the request callout. Zendesk-style types: Note: is Info, Keep in mind: is Tip, Important: is
   Warning. Early access: opens early access articles, so it gets its own color and a filled icon. */
.hc-article-callout {
  --hc-callout-hue: var(--hc-link);
  --hc-callout-ink: var(--hc-link);
  --hc-callout-tint: 6%;
  --hc-callout-edge: 26%;
  background-color: color-mix(in srgb, var(--hc-callout-hue) var(--hc-callout-tint), var(--hc-bg));
  border: 1px solid color-mix(in srgb, var(--hc-callout-hue) var(--hc-callout-edge), var(--hc-border));
  border-radius: var(--hc-radius-lg);
  display: flex;
  font-size: 15px;
  gap: 12px;
  line-height: 1.65;
  margin: 24px 0;
  padding: 14px 18px;
}

.hc-article-callout--keep-in-mind {
  --hc-callout-hue: var(--hc-brand);
  --hc-callout-ink: var(--hc-brand-strong);
}

.hc-article-callout--important {
  --hc-callout-hue: var(--hc-warning);
  --hc-callout-ink: var(--hc-warning-strong);
  --hc-callout-tint: 8%;
  --hc-callout-edge: 34%;
}

.hc-article-callout--early-access {
  --hc-callout-hue: var(--hc-early);
  --hc-callout-ink: var(--hc-early-strong);
  --hc-callout-tint: 8%;
  --hc-callout-edge: 34%;
  gap: 14px;
}

.hc-article-callout-icon {
  color: var(--hc-callout-ink);
  flex-shrink: 0;
  margin-top: 3px;
}

.hc-article-callout--early-access .hc-article-callout-icon {
  background-color: var(--hc-callout-ink);
  border-radius: var(--hc-radius-sm);
  box-sizing: content-box;
  color: var(--hc-bg);
  height: 16px;
  margin-top: -1px;
  padding: 5px;
  width: 16px;
}

/* An Early access label that names the stage ("Early access (Alpha):") is a header: the words, then
   the stage as a badge like the product's, gold for Alpha and green for Beta, linked to what the
   stage means. The parentheses and colon stay in the text for screen readers and Copy as Markdown. */
.hc-article-body .hc-article-callout--staged .hc-article-callout-label {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 4px;
}

.hc-article-callout-stage-punct {
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.hc-article-body a.hc-article-callout-stage,
.hc-article-body a.hc-article-callout-stage:visited {
  --hc-stage: var(--hc-warning);
  --hc-stage-ink: var(--hc-warning-strong);
  background-color: color-mix(in srgb, var(--hc-stage) 14%, var(--hc-bg));
  border: 1px solid color-mix(in srgb, var(--hc-stage) 45%, var(--hc-border));
  border-radius: 999px;
  color: var(--hc-stage-ink);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 18px;
  padding: 0 8px;
  text-decoration: none;
}

.hc-article-body a.hc-article-callout-stage--beta,
.hc-article-body a.hc-article-callout-stage--beta:visited {
  --hc-stage: var(--hc-brand);
  --hc-stage-ink: var(--hc-brand-strong);
}

.hc-article-body a.hc-article-callout-stage:hover {
  background-color: color-mix(in srgb, var(--hc-stage) 26%, var(--hc-bg));
  border-color: var(--hc-stage-ink);
}

.hc-article-callout-body {
  flex: 1;
  min-width: 0;
}

.hc-article-body .hc-article-callout-body > p {
  margin: 0;
}

.hc-article-body .hc-article-callout-body > ul,
.hc-article-body .hc-article-callout-body > ol {
  margin: 6px 0 0;
  padding-left: 18px;
}

.hc-article-body .hc-article-callout-body li {
  margin: 4px 0 0;
}

.hc-article-body .hc-article-callout-body > p > strong:first-child {
  color: var(--hc-callout-ink);
}

li > .hc-article-callout {
  margin: 12px 0;
}

/* The dark page is near black, so the tints need a little more color to read as a box. */
[data-theme="dark"] .hc-article-callout {
  --hc-callout-tint: 9%;
}

[data-theme="dark"] .hc-article-callout--important,
[data-theme="dark"] .hc-article-callout--early-access {
  --hc-callout-tint: 12%;
}

.hc-article-body hr {
  border: 0;
  border-top: 1px solid var(--hc-border);
  margin: 40px 0;
}

.hc-article-body iframe {
  border: 0;
  border-radius: var(--hc-radius);
  max-width: 100%;
}

.hc-article-body iframe[src*="youtube"],
.hc-article-body iframe[src*="youtu.be"],
.hc-article-body iframe[src*="vimeo"],
.hc-article-body iframe[src*="loom.com"],
.hc-article-body iframe[src*="wistia"],
.hc-article-body iframe[src*="vidyard"] {
  aspect-ratio: 16 / 9;
  height: auto;
  width: 100%;
}

/* Tables. script.js wraps every article table in .hc-table-wrap, a rounded frame that scrolls
   sideways when the table is wider than the column. */
.hc-table-wrap {
  background-color: var(--hc-surface);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius-lg);
  margin: 28px 0;
  overflow-x: auto;
}

.hc-article-body table {
  border-collapse: collapse;
  font-size: 14.5px;
  line-height: 1.55;
  width: 100%;
}

.hc-article-body th,
.hc-article-body td {
  border-bottom: 1px solid var(--hc-border);
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
}

.hc-article-body tr:last-child > td {
  border-bottom: 0;
}

.hc-article-body th,
.hc-article-body thead td {
  background-color: var(--hc-subtle);
  border-bottom-color: var(--hc-border-strong);
  color: var(--hc-text-secondary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding-bottom: 10px;
  padding-top: 10px;
}

/* The first column names the row, so it's always the same weight whatever the article says. */
.hc-article-body tbody td:first-child {
  color: var(--hc-text);
  font-weight: 600;
  min-width: 8rem;
}

.hc-article-body tbody td:first-child strong,
.hc-article-body tbody td:first-child b {
  font-weight: inherit;
}

/* Images in a table fill their cell, like images elsewhere fill the column. */
.hc-article-body td img {
  margin-block: 12px;
}

.hc-article-body table p {
  margin: 0;
}

.hc-article-body table p + p {
  margin-top: 8px;
}

.hc-article-body table ul,
.hc-article-body table ol {
  margin-bottom: 0;
}

/* Accordions authored in article bodies */
.hc-article-body .accordion {
  align-items: center;
  background-color: var(--hc-surface);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  color: var(--hc-text);
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  gap: 12px;
  justify-content: space-between;
  margin: 0 0 8px;
  padding: 14px 16px;
  text-align: left;
  transition: border-color .15s ease, background-color .15s ease;
  width: 100%;
}

.hc-article-body .accordion:hover {
  border-color: var(--hc-border-strong);
}

.hc-article-body .accordion p {
  display: inline;
  margin: 0;
}

.hc-article-body .accordion::after {
  color: var(--hc-muted);
  content: "+";
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.hc-article-body .accordion.active {
  border-radius: var(--hc-radius) var(--hc-radius) 0 0;
  margin-bottom: 0;
}

.hc-article-body .accordion.active::after {
  content: "\2212";
}

.hc-article-body .panel {
  background-color: var(--hc-surface);
  border: 1px solid transparent;
  border-radius: 0 0 var(--hc-radius) var(--hc-radius);
  border-top: 0;
  margin-bottom: 8px;
  max-height: 0;
  overflow: hidden;
  padding: 0 16px;
  transition: max-height .2s ease-out;
}

.hc-article-body .accordion.active + .panel {
  border-color: var(--hc-border);
}

.hc-article-body .panel > :first-child {
  margin-top: 14px;
}

/* Access box: a collapsed box at the top of an article listing the plans, add-ons and roles a
   feature needs. It matches .hc-requirements in the Astro help center (src/styles/starlight.css),
   framed like tables. Zendesk strips SVG from article bodies, so the key icon and the caret, which
   the Astro site draws as inline SVG, are masks on the summary's ::before and ::after here. The
   rules are scoped to .hc-article-body so the article's paragraph and link styles don't win. */
.hc-article-body .hc-requirements {
  background-color: var(--hc-surface);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius-lg);
  color: var(--hc-text);
  font-size: 14.5px;
  line-height: 1.55;
  margin: 4px 0 36px;
  overflow: hidden;
}

.hc-article-body .hc-requirements-summary {
  --hc-requirements-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M196,76a16,16,0,1,1-16-16A16,16,0,0,1,196,76Zm48,22.74A84.3,84.3,0,0,1,160.11,180H160a83.52,83.52,0,0,1-23.65-3.38l-7.86,7.87A12,12,0,0,1,120,188H108v12a12,12,0,0,1-12,12H84v12a12,12,0,0,1-12,12H40a20,20,0,0,1-20-20V187.31a19.86,19.86,0,0,1,5.86-14.14l53.52-53.52A84,84,0,1,1,244,98.74ZM202.43,53.57A59.48,59.48,0,0,0,158,36c-32,1-58,27.89-58,59.89a59.69,59.69,0,0,0,4.2,22.19,12,12,0,0,1-2.55,13.21L44,189v23H60V200a12,12,0,0,1,12-12H84V176a12,12,0,0,1,12-12h19l9.65-9.65a12,12,0,0,1,13.22-2.55A59.58,59.58,0,0,0,160,156h.08c32,0,58.87-26.07,59.89-58A59.55,59.55,0,0,0,202.43,53.57Z'/%3E%3C/svg%3E");
  --hc-requirements-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='m4.5 2.5 3.5 3.5-3.5 3.5'/%3E%3C/svg%3E");
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 12px 16px;
  transition: background-color .12s ease;
}

.hc-article-body .hc-requirements-summary::-webkit-details-marker {
  display: none;
}

.hc-article-body .hc-requirements-summary::before {
  background-color: var(--hc-brand-strong);
  content: "";
  flex-shrink: 0;
  height: 16px;
  -webkit-mask: var(--hc-requirements-key) center / contain no-repeat;
  mask: var(--hc-requirements-key) center / contain no-repeat;
  width: 16px;
}

.hc-article-body .hc-requirements-summary::after {
  background-color: var(--hc-muted);
  content: "";
  flex-shrink: 0;
  height: 12px;
  -webkit-mask: var(--hc-requirements-caret) center / contain no-repeat;
  mask: var(--hc-requirements-caret) center / contain no-repeat;
  transition: transform .15s ease;
  width: 12px;
}

.hc-article-body .hc-requirements[open] > .hc-requirements-summary::after {
  transform: rotate(90deg);
}

.hc-article-body .hc-requirements-summary:hover {
  background-color: var(--hc-hover);
}

.hc-article-body .hc-requirements-summary:focus-visible {
  box-shadow: inset var(--hc-focus-ring);
  outline: none;
}

.hc-article-body .hc-requirements[open] > .hc-requirements-summary {
  background-color: var(--hc-subtle);
  border-bottom: 1px solid var(--hc-border);
}

.hc-article-body .hc-requirements-gist {
  color: var(--hc-text);
  flex: 1;
  font-weight: 500;
  min-width: 0;
}

.hc-article-body .hc-requirements-list {
  margin: 0;
}

.hc-article-body .hc-requirements-list > div {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  padding: 12px 16px;
}

.hc-article-body .hc-requirements-list > div + div {
  border-top: 1px solid var(--hc-border);
}

.hc-article-body .hc-requirements-list dt {
  color: var(--hc-text);
  font-weight: 600;
}

.hc-article-body .hc-requirements-list dd {
  color: var(--hc-text-secondary);
  margin: 0;
}

.hc-article-body .hc-requirements-list dd strong {
  color: var(--hc-text);
  font-weight: 600;
}

/* The Astro site's box sits outside the article body, so its links have the plain site link
   style: no underline until hover. */
.hc-article-body .hc-requirements a {
  color: var(--hc-link);
  font-weight: inherit;
  text-decoration: none;
}

.hc-article-body .hc-requirements a:hover,
.hc-article-body .hc-requirements a:focus {
  text-decoration: underline;
  text-decoration-color: currentColor;
}

.hc-article-body .hc-requirements-detail {
  color: var(--hc-muted);
  display: block;
  font-size: 13.5px;
  margin-top: 2px;
}

.hc-article-body .hc-requirements-detail strong {
  color: var(--hc-text-secondary);
}

/* The "Plans and permissions:" paragraph and list the box was built from (styleRequirements). */
.hc-article-body .hc-requirements-source[hidden] {
  display: none;
}

.hc-article-body .hc-requirements-foot {
  background-color: var(--hc-subtle);
  border-top: 1px solid var(--hc-border);
  color: var(--hc-muted);
  font-size: 13.5px;
  padding: 12px 16px;
}

.hc-article-body .hc-requirements-foot p {
  margin: 0;
}

.hc-article-body .hc-requirements-foot p + p {
  margin-top: 6px;
}

.hc-article-body .hc-requirements-foot strong {
  color: var(--hc-text-secondary);
  font-weight: 600;
}

@media (max-width: 640px) {
  .hc-article-body .hc-requirements-list > div {
    gap: 2px;
    grid-template-columns: 1fr;
  }
}

/* Forced colors mode drops background colors, which would hide the masked icons. */
@media (forced-colors: active) {
  .hc-article-body .hc-requirements-summary::before,
  .hc-article-body .hc-requirements-summary::after {
    background-color: CanvasText;
    forced-color-adjust: none;
  }
}

/* Attachments */
.article-attachments {
  margin-top: 28px;
}

/* Article footer */
.hc-article-footer {
  border-top: 1px solid var(--hc-border);
  margin-top: 48px;
  padding-top: 28px;
}

.hc-feedback {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
}

.hc-feedback-question {
  font-size: 15px;
  font-weight: 600;
}

.hc-feedback-controls {
  display: flex;
  gap: 8px;
}

.hc-vote {
  align-items: center;
  background-color: var(--hc-surface);
  border: 1px solid var(--hc-border-strong);
  border-radius: 999px;
  color: var(--hc-text);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  gap: 7px;
  height: 34px;
  padding: 0 15px 0 12px;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.hc-vote::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round' d='M5 7l2.6-5c.9 0 1.6.7 1.6 1.6V6h3.4c.8 0 1.4.7 1.3 1.5l-.8 5.2c-.1.7-.7 1.3-1.4 1.3H5zM2 7h3v7H2z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round' d='M5 7l2.6-5c.9 0 1.6.7 1.6 1.6V6h3.4c.8 0 1.4.7 1.3 1.5l-.8 5.2c-.1.7-.7 1.3-1.4 1.3H5zM2 7h3v7H2z'/%3E%3C/svg%3E") center / contain no-repeat;
  background-color: currentColor;
  content: "";
  height: 16px;
  width: 16px;
}

.hc-vote-down::before {
  transform: rotate(180deg);
}

.hc-vote:hover {
  border-color: var(--hc-border-hover);
}

.hc-vote.is-selected,
.hc-vote[aria-checked="true"] {
  background-color: var(--hc-button);
  border-color: var(--hc-button);
  color: var(--hc-brand-contrast);
}

.hc-feedback-count {
  color: var(--hc-muted);
  font-size: 13px;
}

.hc-feedback-count:empty {
  display: none;
}

.article-share {
  margin-top: 20px;
}

/* Related and recently viewed articles (Zendesk helpers), set apart from the article by a divider */
.hc-article-relatives {
  border-top: 1px solid var(--hc-border);
  display: grid;
  gap: 36px;
  margin-top: 56px;
  padding-top: 40px;
}

.hc-article-relatives:empty,
.hc-article-relatives:not(:has(a)) {
  display: none;
}

.related-articles h2, .related-articles h3,
.recent-articles h2, .recent-articles h3 {
  font-family: var(--hc-font-heading);
  font-size: 21px;
  font-weight: 600;
  margin: 0 0 12px;
  letter-spacing: -0.02em;
}

.related-articles ul,
.recent-articles ul {
  border-top: 1px solid var(--hc-border);
}

.related-articles li,
.recent-articles li {
  border-bottom: 1px solid var(--hc-border);
  margin: 0;
  padding: 0;
}

.related-articles li a,
.recent-articles li a {
  align-items: center;
  border-radius: var(--hc-radius-sm);
  color: var(--hc-text);
  display: flex;
  font-size: 15px;
  font-weight: 500;
  gap: 12px;
  justify-content: space-between;
  margin: 2px 0;
  padding: 10px 8px;
  text-decoration: none;
}

.related-articles li a::after,
.recent-articles li a::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 3.5 4.5 4.5L6 12.5' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 3.5 4.5 4.5L6 12.5' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  background-color: var(--hc-muted);
  content: "";
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}

.related-articles li a:hover,
.recent-articles li a:hover {
  background-color: var(--hc-hover);
}

/* List rows end in a chevron that nudges right on hover. */
.related-articles li a::after,
.recent-articles li a::after {
  transition: transform .15s ease;
}

.related-articles li a:hover::after,
.recent-articles li a:hover::after {
  background-color: var(--hc-text);
  transform: translateX(2px);
}

/* Request callout */
.hc-callout {
  align-items: center;
  background-color: var(--hc-canvas);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius-lg);
  display: flex;
  font-size: 14.5px;
  gap: 12px;
  margin-top: 44px;
  padding: 16px 18px;
}

.hc-link-button {
  background: none;
  border: 0;
  color: var(--hc-link);
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  padding: 0;
}

.hc-link-button:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.hc-callout-icon {
  color: var(--hc-brand-strong);
  flex-shrink: 0;
}

.hc-callout-text a {
  font-weight: 600;
}

.hc-callout-text p,
.hc-callout-text .article-more-questions {
  margin: 0;
}

.article-comments {
  margin-top: 48px;
}

/***** On this page *****/
.hc-toc {
  align-self: start;
  max-height: calc(100vh - var(--hc-header-h));
  overflow-y: auto;
  padding: 44px 24px 40px 4px;
  position: sticky;
  scrollbar-width: thin;
  top: var(--hc-header-h);
}

.hc-toc-title {
  color: var(--hc-text);
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 14px;
}

.hc-toc-list {
  border-left: 1px solid var(--hc-border);
  list-style: none;
  margin: 0;
  padding: 0;
}

.hc-toc-list a {
  border-left: 2px solid transparent;
  color: var(--hc-muted);
  display: block;
  font-size: 13px;
  line-height: 1.45;
  margin-left: -1px;
  padding: 6px 0 6px 14px;
  text-decoration: none !important;
  transition: color .12s ease, border-color .12s ease;
}

.hc-toc-list a:hover {
  color: var(--hc-text);
}

/* Like the sidebar, the current heading changes color, not weight. */
.hc-toc-list a.is-active {
  border-left-color: var(--hc-brand);
  color: var(--hc-text);
}

.hc-toc-list .hc-toc-sub a {
  padding-left: 28px;
}

/***** Search results *****/
.search-results-subheading {
  font-family: var(--hc-font-heading);
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.015em;
}

.search-results-list > li {
  border-bottom: 1px solid var(--hc-border);
  padding: 20px 0;
}

.search-results-list > li:first-child {
  border-top: 1px solid var(--hc-border);
}

.search-result-title {
  font-family: var(--hc-font-text);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 6px;
}

.search-result-title a {
  color: var(--hc-text);
}

.search-results-description {
  color: var(--hc-muted);
  font-size: 14.5px;
  margin-top: 6px;
}

.search-results-description em {
  background-color: color-mix(in srgb, var(--hc-brand) 18%, transparent);
  border-radius: 3px;
  color: var(--hc-text);
  font-style: normal;
  font-weight: 600;
  padding: 0 2px;
}

.search-result-breadcrumbs {
  margin: 0;
}

.sidenav-title {
  font-family: var(--hc-font-text);
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 8px;
  position: relative;
}

.sidenav-item {
  border-radius: var(--hc-radius-sm);
  color: var(--hc-text);
  display: block;
  font-size: 14px;
  margin-bottom: 2px;
  padding: 7px 10px;
}

.sidenav-item:hover,
.sidenav-item.current {
  background-color: var(--hc-active);
  color: var(--hc-text);
  text-decoration: none;
}

/***** Error page *****/
.hc-error {
  margin: 8vh auto;
  max-width: 560px;
  text-align: center;
}

.hc-error-eyebrow {
  color: var(--hc-brand-strong);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.hc-error-title {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.025em;
  margin: 0 0 12px;
}

.hc-error-text {
  color: var(--hc-muted);
  margin: 0 0 28px;
}

.hc-error-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 28px;
}

/***** Shared Copenhagen pieces *****/
.page-header h1 {
  font-size: 34px;
  letter-spacing: -0.02em;
}

.page-header-description {
  color: var(--hc-muted);
}

.form-field input:not([type="checkbox"]):not([type="radio"]),
.form-field .nesty-input,
.form-field textarea,
.form-field .hc-multiselect-toggle {
  background-color: var(--hc-surface);
  border: 1px solid var(--hc-border-strong);
  border-radius: var(--hc-radius-sm);
  min-height: 42px;
}

.form-field label {
  font-size: 14px;
  font-weight: 600;
}

.striped-list-item,
.my-activities-table tr,
.requests-table tr {
  border-color: var(--hc-border);
}

.status-label {
  border-radius: 999px;
}

.pagination {
  margin: 32px 0 0;
}

.pagination-current {
  font-weight: 600;
}

/***** Footer *****/
.hc-footer {
  background-color: var(--hc-footer-bg);
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  position: relative;
  z-index: 1;
}

/* On pages with the sidebar, the footer starts to its right so the sidebar runs the full height. */
body:has(.hc-layout > .hc-sidebar) .hc-footer {
  margin-left: var(--hc-sidebar-w);
}

.hc-footer-inner {
  display: grid;
  gap: 48px;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 2fr);
  margin: 0 auto;
  max-width: 1200px;
  padding: 64px 32px 44px;
}

.hc-footer-logo {
  display: block;
  height: 24px;
  width: auto;
}

.hc-footer-tagline {
  color: rgba(255, 255, 255, 0.58);
  line-height: 1.55;
  margin: 18px 0 0;
  max-width: 34ch;
}

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

.hc-footer-heading {
  color: #fff;
  font-family: var(--hc-font-text);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  margin: 0 0 14px;
}

.hc-footer-col li + li {
  margin-top: 10px;
}

.hc-footer a {
  color: rgba(255, 255, 255, 0.72);
}

.hc-footer a:hover {
  color: #fff;
}

.hc-footer-bottom {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1200px;
  padding: 20px 32px 32px;
}

.hc-footer .dropdown-toggle {
  background: transparent;
  border: 0;
  color: rgba(255, 255, 255, 0.72);
  cursor: pointer;
  font-size: 13px;
}


/***** Theme toggle and dark mode details *****/
.hc-theme-toggle .hc-icon-sun,
[data-theme="dark"] .hc-theme-toggle .hc-icon-moon {
  display: none;
}

[data-theme="dark"] .hc-theme-toggle .hc-icon-sun {
  display: block;
}

.hc-brand-logo--dark,
[data-theme="dark"] .hc-brand-logo--light {
  display: none;
}

[data-theme="dark"] .hc-brand-logo--dark {
  display: block;
}

[data-theme="dark"] .hc-button--primary:hover,
[data-theme="dark"] .hc-button--primary:focus-visible,
[data-theme="dark"] .button-large:hover,
[data-theme="dark"] input[type="submit"]:hover {
  background-color: color-mix(in srgb, var(--hc-button) 78%, #fff);
}

[data-theme="dark"] .hc-article-body pre {
  border: 1px solid var(--hc-border);
}

[data-theme="dark"] .hc-article-body img {
  border-color: var(--hc-border-strong);
}

[data-theme="dark"] .hc-footer {
  border-top: 1px solid var(--hc-border);
}

[data-theme="dark"] .hc-search-backdrop,
[data-theme="dark"] .hc-drawer-overlay {
  background: rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%239DA3B4' stroke-linecap='round' stroke-width='1.4' d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");
}

/***** Animations *****/
@keyframes hc-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes hc-pop-in {
  from { opacity: 0; transform: translateY(-6px) scale(.985); }
  to { opacity: 1; transform: none; }
}

@keyframes hc-shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

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

/***** Responsive *****/
@media (max-width: 1279px) {
  .hc-layout--article {
    grid-template-columns: var(--hc-sidebar-w) minmax(0, 1fr);
  }

  .hc-toc {
    display: none;
  }
}

@media (max-width: 1023px) {
  .hc-layout,
  .hc-layout--article {
    display: block;
  }

  body:has(.hc-layout > .hc-sidebar) .hc-footer {
    margin-left: 0;
  }

  .hc-sidebar,
  .hc-sidebar--drawer-only {
    border-right: 1px solid var(--hc-border);
    display: block;
    height: calc(100% - var(--hc-adminbar-h));
    left: 0;
    position: fixed;
    top: var(--hc-adminbar-h);
    transform: translateX(-100%);
    transition: transform .22s ease, visibility 0s linear .22s;
    visibility: hidden;
    width: min(320px, 86vw);
    z-index: 70;
  }

  .hc-drawer-open .hc-sidebar {
    box-shadow: var(--hc-shadow-lg);
    transform: none;
    transition: transform .22s ease, visibility 0s;
    visibility: visible;
  }

  .hc-drawer-open {
    overflow: hidden;
  }

  .hc-drawer-overlay {
    animation: hc-fade-in .15s ease;
    background: rgba(11, 18, 21, 0.32);
    inset: 0;
    position: fixed;
    z-index: 65;
  }

  .hc-drawer-links {
    display: block;
  }

  .hc-menu-toggle {
    display: inline-flex;
  }

  .hc-topnav {
    display: none;
  }

  .hc-topbar-inner {
    padding: 0 12px 0 16px;
  }

  .hc-search-trigger {
    justify-content: center;
    min-width: 0;
    padding: 0;
    width: 36px;
  }

  .hc-search-trigger-label,
  .hc-search-trigger .hc-kbd {
    display: none;
  }

  .hc-main {
    padding: 28px 20px 72px;
  }

  .hc-footer-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .hc-hide-sm,
  .hc-topbar .hc-signin {
    display: none;
  }

  .hc-brand-label {
    font-size: 17px;
  }

  .hc-brand-logo {
    height: 19px;
  }

  .hc-hero-search .hc-kbd {
    display: none;
  }

  .hc-cards {
    grid-template-columns: 1fr;
  }

  .hc-contact {
    padding: 22px;
  }

  .hc-page-header-row {
    flex-direction: column;
  }

  .hc-footer-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hc-footer-inner,
  .hc-footer-bottom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hc-search-modal {
    padding-top: 12px;
  }

  .hc-article-callout {
    gap: 10px;
    padding: 12px 14px;
  }
}

@media print {
  .hc-topbar,
  .hc-topbar-spacer,
  .hc-sidebar,
  .hc-toc,
  .hc-footer,
  .hc-article-actions,
  .hc-article-footer,
  .hc-article-relatives,
  .hc-callout {
    display: none !important;
  }

  .hc-layout {
    display: block;
  }

  .hc-main {
    padding: 0;
  }
}