@import 'vars.import.css';
* {
  box-sizing: border-box;
}
:root {
  /* Helpcenter collection overview card */
  --polly-collection-overview-container-gap: 1em;
  --polly-collection-overview-card-width: 32%;
  --polly-collection-overview-card-display: flex;
  --polly-collection-overview-card-margin: 0px 0px 10px 0px;
  --polly-collection-overview-card-padding: 1.5em;
  --polly-collection-overview-card-colour: var(--polly-font-colour--white);
  --polly-collection-overview-card-border-colour: var(--polly-grey--300);
  --polly-collection-overview-card-border-radius: var(--polly-border-radius--sm);
  --polly-collection-overview-card-border-width: var(--polly-border-width--sm);
  --polly-collection-overview-card-font-colour: var(--polly-font--dark);
  --polly-collection-overview-card-font-size: var(--polly-font-size--md);
  --polly-collection-overview-card-font-size--sm: var(--polly-font-size--xs);
  --polly-collection-overview-card-font-weight: var(--polly-font-weight--regular);
  --polly-collection-overview-card-font-weight--bold: var(--polly-font-weight--semi-bold);
  --polly-helpcenter-overview-card-link-colour: var(--polly-font-colour--link);
  --polly-helpcenter-overview-card-link-colour--hover: var(--polly-grey--50);
  --polly-helpcenter-overview-card-link-font-size: var(--polly-font-size--sm);
  --polly-helpcenter-overview-card-link-font-weight: var(--polly-font-weight--regular);
  --polly-helpcenter-overview-card-link-padding: 0.5em 0em;
  --polly-helpcenter-overview-card-link-margin: 0em;
  --polly-helpcenter-overview-card-link-line-height: var(--polly-line-height--md);
  --polly-helpcenter-overview-card-background-colour: inherit;
  --polly-helpcenter-overview-card-link-border-width: var(--polly-border-width--sm);
  --polly-helpcenter-overview-card-link-border-colour: var(--polly-grey--300);
}
/* Helpcenter collection overview */
.polly-help-collection-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  gap: var(--polly-collection-overview-container-gap);
}
.polly-help-collection-item {
  display: var(--polly-collection-overview-card-display);
  width: var(--polly-collection-overview-card-width);
  padding: var(--polly-collection-overview-card-padding);
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
  border-radius: var(--polly-collection-overview-card-border-radius);
  border: var(--polly-collection-overview-card-border-width) solid var(--polly-collection-overview-card-border-colour);
  background: var(--polly-collection-overview-card-colour);
  color: var(--polly-collection-overview-card-font-colour);
  font-family: var(--polly-font-family);
  font-size: var(--polly-collection-overview-card-font-size--sm);
  font-style: normal;
  font-weight: var(--polly-collection-overview-card-font-weight);
}
.polly-help-collection-item h4 {
  margin: var(--polly-collection-overview-card-margin);
  font-size: var(--polly-collection-overview-card-font-size);
  font-weight: var(--polly-collection-overview-card-font-weight--bold);
}
.polly-help-collection-container .article {
  width: 100%;
  padding: var(--polly-helpcenter-overview-card-link-padding);
  margin: var(--polly-helpcenter-overview-card-link-margin);
  background-color: var(--polly-helpcenter-overview-card-background-colour);
  border: var(--polly-helpcenter-overview-card--link-border-width) solid var(--polly-helpcenter-overview-card-link-border-colour);
  color: var(--polly-helpcenter-overview-card-link-colour);
  font-family: var(--polly-font-family);
  font-size: var(--polly-helpcenter-overview-card-link-font-size);
  font-style: normal;
  font-weight: var(--polly-helpcenter-overview-card-link-font-weight);
  text-decoration-line: none;
}
.polly-help-collection-container .article:hover {
  background-color: var(--polly-helpcenter-overview-card-link-colour--hover);
}
.polly-help-collection-item ul a {
  text-decoration-line: none;
  line-height: var(--polly-helpcenter-overview-card-link-line-height);
}
@media screen and (max-width: 750px) {
  .polly-help-collection-container .polly-help-collection-item {
    width: 47%;
  }
}
@media screen and (max-width: 550px) {
  .polly-help-collection-container .polly-help-collection-item {
    width: 100%;
    height: auto !important;
  }
}