:root {
  /* Font */
  --polly-collection-view-font-colour: var(--polly-font-colour);
  --polly-collection-view-font-colour--title: var(--polly-font-colour--dark);
  --polly-collection-view-font-size: var(--polly-font-size--sm);
  --polly-collection-view-font-size--title: var(--polly-font-size--md);
  --polly-collection-view-font-weight: var(--polly-font-weight--regular);
  --polly-collection-view-font-weight--title: var(--polly-font-weight--semi-bold);
  /* Border */
  --polly-collection-view-border-colour: var(--polly-grey--300);
  --polly-collection-view-border-radius: var(--polly-border-radius--sm);
  --polly-collection-view-border-width: var(--polly-border-width--sm);
  /* Collection view */
  --polly-collection-view-background-colour: var(--polly-accent-colour);
  --polly-collection-view-border-bottom: 0px;
  /* Container */
  --polly-collection-view-container-bg-colour: var(--polly-bg-white);
  --polly-collection-view-container-border-colour: var(--polly-grey--300);
  --polly-collection-view-container-border-width: var(--polly-border-width--sm);
  /* Subtopic links */
  --polly-subtopic-link-padding: 0em;
  --polly-subtopic-link-gap: 12px;
  --polly-subtopic-link-colour: var(--polly-font-colour--link);
  --polly-subtopic-link-size: var(--polly-font-size--sm);
  --polly-subtopic-link-weight: var(--polly-font-weight--regular);
  --polly-subtopic-link-border-width: 0px;
  --polly-subtopic-link-border-radius: 0px;
  --polly-subtopic-link-border-colour: var(--polly-brand--300);
  /* Collection view subtopic heading layout */
  --polly-subtopic-heading-flex-direction: row;
  --polly-subtopic-heading-justify-content: space-between;
  /* Topic description */
  --polly-topic-description-display: flex;
  --polly-topic-description-font-size: var(--polly-font-size--md);
  --polly-topic-description-font-colour: var(--polly-font-colour);
  --polly-topic-description-font-weight: var(--polly-font-weight--semi-bold);
  --polly-topic-description-opacity: 1;
  --polly-topic-description-padding: 32px;
  /* Topic Article */
  --polly-topic-article-border-width: var(--polly-border-width--sm);
  --polly-topic-article-border-colour: var(--polly-grey--300);
  --polly-topic-article-border-radius: var(--polly-border-radius--sm);
  --polly-topic-article-background-colour: var(--polly-grey--25);
  --polly-topic-article-item-padding: 21px;
  --polly-topic-article-gap: 8px;
  --polly-topic-line-height: var(--polly-line-height--md);
}
.polly-topicview-topic-description:empty {
  display: none;
}
.polly-topicview-topic-description,
.search-description {
  display: var(--polly-topic-description-display);
  padding: var(--polly-topic-description-padding);
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  opacity: var(--polly-topic-description-opacity);
  border-radius: var(--polly-collection-view-border-radius);
  border: var(--polly-collection-view-border-width) solid var(--polly-collection-view-border-colour);
  background: var(--polly-collection-view-background-colour);
  color: var(--polly-topic-description-font-colour);
  font-family: var(--polly-font-family);
  font-size: var(--polly-topic-description-font-size);
  font-style: normal;
  font-weight: var(--polly-topic-description-font-weight);
  line-height: var(--polly-topic-line-height);
}
.topicarticle,
.searcharticle {
  color: var(--polly-collection-view-font-colour);
}
.topicarticle:hover,
.searcharticle:hover {
  text-decoration: none;
}
.polly-topicview-subtopics-heading {
  display: flex;
  width: 100%;
  flex-direction: var(--polly-subtopic-heading-flex-direction);
  justify-content: var(--polly-subtopic-heading-justify-content);
  align-items: center;
  color: var(--polly-collection-view-font-colour--title);
  font-family: var(--polly-font-family);
  font-size: var(--polly-collection-view-font-size--title);
  font-style: normal;
  font-weight: var(--polly-collection-view-font-weight--title);
}
.polly-topicview-subtopics {
  display: flex;
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--polly-subtopic-link-gap);
  align-self: stretch;
}
.polly-topicview-subtopics li {
  display: flex;
  width: 100%;
  padding: var(--polly-subtopic-link-padding);
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--polly-subtopic-link-border-radius);
  border: var(--polly-subtopic-link-border-width) solid var(--polly-subtopic-link-border-colour);
  border-bottom: var(--polly-collection-view-border-width) solid var(--polly-collection-view-border-colour);
  background: var(--polly-knowledge-item-background-colour);
}
.polly-topicview-subtopics li a {
  font-family: var(--polly-font-family);
  font-size: var(--polly-subtopic-link-size);
  font-style: normal;
  font-weight: var(--polly-subtopic-link-weight);
  line-height: var(--polly-topic-line-height);
  text-decoration-line: none;
}
.polly-topicview-subtopics .no_valid_children {
  color: var(--polly-collection-view-font-colour);
  font-family: var(--polly-font-family);
  font-size: var(--polly-collection-view-font-size);
  font-style: normal;
  font-weight: var(--polly-collection-view-font-weight);
  line-height: var(--polly-topic-line-height);
  text-decoration-line: none;
}
.polly-help-topicview-container {
  width: 100%;
  display: inline-block;
  text-align: left;
}
.polly-help-topicview-container i {
  margin-right: 5px;
}
.polly-help-topicview-container .article {
  background-color: var(--polly-collection-view-container-bg-colour);
  border-bottom: var(--polly-collection-view-container-border-width) dashed var(--polly-collection-view-container-border-colour);
}
.polly-help-topicview-container .article:hover {
  background-color: var(--polly-collection-view-container-bg-colour);
}
.polly-help-topicview-container .topicarticle {
  color: var(--polly-collection-view-font-colour);
  font-family: var(--polly-font-family);
  font-size: var(--polly-collection-view-font-size);
  font-style: normal;
  font-weight: var(--polly-collection-view-font-weight);
  line-height: var(--polly-topic-line-height);
  text-decoration: none;
  text-decoration-line: none;
  word-break: break-word;
}
.polly-help-topicview-container .flat li {
  padding: 0px;
  border-bottom: var(--polly-collection-view-border-bottom);
}
.topicarticle {
  display: flex;
  padding: var(--polly-topic-article-item-padding);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--polly-topic-article-gap);
  border-radius: var(--polly-topic-article-border-radius);
  border: var(--polly-topic-article-border-width) solid var(--polly-topic-article-border-colour);
  background: var(--polly-topic-article-background-colour);
}