@charset "UTF-8";
/***** 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;
  min-height: calc(100vh - 187px);
}

@media screen and (max-width: 768px) {
  main {
  	min-height: calc(100vh - 152px);
	}
}

:root{
  --container-max-width: 796px;
  --font-family-heading: 'Inter', sans-serif;
  --font-family-body: 'Inter', sans-serif;
  --font-size-xl: 24px;
  --font-size-lg: 20px;
  --font-size-rg: 16px;
  --font-size-md: 14px;
  --font-size-sm: 12px;
  --font-size-h1: 56px;
  --font-size-h2: 48px;
  --font-size-h3: 40px;
  --font-size-h4: 32px;
  --font-weight-bold: 600;
  --font-weight-normal: 400;
  --color-primary-1: rgba(243, 235, 221, 1);
  --color-primary-light: color-mix(in srgb, var(--color-primary-1) 90%, white 10%);
  --color-1: #322F3D;
  --color-2: #635362;
  --color-3: #9a9a9a;
  --color-4: #E9EBED;
  --color-transparent: transparent;
  --background-color: var(--color-1);
  --font-color: var(--color-4);

  --border-color: var(--color-3);
  --border-styling-dashed: 1px dashed var(--border-color);
  --border-styling-solid: 1px solid var(--border-color);
  --hover-opacity: 1;
  --ht-animation: none;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-color: var(--border-color);
  opacity: .3;
}

a {
  background-color: transparent;
}

p{
  margin-top: 16px;
  margin-bottom: 16px;

}

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

b,
strong {
  font-weight: bold;
}

code,
kbd,
samp, pre {
  font-family: "Fira Code", monospace;
  font-optical-sizing: auto;
}

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

@media screen and (min-width: 515px){
  .desktop-hidden{
   	display: none !important;
  }
}

@media screen and (max-width: 514px){
  .mobile-hidden{
   	display: none !important;
  }
}

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

body {
  background-color: var(--background-color);
  font-family: var(--font-family-body);
  color: var(--font-color);
  font-size: var(--font-size-rg);
  font-weight: var(--font-weight-normal);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-heading);
  margin-top: 0;
}

h1 {
	color: var(--color-4);
	margin-top: 0;
	margin-bottom: 16px;
	font-size: var(--font-size-h1);
	font-weight: var(--font-weight-bold);
	line-height: normal;
}

h2 {
  color: var(--color-4);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-bold);
  line-height: normal;
}

h3 {
  color: var(--color-4);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold);
  line-height: normal;
}

h4 {
  color: var(--color-4);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  line-height: normal;
}



a {
  color: var(--color-4);
  text-decoration: underline;
  transition: var(--ht-animation);
}
a:visited {
  color: var(--color-4);
}

a.btn {
	text-decoration: none;
}

.font-sm, .wysiwyg-font-size-small{
  font-size: var(--font-size-sm)
}

.font-m, .wysiwyg-font-size-medium{
  font-size: var(--font-size-md)
}

.font-lg, .wysiwyg-font-size-large{
  font-size: var(--font-size-lg)
}

.font-xl, .wysiwyg-font-size-x-large{
  font-size: var(--font-size-xl)
}

.no-margin{
  margin: 0;
}

.border-bottom{
  border-bottom: var(--border-styling-dashed);
  border-spacing: 5px;
}

.ht-container-32, .recent-articles, .related-articles, .no-requests-message {
  background-color: var(--color-2);
  padding: 32px;
  width: 100%;
  border-radius: var(--border-radius);
}

.no-requests-message {
  font-size: var(--font-size-sm);
}

@media screen and (max-width: 796px) {
  .ht-container-32, .recent-articles, .related-articles {
    padding: 32px 16px;
  }
}

/*Subtitle Styling*/
.subtitle{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: var(--color-primary-1);
  font-weight: 500;
}

.subtitle-markers{
  color: var(--color-primary-1);
  margin: 0;
}

.hbs-form input:not(.btn),
.hbs-form textarea, .search input,
.search textarea {
  color: #000;
  font-size: 14px;
}
.hbs-form input, .search input {
  max-width: 100%;
  box-sizing: border-box;
  transition: var(--ht-animation);
}
.hbs-form input:where(:not([type=checkbox])), .search input:where(:not([type=checkbox])) {
  outline: none;
}
.hbs-form input:where(:not([type=checkbox], [type=submit])):focus, .search input:where(:not([type=checkbox])):focus {
  border: 1px solid var(--color-3);
}
.hbs-form input:[disabled], .search input[disabled] {
  background-color: #ddd;
}
.hbs-form select, .search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/hc/theming_assets/01K2Y841R0B2A0BF3CYAXG95FQ); 
  background-repeat: no-repeat;
  background-position: 98% center; 
  background-size: 12px;
  border: 1px solid var(--color-3);
  border-radius: var(--border-radius-sm);
  padding: 11px 30px 11px 15px;
  outline: none;
  color: var(--color-4);
  width: 100%;
  cursor: pointer;
}

.hbs-form select::-ms-expand, .search select::-ms-expand {
  display: none;
}
.hbs-form textarea, .search textarea {
  border: var(--border-styling-solid);
  border-radius: var(--border-radius-sm);
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
  background-color: var(--color-1);
  color: var(--color-4);
}
.hbs-form textarea:focus, .search textarea:focus {
  border: 1px solid var(--color-3);
}

.container {
  max-width: var(--container-max-width);
  margin: 0 auto;
}

@media screen and (max-width: 812px) {
  .container {
    max-width: calc(100% - 32px);
  }
}

.container-divider {
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
}

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

ul:empty, p:empty {
  display: none;
}


.error-page {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.error-page{
	
}
.error-page p, .error-page h3{
  margin:0;
}

.back-home{
  font-size: var(--font-size-md);
  transition: var(--ht-animation);
  font-weight: var(--font-weight-bold);
  color: var(--color-4);
}

.back-home:visited{
  color: var(--color-4);
}

.back-home:hover{
  opacity: var(--hover-opacity);
}

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

/***** Buttons *****/
.btn, .search input[type=submit], .recent-activity-controls a, .category-section-link, .section-subscribe button, .article-subscribe button, .community-follow button, .user-follow button, .post-follow button, .subscriptions-subscribe button, .pagination-prev-link, .pagination-first-link, .pagination-next-link, .pagination-last-link, .split-button button, #new-request-form button[type='submit'], .status-label{
  border-radius: var(--border-radius-xs);
  font-family: var(--font-family-body);
  text-align: center;
  border-width: 0;
  padding: 4px 8px;
	font-size: var(--font-size-sm);
	font-weight: 700;
  transition: var(--ht-animation);
  display: inline-block;
  line-height: normal;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

.btn-primary, .post-follow button, .community-follow button, .user-follow button, .recent-activity-controls a, .category-section-link, .search input[type=submit],.section-subscribe button, .article-subscribe button, .subscriptions-subscribe button[data-selected=true], .pagination-prev-link, .pagination-first-link, .pagination-next-link, .pagination-last-link, #new-request-form button[type='submit'] {
  background-color: var(--color-primary-1);
  color: var(--color-1);
}

.btn-primary:hover, .btn-tertiary:hover, .community-follow button:hover, .user-follow button:hover, .post-follow button:hover, .recent-activity-controls a:hover, .category-section-link:hover, .search input[type=submit]:hover, .section-subscribe button:hover, .article-subscribe button:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-next-link:hover, .pagination-last-link:hover, #new-request-form button[type='submit']:hover, .subscriptions-subscribe button:hover, .split-button button:hover {
	color: var(--color-primary-1);
  background-color: var(--color-1);
  box-shadow: inset 0 0 0 1px var(--color-primary-1);
  text-decoration: none;
  cursor: pointer;
}

.btn-primary:visited, .recent-activity-controls a:visited, .category-section-link:visited, .search input[type=submit]:visited, .section-subscribe button:visited, .article-subscribe button:visited,.pagination-prev-link:visited, .pagination-first-link:visited, .pagination-next-link:visited, .pagination-last-link:visited, #new-request-form button[type='submit']:visited {
  color: var(--color-1);
}
.btn-primary:visited:hover, .recent-activity-controls a:visited:hover, .category-section-link:visited:hover, .search input[type=submit]:visited:hover, .section-subscribe button:visited:hover, .article-subscribe button:visited:hover, #new-request-form button[type='submit']:visited:hover {
  color: var(--color-primary-1);
}

.btn-primary.btn-invert {
  color: var(--color-primary-1);
  background-color: var(--color-1);
  text-decoration: none;
  cursor: pointer;
}

.btn-primary.btn-invert:hover {
  background-color: var(--color-primary-1);
  color: var(--color-1);
  box-shadow: inset 0 0 0 1px var(--color-1);
}

.btn-secondary, .subscriptions-subscribe button, .split-button button {
  background-color: var(--color-primary-1);
  color: var(--color-1);
  border: none;
}

.btn-secondary:hover {
	cursor: pointer;
  background: var(--color-3);
  opacity: 1;
}

.btn-secondary:visited {
  color: var(--color-2);
}

.btn-secondary:visited:hover {
  color: var(--color-2);
}

.btn-tertiary{
  background-color: var(--color-2);
  color: var(--color-1);
}

.btn-tertiary:visited, .btn-tertiary:focus, .btn-tertiary:hover{
  color: var(--color-1);
}


.btn-featured, .btn-featured:visited {
  color: var(--color-primary-1);
  box-shadow: inset 0 0 0 1px var(--color-primary-1);
}

.btn-featured:hover {
	opacity: var(--hover-opacity);
}

.btn-outline, .status-label {
  background-color: transparent;
  color: var(--color-primary-1);
  box-shadow: inset 0 0 0 1px var(--color-primary-1);
}

.btn-outline-invert {
  background-color: transparent;
  color: var(--color-4);
  border: 2px solid var(--color-4);
}

.btn-outline:hover, .btn-outline[aria-pressed=true] {
  background-color: var(--color-2);
  border-color: var(--color-2);
  color: var(--color-1);
  cursor: pointer;
  text-decoration: none;
}

.btn-outline-invert:hover, .btn-outline-invert[aria-pressed=true]{
  color: var(--color-4);
  cursor: pointer;
}

.btn-outline:visited, .community-follow button:visited, .split-button button:visited, .user-follow button:visited {
  color: var(--color-2);
}

.btn-outline-invert:visited{
  color: var(--color-4);
}

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

.table th,
.table th a {
  color: var(--color-4);
  text-align: left;
}

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

.table td {
 	display: table-cell;
}


.my-activities-table.table{
  border-collapse: separate;
  border-spacing: 0px 16px;
  margin-top: -16px;
  margin-bottom: -16px;
}

.my-activities-table.table th{
 padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: var(--border-styling-solid);
  font-size: var(--font-size-sm);
  color: var(--color-4);
}

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

.my-activities-table.table td {
  background-color: var(--color-1);
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  color: var(--color-4);
  font-size: var(--font-size-sm);
  border-top: var(--border-styling-solid);
  border-bottom: var(--border-styling-solid);
}
.my-activities-table.table td:first-child {
  border-left: var(--border-styling-solid);
}
.my-activities-table.table td:last-child {
  border-right: var(--border-styling-solid);
}

.my-activities-table.table tr{
  background-color: var(--color-1);
}

/***** Forms *****/

/*Request Form Labels*/
#new-request-form label{
  vertical-align: inherit;
  line-height: normal;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
}

/*Request Form Fields*/
ul[data-garden-container-id="containers.combobox.listbox"]{
  transition: var(--ht-animation);
  border: var(--border-styling-solid);
  border-radius: var(--border-radius-sm);
  
}

ul[data-garden-container-id="containers.combobox.listbox"] li{
    color: var(--color-4);

}

#new-request-form p[data-garden-id="typography.paragraph"]{
  margin: 16px 0;
}

#new-request-form input[type="text"], div[data-garden-id="forms.field"] input, div[data-garden-id="forms.field"] textarea, .form-field input[type=text]{
  appearance: none;
  transition: var(--ht-animation);
  border: var(--border-styling-solid);
  border-radius: var(--border-radius-sm);
  width: 100%;
  box-sizing: border-box;
  vertical-align: middle;
  font-family: inherit;
  padding: 0.714286em 15px;
  line-height: normal;
  min-height: 40px;
  color: var(--color-4);
  font-weight: var(--font-weight-normal);
  background-color: var(--color-1);
}

#new-request-form input[type="text"]:focus-visible, #new-request-form input[type="text"]:focus,.ck.ck-button:focus-visible, .ck.ck-content.ck-editor__editable.ck-editor__editable_inline.ck-focused, .ck.ck-content.ck-editor__editable.ck-focused, .ck.ck-toolbar:focus-visible{
	outline: none !important;
  box-shadow: none !important;
  outline-offset: 0 !important;
}
.ck.ck-content.ck-editor__editable.ck-editor__editable_inline.ck-focused {
  border-color: var(--border-color) !important;
  border-top: none !important;
}

div[data-garden-id="forms.field"] input[data-garden-id="forms.checkbox"]{
  width: 16px;
}

.ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:active, a.ck.ck-button:focus, .ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:active, a.ck.ck-button:focus{
  border: none !important;
  box-shadow: none !important;
  border: none !important;
}
.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover{
  background: none !important;
}

.ck.ck-editor__main>.ck-editor__editable{
  transition: var(--ht-animation);
  border-color: var(--border-color) !important;
}

.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable), #new-request-form input[type="text"]:focus, #new-request-form input[type="text"]:hover{
  border-color: var(--color-3) !important;
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content, .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners, .ck-rounded-corners .ck.ck-toolbar, .ck.ck-toolbar.ck-rounded-corners{
  border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0 !important;
  border: var(--border-styling-solid);
  background: var(--color-1);
}

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners{
  border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm) !important;
  padding: 0 15px !important;
  border: var(--border-styling-solid);
  border-top: none;
  color: var(--color-4);
  min-height: 160px;
  background-color: var(--color-1);
}

.ck.ck-content.ck-editor__editable *{
  color: var(--color-4) !important;
}

.ck.ck-editor__editable .ck-code_selected, .ck-content.ck.ck-editor__editable :not(pre) > code {
    background-color: var(--color-primary-1) !important;
    border-radius: var(--border-radius-sm) !important;
    color: var(--color-1) !important;
    padding: 4px 4px !important;
}

.ck.ck-editor__main .ck.ck-editor__editable pre[data-language]:after{
  background: var(--color-primary-1);
	font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  border-radius: 0 0 var(--border-radius-xs) var(--border-radius-xs);
  font-family: var(--font-family-body);
  padding: 4px 8px;
}

.ck.ck-editor__main .ck-content blockquote{
  border-color: var(--color-3);
}

.ck.ck-content.ck-editor__editable pre, .ck.ck-content.ck-editor__editable pre code{
  color: var(--color-4) !important;
  border-radius: var(--border-radius-sm) !important;
}

.ck.ck-content.ck-editor__editable pre {
  background-color: var(--color-1) !important;
  border: var(--border-styling-solid) !important;
  border-color: var(--color-primary-1) !important;
  padding: 16px !important;
  overflow: auto !important;
  white-space: pre !important;
  font-family: "Fira Code", monospace !important;
    font-optical-sizing: auto !important;
}

.ck .ck-content, .ck .ck-content p{
  font-weight: var(--font-weight-normal) !important;
  font-size: var(--font-size-rg) !important;
  line-height: 1.5 !important;
}

.ck.ck-dropdown .ck-button.ck-dropdown__button, .ck.ck-dropdown .ck-button.ck-dropdown__button svg{
  color: var(--color-4);
  fill: var(--color-4);
}

.ck-rounded-corners .ck.ck-button, .ck-rounded-corners a.ck.ck-button, .ck.ck-button.ck-rounded-corners, a.ck.ck-button.ck-rounded-corners{
  color: var(--color-4);
}

.ck.ck-dropdown__panel ul.ck.ck-reset.ck-list{
 	border-color: var(--border-color);
  background-color: var(--color-1);
	border-radius: var(--border-radius-sm);
}

.ck.ck-toolbar__items .ck.ck-dropdown:focus{
  box-shadow: none;
  outline: none;
}



.ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover, .ck.ck-button.ck-on, a.ck.ck-button.ck-on, .ck.ck-button.ck-on:focus, a.ck.ck-button.ck-on:focus, .ck.ck-button.ck-on:focus-within, a.ck.ck-button.ck-on:focus-within, .ck.ck-button.ck-on:focus-visible, a.ck.ck-button.ck-on:focus-visible, .ck.ck-button.ck-off{
  background: none !important;
  border: none !important;
  outline: none !important;
}

.ck.ck-button.ck-on, a.ck.ck-button.ck-on { 
	color: var(--color-4) !important;
}

.ck.ck-button.ck-off {
  color: var(--color-3);
}

.ck.ck-button.ck-splitbutton__arrow svg path {
  fill: currentColor !important;
}

.ck.ck-button.ck-splitbutton__arrow:after {
  display: none !important;
}

.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
  color: var(--color-4);
}

.ck.ck-toolbar__items .ck.ck-dropdown__panel{
  border-radius: var(--border-radius-sm);
  border-color: var(--border-color);
  box-shadow: none;
  background-color: var(--color-1);
}

.ck.ck-dropdown__panel ul.ck.ck-reset.ck-list .ck.ck-list__item>.ck-button.ck-on{
  color: var(--color-4);
  background: none;
}

.ck.ck-toolbar .ck.ck-toolbar__separator {
  background: var(--border-color) !important;
}

.ck.ck-dropdown__panel ul.ck.ck-reset.ck-list .ck.ck-list__item>.ck-button{
  transition: var(--ht-animation);
}

.ck.ck-dropdown__panel ul.ck.ck-reset.ck-list .ck.ck-list__item>.ck-button:hover{
  opacity: var(--hover-opacity);
}

div[data-garden-id="dropdowns.combobox.trigger"]{
  padding: 6px 15px;
  max-height: unset;
}

div[data-garden-container-id="containers.combobox"]:hover, input[data-garden-container-id="containers.field.input"]:hover, textarea[data-garden-container-id="containers.field.input"]:hover {
  border-color: var(--color-3);
}

div[data-garden-container-id="containers.combobox"]:hover div[data-garden-id="dropdowns.combobox.container"] svg{
  color: var(--color-4);
}

div[data-garden-id="dropdowns.combobox.container"] svg{
	color: var(--color-4);
}

div[data-garden-id="forms.input_hint"], div[data-garden-id="forms.checkbox_hint"], div[data-garden-container-id="containers.field.hint"]{
  color: var(--color-4);
  font-size: var(--font-size-sm);
  margin-top: 8px;
}

li[data-garden-id="dropdowns.combobox.option"]{
  color: var(--color-1);
}

div[data-garden-id="dropdowns.combobox"] ul[role="listbox"] {
	border-radius: var(--border-radius-sm);
}
div[data-garden-id="forms.field"] input, div[data-garden-id="forms.field"] textarea, div[data-garden-id="forms.field"] div[data-garden-id="forms.file_upload"], div[data-garden-container-id="containers.combobox.tag"], div[data-garden-id="forms.field"] div[data-garden-id="datepickers.menu"], div[data-garden-id="dropdowns.combobox"] div[aria-haspopup="listbox"] {
  border-radius: var(--border-radius-sm);
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 40px;
}

div[data-garden-id="forms.field"] textarea {
  padding-top: 16px;
  padding-bottom: 16px;
}

button[data-garden-id="tags.close"] {
  display: flex;
  justify-content: center;
  align-items: center;
}

div[data-garden-id="forms.field"] div[data-garden-id="forms.file_upload"], .upload-dropzone {
  height: 80px;
  border-color: var(--color-primary-1);
  background-color: var(--color-1);
}

li[data-garden-id="forms.file_list.item"] a[data-garden-id="buttons.anchor"] {
  color: var(--color-4);
	text-decoration: underline;
  font-size: var(--font-size-sm);
}

div[data-garden-id="forms.file"] {
  border: var(--border-styling-solid);
  border-radius: var(--border-radius);
  background-color: var(--color-1);
  padding: 4px 8px;
}

button[aria-label="Remove file"] svg path{
  stroke: var(--color-3);
}

div[data-garden-id="forms.field"] div[data-garden-id="forms.file_upload"] span, .upload-dropzone span, .upload-dropzone a{
  color: var(--color-3);
}

div[data-garden-id="forms.field"] div[data-garden-id="forms.file_upload"]:hover { 
  background-color: var(--color-1);
}

div[data-garden-id="dropdowns.combobox.container"] {
  width: 100%;
	position: relative;
}

div[data-garden-id="dropdowns.combobox.container"]:after {
  font-family: 'Material Icons';
  content: '\e313';
  font-size: 20px;
  font-weight: 100;
  top: 50%;
  display: flex;
  transform: translateY(-50%);
  height: 14px;
  width: 14px;
  position: absolute;
  right: 0;
  align-items: center;
  justify-content: center;
  color: var(--color-3);
}
div[data-garden-id="dropdowns.combobox.container"] svg {
  display: none;
}

div[data-garden-id="dropdowns.combobox.container"] div[data-garden-container-id="containers.combobox.tag"] svg {
  display: block;
}

button[data-garden-id="dropdowns.combobox.tags_button"] {
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
  line-height: normal;
  font-size: var(--font-size-md);
}

/*Date Popup*/
div[data-garden-id="datepickers.calendar_item"], div[data-garden-id="datepickers.header_label"] {
  color: var(--color-4);
}

/*File Attachment Field*/
div[data-garden-id="forms.file_upload"] span {
  color: var(--color-4);
  font-size: var(--font-size-sm);
}

li[data-garden-id="forms.file_list.item"] {
  list-style: none;
}

div[data-garden-id="forms.file_upload"] {
  border-color: var(--border-color);
}

div[data-garden-id="forms.file_upload"]:hover {
  border-color: var(--color-4);
}


/*Checkbox Field*/

div[data-garden-id="forms.field"] label[data-garden-id="forms.checkbox_label"]:hover:before{
  border-color: var(--color-primary-1);
  background-color: var(--color-1);
}



/*Form Dropdowns*/
div[data-garden-id="dropdowns.combobox.value"]{
	color: var(--color-4);
}
div[data-garden-container-id="containers.combobox"]:hover button[data-garden-id="tags.close"] svg{
  color: var(--color-4);
}



/*Multiline Field Options*/
div[data-garden-container-id="containers.combobox.tag"]{
  background: var(--color-2);
	color: var(--color-4);
}
button[data-garden-id="tags.close"] svg, button[data-garden-id="tags.close"]{
  color: var(--color-4);
  opacity: 1;
}

/*Credit Card Field*/
div[data-garden-id="forms.field"] div[data-garden-id="forms.faux_input"]{
  border: none;
  position: relative;
  padding: 0;
 	background: none;
  border-radius: var(--border-radius-sm);
}

div[data-garden-id="forms.field"] div[data-garden-id="forms.faux_input"] svg {
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: var(--color-3);
  z-index: 2;
  margin-top: 0 !important;
}

input[data-garden-container-id="containers.field.input"]::placeholder{
  color: var(--color-3);
}

div[data-garden-id="dropdowns.combobox"] div[aria-haspopup="listbox"]:focus-within, div[data-garden-id="dropdowns.combobox"] div[aria-haspopup="listbox"]:focus, div[data-garden-id="forms.field"] div[data-garden-id="forms.faux_input"]:focus-within, div[data-garden-id="forms.field"] textarea:focus-within, div[data-garden-id="forms.field"] input:focus-within{
  outline: 0;
  box-shadow: none;
  border-color: var(--color-3);
}

div[data-garden-id="dropdowns.combobox.floating"] ul[data-garden-container-id="containers.combobox.listbox"] {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  box-shadow: none;
  transform: none !important;
  animation: none;
	background-color: var(--color-1);
 	padding: 1px;
  box-sizing: border-box;
  border-radius: calc(var(--border-radius-sm) + 2px) !important;
}

div[data-garden-id="dropdowns.combobox.floating"] ul[data-garden-container-id="containers.combobox.listbox"] li {
	padding: 8px 16px;
  background: transparent;
  box-shadow: none;
  font-weight: var(--font-weight-normal);
}

div[data-garden-id="dropdowns.combobox.floating"] ul[data-garden-container-id="containers.combobox.listbox"] li:first-child {
  border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
}

div[data-garden-id="dropdowns.combobox.floating"] ul[data-garden-container-id="containers.combobox.listbox"] li:last-child {
  border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
}

div[data-garden-id="dropdowns.combobox.floating"] {
  transition: var(--ht-animation) !important;
}

div[data-garden-id="dropdowns.combobox.floating"] ul[data-garden-container-id="containers.combobox.listbox"] li:hover, div[data-garden-id="dropdowns.combobox.floating"] ul[data-garden-container-id="containers.combobox.listbox"] li:focus, div[data-garden-id="dropdowns.combobox.floating"] ul[data-garden-container-id="containers.combobox.listbox"] li:focus-within, div[data-garden-id="dropdowns.combobox.floating"] ul[data-garden-container-id="containers.combobox.listbox"] li:active, div[data-garden-id="dropdowns.combobox.floating"] ul[data-garden-container-id="containers.combobox.listbox"] li:target {
	background: transparent !important;
  box-shadow: 0 0 0 1px var(--color-primary-1) !important;
}

div[data-garden-id="dropdowns.combobox.floating"] ul[data-garden-container-id="containers.combobox.listbox"] li[aria-selected="true"] {
  font-weight: var(--font-weight-bold);
}

div[data-garden-id="dropdowns.combobox.floating"] ul[data-garden-container-id="containers.combobox.listbox"] li svg {
  display: none;
}


#new-request-form div[data-garden-id="forms.field"]{
  all: unset;
}

#new-request-form button[type='submit']{
  border-width: 0;
  cursor: pointer;
  height: auto;
}
#new-request-form form{
  gap: 16px;
}

div:has(button[data-garden-id="buttons.button"]){
  margin-top: 0;
}

/*Form Fields*/
div[data-garden-container-id="containers.combobox"], input[data-garden-container-id="containers.field.input"], textarea[data-garden-container-id="containers.field.input"], .hbs-form select{
  border: var(--border-styling-solid);
  color: var(--color-4);
  border-radius: var(--border-radius-sm);
  background-color: var(--color-1);
}

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

.form-field label {
  display: block;
  color: var(--color-4);
	font-size: var(--font-size-sm);
  line-height: 1;
  margin-bottom: 8px;
  font-weight: var(--font-weight-bold);
}

.form-field input {
  border: 1px solid #87929D;
  border-radius: var(--border-radius-sm);
  padding: 12px 15px;
  width: 100%;
}
.form-field input:focus {
  border: 1px solid var(--color-3);
}

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

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

.form-field .nesty-input {
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--color-3);
  height: 45px;
  line-height: 45px;
  outline: none;
  vertical-align: middle;
}
.form-field .nesty-input:focus {
  border: 1px solid var(--color-3);
}

.form-field .hc-multiselect-toggle {
  border: 1px solid var(--color-3);
}

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

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

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

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

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

.form footer {
  margin-top: 16px;
}

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

/***** Header *****/
.navbar-container{
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: var(--color-1);
  margin-bottom: 32px;
  border-bottom: var(--border-styling-solid);
}

@media screen and (max-width: 768px){
  .navbar-container{
    margin-bottom: 16px;
  }
}

.header {
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.header-left{
  display: flex;
  gap: 16px;
}
@media (max-width: 812px) {
  .header, .footer {
    padding-left: 16px;
    padding-right: 16px;
  }
  .header-left .search-container {
    display: none;
  }
}

.logo img, .footer-logo img {
  height: 26px;
  vertical-align: middle;
}

.logo span {
  color: var(--color-4);
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  line-height: normal;
  font-family: var(--font-family-heading);
}

.logo a {
  display: inline-block;
}

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

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}
.user-nav[aria-expanded=true] {
  background-color: var(--color-1);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}
.user-nav[aria-expanded=true] > a {
  display: block;
  margin: 20px;
}
.user-nav[aria-expanded=true] > .user-nav-list li {
  display: block;
}
.user-nav[aria-expanded=true] > .user-nav-list a {
  display: block;
}

.user-nav-list {
  display: flex;
  list-style: none;
  gap: 16px;
  align-items: center;
}
.user-nav-list > li {
  display: flex;
  gap: 16px;
  align-items: center;
}

.sar-item:empty{
  display: none;
}

.user-info-username{
  margin-left: 8px;
  line-height: 1;
  font-weight: var(--font-weight-normal);
}

@media (max-width: 768px) {
  .navbar-desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .navbar-desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  .navbar-desktop {
    display: flex;
		justify-content: center;
    align-items: center;
    gap: 16px;
  }
}
.navbar-desktop a{
  display: none;
  transition: var(--ht-animation);
}

.navbar-desktop a.btn {
  text-decoration: none;
}
.navbar-desktop a:not(.btn-primary){
  color: var(--color-4);
  font-size: var(--font-size-sm);
  transition: var(--ht-animation);
}

.navbar-desktop a:not(.btn-primary):hover{
  opacity: var(--hover-opacity);
}

.navbar-desktop .community-link a {
  color: var(--color-4);
}


@media (min-width: 768px) {
  .navbar-desktop a {
    display: inline-block;
    transition: var(--ht-animation);
  }
  
  .navbar-desktop a.btn-secondary:visited{
    color: var(--color-4);
  }
  
  .navbar-desktop a.btn-secondary:hover:before, .navbar-desktop a.btn-secondary:hover{
    color: var(--color-2);
  }
}

@media (min-width: 1024px) {
  .nav-wrapper-mobile {
    display: none;
  }
}

.nav-wrapper-mobile-right{
	display: flex;
  align-items: center;
  gap: 8px;
}

.nav-wrapper-mobile-right .user-avatar{
  transition: var(--ht-animation);
}

.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  cursor: pointer;
  color: var(--color-4);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: var(--ht-animation);
  padding: 0;
}

.nav-wrapper-mobile .menu-button-mobile .menu-button-burger{
  width: 24px;
  height: 3px;
  background: var(--color-4);
  border-radius: var(--border-radius-sm);
  transition: var(--ht-animation);
}

.nav-wrapper-mobile .menu-button-mobile .menu-button-burger::before,
.nav-wrapper-mobile .menu-button-mobile .menu-button-burger::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 3px;
  background: var(--color-4);
  border-radius: var(--border-radius);
  transition: var(--ht-animation);
  left: 0;
}

.nav-wrapper-mobile .menu-button-mobile .menu-button-burger::before {
  transform: translateY(-7px);
}
.nav-wrapper-mobile .menu-button-mobile .menu-button-burger::after {
  transform: translateY(7px);
}

.nav-wrapper-mobile .menu-button-mobile[aria-expanded="true"] .menu-button-burger {
  transform: translateX(-50px);
  background: transparent;
  box-shadow: none;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded="true"] .menu-button-burger::before {
  transform: rotate(45deg) translate(35px, -35px);
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded="true"] .menu-button-burger::after {
  transform: rotate(-45deg) translate(35px, 35px);
}

.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
  background: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
	background-color: var(--color-1);
  border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
  right: 0;
  left: 0;
  top: 57px;
  z-index: 2;
  border: var(--border-styling-solid);
  border-top: var(--border-styling-solid);
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false] {
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true] {
  display: block;
}

.nav-wrapper-mobile .menu-list-mobile-items button[role="menuitem"] {
  background: none;
  border: none;
  padding: 8px 16px;
  cursor: pointer;
  text-align: start;
  display: block;
  width: 100%;
  height: 100%;
  color: var(--color-4);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  line-height: normal;
  border-top: var(--border-styling-solid);
}

.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 16px;
  width: 100%;
  height: 100%;
  color: var(--color-4);
  border-top: var(--border-styling-solid);
  font-size: var(--font-size-sm);
  line-height: normal;
  text-decoration: none;
}
.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover, .nav-wrapper-mobile .menu-list-mobile-items button[role="menuitem"]:hover {
  box-shadow: inset 0 0 0 1px var(--color-primary-1);
}

.nav-wrapper-mobile .menu-list-mobile-items li:first-child a{
  border-top: none;
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
  display: flex;
  line-height: 1.5;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
  font-size: var(--font-size-sm);
  color: var(--color-4);
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile .menu-profile-name{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile .menu-profile-name * {
  color: var(--color-primary-1);
}

.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: none;
}


.skip-navigation {
  align-items: center;
  background-color: var(--color-1);
  color: var(--color-2);
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}
[dir=rtl] .skip-navigation {
  left: initial;
  right: -999px;
}
.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  top: auto;
  z-index: 999;
}
[dir=rtl] .skip-navigation:focus, [dir=rtl] .skip-navigation:active {
  left: initial;
  right: auto;
}

#zd-modal-container ~ .skip-navigation {
  display: none;
}

/***** 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 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-4);
  font-size: var(--font-size-sm);
  transition: var(--ht-animation);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
  text-decoration: underline;
}
.user-info > button:hover, .user-info > button:focus {
  opacity: var(--hover-opacity);
  background-color: transparent;
}
.user-info > button::after {
  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: 24px;
  width: 24px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.avatar {
  display: inline-block;
  position: relative;
}
.avatar img {
  height: 40px;
  width: 40px;
}
.avatar.article-avatar img{
  height: 32px;
  width: 32px;
}

.author-agent img, .user-agent img{
  border: 2px solid var(--color-primary-1);
}

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

/***** Footer *****/
.footer {
  margin-top: 32px;
  min-height: 64px;
  display: flex;
  justify-content: center;
  background-color: var(--color-1);
  border-top: var(--border-styling-solid);
}

@media screen and (max-width: 768px){
  .footer {
    margin-top: 16px;
  }
}



.footer a:not(.btn) {
  color: var(--color-4);
  display: flex;
  font-size: var(--font-size-sm);
  justify-content: center;
  align-items: center;
}

.footer-inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer-right{
  display: flex;
  gap: 16px;
  align-items: center;
}

@media screen and (max-width: 500px) {
  .footer-right a {
    display: none;
  }
}

.footer-language-selector button {
  color: var(--color-4);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-sm);
  text-decoration: underline;
}

.footer-language-selector button svg{
  margin-left: 4px;
}

.footer-language-selector .dropdown-menu{
  border-radius: var(--border-radius);
  top: unset;
  bottom: calc(100% + 4px);
}

@media screen and (max-width: 479px){
  .footer-language-selector .dropdown-toggle[aria-expanded=true] + .dropdown-menu {
    top: unset;
  }
}

.powered-by-zendesk{
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: var(--border-styling-solid);
  background-color: var(--color-1);
  border-color: var(--color-3);
  display: none;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: var(--color-4);
  font-size: 11px;
}
.powered-by-zendesk svg{
  top: 0;
  fill: var(--color-4);
}

/*Community Footer*/
.community-footer {
  border-top: var(--border-styling-dashed);
}
.community-footer .container{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  text-align: center;
  max-width: 1000px;
}

.community-footer:has(.community-footer-container:empty){
  display: none;
}

.community-footer .community-footer-container{
  flex-direction: row;
  align-items: stretch;
  gap: 50px;
}

@media screen and (max-width: 1024px){
  .community-footer .community-footer-container{
    gap: 30px;
  }
}

@media screen and (max-width: 769px){
  .community-footer .community-footer-container{
    flex-direction: column;
  }
}

.community-footer-item{
  border: var(--border-styling-solid);
  flex: 1;
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  background-color: var(--color-3);
}

.community-footer-item h3{
	text-align: left;
  border-bottom: var(--border-styling-dashed);
  padding-bottom: 32px;
}

/***** Breadcrumbs *****/
.breadcrumbs {
	margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  position: relative;
  gap: 8px;
}

.breadcrumbs li {
  padding: 0;
  position: relative;
  max-width: 450px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.breadcrumbs li:last-child:after{
  display: none;
}

.breadcrumbs li:last-child a{
  font-weight: var(--font-weight-bold);
}



.breadcrumbs li::after {
  content: '>';
  font-size: var(--font-size-sm);
  vertical-align: middle;
  text-transform: lowercase;
  padding-left: 8px;
}
.breadcrumbs li:first-child:before{
  margin-left: 0;
}

.breadcrumbs li a{ 
  display: inline-block;
  font-size: var(--font-size-sm);
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  color: var(--color-4);
  border-radius: var(--border-radius-xs);
  font-weight: var(--font-weight-normal);
  line-height: normal;
  transition: var(--ht-animation);
  white-space: normal;
}
.breadcrumbs li a:visited {
  color: var(--color-4);
}
.breadcrumbs li a:hover{
  opacity: var(--hover-opacity);
}

/***** Search field *****/
.search-container {
  position: relative;
  height: 40px;
  max-width: 100%;
  margin: auto;
}

.header-left .search-container{
  height: 24px;
  max-width: 100%;
}

.menu-list-mobile .search-container{
  height: 32px;
  max-width: 100%;
}

.search {
  display: flex;
  gap: 10px;
  position: relative;
}

@media screen and (max-width: 479px){
  .search:has(input[type="submit"]){
    flex-direction: column;
  }
  .search-container:has(input[type="submit"]){
    height: auto;
  }
}

.search input[type=submit]{
  position: absolute;
  inset: 8px 8px 8px auto;
}

.search input[type=search] {
  vertical-align: middle;
  border: var(--border-styling-solid);
  font-family: var(--font-family-heading);
  color: var(--color-4);
  border-color: var(--color-3);
  height: 40px;
  padding: 4px 8px 4px 32px;
  font-size: var(--font-size-sm);
  font-weight: 400;
  transition: var(--ht-animation);
  width:100%;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-1);
}

.search input[type=search]::placeholder{
  color: var(--color-3);
}

.header-left .search input[type=search]{
  height: 24px;
  min-width: 190px;
  margin-right: 16px;
}

.menu-list-mobile .search input[type=search]{
  height: 32px;
  border-color: transparent;
  padding-left: 40px;
  padding-right: 16px;
}

.search:has(input[type=submit]) input[type=search]{
  padding-right: 69px;
}

.search-icon{
  transition: var(--ht-animation);
}


.search input[type=search]::-webkit-search-decoration, .search input[type=search]::-webkit-search-cancel-button, .search input[type=search]::-webkit-search-results-button, .search input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.search input[type=search]:-webkit-autofill, .search input[type=search]:-webkit-autofill:hover, .search input[type=search]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--color-1) inset;
}
.search:has(input:-internal-autofill-selected) input[type=submit]{
  background-color: var(--color-1);
  color: var(--color-2);
}


.search .clear-button{
  display: none;
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 8px;
  z-index: 1;
  width: 16px;
  height: 16px;
  color: var(--color-3);
  pointer-events: none;
}

.header .search-icon{
  width: 16px;
  height: 16px;
}

.menu-list-mobile .search-icon{
  left: 16px;
} 

/* Search Bar Cancel Button */
input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  height: var(--font-size-sm);
  width: var(--font-size-sm);
  background-color: var(--color-3);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1.21024 13.4038L0.156494 12.35L5.75649 6.75L0.156494 1.15L1.21024 0.0962524L6.81024 5.69625L12.4102 0.0962524L13.464 1.15L7.86399 6.75L13.464 12.35L12.4102 13.4038L6.81024 7.80375L1.21024 13.4038Z'/%3E%3C/svg%3E") no-repeat center;
  -webkit-mask-size: contain;
  background-size: contain;
  cursor: pointer;
  margin-left: 8px;
}

/* Style Auto Complete Search */

/*Auto search Container*/
zd-autocomplete{
  border-bottom: none;
  border: var(--border-styling-solid);
  border-radius: var(--border-radius);
  box-shadow: none;
  background-color: var(--color-1);
}

zd-autocomplete-header {
  text-align: left !important;
  padding: 16px !important;
  line-height: normal !important;
  font-weight: var(--font-weight-bold) !important;
  font-size: var(--font-size-sm) !important;
}

zd-autocomplete-multibrand{
  padding: 16px !important;
  border-color: var(--border-color);
  display: flex;
  flex-direction: column;
  gap: 0px;
  line-height: normal !important;
}

zd-autocomplete-multibrand:last-child:hover {
  border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
}

zd-autocomplete-title-multibrand, zd-autocomplete-header {
  -webkit-text-fill-color: var(--color-4);
  font-family: var(--font-family-heading);
  font-weight: 500;
	border-color: var(--border-color);
}

zd-autocomplete-title-multibrand em{
  font-weight: var(--font-weight-bold);
  -webkit-text-fill-color: var(--color-4);
}

zd-autocomplete-title-multibrand{
  font-size: var(--font-size-sm) !important;
  padding: 0;
  line-height: normal !important;
}

zd-autocomplete-multibrand:hover{
  background: none;
  box-shadow: 0 0 0 1px var(--color-primary-1);
}

zd-autocomplete-multibrand[aria-selected="true"] {
  background-color: var(--color-1) !important;
}

zd-autocomplete-breadcrumbs-multibrand{
  -webkit-text-fill-color: var(--color-4);
  font-size: var(--font-size-sm) !important;
  line-height: 1em + 8px !important;
  line-height: normal !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

zd-autocomplete-multibrand:last-child{
  border: none;
}

/***** Hero component *****/
.page-header {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.page-header-description{
  margin: 0;
  color: var(--color-3);
  transition: var(--ht-animation);
}

.page-header-description:empty{
  display: none;
}

.page-header-container{
  text-align: left;
}

.page-header-container .search-container{
  margin-right: auto;
  margin-left: unset;
  margin-top: 16px;
  max-width: 100%;
}

.hero-inner {
  position: relative;
}

.page-header h1, .hero-page-title{
  margin-top: 0;
  margin-bottom: 16px;
}

.hero-title{
  margin-top: 0;
}

.sub-nav {
  background-color: var(--color-2);
  display: flex;
  padding: 16px 32px;
  margin-bottom: 16px;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--border-radius);
}

@media screen and (max-width: 768px) {
  .sub-nav {
    padding: 16px;
  }
  .section-subscribe {
    align-self: flex-end;
  }
}

.sub-nav-margin-bottom{
  margin-bottom: 60px;
}

.sub-nav nav{
  max-width: 100%;
}

@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
  }
}
.sub-nav .breadcrumbs {
  margin: 0;
}

.sub-nav .search-container {
  max-width: 300px;
  width: 100%;
  margin: 0;
}
.sub-nav input[type=search]::after {
  font-size: 16px;
}

@media screen and (max-width: 479px){  
  .sub-nav .search-container{
    max-width: 100%;
  }
}



/***** Homepage Category Section *****/
.category-main{
  margin-top: 16px;
}

.category-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  list-style: none;
  padding: 0;
}

.category-list.category-list-sections {
  grid-template-columns: 1fr;
}

@media screen and (max-width: 796px) {
  .category-list {
    grid-template-columns: 1fr;
  }
}

.category-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: var(--ht-animation);
  position: relative;
  flex: 1;
  padding: 16px;
  counter-increment: category-counter;
}

.category-item:hover *, .category-item:focus *, .category-item:active * {
  text-decoration: none;
}

.category-list {
  counter-reset: category-counter;
}

.category-item::before {
  content: counter(category-counter);
	margin-bottom: 16px;
  font-size: var(--font-size-h3);
  line-height: 50px;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary-1);
}


.category-link {
  transition: var(--ht-animation);
  text-decoration: none;
  border: var(--border-styling-solid);
  border-color: var(--color-2);
}

.category-link:visited, .category-link:hover, .category-link:active {
  text-decoration: none;
  color: var(--color-4);
}

.category-link:hover{
  border-color: var(--color-primary-1);
}

.category-title {
  margin-bottom: 0;
  font-weight: var(--font-weight-bold);
  color: var(--color-4);
  transition: var(--ht-animation);
  line-height: 1;
}

.category-description, .section-description {
  margin-top: 16px;
  margin-bottom: 0px;
  transition: var(--ht-animation);
  color: var(--color-4);
  font-weight: var(--font-weight-normal);
}

.category-header .category-description, .section-description, .community-topic-description {
  line-height: 1.5;
  font-size: var(--font-size-rg);
}

.section-title-link,  .section-title-link:visited, .section-title a, .section-title a:visited{
  line-height: 1.5;
  color: var(--color-primary-1);
  text-decoration: none;
}

.category-description:empty, .section-description:empty{
  display: none;
}

/***** Homepage *****/
.section-16{
 margin-top: 16px; 
}


.section-title, .recent-activity-header, .recent-activity-header, .article-container .recent-articles-title, .article-container .related-articles-title, div[data-test-id="suggested-articles"] h2, .aits-title, .form .suggestion-list .searchbox h2 {
  font-size: var(--font-size-xl);
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: var(--border-styling-solid);
  color: var(--color-primary-1);
}

.recent-activity-header {
  font-size: 0;
}

.recent-activity-header:after {
  content: "Recent activity";
  width: 100%;
  position: relative;
  height: 100%;
  font-size: var(--font-size-xl);
}

/***** Promoted Articles & Community Featured Section *****/

.promoted-articles-section .container, .activity .container{

}

.promoted-article-link:visited{
  color: inherit;
}

.article-item-title svg.ht-icon-sm{
  position: relative;
}

.article-item-title svg.ht-icon-sm path {
   fill: var(--color-primary-1);
}

.promoted-article-link:hover {
  color: var(--color-4);
  opacity: var(--hover-opacity);
}


.icon-lock {
  vertical-align: text-bottom;
}



/***** Community section in homepage *****/
.community {
  text-align: center;
}

/***** Recent activity *****/

.recent-activity-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px; 
  list-style: none;
  padding: 0;
}

.recent-activity-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}



.recent-activity-item .recent-activity-item-parent{
  color: var(--color-primary-1);
  font-weight: 500;
  line-height: 1.1em;
  transition: var(--ht-animation);
  white-space: nowrap;  
  overflow: hidden; 
  text-overflow: ellipsis; 
  max-width: 100%;
  display: inline-block;
  font-size: 18px;
    letter-spacing: 0;
}

.recent-activity-item-parent:visited{
  color: var(--color-primary-1);
}

.recent-activity-item-parent:hover{
   color: var(--color-2);
}

.recent-activity-item h3{
	display: none;
}

.recent-activity-item-link{
  font-size: var(--font-size-md);
  color: var(--color-4);
  transition: var(--ht-animation);
}

.recent-activity-item-link:visited{
  color: var(--color-4);
}

.recent-activity-item-link:hover{
  opacity: var(--hover-opacity);
  color: var(--color-4);
}

.recent-activity-item-meta{
  display: flex;
  width: 50%;
  justify-content:flex-end;
  align-items: center;
  font-size: var(--font-size-md);
  gap: 16px;
}

@media screen and (max-width: 767px){
  .recent-activity-item {
    flex-direction: column;
    gap: 8px;
  }
  .recent-activity-item-meta{
    width: 100%;
    justify-content: space-between;
  }
}

.recent-activity-comment-icon svg{
  position: relative;
  top: 2px;
  display: none;
}

.recent-activity-accessibility-label{
  display: none;
}

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

.recent-activity-controls{
  margin-top: 16px;
}

.recent-activity-controls a{
  display: inline-block;
}

.recent-activity-loader{
  font-size: 24px;
  color: var(--color-4);
  font-family: var(--font-family-heading);
 	margin-top: 30px; 
}

/***** Category pages *****/
.article-sections:has(.no-articles) .section-title{
	border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.category-section-list{
  margin-top: 16px;
}

.category-section-list:empty {
  display: none;
}




.article-list, .promoted-article-list, .sidebar-body-list, .recent-articles ul, .related-articles ul, div[data-test-id="suggested-articles"] ul, .form .suggestion-list .searchbox ul {
  display: grid;
  grid-template-columns: 1fr;
  list-style: none;
  gap: 16px;
}
.sidebar-body-list{
  gap: 8px;
}

.articles-in-section .sidebar-body-list {
  gap: 16px;
}

.article-item, .promoted-article-link, .article-item-link, .sidenav-item, .recent-articles li a, .related-articles li a, div[data-test-id="suggested-articles"] li a, .form .suggestion-list .searchbox li a {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  min-width: 0;
  top:0;
  transition: var(--ht-animation);
  position: relative;
  margin-bottom: 0;
  color: var(--color-4);
  width: 100%;
  font-size: var(--font-size-md);
  line-height: normal;
}

.sidenav-item {
  font-size: var(--font-size-sm);
}

.sidenav-item .sidenav-subitem.doc-count {
  transition: var(--ht-animation);
}

.sidenav-item.current, .sidenav-item.current .sidenav-subitem.doc-count {
  font-weight: var(--font-weight-bold);
}

.articles-in-section .sidenav-item {
  font-size: var(--font-size-md);
}

.see-all-filters, .see-all-btn{
  border: none;
  -webkit-appearance: none;
  background: none;
	padding: 0;
  text-align: left;
  color: var(--color-primary-1);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-sm);
}

.article-item:visited, .promoted-article-link:visited, .article-item-link:visited, .recent-articles li a:visited, .related-articles li a:visited, .article-item:hover, .promoted-article-link:hover, .article-item-link:hover, .recent-articles li a:hover, .related-articles li a:hover {
  color: var(--color-4);
}

.article-item-container, .promoted-article-item, .sidenav-item-container, .recent-articles ul li, .related-articles ul li, div[data-test-id="suggested-articles"] li, .form .suggestion-list .searchbox li {
  display: flex;
  position: relative;
  transition: var(--ht-animation);
  margin: 0;
}

@media screen and (min-width: 1024px){
  .article-item-container:nth-child(even), .promoted-article-item:nth-child(even){
  	border-left: 0;
  }
}

.article-item-title{
  transition: var(--ht-animation);
  width: 100%;
  display: flex;
	align-items: center;
  gap: 8px;
}

@media screen and (max-width: 767px) {
    .article-item, .promoted-article-link {
       
    }
  
  .article-item-container:before, .promoted-article-item:before{
    top: calc(50% - 14px);
  }
}

.see-all-articles{
  margin-top: 16px;
}

.article-item-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  
  border: var(--border-styling-solid);
  border-radius: var(--border-radius-sm);
}

.article-item-meta, .article-item.article-promoted:before, .article-item.article-internal:after{
  transition: var(--ht-animation);
}

.article-item-meta{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

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

.article-item.article-promoted{
  position: relative;
}

.view-all-articles{
	margin-top: 32px;
}


.view-all-articles:hover{
  background-color: var(--color-primary-2);
  color: var(--color-4);
}

.view-all-articles:hover:after{
  color: var(--color-4);
}

.category-section-title {
  transition: var(--ht-animation);
  margin-bottom: 60px;
}


.category-section-title:hover {
  opacity: var(--hover-opacity);
}

.category-section-link{
  display: inline-block;
}

@media (max-width: 1024px) {
  .category-section-title-container {
    flex-direction: column; 
    align-items: flex-start; 
  }

  .category-section-link {
    margin-top: 10px;
  }
}



/***** Section pages *****/
.section-main{
  margin-top: 16px;
}
.section-page-title-container{
  display: flex;
	align-items: center;
  justify-content: space-between;
}
.section-page-title.hero-page-title{
  margin-bottom: 0;
}

.section-header{
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}
.see-all-sections-trigger[aria-hidden=true] {
  display: none;
}

.section-subscribe button {
  white-space: nowrap;
  margin-left: 16px;
}


/***** Article *****/

.article-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

/*Article Font Sizes*/
.article-container, .post-container {
  display: flex;
  flex-direction: column;
 	gap: 16px;
}

/*Article Author Info Sidebar*/

.sidebar-meta, .article-title-meta, .post-title-meta{
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border: var(--border-styling-solid);
  padding: 40px;
}

.sidebar-meta > div:last-child{
  padding-bottom: 0;
}

.article-author, .post-author {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.meta-container{
	display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: var(--border-styling-solid);
  width: 100%;
}

.article-title:has(.article-subs:empty) .meta-container{
  border-bottom: none;
}

.article-meta a, .post-meta a {
  font-size: var(--font-size-sm);
  color: var(--color-4);
  transition: var(--ht-animation);
}

.sidebar-meta .meta-data{
  font-size: 16px;
}

.article-meta a:hover, .post-meta a:hover{
  opacity: var(--hover-opacity);
}

.article-subscribe {
  align-self: flex-end;
}

.article-subscribe button, .post-follow button {
  width: 100%;
}

.article-subscribe button, .post-follow button, .community-follow button {
  margin-left: 8px;
}

@media screen and (max-width: 1023px){
  .article-subscribe button, .post-follow button, .community-follow button, .user-follow button {
    white-space: nowrap;
    width: fit-content;
  }
  
  .article-title-meta, .post-title-meta{
    border-bottom: 0
  }
  
  .article-author, .post-author {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
}

@media screen and (min-width: 1024px){
  .article-title-meta, .post-title-meta{
    display: none;
  }
}

.article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  border-bottom: var(--border-styling-solid);
}

.article-page-title svg {
  width: 14px;
  height: 14px;
}

.article-title-subtitle{
	display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%; 
  }
  .article-title h1{
    font-size: 60px;
    line-height: 1.1em;
  }
}
.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}
.article [role=button] {
  flex-shrink: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .article [role=button] {
    width: auto;
  }
}

@media screen and (max-width: 479px) {
  .article-title .meta-container{
    align-items: flex-start;
  }
}

.article-info {
  max-width: 100%;
  padding-bottom: 16px;
  border-bottom: var(--border-styling-solid);
  margin-bottom: 16px;
}
.article-meta, .post-meta {
  display: inline-block;
  vertical-align: middle;
}

.article-title h1{
  margin-top: 0;
}
.article-body, .post-body {
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.article-body {
  margin-top: 16px;
}

.article-body > *, .post-body > * {
  margin: 0;
}

.article-body a{
  transition: var(--ht-animation);
}

.article-body a:hover, .article-body a:active, .article-body a:focus {
  cursor: pointer;
  opacity: var(--hover-opacity);
}
.article-body img {
  height: auto;
  max-width: 100%;
  border-radius: var(--border-radius);
}
.article-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figure.image {
  display: table;
  margin: 0 auto;
}
.article-body figure.image > img {
  display: block;
  width: 100%;
}
.article-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
}
.article-body ul,
.article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 0;
}
[dir=rtl] .article-body ul,
[dir=rtl] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
  margin: 0;
}
.article-body ul {
  list-style-type: disc;
}
.article-body :not(pre) > code, .post-body :not(pre) > code, .comment-body :not(pre) > code {
  background-color: var(--color-primary-1);
  border-radius: var(--border-radius-sm);
  color: var(--color-1);
  padding: 4px 4px;
}
.article-body pre, .post-body pre, .comment-body pre {
	background-color: var(--color-1);
  border: var(--border-styling-solid);
  border-color: var(--color-primary-1);
  border-radius: var(--border-radius-sm);
  padding: 16px;
  overflow: auto;
  white-space: pre;
}
.article-body blockquote, .post-body blockquote, .comment-body blockquote {
  border-left: 4px solid var(--color-primary-1);
  font-style: italic;
  padding: 1px 8px;
}
.article-body > p:last-child {
  margin-bottom: 0;
}
.article-content {
  line-height: 1.6;
  
  word-wrap: break-word;
}

.article-body iframe{
  max-width: 100%;
}

iframe[src*="youtube-nocookie.com"], iframe[src*="youtube.com"], iframe[src*="vimeo.com"] {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  aspect-ratio: 16/9; 
  border-radius: var(--border-radius);
}

@supports not (aspect-ratio: 16/9) {
  /* Fallback for browsers that don't support aspect-ratio */
  iframe[src*="youtube-nocookie.com"], iframe[src*="youtube.com"], iframe[src*="vimeo.com"] {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 56.25%; /* Maintain 16:9 aspect ratio */
    height: 0;
  }

  iframe[src*="youtube-nocookie.com"]:before,
  iframe[src*="youtube.com"]:before,
  iframe[src*="vimeo.com"]:before {
    content: '';
    display: block;
    padding-top: 56.25%; /* 16:9 aspect ratio */
  }
}

/*Article Tables*/
.article-body table{
  max-width: 100%;
  overflow-x: auto;
  min-width: 400px;
  font-size: var(--font-size-rg);
  font-weight: var(--font-weight-normal);
  width: 100%;
  border: none;
  margin-bottom: 16px;
  text-align: center;
  line-height: normal;
  height: auto !important;
}

@media (max-width: 600px) {
  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  th, td {
    white-space: nowrap; 
  }
  
  td{
    width: 100%;
  }
}

@media screen and (max-width: 768px){
  .article-body table, .article-body table *{
    min-width: 0;
  }
}

.article-body table tbody{
  border: none;
}

.article-body table tbody tr{
  border-bottom: 1px solid var(--color-3);
  
}

.article-body table tbody tr:first-child{
  background-color: var(--color-1);
  color: var(--color-4);
  font-size: var(--font-size-rg);
  font-weight: var(--font-weight-bold);
}
.article-body table tbody tr:first-child td:first-child{
  border-radius: 0 0 0 0;
}

.article-body table tbody tr:first-child td:last-child{
  border-radius: 0px 0 0 0;
}

.article-body table th, .article-body table td{
  padding: 8px;
  border: var(--border-styling-solid);
  border-color: var(--color-primary-1);
}



.article-body table tbody tr:last-of-type td:first-child{
  border-radius: 0 0 0 0;
}

.article-body table tbody tr:last-of-type td:last-child{
  border-radius: 0 0 0 0;
}


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


.article-comment-count, .article-comment-count:visited,.article-comment-count svg {
  color: var(--color-3);
  transition: var(--ht-animation);
}

 .article-comment-count:hover, .article-comment-count:hover svg {
  color: var(--color-2);
}

.article-comment-count-icon {
  vertical-align: middle;
  color: var(--color-3);
  width: 18px;
  height: 18px;
}

.collapsible-sidebar:has(.sidebar-body-list:empty){
  display:none;
}

div[data-test-id="suggested-articles"], .collapsible-sidebar{
  width: 100%;
}

div[data-test-id="suggested-articles"] div, .form .suggestion-list .searchbox{
  background-color: var(--color-1);
  border-radius: var(--border-radius);
  padding: 16px;
}

.form .suggestion-list .searchbox {
  margin-top: 16px;
}

.article-relatives {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.article-relatives:empty{
  display: none;
}

.article-votes-container {
  background-color: var(--color-3);
  border: var(--border-styling-solid);
  padding: 40px 20px;
  text-align: center;
  margin-bottom: 30px;
}

.ht-article-voting{
 	display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 0;
  margin-left: auto;
}

.article-votes-count{
	display: flex;
  align-items: center;
  justify-content: center;
}

.article .article-votes-question {
  margin-top: 0;
  margin-bottom: 8px;
  letter-spacing: 1px;
}

.article .article-vote-label, .article .article-votes-question{
  color: var(--color-3);
  font-size: var(--font-size-sm);
}

.article-subs{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.article-votes-controls{
 	display: flex;
  gap: 8px;
}

.article-vote {
  width: auto;
  -webkit-appearance: none;
  border: none;
  background: none;
  padding: 0;
}

.article-vote-up, .article-vote-down{
	font-size: 0;
}

.article-vote-up:after, .article-vote-down:after{
  content: '';
  font-family: "Material Icons Outlined";
  font-size: 14px;
  display: inline-block;
  width: 14px;
  height: 14px; 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  color: var(--color-3);
}

.article-vote.vote-current:after {
  font-family: "Material Icons";
}

.article-vote-up:after{
  content: "thumb_up";
}

.article-vote-down:after{
  content: "thumb_down";
}

.article-more-questions:empty{
  display: none;
}
.article-more-questions {
  margin-top: 30px;
  text-align: center;
  color: var(--color-4);
}
.article-more-questions a {
  color: var(--color-primary-2);
  transition: var(--ht-animation);
}
.article-more-questions a:visited {
 	color: var(--color-primary-2);
}

.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  opacity: var(--hover-opacity);
}

.article-return-to-top{
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  display: none;
}

@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}
.article-return-to-top a {
  color: var(--color-2);
  background-color: var(--color-primary-1);
  display: flex;
  justify-content: center;
  align-items: center;
	width: 30px;
  height: 30px;
  border-radius: var(--border-radius-sm);
  transition: var(--ht-animation);
}

.article-return-to-top a:hover, .article-return-to-top a:focus {
  opacity: var(--hover-opacity);
}
.article-return-to-top-icon {
  transform: rotate(0.5turn);
}
.article td > p:first-child,
.article th > p:first-child {
  margin-top: 0;
}
.article td > p:last-child,
.article th > p:last-child {
  margin-bottom: 0;
}

.sidenav-title {
	margin: 0;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: var(--border-styling-solid);
}

.sidenav-item:visited{
  color: var(--color-4);
}
.sidenav-item:hover, div[data-test-id="suggested-articles"] li a:hover, .recent-articles li a:hover, .related-articles li a:hover{

}

.sidenav-item-seemore:hover{
  cursor: pointer;
}

.sidenav-item-seemore {
	margin-top: 8px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
ul.attachments { 
  display: flex;
  flex-direction: column;
  gap: 8px;
  line-height: normal;
}

.attachments .attachment-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

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

/***** Social share links *****/
.article-share, .post-share{
	padding: 8px;
  padding-left: 0;
}
.share {
  padding: 0;
  white-space: nowrap;
  display: flex;
  gap: 8px;
}

.share li, .share a {
  display: flex;
}

.share li {
}

.share a {
  transition: var(--ht-animation);
}
.share a:hover {
  color: var(--color-primary-1);
}
.share a svg {
  height: 16px;
  width: 16px;
  display: block;
  color: var(--color-3);
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment-list{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.article .comment-heading{
  margin-top: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  margin-bottom: 0;
}

.comments, .post {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.comment-overview {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.comment-overview p {
  margin-top: 0;
}
.comment-callout {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-sm);
  line-height: normal;
}

.comment-callout a {
  transition: var(--ht-animation);
  line-height: normal;
}

.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  opacity: var(--hover-opacity);
}
.comment-sorter {
  display: inline-block;
  width: fit-content;
}

.comment-sorter button, .my-activities-nav-child button {
  display: flex;
  gap: 4px;
}

.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper, .comment-wrapper.comment-official {
  border: var(--border-styling-solid);
  border-radius: var(--border-radius-sm);
  padding: 16px;
  background-color: var(--color-1);
}

.comment-avatar{
  display: flex;
  align-items: center;
  gap: 8px;
 font-size: var(--font-size-sm);
}
.comment-avatar span{
  font-size: var(--font-size-sm);
}

.comment-wrapper.comment-official {
  padding: 32px 16px 16px;
}

@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 35px;
  }
}
.comment-info {
  min-width: 0;
  width: 100%;
	display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.comment-info .attachments a{
	font-size: var(--font-size-md)
}

.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}

.comment-author{
 	display: flex;
	gap: 8px;
  padding-bottom: 16px;
  border-bottom: var(--border-styling-solid);
}
.comment-avatar img{
 	width: 32px;
  height: 32px;
}

.comment-meta {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  align-items: center;
	flex: 1;
  font-size: var(--font-size-sm);
}

.comment-author-title, .comment-author-title a, .comment-meta a{
  font-size: var(--font-size-sm);
  margin-right: auto;
}

.comment-author-link, .comment-meta a{
  color: var(--color-4);
	transition: var(--ht-animation);
}

.comment-meta span:has(a) {
  margin-right: auto;
}

.comment-author-link:hover, .comment-meta a:hover{
  opacity: var(--hover-opacity);
}

.comment-meta .meta-data{
  font-size: var(--font-size-sm);
}


.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;
  flex-direction: column;
  padding-top: 16px;
  word-wrap: break-word;
  gap: 16px;
  border-top: var(--border-styling-solid);
}

@media screen and (max-width: 767px) {
  .comment-form{
    flex-direction: column;
  }
}

.comment-container {
  width: 100%;
}

.comment-form-controls {
  margin-top: 8px;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.official-post-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

input[type="checkbox"], div[data-garden-id="forms.field"] label[data-garden-id="forms.checkbox_label"]::before {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: var(--border-styling-solid);
  border-color: var(--color-primary-1);
  border-radius: var(--border-radius-xs);
  background-color: var(--color-1);
  cursor: pointer;
  display: inline-block;
  transition: var(--ht-animation);
  top: 0;
}

input[type="checkbox"]:checked, input[type="checkbox"]:checked ~ label[data-garden-id="forms.checkbox_label"]::before {
  background-color: var(--color-primary-1);
 	box-shadow: inset 0 0 0 1px var(--color-1);
}

label[data-garden-id="forms.checkbox_label"] svg {
  display: none;
}

input[data-garden-id="forms.checkbox"] {
  position: absolute !important;
}

.official-post-container label[for="community_comment_official"] {
  font-size: var(--font-size-sm);
}

.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-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow-x: auto;
}

.comment-body *{
  margin: 0;
  width: 100%;
}

.comment-body img {
  height: auto;
  max-width: 100%;
}
.comment-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figure.image {
  display: table;
  margin: 0 auto;
}
.comment-body figure.image > img {
  display: block;
  width: 100%;
}
.comment-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: var(--color-3);
}
.comment-body ul,
.comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 0;
}
[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;
}
a
.comment-mark-as-solved {
  display: inline-block;
}

.comment-labels {
  display: flex;
  gap: 8px;
}

.comment-labels:empty {
  display: none;
}

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

.vote-sum {
  color: var(--color-3);
  display: block;
  line-height: 1;
  font-size: var(--font-size-sm);
}

.post-actions-wrapper .vote-sum {
  color: var(--color-3);
}

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

.vote-up svg, .vote-down svg{
  width: 12px;
  height: 12px;
}

.vote-voted {
  color: var(--color-4);
  transition: var(--ht-animation);
}

.vote-voted:hover {
  opacity: var(--hover-opacity);
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.comment-actions-container, .post-actions-wrapper{
 	display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}

.post-actions-wrapper {
  padding: 8px 0;
  margin-left: auto;
}

.post-actions-wrapper *{
  color: var(--color-3);
}

.comment-actions-container * {
  color: var(--color-4);
}

.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: 16px;
  min-width: 16px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-4);
}

.actions button svg{
  width: 16px;
  height: 16px;
}

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

.community-header {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-direction: row;
  padding-bottom: 16px;
  border-bottom: var(--border-styling-solid);
  margin-bottom: 16px;
}

.community-header-left, .community-header-links {
  display: flex;
  gap: 8px 16px;
  align-items: center;
}

.community-header a{
  font-size: var(--font-size-sm);
  display: block;
  line-height: normal;
  color: var(--color-4);
}

.community-header .post-to-community{
  margin-left: auto;
}
.post-to-community a{
  color: var(--color-1);
}

.community-header a[aria-checked="true"]{
  font-weight: var(--font-weight-bold);
}

.community-header .title {
  margin-bottom: 0;
}

.community-header .dropdown-menu {
  top: 20px;
}

@media screen and (max-width: 514px){
  .community-header {
		align-items: flex-end;
  }
  .community-header-left {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Community Posts List*/
.posts-list {
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}



/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}
.topics-item .meta-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-end;
  gap: 8px;
  margin-top: auto;
}

.topics-item .category-description {
  margin-bottom: 16px;
  margin-top: 0;
}

.topics-item .category-title {
  margin-bottom: 16px;
}



/* Community topic page */
.topic-filters{
 	display: flex;
  gap: 16px;
  align-items: center;
}
.topic-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.my-activities-following-header{
  margin-bottom: 32px;
}


@media screen and (max-width: 479px){
  .topic-header .dropdown, .my-activities-following-header .dropdown{
    display: flex;
  }
  
  
  .tp-topic-header{
    flex-direction: column-reverse;
    gap: 24px;
    align-items: flex-start;
  }
  
  .dropdown-toggle[aria-expanded=true] + .dropdown-menu{
    width: fit-content;
	}
  
  .topic-filters{
    display: flex;
    gap: 16px;
  }
}

.topic-filters .material-icons, .my-activities-following-header .material-icons {
  font-size: 16px;
}

.topic-filters .dropdown-toggle, .my-activities-following-header .dropdown-toggle {
  gap: 4px;
}


.topics-item {
  background-color: var(--color-1);
  padding: 32px;
  border: var(--border-styling-solid);
  border-radius: var(--border-radius);
}

@media screen and (max-width: 796px) {
  .topics-item {
    padding: 32px 16px;
  }
}

/* Topic, post and user follow button */

.post-follow, .community-follow {
  align-self: flex-end;
}

.community-follow button:hover, .post-follow button:hover, .user-follow button:hover {
	cursor: pointer;
}


.community-follow button:hover::after, .post-follow button:hover::after, .user-follow button:hover::after {
  color: var(--color-primary-1);
}

.community-follow button::after, .post-follow button::after, .user-follow button::after {
  content: "(" attr(data-follower-count) ")";
  color: var(--color-2);
  display: inline-block;
  font-family: var(--font-family-heading);
  padding-left: 4px;
  position: static;
	transition: var(--ht-animation);
}

.community-follow button[data-selected="true"]::after, .post-follow button[data-selected="true"]::after, .user-follow button[data-selected="true"]::after{
  border-color: var(--color-1);
}


[dir=rtl] .community-follow button::after, [dir=rtl] .post-follow button::after {
  border-left: 0;
  border-right: 2px solid var(--color-2);
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  transition: var(--ht-animation);
}

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

.striped-list-item {
  padding: 16px;
  gap: 8px;
  border: var(--border-styling-solid);
  border-radius: var(--border-radius-sm);
  background-color: var(--color-1);
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
}



.striped-list-info {
  width: 100%;
  justify-content: space-between;
  display: flex;
}
.striped-list-item
.striped-list-info a:hover{
  opacity: 1;
}

.striped-title-container{
  display: flex;
  align-items: center;
  gap: 10px;
}

.striped-list-title {
 	color: var(--color-4);
  font-weight: var(--font-weight-bold);
  transition: var(--ht-animation);
  font-size: var(--font-size-sm);
  line-height: normal;
}
.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  opacity: var(--hover-opacity);
}
.striped-list-title:visited {
  color: var(--color-4);
}

.striped-list .meta-group .meta-data{
	font-size: var(--font-size-sm);
  line-height: normal;
  white-space: nowrap;
}

.striped-list-count {
  display: flex;
  gap: 8px;
}

.post-overview-item {
  display: flex;
  gap: 8px;
}

.post-overview-item:empty {
  display: none;
}

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

.striped-list-count-item{
  display: flex;
  gap: 4px;
  color: var(--color-4);
  line-height: normal;
  font-size: var(--font-size-sm);
  text-transform: capitalize;
}

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


/***** Status labels *****/
/* Styles labels used in posts, articles and requests */

.status-label-official {
  margin-right: 0;
  text-align: center;
}

@media (min-width: 768px) {
  .status-label-official {
    width: fit-content;
  }
}
[dir=rtl] .status-label-official {
  left: 30px;
  right: auto;
}
.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: var(--color-2);
}
.status-label-open {
  background-color: #c72a1c;
  color: var(--color-1);
}
.status-label-solved {
  background-color: #68737d;
  color: var(--color-1);
}
.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}
.status-label-hold {
  background-color: #000;
  color: var(--color-1);
}
.status-label-request {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/***** Post *****/
.post-header {
	gap: 8px;
}

.post-header .status-label {

}
.post-title {
  width: 100%;
}

.post-title .status-label{
  margin-bottom: 20px;
}

.post-meta .meta-group .meta-data{
  font-size: 16px;
}


.post-content {
  font-family: var(--font-family-body);
  line-height: 1.6;
  word-break: break-word;
}
.post-info-container {
  display: flex;
  padding-bottom: 16px;
  border-bottom: var(--border-styling-solid);
}
.post-info {
  min-width: 0;
  width: 100%;
}

.post-body img {
  height: auto;
  max-width: 100%;
}
.post-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figure.image {
  display: table;
  margin: 0 auto;
}
.post-body figure.image > img {
  display: block;
  width: 100%;
}
.post-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: var(--color-3);
}
.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-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.post-comment-count, .post-comment-count:visited {
  color: var(--color-3);
}
.post-comment-count:hover {
  color: var(--color-2);
}
.post-comment-count .icon-comments {
  color: var(--color-3);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
  transition: var(--ht-animation);
}
.post-comment-count:hover .icon-comments{
  color: var(--color-2);
}

.post-body > *:first-child {
  margin-top: 0;
}

.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: var(--border-radius-sm);
  color: var(--color-1);
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
}

.community-badge-titles {
  display: inline;
}

.community-badge-achievement {
  display: block;
  height: 16px;
  white-space: nowrap;
  width: 16px;
}
.community-badge-achievement img {
  width: 100%;
  height: 100%;
}

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

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

.community-badge {
  margin: 2px;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}
.profile-info .community-badge-achievement {
  height: 40px;
  width: 40px;
}
.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  position: relative;
}

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

.collapsible-nav-toggle {
  top: 22.5px;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  z-index: 99;
}
@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-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}
.collapsible-nav-list li {
  line-height: normal;
  order: 1;
  font-size: var(--font-size-sm);
}
@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    transition: var(--ht-animation);
  }
  [dir=rtl] .collapsible-nav-list li {
    margin-right: 0;
  }
}
.collapsible-nav-list li a {
  color: var(--color-4);
  display: block;
}
.collapsible-nav-list li a:visited{
  color: var(--color-4);
}



@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-color: var(--color-primary-1);
  }
  .collapsible-nav-list li:hover a:not([aria-current=page]) {
    color: var(--color-2);
  }
}
.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 {
    order: 1;
  }
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
  color: var(--color-4);
  font-weight: var(--font-weight-bold);
}

.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 {
  overflow: hidden;
  position: relative;
  max-height: 67px;
}



@media (min-width: 1024px) {
  .sidebar-title-container {
    display: flex;
    align-items: center;
    padding: 0px;
    justify-content: center;
	}
  
  .collapsible-sidebar {
    max-height: none;
  }
}
.collapsible-sidebar-title {
  margin-top: 0;
}

.collapsible-sidebar-toggle {
  position: absolute;
  top: 0;
  right: -1px;
  padding: 0;
  border: 0;
  background: none;
  width: 56px;
  height: 56px;
  border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-2);
}
@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}

@media screen and (max-width: 1023px){
  .collapsible-sidebar-title{
    padding-right: 70px;
  }
  
  .collapsible-sidebar-toggle[aria-expanded="true"]{
    border-radius: 0 var(--border-radius-sm) 0 0;
  }
  
  .collapsible-sidebar[aria-expanded="true"] .sidenav-title{
    margin-bottom: 8px;
  }
  .collapsible-sidebar-body{
   margin-top: 16px; 
  }
}

[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;
}
.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 {
	display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: var(--border-styling-solid);
  width: 100%;
}

form .my-activities-nav {
  flex-direction: row;
  align-items: center;
}

@media screen and (max-width: 600px){
  .contributions-page .my-activities-nav {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

.my-activities-nav-child {
  display: flex;
  align-items: center;
  gap: 16px;
}

.my-activities-nav-child li {
  display: flex;
}

.my-activities-nav-child li a, .my-activities-nav-child li a:visited {
 	font-size: var(--font-size-sm);
  color: var(--color-4);
  white-space: nowrap;
}

.my-activities-nav-child li.current a {
  font-weight: var(--font-weight-bold);
}

@media screen and (max-width:767px){
  .my-activities-nav .collapsible-nav-toggle, .my-activities-sub-nav .collapsible-nav-toggle{
    color: var(--color-2);
    display: flex;
    justify-content: flex-end;
	}
  .my-activities-nav .collapsible-nav-toggle[aria-expanded="false"], .my-activities-sub-nav .collapsible-nav-toggle[aria-expanded="false"]{
    width: 100%;
		justify-content: space-between;
  }
  .my-activities-nav .collapsible-nav-toggle[aria-expanded="false"]:before, .my-activities-sub-nav .collapsible-nav-toggle[aria-expanded="false"]:before{
    content: 'Select';
  }
  
  .my-activities-sub-nav {
    background-color: var(--color-4);
  }
}

.my-activities-table .striped-list-title { 
  display: block;
  max-width: 230px;
  white-space: normal;
}
@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
  }
}
.my-activities-table thead {
  display: none;
}
.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 16px;
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}
.my-activities-table td:not(:first-child) {
  display: table-cell;
}
@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

@media screen and (max-width: 479px){
  .my-activities-table.table tr{
    border-radius: var(--border-radius);
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}
.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}
.requests-table-toolbar .request-table-filter {
  width: auto;
  position: relative;
  font-size: var(--font-size-sm);
  display: flex;
  gap: 16px;
  margin-left: 16px;
}

.requests-table-toolbar .request-table-filter select {
  padding: 4px 8px;
  padding-right: 24px;
  cursor: pointer;
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-sm);
  z-index: 2;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/hc/theming_assets/01K2Y841R0B2A0BF3CYAXG95FQ); 
  background-repeat: no-repeat;
  background-position: 95% center; 
  background-size: 12px;
}

.requests-table-toolbar .request-table-filter svg{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

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

@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: 16px;
}
.requests-table-toolbar + .requests {
  margin-top: 16px;
}
.requests .requests-table-meta {
  display: block;
}

.requests-table-status {
  line-height: 1;
  text-align: right; 
}

.requests-table-status .status-label {
  padding: 0;
  color: var(--color-4);
  background-color: transparent;
  border: none;
  font-weight: var(--font-weight-normal);
  box-shadow: none;
}

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

@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 */
.subscriptions-subscribe {
  align-self: flex-end;
}
.subscriptions-subscribe div{
  display: flex;
  justify-content: end;
}

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

.subscriptions-table .user-avatar {
  margin-right: 10px;
}
.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.my-activities-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}


.my-activities-item {
	background: var(--color-1);
  border: var(--border-styling-solid);
  border-radius: var(--border-radius-sm);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.my-activities-meta, .my-activities-item-title {
  font-size: var(--font-size-sm);
  line-height: normal;
  display: flex;
  align-items: center;
}

.my-activities-meta {
  gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.my-activities-left, .my-activities-right {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.my-activities-right span {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .my-activities-item {
    flex-direction: column;
    gap: 8px;
  }
  
  .my-activities-meta, .my-activities-item-title {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .my-activities-item.contributions-item .my-activities-meta {
    flex-direction: column;
    gap: 8px;
		align-items: flex-start;
  }
 .my-activities-item.contributions-item .my-activities-right span {
    text-align: left;
  }
}

.no-activities {
  color: var(--color-4);
  font-size: var(--font-size-sm);
  margin-bottom: 0;
}

/***** Request *****/

.request-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@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 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.request-main .comment-fields {
  max-width: 100%;
}

@media screen and (min-width: 1024px) {
  .request-main .comment-fields .ck.ck-sticky-panel__content {
 		max-width: 500px;
  	width: 100%;
	}
}

.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}
.request-main .request-submit-comment{
  width: 100%;
}
.request-main .comment-fields.shown {
  display: block;
}
.request-main .request-submit-comment.shown {
  display: inline;
}
@media (min-width: 1024px) {
  .request-main {
    flex: 1;
  }
}
.request-main .comment-form-controls {
  display: block;
}
.request-main .comment-ccs {
  display: block;
}
.request-main .comment-show-container {
  border: var(--border-styling-solid);
  border-radius: var(--border-radius-sm);
  background-color: var(--color-1);
  color: var(--color-4);
  text-align: inherit;
  padding: 16px;
  width: 100%;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
}
.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(--color-3);
}
.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(--color-3);
}
.request-main input#mark_as_solved {
  display: none;
}
.request-title {
  width: 100%;
  margin-bottom: 0;
}
.attachment-meta a{
  transition: var(--ht-animation);
}

.attachment-meta a:hover{
  opacity: var(--hover-opacity);
}

.request-sidebar {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .request-sidebar {
    width: 222px;
  	flex-shrink: 0;
  }
}

@media screen and (max-width: 1023px){
  .request-sidebar {
    display: none;
  }
}
.request-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: var(--font-size-sm);
  margin: 0;
  line-height: normal;
}

.request-label{
  font-weight: var(--font-weight-bold);
}

.request-sidebar-list{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

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

.request-form textarea {
  min-height: 120px;
}
.request-follow-up {
  padding-top: 20px;
}

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

.request-details .status-label {
  padding: 0;
  border-radius: var(--border-radius);
  background-color: transparent;
  box-shadow: none;
  color: var(--color-4);
  border: none;
  font-weight: var(--font-weight-normal);
}

@media screen and (min-width: 1024px) {
  .request-details-mobile {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .request-sidebar-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
}

@media screen and (max-width: 600px){
  .request-sidebar-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  	gap: 8px 16px;
  }
}

@media screen and (max-width: 479px){
  .request-sidebar-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 399px){
  .request-sidebar-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/***** Pagination *****/
.pagination-next-icon, .pagination-last-icon, .pagination-prev-icon, .pagination-first-icon {
  display: none;
}
.pagination-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.pagination-next {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  margin-right: 8px;
}
.pagination-prev{
  margin-right: auto;
  display: flex;
  justify-content: flex-end;
  margin-left: 8px;
}

.pagination-prev-link, .pagination-first-link, .pagination-next-link, .pagination-last-link{
  font-weight: 500;
}

.pagination-prev-link:active, .pagination-first-link:active, .pagination-next-link:active, .pagination-last-link:active {
  color: var(--color-1);
}
.pagination-prev-link:hover:active, .pagination-first-link:hover:active, .pagination-next-link:hover:active, .pagination-last-link:hover:active, .pagination-prev-link:visited:hover, .pagination-first-link:visited:hover, .pagination-next-link:visited:hover, .pagination-last-link:visited:hover {
  color: var(--color-primary-1);
}

.pagination {
  margin-top: 16px;
  text-align: center;
}
.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}



/***** Metadata *****/
.sidebar-meta .meta-group{
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.meta-data-title, .article-share p, .post-share p {
  margin-top: 0;
}

.sidebar-meta .meta-group .meta-data:not(:last-child)::after{
  display: none;
}

.meta-group {
  display: block;
  line-height: 1;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: var(--color-4);
  font-size: var(--font-size-sm);
  transition: var(--ht-animation);
  line-height: normal;

}

/* User Profiles */
.userprofile-container{
  display: flex;
  gap: 16px;
}

.profile-header {
  display: flex;
  flex-direction: column;
  
}

.profile-header .container {
  border-radius: var(--border-radius);
}

@media (min-width: 1024px) {
  .profile-header {
    width: 222px;
    flex-shrink: 0;
  }
  .profile-content{
  	flex-grow: 1;
  }
}

@media screen and (max-width: 1023px){
  .userprofile-container{
    flex-direction: column;
  }
}



.profile-header .profile-info {
 flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: var(--border-styling-solid);
}



.profile-user{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  width: fit-content;
}

.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 .profile-username {
  margin: 0;
}
.profile-username a{
  transition: var(--ht-animation);
  color: var(--color-4);
}

.profile-username a:hover{
  opacity: var(--hover-opacity);
}


.profile-header .options {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  gap: 8px;
}

.profile-header .options button{
  
}

.profile-header .options .community-follow:empty{
  display: none;
}

@media screen and (max-width: 1023px) {
  .profile-user, .profile-header .profile-info {
    flex-direction: row;
  }
  .profile-header .profile-info {
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  
  .profile-header .options button {
    white-space: nowrap;
  	width: fit-content;
  }
}

@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 0;
    flex-direction: column;
  }
}

.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%;
  margin: 0;
  font-size: var(--font-size-sm)
}

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

.profile-stats .stat {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profile-stats .stat .stat-label{
  font-weight: var(--font-weight-bold);
}

.profile-stats .stat .stat-label, .profile-stats .stat .stat-value{
  line-height: normal;
}

.profile-stats-activity {
  margin-top: 15px;
}

.profile-filter-list {
  display: flex;
  gap: 8px 16px;
}

.profile-filter-list li {
  font-size: var(--font-size-sm);
  line-height: normal;
}

.profile-filter-list li a {
  color: var(--color-4);
}

.profile-filter-list li.current {
  position: relative;
}

.profile-filter-list li.current a{
  font-weight: var(--font-weight-bold);
}



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


@media screen and (max-width: 1023px){
  .profile-stats-counters{
    flex: 0 0 100%;
    border-bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
  }
  .profile-stats-counters .stat{
    flex-direction: column;
  }
  .profile-stats .stat-label{
    flex: 0;
  }
}

@media screen and (max-width: 600px){
  .profile-stats-counters{
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 479px){
  .profile-stats-counters{
		grid-template-columns: 1fr 1fr;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px var(--color-primary-1);
  border-radius: var(--border-radius-sm);
  color: var(--color-primary-1);
  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-section {
  width: 100%;
  border-top: var(--border-styling-solid);
  padding-top: 16px;
  margin-top: 16px;
}

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

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

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

.profile-section-sorter .dropdown-toggle {
  width: 100%;
  gap: 4px;
  font-weight: var(--font-weight-normal);
}

.profile-sorting {
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: var(--border-styling-solid);
}

body:has(.profile-sorting) .profile-section {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.profile-badges-items {
  margin-top: 25px;
}
.profile-badges-item {
  border-top: 1px solid #ddd;
  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(--color-4);
  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;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  gap: 16px;
}

.profile-contribution-header {
	line-height: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.profile-contribution-header:empty{
  display: none;
}

.profile-contribution-title {
  display: inline;
  vertical-align: middle;
  transition: var(--ht-animation);
  margin-bottom: 0;
}
.profile-contribution-title a, .profile-contribution-title a:visited{
  color: var(--color-4);
}
.profile-contribution-title a:hover{
  opacity: var(--hover-opacity);
}

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

.profile-contribution nav ol li:not(:last-child) {
	display: none;
}

.profile-contribution .userpage-meta{
  display: flex;
  gap: 8px 16px;
  flex-wrap: wrap;
  padding-right: 16px;
}

.activity-meta-data {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profile-comment-footer{
  order: 5;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.profile-contribution-icon {
  color: var(--color-4);
  line-height: 1;
}

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

 .userpage-meta.meta-group .meta-data{
  font-size: var(--font-size-sm);
}

.userpage-meta.meta-group .meta-data a{
  transition: var(--ht-animation);
}

.userpage-meta.meta-group .meta-data a:hover{
  opacity: var(--hover-opacity);
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
	font-size: var(--font-size-sm);
}

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

.profile-activity-list, .profile-contribution-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profile-activity, .profile-contribution-list .profile-contribution{
  position: relative;
  background-color: var(--color-1);
  padding: 16px;
  border: var(--border-styling-solid);
  border-radius: var(--border-radius-sm);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profile-contribution-list.profile-comments .profile-contribution-header {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.profile-activity-header {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: var(--border-styling-solid);
}

.profile-activity:has(.status-label-official) .profile-activity-header {
  margin-bottom: 0;
}

.profile-activity-header .user-avatar {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  min-width: 32px;
  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%;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
}

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


@media screen and (max-width: 1280px){
  .profile-activity-contribution:has(.status-label), .profile-contribution:has(.status-label){
    padding-top: 16px;
  }
}

@media screen and (max-width: 767px){
  .profile-activity-contribution .status-label-official{
    border-radius: var(--border-radius-sm);
  }
}

/*Breadcrumbs in Profile Page*/
.profile-activity-contribution nav, .profile-contribution nav{
  max-width: 100%;
}

.profile-activity-icon, .profile-contribution-icon {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 14px;
  height: 14px;
	display: flex;
}
[dir=rtl] .profile-activity-icon {
  right: 0;
}
@media (min-width: 768px) {
  .profile-activity-icon {
    background: none;
  }
  [dir=rtl] .profile-activity-icon {
    background: none;
  }
}

.profile-activity-icon svg {
  position: relative;
  width: 14px;
  height: 14px;
  margin: auto;
}

.profile-contribution-icon svg{
  position: relative;
  width: 14px;
  height: 14px;
  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;
    gap: 16px;
  }
}
.search-results-column {
  flex: 1;
  max-width: 100%;
}

.search-results-sidebar {
	width: 222px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: fit-content;
}

.search-results-sidebar .sidenav-item {
	justify-content: space-between;
}

.search-mobile-filters {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: var(--border-styling-solid);
  display: flex;
  gap: 8px;
}

.search-mobile-filters .dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: var(--font-weight-normal);
}

@media (min-width: 1024px) {
  .search-results-sidebar {
    border-top: 0;
  }
  .search-mobile-filters {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .search-results-sidebar {
    display: none;
  }
}

.search-result-meta-count span, .search-result-votes span{
  display: flex;
  align-items: center;
  gap: 4px;
}

.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}
.search-results-sidebar .sidenav-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-grow: 0;
}
.search-results-sidebar .sidenav-tag .content-tag {
  background: #E9EBED;
  border-radius: var(--border-radius-sm);
  padding: 4px 12px;
}
.search-results-sidebar .sidenav-tag .content-tag .label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.000427656px;
  color: #49545C;
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: #555555;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .collapsible-sidebar {
  transition: var(--ht-animation);
  width: 100%;
}

@media screen and (max-width: 1023px){
  .search-results-sidebar .collapsible-sidebar .multibrand-filter-list {
  	display: none;
	}
}


.search-results-sidebar .collapsible-sidebar[aria-expanded=true] .multibrand-filter-list{
  display: grid;
} 

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

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

.search-results-sidebar .multibrand-filter-list .doc-count {
  color: var(--color-4);
  margin-left: 4px;
}

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

.search-results-sidebar .sidenav-item-seemore:hover:after{
    color: var(--color-4);
}

.search-results-subheading {
  margin-top: 16px;
}

.search-results-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.search-results-list *{
  max-width: 100%;
}

.search-results-list > li {
  background-color: var(--color-1);
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px;
  border-radius: var(--border-radius-sm);
  border: var(--border-styling-solid);
  position: relative;
}

.search-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.search-results .no-results .headline {
  color: var(--color-4);
  font-size: var(--font-size-sm);
  line-height: normal;
	padding-bottom: 16px;
  border-bottom: var(--border-styling-solid);
  margin-bottom: 16px;
  width: 100%;
  font-weight: var(--font-weight-bold);
}
.search-results .no-results .action-prompt {
  font-size: var(--font-size-sm);
}


.no-results-svg{
  fill: var(--color-3);
}

.search-result-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search-results-item-header{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: var(--border-styling-solid);
}

.search-result-title{
  margin-bottom: 0;
}

.search-result-title a, .search-result-title a:visited{
	color: var(--color-4);
  transition: var(--ht-animation);
}

.search-result-title a:hover{
  opacity: var(--hover-opacity);
}

.search-result-icons{
	display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.search-result-votes, .search-result-meta-count {
  font-size: var(--font-size-sm);
  line-height: 1;
}
.search-result-votes-icon, .search-result-meta-count-icon {
  color: var(--color-4);
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

.search-result-meta-container {
  color: var(--color-4);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.search-result-meta-container nav{
  max-width: 100%;
}

.search-result-meta-container .breadcrumbs li{
  margin-bottom: 0;
  font-size: var(--font-size-sm);
}

@media (min-width: 1024px) {
  .search-result-meta-container {
    flex-direction: row;
    
  }
}
@media (min-width: 1024px) {
  .search-result-meta-container nav {
    flex: 1;
  }
}

.search-result-meta-container .meta-data::after {
  content: none;
}
.search-result-breadcrumbs {
  margin: 0;
}
.search-result-description {
  word-break: break-word;
}

/* 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: var(--ht-animation);
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

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

.notification-icon, .notification-inline.notification-error::before, .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: #555;
  cursor: pointer;
  opacity: var(--hover-opacity);
  transition: var(--ht-animation);
  text-decoration: none !important;
}

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

/* Inline notifications */
.notification-inline {
  border-radius: var(--border-radius-sm);
  line-height: 14px;
  margin-top: 8px;
  padding: 8px;
  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;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
  display: flex;
  align-items: center;
  color: var(--color-4);
  font-size: var(--font-size-sm);
}

.dropdown-toggle.dd-right{
  
}

.dropdown-toggle > * {
  display: inline-block;
}
.dropdown-toggle[aria-expanded=true] + .dropdown-menu {
  display: block;
}

.dropdown-menu {
  background: var(--color-1);
  border: var(--border-styling-solid);
  border-radius: var(--border-radius-sm);
  display: none;
  font-style: normal;
  font-weight: normal;
  left: 0;
  top: 20px;
  margin-top: 1px;
  position: absolute;
  text-align: left;
  z-index: 99;
}



reach-portal > div > div {
  border: var(--border-styling-solid) !important;
  border-radius: var(--border-radius-sm) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: normal !important;
  margin-top: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  text-align: left !important;
  z-index: 99 !important;
	min-width: unset !important;
  top: 4px;
  background-color: var(--color-1) !important;
}

reach-portal > div > div > div {
  margin: 0 !important;
  padding: 8px !important;
  font-size: var(--font-size-sm) !important;
  font-weight: var(--font-weight-normal) !important;
	color: var(--color-4) !important;
  border-color: var(--border-color) !important;
}

reach-portal > div > div > div:first-child {
  border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0 !important;
}

reach-portal > div > div > div:last-child {
  border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm) !important;
}

@media screen and (max-width: 1024px) {
  reach-portal > div {
    right: 16px;
    left: unset !important;
	}
  
  reach-portal > div > div{
    transform: translateX(-100%);
  }
}

reach-portal > div > div a[role="menuitem"], reach-portal div[role="menuitem"], reach-portal div[role="menuitemcheckbox"]{
  color: var(--color-4) !important;
  position: relative !important;
  font-size: var(--font-size-sm);
  padding: 8px;
  line-height: 18px;
  font-weight: var(--font-weight-normal);
  text-decoration: none;
}

reach-portal > div > div a[role="menuitem"]:first-child {
  border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
}

reach-portal > div > div a[role="menuitem"]:last-child {
  border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
}

reach-portal > div > div a[role="menuitem"]:hover, reach-portal div[role="menuitem"]:hover, reach-portal div[role="menuitemcheckbox"]:hover {
  box-shadow: 0 0 0 1px var(--color-primary-1);
}

reach-portal > div > div a[role="menuitem"] svg, reach-portal div[role="menuitemcheckbox"] svg {
  display: none;
}



reach-portal > div > div a[role="menuitem"]:hover, reach-portal div[role="menuitemcheckbox"]:hover, reach-portal div[role="menuitem"]:hover, reach-portal > div > div a[role="menuitem"]:focus, reach-portal div[role="menuitem"]:focus{
  color: var(--color-4) !important;
  background: transparent;
}


.navbar-desktop .dropdown-menu, .dropdown-menu.dd-right{
  left: unset;
  right: 0;
}

.navbar-desktop .dropdown-menu{
  top: 40px;
}

.dropdown-menu [role=separator] {
  border-bottom: 1px solid var(--border-color);
  margin: 4px 0;
}
.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
  color: var(--color-4);
  cursor: pointer;
  display: block;
  padding: 8px;
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-sm);
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: normal;
  width: 100%;
  transition: var(--ht-animation);
  position: relative;
  border-bottom: var(--border-styling-solid);
  text-decoration: none;
}

.dropdown-menu [role=menuitem]:first-child, .dropdown-menu [role=menuitemradio]:first-child {
  border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0 ;
}

.dropdown-menu [role=menuitem]:last-child,
.dropdown-menu [role=menuitemradio]:last-child{
  border-bottom: none;
  border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
}

.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover,
.dropdown-menu [role=menuitemradio]:focus {
  color: var(--color-4);
  opacity: 1;
}

.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitemradio]:hover {
  box-shadow: 0 0 0 1px var(--color-primary-1);
}

.dropdown-menu [role=menuitem][aria-selected=true], .dropdown-menu [role=menuitem][aria-checked=true],
.dropdown-menu [role=menuitemradio][aria-selected=true],
.dropdown-menu [role=menuitemradio][aria-checked=true] {
  cursor: default;
  font-weight: var(--font-weight-bold);
}

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

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

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

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

.content-tags > p {
  color: var(--color-4);
  margin-top: 32px;
  margin-bottom: 4px;
}
.content-tags-add-hint {
  color: var(--color-4);
  font-size: var(--font-size-sm);
}

.content-tag-list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}
.content-tag-list li {
  border-right: 1px solid #C2C8CC;
  margin-bottom: 4px;
}
[dir=ltr] .content-tag-list li {
  padding-right: 8px;
  margin-right: 8px;
}
[dir=rtl] .content-tag-list li {
  padding-left: 8px;
  margin-left: 8px;
}
.content-tag-list li:last-child {
  border: none;
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
  border: var(--border-styling-solid);
}

/***** Upload Dropzone *****/
.upload-dropzone {
  border-radius: var(--border-radius-sm);
  border-style: dotted;
  transition: var(--ht-animation);
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-dropzone[data-hc-focus=true] {
  border-color: var(--color-primary-1);
}

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


/***** Summary component *****/
zd-summary-block {
  background: #f3f6f6;
}
[dir=ltr] zd-summary-block {
  border-left-color: #859fa1;
}
[dir=rtl] zd-summary-block {
  border-right-color: #859fa1;
}

/*Comment Edits*/
reach-portal ._8RHFYPTt0CxuUudzL8wxA9oZq1ynL1u{
  border-radius: var(--border-radius-sm);
	border-color: var(--color-3);
}

/*Powered By HelpThemes*/
.powered-by-helpthemes{
  display: flex;
 	position: fixed;
	bottom: 32px;
  right: 0px;
  transition: var(--ht-animation);
  z-index: 100;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.powered-by-helpthemes:hover{
  cursor: pointer;
}

.powered-by-helpthemes a{
  padding: 8px 4px;
	border-radius: 0 var(--border-radius-xs) var(--border-radius-xs) 0;
}

.powered-by-helpthemes a p{
  margin: 0;
}

/*Date Picker*/
div[data-garden-id="datepickers.datepicker"], div[data-garden-id="datepickers.menu"] {
  background-color: var(--color-1);
}

div[data-garden-id="datepickers.menu"] {
  border: var(--border-styling-solid);
}