/*
When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.

Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
to new versions of this theme.
*/
/*
When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.

Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
to new versions of this theme.
*/
@media (max-width: 680px) {
    .header-fragments .layout .layout-content .layout-region.header .layout-region-inner {
      max-width: 100%;
    }
    .full-post.activity .abbreviated-post.shared-link,
    .abbreviated-post.shared-link.abbreviated-post,
    .abbreviated-post.shared-link {
      display: block;
      text-decoration: none;
      min-height: auto;
      margin: 0;
      max-width: 375px;
      font: var(--font-hmc-body-m);
      color: var(--color-blue-900);
      background-color: var(--color-off-white);
      border: 0px;
    }
    .full-post.activity .abbreviated-post.shared-link .post-name a:link,
    .abbreviated-post.shared-link.abbreviated-post .post-name a:link,
    .abbreviated-post.shared-link .post-name a:link,
    .full-post.activity .abbreviated-post.shared-link .post-name a:visited h4,
    .abbreviated-post.shared-link.abbreviated-post .post-name a:visited h4,
    .abbreviated-post.shared-link .post-name a:visited h4,
    .full-post.activity .abbreviated-post.shared-link .post-name,
    .abbreviated-post.shared-link.abbreviated-post .post-name,
    .abbreviated-post.shared-link .post-name {
      font: var(--font-hmc-title-xs);
    }
    .full-post.activity .abbreviated-post.shared-link .post-name a:link a,
    .abbreviated-post.shared-link.abbreviated-post .post-name a:link a,
    .abbreviated-post.shared-link .post-name a:link a,
    .full-post.activity .abbreviated-post.shared-link .post-name a:visited h4 a,
    .abbreviated-post.shared-link.abbreviated-post .post-name a:visited h4 a,
    .abbreviated-post.shared-link .post-name a:visited h4 a,
    .full-post.activity .abbreviated-post.shared-link .post-name a,
    .abbreviated-post.shared-link.abbreviated-post .post-name a,
    .abbreviated-post.shared-link .post-name a {
      font: var(--font-hmc-title-xs);
    }
    .full-post.activity .abbreviated-post.shared-link .post-name a:link a a:link,
    .abbreviated-post.shared-link.abbreviated-post .post-name a:link a a:link,
    .abbreviated-post.shared-link .post-name a:link a a:link,
    .full-post.activity .abbreviated-post.shared-link .post-name a:visited h4 a a:link,
    .abbreviated-post.shared-link.abbreviated-post .post-name a:visited h4 a a:link,
    .abbreviated-post.shared-link .post-name a:visited h4 a a:link,
    .full-post.activity .abbreviated-post.shared-link .post-name a a:link,
    .abbreviated-post.shared-link.abbreviated-post .post-name a a:link,
    .abbreviated-post.shared-link .post-name a a:link,
    .full-post.activity .abbreviated-post.shared-link .post-name a:link a:visited,
    .abbreviated-post.shared-link.abbreviated-post .post-name a:link a:visited,
    .abbreviated-post.shared-link .post-name a:link a:visited,
    .full-post.activity .abbreviated-post.shared-link .post-name a:visited h4 a:visited,
    .abbreviated-post.shared-link.abbreviated-post .post-name a:visited h4 a:visited,
    .abbreviated-post.shared-link .post-name a:visited h4 a:visited,
    .full-post.activity .abbreviated-post.shared-link .post-name a:visited,
    .abbreviated-post.shared-link.abbreviated-post .post-name a:visited,
    .abbreviated-post.shared-link .post-name a:visited {
      font: var(--font-hmc-title-xs);
    }
    .full-post.activity .abbreviated-post.shared-link a,
    .abbreviated-post.shared-link.abbreviated-post a,
    .abbreviated-post.shared-link a {
      text-decoration: none;
      color: var(--color-blue-900);
    }
    .full-post.activity .abbreviated-post.shared-link.with-image,
    .abbreviated-post.shared-link.abbreviated-post.with-image,
    .abbreviated-post.shared-link.with-image {
      padding-left: 0;
      padding-top: 203.5px;
    }
    .full-post.activity .abbreviated-post.shared-link .post-application a,
    .abbreviated-post.shared-link.abbreviated-post .post-application a,
    .abbreviated-post.shared-link .post-application a {
      color: var(--color-blue-1000);
      font-style: italic;
    }
    .full-post.activity .abbreviated-post.shared-link .post-summary,
    .abbreviated-post.shared-link.abbreviated-post .post-summary,
    .abbreviated-post.shared-link .post-summary {
      margin: 0;
      margin-top: var(--space-2);
    }
    .content-fragment .content > .content .abbreviated-post.shared-link.abbreviated-post,
    .content-fragment .content > .content .abbreviated-post.shared-link {
      text-decoration: none;
      border-radius: var(--space-1);
      border: 1px solid var(--color-off-white);
      overflow: hidden;
      padding: var(--space-4);
    }
    .content-fragment .content > .content .abbreviated-post.shared-link.abbreviated-post.with-image,
    .content-fragment .content > .content .abbreviated-post.shared-link.with-image {
      padding-top: 203.5px;
    }
    .content-fragment .content > .content a:hover .abbreviated-post.shared-link.abbreviated-post,
    .content-fragment .content > .content a:hover .abbreviated-post.shared-link {
      text-decoration: none;
    }
    .full-post.activity .abbreviated-post.shared-link.with-image,
    .full-post.activity .abbreviated-post.shared-link {
      padding-left: var(--space-2);
      padding-right: var(--space-2);
    }
    .ui-vote {
      display: block;
      width: var(--space-11);
      position: absolute;
      top: var(--space-2);
      left: 0;
      text-align: center;
      border: solid 1px var(--color-off-white);
      border-radius: var(--space-1);
    }
    .ui-vote div.vote-score {
      font: var(--font-hmc-body-m);
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      color: var(--color-off-white);
    }
    .ui-vote img {
      height: var(--space-5);
      width: var(--space-11);
      display: block;
      padding: 0 var(--space-1);
    }
    .ui-vote .upvote,
    .ui-vote .downvote,
    .ui-vote .votearrowplaceholder {
      display: block;
      width: 100%;
      height: var(--space-5);
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 0;
      margin-top: 0;
    }
    .ui-vote .score-summary {
      margin: 0;
      border-top: solid 1px var(--color-off-white);
      border-bottom: solid 1px var(--color-off-white);
    }
    .ui-vote .score-summary a {
      padding: var(--space-2) 0;
      height: 100%;
      width: 100%;
      display: block;
    }
    .ui-vote .upvote:before,
    .ui-vote .downvote:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 100%;
      height: 20px;
      top: 0;
      left: 0;
      display: block;
      font-family: Entypo;
      font-size: 14px;
      line-height: 20px;
      font-weight: 900;
    }
    .ui-vote .upvote {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      display: block;
    }
    .ui-vote .upvote:before {
      content: "\e87e";
    }
    .ui-vote .upvote:hover {
      color: var(--color-off-white);
      background-color: var(--color-blue-500);
    }
    .ui-vote .downvote {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      display: block;
    }
    .ui-vote .downvote:before {
      content: "\e87b";
    }
    .ui-vote .downvote:hover {
      color: var(--color-off-white);
      background-color: var(--color-blue-500);
    }
    .ui-vote .selected {
      color: var(--color-off-white);
      background-color: var(--color-off-white);
    }
    .ui-vote .selected:hover {
      color: var(--color-off-white);
      background-color: var(--color-blue-500);
    }
    .ui-vote .multiple:before {
      width: var(--space-5);
      left: 1px;
    }
    .ui-vote .multiple .multiple-value {
      position: absolute;
      height: var(--space-5);
      font: var(--font-hmc-body-xs);
      text-align: right;
      right: var(--space-1);
      top: 0;
      line-height: var(--space-5);
      text-indent: 0;
    }
    .ui-vote .multiple .multiple-value:before {
      content: 'x';
      display: inline;
      position: relative;
      top: -1px;
      left: -1px;
      font: var(--font-hmc-body-xs);
    }
    .ui-vote .readonly {
      color: var(--color-off-white);
      background-color: var(--color-off-white);
    }
    .ui-vote .readonly:hover {
      color: var(--color-off-white);
      background-color: var(--color-off-white);
    }
    .ui-links {
      display: none;
    }
    .ui-rate {
      overflow: hidden;
      padding: 0px;
    }
    .ui-rate a {
      margin: 0;
      padding: 0;
    }
    .ui-forumvotes.reply {
      display: inline-block;
      width: var(--space-4);
      height: var(--space-4);
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .ui-forumvotes.reply:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 15.4px;
      height: 15.4px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e812";
      font-family: Entypo;
      font-size: 15.4px;
      line-height: 15.4px;
    }
    .ui-forumvotes.thread {
      margin-left: 1px;
    }
    .ui-forumvotes.thread:before {
      width: 15.4px;
      height: 15.4px;
      display: inline-block;
      content: '\e900';
      font-family: Entypo;
      font-size: 15.4px;
      line-height: 15.4px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .ui-forumvotes[data-count="0"] {
      display: none;
    }
    .ui-forumvotes[data-voted="false"] {
      color: var(--color-off-white);
    }
    .navigation-list[data-direction="horizontal"] a.ui-forumvotes {
      padding-right: 0px;
    }
    .navigation-list[data-direction="horizontal"] a.ui-forumvotes:before {
      margin-left: var(--space-4);
    }
    .ui-moderate a {
      text-indent: 0;
      width: 100%;
      height: auto;
      padding: 0px;
    }
    .ui-moderate a:hover {
      background-color: transparent;
    }
    .ui-masonry {
      visibility: hidden;
    }
    .ui-like {
      color: var(--color-off-white);
    }
    .ui-like .like-count {
      color: var(--color-off-white);
      margin-right: 0;
    }
    .ui-like .like-count:before {
      width: 12px;
      height: 12px;
      display: inline-block;
      content: "\e82b";
      font-family: Entypo;
      font-size: 12px;
      line-height: 12px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .ui-like .like-count:before {
      top: -1px;
    }
    .ui-like .like-count[data-count="0"] {
      display: none;
    }
    .ui-like .like-toggle a {
      padding: var(--space-2) var(--space-2) 0 0;
    }
    .ui-like[data-initialstate="true"] {
      color: var(--color-blue-500);
    }
    .ui-like[data-initialstate="true"] a {
      color: var(--color-blue-500);
    }
    .ui-like[data-initialstate="true"] .like-count {
      color: var(--color-blue-500);
    }
    .ui-like[data-initialstate="false"][data-count="0"]:before {
      display: none;
    }
    .modal-content .who-likes-list ul {
      overflow: hidden;
    }
    .modal-content .who-likes-list .show-more {
      font: var(--font-hmc-body-s);
      color: var(--color-off-white);
      padding-top: var(--space-4);
    }
    .modal-content .who-likes-list .show-more:hover {
      color: var(--color-blue-500);
    }
    .modal-content .who-likes-list .content-list .content-item .avatar {
      top: 0px;
    }
    .modal-content .who-likes-list .content-list .content-item img {
      border-radius: 500px;
    }
    .ui-select {
      display: none;
    }
    .uiselect-full {
      display: inline-block;
      position: relative;
      background-image: none;
      border: 1px solid var(--color-off-white);
      background-color: var(--color-off-white);
      padding: 0px;
      padding-right: var(--space-4);
      border-radius: var(--space-1);
      transition: background-color 0.15s;
    }
    .uiselect-full > span {
      padding: var(--space-2) var(--space-4);
      display: inline-block;
      border: 0px;
      margin: 0px;
      overflow: visible;
      background-color: var(--color-off-white);
      transition: background-color 0.15s;
    }
    .uiselect-full > span:after {
      font-family: Entypo;
      content: "\e877";
      color: var(--color-off-white);
      position: absolute;
      top: 0;
      right: 15px;
      line-height: 28px;
    }
    .uiselect-full > span:after:hover {
      color: var(--color-off-white);
    }
    .uiselect-full:hover,
    .uiselect-full.active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-color: var(--color-blue-500);
    }
    .uiselect-full:hover > span,
    .uiselect-full.active > span {
      color: var(--color-off-white);
      background-color: var(--color-blue-500);
    }
    .uiselect-full:hover > span:after,
    .uiselect-full.active > span:after {
      color: var(--color-off-white);
    }
    .uiselect-full.active[data-position="downright"],
    .uiselect-full.active[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .uiselect-full.active[data-position="upright"],
    .uiselect-full.active[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .uiselect-slim {
      display: inline-block;
      position: relative;
      background-image: none;
      border: 1px solid var(--color-off-white);
      background-color: var(--color-off-white);
      padding: 0px;
      padding-right: var(--space-4);
      border-radius: var(--space-1);
      transition: background-color 0.15s;
      border: 0px;
      padding: 0 0 0 0;
      border-radius: 0px;
      transition: color 0.15s;
    }
    .uiselect-slim > span {
      padding: var(--space-2) var(--space-4);
      display: inline-block;
      border: 0px;
      margin: 0px;
      overflow: visible;
      background-color: var(--color-off-white);
      transition: background-color 0.15s;
    }
    .uiselect-slim > span:after {
      font-family: Entypo;
      content: "\e877";
      color: var(--color-off-white);
      position: absolute;
      top: 0;
      right: var(--space-4);
      line-height: 28px;
    }
    .uiselect-slim > span:after:hover {
      color: var(--color-off-white);
    }
    .uiselect-slim:hover,
    .uiselect-slim.active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-color: var(--color-blue-500);
    }
    .uiselect-slim:hover > span,
    .uiselect-slim.active > span {
      color: var(--color-off-white);
      background-color: var(--color-blue-500);
    }
    .uiselect-slim:hover > span:after,
    .uiselect-slim.active > span:after {
      color: var(--color-off-white);
    }
    .uiselect-slim.active[data-position="downright"],
    .uiselect-slim.active[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .uiselect-slim.active[data-position="upright"],
    .uiselect-slim.active[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .uiselect-slim > span {
      padding: 0px var(--space-8) 0 0;
      font: var(--font-hmc-body-m);
      background-color: var(--color-off-white);
      color: var(--color-off-white);
      position: relative;
      transition: color 0.15s;
    }
    .uiselect-slim > span:after {
      font-family: Entypo;
      content: "\e877";
      color: var(--color-off-white);
      position: absolute;
      top: 1px;
      right: var(--space-4);
      line-height: var(--space-4);
      transition: color 0.15s;
    }
    .uiselect-slim > span:after:hover {
      color: var(--color-off-white);
    }
    .uiselect-slim:hover,
    .uiselect-slim.active {
      background-color: transparent;
      color: var(--color-blue-900);
    }
    .uiselect-slim:hover > span,
    .uiselect-slim.active > span {
      color: var(--color-blue-900);
      background-color: transparent;
    }
    .uiselect-slim:hover > span:after,
    .uiselect-slim.active > span:after {
      color: var(--color-blue-900);
    }
    .uiselect-slim.active {
      color: var(--color-blue-500);
    }
    .uiselect-slim.active > span {
      color: var(--color-blue-500);
    }
    .uiselect-slim.active > span:after {
      color: var(--color-blue-500);
    }
    span.uiselect {
      display: inline-block;
      position: relative;
      background-image: none;
      border: 1px solid var(--color-off-white);
      background-color: var(--color-off-white);
      padding: 0px;
      padding-right: var(--space-4);
      border-radius: var(--space-1);
      transition: background-color 0.15s;
    }
    span.uiselect > span {
      padding: var(--space-2) var(--space-4);
      display: inline-block;
      border: 0px;
      margin: 0px;
      overflow: visible;
      background-color: var(--color-off-white);
      transition: background-color 0.15s;
    }
    span.uiselect > span:after {
      font-family: Entypo;
      content: "\e877";
      color: var(--color-off-white);
      position: absolute;
      top: 0;
      right: 15px;
      line-height: 28px;
    }
    span.uiselect > span:after:hover {
      color: var(--color-off-white);
    }
    span.uiselect:hover,
    span.uiselect.active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-color: var(--color-blue-500);
    }
    span.uiselect:hover > span,
    span.uiselect.active > span {
      color: var(--color-off-white);
      background-color: var(--color-blue-500);
    }
    span.uiselect:hover > span:after,
    span.uiselect.active > span:after {
      color: var(--color-off-white);
    }
    span.uiselect.active[data-position="downright"],
    span.uiselect.active[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    span.uiselect.active[data-position="upright"],
    span.uiselect.active[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .uiselect-options-full {
      background-image: none;
      background-color: Transparent;
      padding: 0px;
      margin: 0px;
      border: 0px;
      box-shadow: 0 0px 2px rgba(0, 57, 101, 0.25), 0 3px 15px rgba(0, 57, 101, 0.25);
      border-radius: var(--space-1);
      max-height: 500px;
      overflow-y: auto;
      overflow-x: hidden;
    }
    .uiselect-options-full > div > div {
      background-color: var(--color-off-white);
      margin: 0px;
      padding: 0px;
      border: 0px;
      background-image: none;
      overflow: hidden;
    }
    .uiselect-options-full > div > div > div {
      padding: var(--space-2) var(--space-4);
      border: 0px;
      background-color: var(--color-off-white);
      color: var(--color-blue-500);
      transition: background-color 0.15s;
    }
    .uiselect-options-full > div > div > div:hover,
    .uiselect-options-full > div > div > div.selected {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .uiselect-options-full:hover {
      background-color: transparent;
    }
    .uiselect-options-full[data-position="downright"],
    .uiselect-options-full[data-position="downleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .uiselect-options-full[data-position="upright"],
    .uiselect-options-full[data-position="upleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .uiselect-options-slim {
      background-image: none;
      background-color: Transparent;
      padding: 0px;
      margin: 0px;
      border: 0px;
      box-shadow: 0 0px 2px rgba(0, 57, 101, 0.25), 0 3px 15px rgba(0, 57, 101, 0.25);
      border-radius: var(--space-1);
      max-height: 500px;
      overflow-y: auto;
      overflow-x: hidden;
    }
    .uiselect-options-slim > div > div {
      background-color: var(--color-off-white);
      margin: 0px;
      padding: 0px;
      border: 0px;
      background-image: none;
      overflow: hidden;
    }
    .uiselect-options-slim > div > div > div {
      padding: var(--space-2) var(--space-4);
      border: 0px;
      background-color: var(--color-off-white);
      color: var(--color-blue-500);
      transition: background-color 0.15s;
    }
    .uiselect-options-slim > div > div > div:hover,
    .uiselect-options-slim > div > div > div.selected {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .uiselect-options-slim:hover {
      background-color: transparent;
    }
    .uiselect-options-slim[data-position="downright"],
    .uiselect-options-slim[data-position="downleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .uiselect-options-slim[data-position="upright"],
    .uiselect-options-slim[data-position="upleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .uiselect-options-slim div {
      font: var(--font-hmc-body-m);
    }
    .uiselect-options-slim div > div > div {
      padding: var(--space-2) var(--space-4);
    }
    .uiselect-options-slim[data-position="downright"],
    .uiselect-options-slim[data-position="downleft"] {
      border-top-left-radius: var(--space-1);
      border-top-right-radius: var(--space-1);
    }
    .uiselect-options-slim[data-position="upright"],
    .uiselect-options-slim[data-position="upleft"] {
      border-bottom-left-radius: var(--space-1);
      border-bottom-right-radius: var(--space-1);
    }
    .uiselect.options {
      background-image: none;
      background-color: Transparent;
      padding: 0px;
      margin: 0px;
      border: 0px;
      box-shadow: 0 0px 2px rgba(0, 57, 101, 0.25), 0 3px 15px rgba(0, 57, 101, 0.25);
      border-radius: var(--space-1);
      max-height: 500px;
      overflow-y: auto;
      overflow-x: hidden;
    }
    .uiselect.options > div > div {
      background-color: var(--color-off-white);
      margin: 0px;
      padding: 0px;
      border: 0px;
      background-image: none;
      overflow: hidden;
    }
    .uiselect.options > div > div > div {
      padding: var(--space-2) var(--space-4);
      border: 0px;
      background-color: var(--color-off-white);
      color: var(--color-blue-500);
      transition: background-color 0.15s;
    }
    .uiselect.options > div > div > div:hover,
    .uiselect.options > div > div > div.selected {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .uiselect.options:hover {
      background-color: transparent;
    }
    .uiselect.options[data-position="downright"],
    .uiselect.options[data-position="downleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .uiselect.options[data-position="upright"],
    .uiselect.options[data-position="upleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .uiselect.options.options-slim {
      background-image: none;
      background-color: Transparent;
      padding: 0px;
      margin: 0px;
      border: 0px;
      box-shadow: 0 0px 2px rgba(0, 57, 101, 0.25), 0 3px 15px rgba(0, 57, 101, 0.25);
      border-radius: var(--space-1);
      max-height: 500px;
      overflow-y: auto;
      overflow-x: hidden;
    }
    .uiselect.options.options-slim > div > div {
      background-color: var(--color-off-white);
      margin: 0px;
      padding: 0px;
      border: 0px;
      background-image: none;
      overflow: hidden;
    }
    .uiselect.options.options-slim > div > div > div {
      padding: var(--space-2) var(--space-4);
      border: 0px;
      background-color: var(--color-off-white);
      color: var(--color-blue-500);
      transition: background-color 0.15s;
    }
    .uiselect.options.options-slim > div > div > div:hover,
    .uiselect.options.options-slim > div > div > div.selected {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .uiselect.options.options-slim:hover {
      background-color: transparent;
    }
    .uiselect.options.options-slim[data-position="downright"],
    .uiselect.options.options-slim[data-position="downleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .uiselect.options.options-slim[data-position="upright"],
    .uiselect.options.options-slim[data-position="upleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .uiselect.options.options-slim div {
      font: var(--font-hmc-body-m);
    }
    .uiselect.options.options-slim div > div > div {
      padding: var(--space-2) var(--space-4);
    }
    .uiselect.options.options-slim[data-position="downright"],
    .uiselect.options.options-slim[data-position="downleft"] {
      border-top-left-radius: var(--space-1);
      border-top-right-radius: var(--space-1);
    }
    .uiselect.options.options-slim[data-position="upright"],
    .uiselect.options.options-slim[data-position="upleft"] {
      border-bottom-left-radius: var(--space-1);
      border-bottom-right-radius: var(--space-1);
    }
    .left-sidebar .uiselect,
    .split-sidebar-right .uiselect,
    .split-sidebar-left .uiselect,
    .content-left-sidebar-right .right-sidebar .uiselect,
    .sidebar-left-content-center-sidebar-right .right-sidebar .uiselect,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .uiselect,
    .header-top-content-left-sidebar-right .right-sidebar .uiselect,
    .header-top-content-left-sidebar-right-footer .right-sidebar .uiselect,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .uiselect,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .uiselect {
      margin-bottom: var(--space-2);
    }
    .user-file-url > .user-file-url-preview {
      border: 1px solid var(--color-off-white);
      box-sizing: border-box;
      border-radius: var(--space-1);
      padding: var(--space-1);
      margin: 0 0 var(--space-2) 0;
      background-color: var(--color-off-white);
    }
    .user-file-url > .user-file-url-preview > img {
      margin: 0 auto;
      display: inherit;
    }
    .user-file-url > a.upload:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e82e";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .ui-forumqualityvotes {
      margin-left: 1px;
    }
    .ui-forumqualityvotes .vote-indicator {
      color: var(--color-blue-500);
      display: inline-block;
      width: var(--space-4);
      height: var(--space-4);
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: var(--space-1);
    }
    .ui-forumqualityvotes .vote-indicator:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 15.4px;
      height: 15.4px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e872";
      font-family: Entypo;
      font-size: 15.4px;
      line-height: 15.4px;
    }
    .ui-forumqualityvotes .thread-vote {
      display: inline-block;
    }
    .ui-forumqualityvotes a.vote.up {
      display: inline-block;
      width: 21px;
      height: 21px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      padding-right: 0;
      margin-right: 0;
      height: var(--space-4);
    }
    .ui-forumqualityvotes a.vote.up:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 21px;
      height: 21px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e876";
      font-family: Entypo;
      font-size: 21px;
      line-height: 21px;
    }
    .ui-forumqualityvotes a.vote.down {
      display: inline-block;
      width: 21px;
      height: 21px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      padding-right: 0;
      margin-right: var(--space-4);
      height: var(--space-4);
    }
    .ui-forumqualityvotes a.vote.down:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 21px;
      height: 21px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e873";
      font-family: Entypo;
      font-size: 21px;
      line-height: 21px;
    }
    .ui-forumqualityvotes a.vote {
      color: var(--color-off-white);
    }
    .ui-forumqualityvotes a.vote:hover,
    .ui-forumqualityvotes a.vote:active {
      color: var(--color-blue-500);
    }
    .ui-forumqualityvotes .score {
      cursor: pointer;
    }
    .ui-forumqualityvotes a.vote.selected {
      color: var(--color-orange-500);
    }
    .content-fragment.thread-list .ui-forumqualityvotes .score::before {
      width: 15.4px;
      height: 15.4px;
      display: inline-block;
      content: "\e872";
      font-family: Entypo;
      font-size: 15.4px;
      line-height: 15.4px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    /* Embedded Poll */
    .alreadyVotedOn,
    .internal-link.voteButton,
    .votedOn {
      margin-bottom: var(--space-3);
    }
    .poll.voting .poll-content .button.poll-vote {
      background-color: var(--color-blue-500);
      font: var(--font-hmc-body-m);
      color: var(--color-off-white);
      text-decoration: none;
    }
    .poll.voting .poll-content .button.poll-vote:hover {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .poll.voting .poll-content .button.poll-vote:active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .poll.results .poll-content .poll-graph-container {
      background-color: var(--color-off-white);
    }
    .poll.results .poll-content .poll-graph {
      background-color: var(--color-blue-500);
    }
    /* composer */
    .composer-mentionable-mention-highlight {
      background-color: var(--color-blue-200);
      color: var(--color-blue-200);
    }
    .composer-mentionable-selector li {
      border-bottom: 1px solid var(--color-blue-200);
    }
    .composer-mentionable-selector li.highlight {
      background-color: var(--color-blue-200);
    }
    .composer-hashtag-highlight {
      background-color: var(--color-blue-200);
      color: var(--color-blue-200);
    }
    .composer-hashtag-selector li {
      border-bottom: 1px solid var(--color-blue-200);
    }
    .composer-hashtag-selector li.highlight {
      background-color: var(--color-blue-200);
    }
    .composer-url-highlight {
      background-color: var(--color-blue-200);
      color: var(--color-blue-200);
    }
    /* Image Preview */
    .image-viewer .close:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e814";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .image-viewer .zoom-in:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e869";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .image-viewer .zoom-out:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e86a";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .progress-indicator .progress-graph-wrapper .progress-graph .half {
      border-color: var(--color-blue-500);
    }
    .progress-indicator .progress-graph-wrapper .progress-label {
      color: var(--color-blue-1000);
    }
    .progress-indicator .progress-graph-wrapper .progress-label .progress-percent-smaller {
      color: var(--color-blue-1000);
    }
    .progress-indicator .progress-graph-wrapper .progress-label .progress-pending {
      color: var(--color-blue-1000);
    }
    .progress-indicator .progress-graph-wrapper .progress-shadow {
      border-color: var(--color-off-white);
    }
    .progress-indicator .progress-note {
      border: 1px solid var(--color-blue-1000);
      color: var(--color-blue-1000);
    }
    .progress-indicator .progress-log {
      color: var(--color-blue-1000);
    }
    .progress-indicator-progress .progress-graph-wrapper .progress-graph .half {
      border-color: var(--color-blue-500);
    }
    .progress-indicator-complete .progress-graph-wrapper .progress-graph .half {
      border-color: var(--color-green-700);
    }
    .progress-indicator-error .progress-graph-wrapper .progress-graph .half {
      border-color: var(--color-red-700);
    }
    /* loading */
    .ui-loading .spinner div {
      background-color: var(--color-off-white);
    }
    /* socket state */
    .socket-state {
      background-color: var(--color-off-white);
    }
    .socket-state .socket-state-border {
      background: var(--color-blue-900);
    }
    .socket-state .socket-state-indicator-wrapper {
      background-color: var(--color-off-white);
    }
    .socket-state .socket-state-indicator {
      background-color: var(--color-blue-900);
    }
    /* content peek */
    .content-peek {
      font: var(--font-hmc-body-m);
      padding: var(--space-4);
    }
    .content-peek .content-peek-media {
      background-color: var(--color-off-white);
      display: flex;
      justify-content: center;
      margin: -15px -15px 15px -15px;
    }
    .content-peek .content-peek-heading {
      display: flex;
      flex-direction: row;
      margin-bottom: var(--space-4);
    }
    .content-peek .content-peek-heading .content-peek-avatar {
      border-radius: 500px;
      width: 32px;
      height: 32px;
      margin: 0 var(--space-4) 0 0;
    }
    .content-peek .content-peek-heading .content-peek-avatar a {
      border-radius: 500px;
    }
    .content-peek .content-peek-heading .content-peek-avatar img {
      border-radius: 500px;
      max-height: 100%;
    }
    .content-peek .content-peek-heading .content-peek-avatar.no-rounding {
      border-radius: 0;
    }
    .content-peek .content-peek-heading .content-peek-avatar.no-rounding a,
    .content-peek .content-peek-heading .content-peek-avatar.no-rounding img {
      border-radius: 0;
    }
    .content-peek .content-peek-heading .content-peek-name {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .content-peek .content-peek-heading .content-peek-name a {
      color: var(--color-blue-900);
    }
    .content-peek .content-peek-heading .content-peek-name a:hover,
    .content-peek .content-peek-heading .content-peek-name a:active {
      color: var(--color-blue-500);
    }
    .content-peek .content-peek-heading .content-peek-name .content-peek-title {
      font: var(--font-hmc-title-xs);
    }
    .content-peek .content-peek-heading .content-peek-name .content-peek-title a:before,
    .content-peek .content-peek-heading .content-peek-name .content-peek-title span:before {
      width: 18px;
      height: 18px;
      display: inline-block;
      content: "\e875";
      font-family: Entypo;
      font-size: 18px;
      line-height: 18px;
      margin-right: 0px;
      position: relative;
      top: 1px;
    }
    .content-peek .content-peek-heading .content-peek-name .content-peek-title a:before,
    .content-peek .content-peek-heading .content-peek-name .content-peek-title span:before {
      top: 0px;
      margin-left: var(--space-1);
      width: var(--space-3);
      color: var(--color-off-white);
    }
    .content-peek .content-peek-heading .content-peek-name .content-peek-title a:before:hover,
    .content-peek .content-peek-heading .content-peek-name .content-peek-title span:before:hover,
    .content-peek .content-peek-heading .content-peek-name .content-peek-title a:before:active,
    .content-peek .content-peek-heading .content-peek-name .content-peek-title span:before:active {
      color: var(--color-off-white);
    }
    .content-peek .content-peek-heading .content-peek-name .content-peek-title a:first-child:before,
    .content-peek .content-peek-heading .content-peek-name .content-peek-title span:first-child:before {
      display: none;
    }
    .content-peek .content-peek-heading .content-peek-name .content-peek-subtitle {
      font: var(--font-hmc-body-m);
      color: var(--color-blue-1000);
    }
    .content-peek .content-peek-excerpt {
      margin-bottom: var(--space-4);
      font: var(--font-hmc-body-s);
    }
    .content-peek .content-peek-details .content-peek-detail {
      color: var(--color-blue-1000);
      font: var(--font-hmc-body-s);
    }
    .content-peek .content-peek-details .content-peek-detail .content-peek-detail-component {
      display: inline-block;
    }
    .content-peek .content-peek-details .content-peek-detail .content-peek-detail-component:after {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e8bd";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-left: 10px;
      position: relative;
      top: 1px;
    }
    .content-peek .content-peek-details .content-peek-detail .content-peek-detail-component:after {
      color: var(--color-off-white);
    }
    .content-peek .content-peek-details .content-peek-detail .content-peek-detail-component .hierarchy {
      display: inline-block;
      width: var(--space-4);
      height: var(--space-4);
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .content-peek .content-peek-details .content-peek-detail .content-peek-detail-component .hierarchy:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 14px;
      height: 14px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e879";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
    }
    .content-peek .content-peek-details .content-peek-detail .content-peek-detail-component .hierarchy:before {
      top: 1px;
    }
    .content-peek .content-peek-details .content-peek-detail .content-peek-detail-component:last-child {
      padding-right: 0;
      margin-right: 0;
    }
    .content-peek .content-peek-details .content-peek-detail .content-peek-detail-component:last-child:after {
      display: none;
    }
    .content-peek .content-peek-details .content-peek-detail .content-peek-detail-component .avatar img {
      display: inline;
      border-radius: 500px;
      position: relative;
      top: var(--space-1);
      margin-right: var(--space-1);
    }
    .content-peek .content-peek-details .content-peek-detail:last-child {
      border-bottom: 0px;
      margin-bottom: 0px;
    }
    .content-peek .content-peek-actions {
      margin-top: var(--space-4);
      height: var(--space-7);
    }
    .content-peek .content-peek-actions li a {
      padding: var(--space-1) var(--space-4);
    }
    .content-peek .content-peek-actions li a:hover {
      color: var(--color-off-white);
    }
    .content-peek .content-peek-actions a .more {
      padding-right: 0px;
      margin-right: 0px;
      display: inline-block;
      width: var(--space-4);;
      height: var(--space-4);;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .content-peek .content-peek-actions a .more:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 14px;
      height: 14px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e8bf";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
    }
    .content-peek .content-peek-actions a .more:before {
      top: 1px;
    }
    .content-peek.with-large-avatar .content-peek-heading {
      text-align: center;
      flex-direction: column;
    }
    .content-peek.with-large-avatar .content-peek-heading .content-peek-avatar {
      width: 100%;
      height: 68px;
      margin: var(--space-2) 0 var(--space-4) 0;
    }
    .content-peek.with-large-avatar .content-peek-heading .content-peek-avatar img {
      margin-left: auto;
      margin-right: auto;
    }
    .content-fragment .content-peek-inline,
    .content-fragment .content .content-peek-inline,
    .content-fragment .content > .content .content-peek-inline {
      max-width: 375px;
      border-radius: var(--space-1);
      border: 1px solid var(--color-off-white);
      overflow: hidden;
    }
    .content-fragment .content-peek-inline a,
    .content-fragment .content .content-peek-inline a,
    .content-fragment .content > .content .content-peek-inline a {
      text-decoration: none;
      color: var(--color-blue-500);
    }
    .content-fragment .content-peek-inline a:hover,
    .content-fragment .content .content-peek-inline a:hover,
    .content-fragment .content > .content .content-peek-inline a:hover {
      color: var(--color-blue-500);
      text-decoration: none;
    }
    .content-fragment .content-peek-inline a:active,
    .content-fragment .content .content-peek-inline a:active,
    .content-fragment .content > .content .content-peek-inline a:active {
      color: var(--color-blue-500);
    }
    .content-fragment .content-peek-inline ul,
    .content-fragment .content .content-peek-inline ul,
    .content-fragment .content > .content .content-peek-inline ul {
      margin-left: 0;
      padding-left: 0;
    }
    .content-fragment .content-peek-inline .content-peek-title a,
    .content-fragment .content .content-peek-inline .content-peek-title a,
    .content-fragment .content > .content .content-peek-inline .content-peek-title a {
      color: var(--color-blue-900);
    }
    .content-fragment .content-peek-inline .content-peek-title a:hover,
    .content-fragment .content .content-peek-inline .content-peek-title a:hover,
    .content-fragment .content > .content .content-peek-inline .content-peek-title a:hover {
      color: var(--color-blue-500);
    }
    .content-peek-popup {
      border: 0px;
      box-shadow: 0 0px 2px rgba(0, 57, 101, 0.25), 0 3px 15px rgba(0, 57, 101, 0.25);
      border-radius: var(--space-1);
      width: 375px;
      overflow: visible;
      margin: var(--space-1) 0 var(--space-1) 0;
    }
    .content-peek-popup .content-peek-popup-inner {
      border-radius: var(--space-1);
      overflow: hidden;
      position: relative;
      z-index: 1002;
      background-color: var(--color-off-white);
    }
    .content-peek-popup:after {
      content: ' ';
      position: absolute;
      height: 15px;
      width: 15px;
      background-color: var(--color-off-white);
      border: 1px solid rgba(0, 57, 101, 0.2);
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      z-index: 1001;
    }
    .content-peek-popup[data-position="downright"]:after {
      top: -4px;
      left: 10px;
    }
    .content-peek-popup[data-position="upright"]:after {
      bottom: -4px;
      left: 10px;
    }
    .content-peek-popup[data-position="downleft"]:after {
      top: -4px;
      right: 10px;
    }
    .content-peek-popup[data-position="upleft"]:after {
      bottom: -4px;
      right: 10px;
    }
    .content-peek-popup[data-position=""]:after {
      display: none;
    }
    .scrollable-load-more {
      padding: var(--space-1);
      cursor: pointer;
      background-color: var(--color-off-white);
      color: var(--color-blue-1000);
      font: var(--font-hmc-body-s);
      text-align: center;
      border-radius: var(--space-1);
      clear: both;
      display: block;
      transition: all 0.1s;
    }
    .scrollable-load-more:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e883";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .scrollable-load-more:hover {
      color: var(--color-off-white);
      background-color: var(--color-blue-500);
    }
    .scrollable-loading {
      clear: both;
      display: block;
      height: var(--space-7);
    }
    .scrollable-top {
      cursor: pointer;
      color: var(--color-blue-1000);
      display: inline-block;
      width: 14px;
      height: 14px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      top: auto;
      right: 30px;
      bottom: 30px;
    }
    .scrollable-top:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 14px;
      height: 14px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e87e";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
    }
    .evolution-code-editor {
      border: 1px solid var(--color-off-white);
    }
    .evolution-code-editor .fullscreen {
      background-color: var(--color-blue-900);
      color: var(--color-off-white);
      opacity: 0.8;
    }
    .evolution-code-editor:hover .fullscreen {
      opacity: 0.9;
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    *,
    *:before,
    *:after {
      -ms-box-sizing: border-box;
      box-sizing: border-box;
    }
    [tabindex]:not([tabindex="-1"]):focus {
      outline: none;
    }
    body.keyboard-active [tabindex]:not([tabindex="-1"]):focus {
      outline: 1px dotted var(--color-blue-700);
      outline: 1px dotted invert;
      outline-offset: -1px;
    }
    body {
      padding: 0px;
      margin: 0px;
      font: var(--font-hmc-body-m);
      background-color: var(--color-off-white);
      color: var(--color-blue-900);
    }
    body.edit .content-fragment-management-header,
    body.edit .page-management .content-fragment-type {
      touch-action: none;
    }
    html.dragging {
      -ms-touch-action: none;
    }
    h1,
    h2,
    h3,
    h4,
    h5 {
      padding: 0px;
      margin: 0px;
      font: var(--font-hmc-body-m);
      color: var(--color-blue-900);
      text-rendering: optimizeLegibility;
      margin: var(--space-4) 0;
      word-wrap: break-word;
    }
    h1,
    h2,
    h3,
    h4,
    h5 {
      font: var(--font-hmc-body-m);
      color: var(--color-blue-900);
    }
    h1 {
      font: var(--font-hmc-title-xl);
    }
    h2 {
      font: var(--font-hmc-title-l);
    }
    h3 {
      font: var(--font-hmc-title-m);
    }
    h4 {
      font: var(--font-hmc-body-s);
    }
    h5 {
      font: var(--font-hmc-body-xs);
    }
    h5 {
      font: var(--font-hmc-subtitle-m);
    }
    a {
      color: var(--color-blue-800);
      text-decoration: none;
      transition: color 0.1s;
    }
    a > img {
      border: 0px;
      display: block;
    }
    a:focus {
      outline: none;
    }
    a:hover {
      color: var(--color-blue-500);
    }
    a:active {
      color: var(--color-blue-500);
    }
    a.positive {
      color: var(--color-green-700);
    }
    a.positive:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e812";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    a.positive:hover {
      color: var(--color-green-300);
    }
    a.pending {
      color: var(--color-yellow-500);
    }
    a.pending:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e812";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    a.pending:hover {
      color: var(--color-yellow-500);
    }
    a.read {
      color: var(--color-blue-900);
    }
    a.read:hover {
      color: var(--color-blue-500);
    }
    a.disabled {
      color: var(--color-blue-300);
    }
    a.disabled:hover {
      color: var(--color-gray-300);
    }
    body.keyboard-active a:focus {
      outline: 1px dotted var(--color-blue-700);
      outline: 1px dotted invert;
      outline-offset: -1px;
    }
    p {
      margin: var(--space-5) 0 var(--space-5) 0;
      font: var(--font-hmc-body-m);
      text-rendering: optimizeLegibility;
    }
    p:first-of-type {
      margin-top: 0;
    }
    p:last-of-type {
      margin-bottom: 0;
    }
    ul {
      list-style: none;
      padding: 0px;
      margin: 0px;
    }
    fieldset {
      padding: 0px;
      margin: 0px;
      border: 0px;
    }
    input:focus,
    select:focus {
      outline: 0;
    }
    img {
      max-width: 100%;
      height: auto;
    }
    .bgimg {
      max-width: unset;
      height: 100%;
      width: 100%;
    }
    embed,
    object,
    video,
    audio {
      max-width: 100%;
    }
    .left {
      float: left;
    }
    .right {
      float: right;
    }
    .pad-top {
      padding-top: var(--space-4);
    }
    .pad-right {
      padding-right: var(--space-4);
    }
    .pad-bottom {
      padding-bottom: var(--space-4);
    }
    .pad-left {
      padding-left: var(--space-4);
    }
    .margin-top {
      margin-top: var(--space-4);
    }
    .margin-right {
      margin-right: var(--space-4);
    }
    .margin-bottom {
      margin-bottom: var(--space-4);
    }
    .margin-left {
      margin-left: var(--space-4);
    }
    .hidden {
      display: none;
    }
    .handheld {
      display: none;
    }
    .glow-lookuptextbox {
      -webkit-appearance: none;
      border: 1px solid var(--color-gray-200);
      padding: var(--space-2);
      font: var(--font-hmc-body-m);
      box-sizing: border-box;
      width: 100%;
      resize: none;
      border-radius: var(--space-1);
      transition: border-color 0.1s;
    }
    .glow-lookuptextbox:hover,
    .glow-lookuptextbox:focus {
      border-color: var(--color-blue-500);
    }
    .glow-lookuptextbox > div {
      margin: var(--space-2) var(--space-4) var(--space-2) 0;
    }
    .glow-lookuptextbox > div > div {
      padding: var(--space-2);
      margin: -4px;
      border-radius: var(--space-1);
      border-width: 0;
      height: auto;
      text-overflow: ellipsis;
      overflow: hidden;
      background-color: var(--color-gray-200);
    }
    .glow-lookuptextbox > div > div > a {
      display: inline-block;
      width: 14px;
      height: 14px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .glow-lookuptextbox > div > div > a:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 14px;
      height: 14px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e814";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
    }
    .glow-lookuptextbox > div > div > a::before {
      color: var(--color-blue-500);
    }
    .glow-lookuptextbox > div > div.glow-lookuptextbox-placeholder {
      color: var(--color-gray-400);
      background-color: var(--color-off-white);
    }
    /* $Composer Mentions
    /*******************************/
    .composer-mentionable-mention-highlight {
      background-color: var(--color-gray-200);
    }
    .composer-mentionable-selector {
      position: absolute;
      background-color: var(--color-off-white);
      overflow: hidden;
      margin: 0px;
      padding: 0px;
      list-style: none;
      z-index: 10000;
      border: 1px solid var(--color-gray-400);
      box-shadow: 0px 3px 3px rgba(0, 57, 101, 0.3);
    }
    .composer-mentionable-selector li {
      border-bottom: 1px solid var(--color-gray-200);
      display: block;
      margin: 0px;
      padding: var(--space-2);
      cursor: pointer;
      font: var(--font-hmc-body-m);
      color: var(--color-blue-900);
    }
    .composer-mentionable-selector li:hover,
    .composer-mentionable-selector li.highlight {
      background-color: var(--color-gray-200);
    }
    .composer-mentionable-selector:hover li.highlight {
      background-color: var(--color-off-white);
    }
    .composer-mentionable-selector:hover li.highlight:hover {
      background-color: var(--color-gray-200);
    }
    .composer-mentionable-selector .loading {
      text-align: center;
      color: var(--color-gray-300);
    }
    .composer-mentionable-selector .loading strong {
      color: var(--color-blue-900);
      font-weight: normal;
    }
    .mentionable-suggestion {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .mentionable-suggestion.with-avatar {
      padding-left: var(--space-6);
    }
    .mentionable-suggestion .mentionable-suggestion-avatar {
      position: absolute;
      top: 0;
      left: 0;
    }
    .mentionable-suggestion .mentionable-suggestion-preview {
      line-height: var(--space-5);
    }
    /* $Composer Hashtags
    /*******************************/
    .composer-hashtag-highlight {
      background-color: var(--color-yellow-200);
    }
    .composer-hashtag-selector {
      position: absolute;
      background-color: var(--color-off-white);
      overflow: hidden;
      margin: 0px;
      padding: 0px;
      list-style: none;
      z-index: 10000;
      border: 1px solid var(--color-gray-400);
      box-shadow: 0px 3px 3px rgba(0, 57, 101, 0.3);
    }
    .composer-hashtag-selector li {
      border-bottom: 1px solid var(--color-gray-200);
      display: block;
      margin: 0px;
      padding: var(--space-2);
      cursor: pointer;
      font: var(--font-hmc-body-m);
      color: var(--color-blue-900);
    }
    .composer-hashtag-selector li:hover,
    .composer-hashtag-selector li.highlight {
      background-color: var(--color-yellow-200);
    }
    .composer-hashtag-selector:hover li.highlight {
      background-color: var(--color-off-white);
    }
    .composer-hashtag-selector:hover li.highlight:hover {
      background-color: var(--color-yellow-200);
    }
    .composer-hashtag-selector .loading {
      text-align: center;
      color: var(--color-gray-300);
    }
    .composer-hashtag-selector .loading strong {
      color: var(--color-blue-900);
      font-weight: normal;
    }
    .composer-hashtag-selector,
    .composer-mentionable-selector {
      border: 1px solid var(--color-blue-500);
    }
    .composer-hashtag-selector li,
    .composer-mentionable-selector li {
      font: var(--font-hmc-body-m);
    }
    .rating .star-off-left {
      padding: 0;
      margin: 0;
      font-weight: bold;
      display: inline-block;
      width: 14px;
      height: 14px;
      text-indent: 200%;
      white-space: nowrap;
      position: relative;
      top: 1px;
      width: 7px;
      overflow: hidden;
      color: var(--color-gray-200);
    }
    .rating .star-off-left:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 14px;
      height: 14px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e809";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
    }
    .rating .star-on-left {
      padding: 0;
      margin: 0;
      font-weight: bold;
      display: inline-block;
      width: 14px;
      height: 14px;
      text-indent: 200%;
      white-space: nowrap;
      position: relative;
      top: 1px;
      width: 7px;
      overflow: hidden;
      color: var(--color-blue-500);
    }
    .rating .star-on-left:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 14px;
      height: 14px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e808";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
    }
    .rating .star-off-right {
      padding: 0;
      margin: 0;
      font-weight: normal;
      display: inline-block;
      width: 14px;
      height: 14px;
      text-indent: 200%;
      white-space: nowrap;
      position: relative;
      top: 1px;
      width: 7px;
      overflow: hidden;
      color: var(--color-gray-200);
    }
    .rating .star-off-right:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 14px;
      height: 14px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e809";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
    }
    .rating .star-off-right:before {
      left: -7px;
    }
    .rating .star-on-right {
      padding: 0;
      margin: 0;
      font-weight: normal;
      display: inline-block;
      width: 14px;
      height: 14px;
      text-indent: 200%;
      white-space: nowrap;
      position: relative;
      top: 1px;
      width: 7px;
      overflow: hidden;
      color: var(--color-blue-500);
    }
    .rating .star-on-right:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 14px;
      height: 14px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e808";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
    }
    .rating .star-on-right:before {
      left: -7px;
    }
    .drag-drop-container {
      z-index: var(--space-5);
    }
    .drag-drop-container .drag-drop-shade {
      background-color: var(--color-off-white);
      opacity: 0.67;
    }
    .drag-drop-container .drag-drop-message {
      font: var(--font-hmc-title-l);
      text-align: center;
      color: var(--color-blue-500);
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .glowlookuptextbox-alreadyselected {
      color: var(--color-blue-900);
    }
    .glowlookuptextbox-alreadyselected .glowlookuptextbox-identifier {
      padding: 0 var(--space-1);
      border-radius: var(--space-1);
      background-color: var(--color-blue-900);
      color: var(--color-off-white);
      font: var(--font-hmc-body-s);
      margin-left: var(--space-2);
    }
    .mce-submitpanel-button {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-radius: var(--space-1);
    }
    .mce-submitpanel-button:hover {
      background-color: var(--color-blue-600);
    }
    .mce-submitpanel-button:active,
    .mce-submitpanel-button:focus {
      background-color: var(--color-blue-500);
      color: var(--color-gray-200);
    }
    .mce-panel {
      background-color: var(--color-off-white);
    }
    .mce-editor-full .mce-panel {
      background-color: var(--color-off-white);
    }
    .mce-editor-full .mce-btn {
      background-color: var(--color-off-white);
    }
    .modal-content .mce-charmap td,
    .modal-content .mcemedia-previewwrapper,
    .modal-content .mceemoticon-listwrapper,
    .modal-content .mcetelligent-frame.with-border {
      border-color: var(--color-gray-200);
    }
    .modal-content .mce-label {
      text-shadow: none;
    }
    .modal-content .mce-reset,
    .modal-content .mce-container,
    .modal-content .mce-container .mce-label,
    .modal-content .mce-container .mcemedia-prev,
    .modal-content .mce-container label {
      color: var(--color-blue-900);
    }
    .modal-content .mce-foot {
      background-color: var(--color-off-white);
    }
    .modal-content .mce-container-body .mce-btn {
      background-color: var(--color-gray-300);
    }
    .modal-content .mce-container-body .mce-btn:hover {
      background-color: var(--color-gray-300);
      border-color: var(--color-gray-300);
    }
    .modal-content .mce-container-body .mce-btn:active {
      background-color: var(--color-gray-200);
      border-color: var(--color-gray-200);
    }
    .modal-content .mce-container-body .mce-btn button {
      color: var(--color-blue-900);
    }
    .modal-content .mce-container-body .mce-primary {
      background-color: var(--color-blue-500);
    }
    .modal-content .mce-container-body .mce-primary:hover {
      background-color: var(--color-blue-400);
    }
    .modal-content .mce-container-body .mce-primary:active {
      background-color: var(--color-blue-600)
    }
    .modal-content .mce-container-body .mce-menubtn,
    .modal-content .mce-container-body .mce-colorbutton {
      background-color: var(--color-white);
    }
    .modal-content .mce-container-body .mce-menubtn button,
    .modal-content .mce-container-body .mce-colorbutton button {
      color: var(--color-black);
    }
    .modal-content .mce-container-body .mce-btn-group .mce-btn,
    .modal-content .mce-container-body .mce-btn-group .mce-menubtn,
    .modal-content .mce-container-body .mce-btn-group .mce-colorbutton {
      background-color: var(--color-white);
    }
    .modal-content .mce-container-body .mce-btn-group .mce-btn button,
    .modal-content .mce-container-body .mce-btn-group .mce-menubtn button,
    .modal-content .mce-container-body .mce-btn-group .mce-colorbutton button {
      color: var(--color-black);
    }
    a.mce-tab:focus {
      border-color: var(--color-blue-500);
      color: var(--color-blue-500);
    }
    .evolution-quote-handle:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e833";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .content-fragment .content-fragment-header {
        padding-bottom: 0;  
    }
    .content-fragment {
      font: var(--font-hmc-body-m);
    }
    .merge-added {
      text-decoration: underline;
      color: var(--color-green-700);
    }
    .merge-added img {
      border: solid 2px var(--color-green-700);
    }
    .merge-deleted {
      text-decoration: line-through;
      color: var(--color-red-700);
    }
    .merge-deleted img {
      border: solid 2px var(--color-red-700);
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    .message,
    .button-style.message {
      clear: both;
      font: var(--font-hmc-body-s);
      padding: var(--space-4);
      color: var(--color-blue-900);
      border: 1px solid var(--color-gray-200);
      font-style: italic;
      border-radius: var(--space-1);
    }
    .message a,
    .button-style.message a {
      text-decoration: underline;
    }
    .message.warning,
    .button-style.message.warning,
    .message.error,
    .button-style.message.error {
      font-style: normal;
    }
    .message.warning a,
    .button-style.message.warning a,
    .message.error a,
    .button-style.message.error a {
      color: var(--color-orange-500);
    }
    .message.error,
    .button-style.message.error {
      background-color: var(--color-blue-500);
      color: var(--color-orange-500);
      border: 1px solid var(--color-orange-500);
    }
    .message.warning,
    .button-style.message.warning {
      background-color: var(--color-off-white);
      color: var(--color-blue-900);
      border: 1px solid var(--color-yellow-500);
    }
    .message:only-child,
    .button-style.message:only-child {
      margin-top: var(--space-4);
    }
    .message.loading,
    .button-style.message.loading {
      margin-top: var(--space-4);
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    .content-details {
      width: 100%;
      font: var(--font-hmc-body-m);
    }
    .content-details .tag-list a {
      font: var(--font-hmc-body-m);
      display: block;
      margin-bottom: var(--space-2);
      padding: var(--space-1);
      text-align: left;
      color: var(--color-blue-900);
      background-color: var(--color-gray-200);
      border-radius: var(--space-1);
      transition: background-color 0.1s;
    }
    .content-details .tag-list a:before {
      width: 11.2px;
      height: 11.2px;
      display: inline-block;
      content: "\e827";
      font-family: Entypo;
      font-size: 11.2px;
      line-height: 11.2px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .content-details .tag-list a:before {
      margin: 0 15px 0 15px;
      left: 0px;
      top: -1px;
    }
    .content-details .tag-list a:hover,
    .content-details .tag-list a:active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .content-details .attribute-list {
      font: var(--font-hmc-body-m);
    }
    .content-details .attribute-list a {
      font: var(--font-hmc-body-m);
    }
    .content-details .attribute-list .attribute-item a {
      color: var(--color-blue-800);
    }
    .content-details .attribute-list .attribute-item .attribute-value {
      display: block;
      margin-bottom: var(--space-2);
      padding: 0;
      text-align: left;
      border: 1px solid var(--color-blue-500);
      text-align: center;
      color: var(--color-blue-500);
      padding: var(--space-2);
      overflow: hidden;
      border-radius: var(--space-1);
    }
    .content-details .attribute-list .attribute-item .attribute-value:hover {
      border-radius: var(--space-1);
    }
    .content-details .attribute-list .attribute-item.rating .ui-rate {
      width: 80px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 0px;
    }
    .content-details .attribute-list .attribute-item.like .ui-like a {
      color: var(--color-blue-500);
    }
    .content-details .attribute-list .attribute-item.like .ui-like:before {
      color: var(--color-gray-300);
      margin: 0 var(--space-2) 0 var(--space-2);
      left: 0px;
    }
    .content-details .attribute-list .attribute-item.like .ui-like .like-count {
      color: var(--color-gray-300);
    }
    .content-details .attribute-list .attribute-item.like .ui-like .like-count:before {
      top: -2px;
    }
    .content-details .attribute-list .attribute-item.like .ui-like[data-initialstate="true"]:before {
      color: var(--color-gray-300);
    }
    .content-details .attribute-list .attribute-item.like .attribute-value {
      color: var(--color-gray-300);
      border-color: var(--color-gray-200);
    }
    .content-details .attribute-list .attribute-item.like.can-like .ui-like a {
      color: var(--color-blue-500);
    }
    .content-details .attribute-list .attribute-item.like.can-like .ui-like:before {
      color: var(--color-blue-500);
    }
    .content-details .attribute-list .attribute-item.like.can-like .ui-like .like-count {
      color: var(--color-blue-500);
    }
    .content-details .attribute-list .attribute-item.like.can-like .ui-like[data-initialstate="true"]:before {
      color: var(--color-blue-500);
    }
    .content-details .attribute-list .attribute-item.like.can-like .attribute-value {
      color: var(--color-blue-500);
      border-color: var(--color-blue-500);
    }
    .content-details .attribute-list .attribute-item.like.can-like:hover {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-radius: var(--space-1);
    }
    .content-details .attribute-list .attribute-item.like.can-like:hover .ui-like a {
      color: var(--color-off-white);
    }
    .content-details .attribute-list .attribute-item.like.can-like:hover .ui-like a:hover {
      color: var(--color-off-white);
    }
    .content-details .attribute-list .attribute-item.like.can-like:hover .ui-like .like-count {
      color: var(--color-off-white);
    }
    .content-details .attribute-list .attribute-item.like.can-like:hover .ui-like:before {
      color: var(--color-off-white);
    }
    .content-details .attribute-list .attribute-item.like.can-like:hover .ui-like[data-initialstate="true"] .like-count {
      color: var(--color-off-white);
    }
    .content-details.minimal .attribute-list {
      margin-bottom: var(--space-4);
    }
    .content-details.minimal .attribute-list .attribute-item {
      overflow: hidden;
      font: var(--font-hmc-body-m);
      border-bottom: 1px solid var(--color-gray-200);
      padding: var(--space-1) 0 var(--space-1) 0;
    }
    .content-details.minimal .attribute-list .attribute-item:last-child {
      border-bottom: 0px;
    }
    .content-details.minimal .attribute-list .attribute-item .attribute-name {
      display: none;
    }
    .content-details.minimal .attribute-list .attribute-item .attribute-value {
      margin: 0px;
      border: 0px;
      padding: 0px;
      display: block;
      text-align: left;
      color: var(--color-blue-900);
    }
    .content-details.minimal .attribute-list .attribute-item .attribute-value a {
      color: var(--color-blue-900);
    }
    .content-details.minimal .attribute-list .attribute-item a {
      color: var(--color-blue-500);
    }
    .content-details.minimal .attribute-list .attribute-item.author .attribute-value {
      padding-left: var(--space-10);
      position: relative;
      height: var(--space-8);
    }
    .content-details.minimal .attribute-list .attribute-item.author .avatar {
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 500px;
    }
    .content-details.minimal .attribute-list .attribute-item.author .avatar img {
      border-radius: 500px;
    }
    .content-details.minimal .attribute-list .attribute-item.author .user-name {
      position: relative;
      top: 30px/3;
    }
    .single-column .content-details,
    .layout-region.header .content-details,
    .layout-region.content .content-details {
      display: flex;
      flex-direction: row;
      align-items: center;
      font: var(--font-hmc-body-s);
      color: var(--color-gray-800);
      margin-bottom: 15px;
      margin-top: 37.5px;
      font-style: italic;
    }
    .single-column .content-details .content-author,
    .layout-region.header .content-details .content-author,
    .layout-region.content .content-details .content-author {
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    .single-column .content-details .content-author .avatar,
    .layout-region.header .content-details .content-author .avatar,
    .layout-region.content .content-details .content-author .avatar {
      width: var(--space-8);
      height: var(--space-8);
      display: block;
      border-radius: 500px;
      margin-right: var(--space-6);
    }
    .single-column .content-details .content-author .avatar img,
    .layout-region.header .content-details .content-author .avatar img,
    .layout-region.content .content-details .content-author .avatar img {
      border-radius: 500px;
      max-width: var(--space-8);
      max-height: var(--space-8);
    }
    .single-column .content-details .content-author .user-name,
    .layout-region.header .content-details .content-author .user-name,
    .layout-region.content .content-details .content-author .user-name {
      margin-right: var(--space-5);
    }
    .single-column .content-details .content-author .user-name a,
    .layout-region.header .content-details .content-author .user-name a,
    .layout-region.content .content-details .content-author .user-name a {
      color: var(--color-gray-800);
    }
    .single-column .content-details .content-author .user-name a:hover,
    .layout-region.header .content-details .content-author .user-name a:hover,
    .layout-region.content .content-details .content-author .user-name a:hover {
      color: var(--color-blue-500);
    }
    .single-column .content-details .content-date::before,
    .layout-region.header .content-details .content-date::before,
    .layout-region.content .content-details .content-date::before {
      opacity: 0.25;
    }
    .single-column .content-details.minimal .attribute-list,
    .layout-region.header .content-details.minimal .attribute-list,
    .layout-region.content .content-details.minimal .attribute-list {
      display: flex;
    }
    .single-column .content-details.minimal .attribute-list .attribute-item,
    .layout-region.header .content-details.minimal .attribute-list .attribute-item,
    .layout-region.content .content-details.minimal .attribute-list .attribute-item {
      border-bottom: 0px;
      margin: 0 var(--space-8) 0 0;
    }
    .single-column .content-details {
      display: block;
      font-style: normal;
    }
    .layout-region.right-sidebar .content-details .content-author .avatar,
    .layout-region.left-sidebar .content-details .content-author .avatar {
      margin: var(--space-11) 0 0 0;
      width: 80px;
      height: 80px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      border-radius: 500px;
    }
    .layout-region.right-sidebar .content-details .content-author .avatar img,
    .layout-region.left-sidebar .content-details .content-author .avatar img {
      border-radius: 500px;
    }
    .layout-region.right-sidebar .content-details .content-author .user-name,
    .layout-region.left-sidebar .content-details .content-author .user-name {
      margin: var(--space-4) var(--space-4) var(--space-2) var(--space-4);
      display: block;
      text-align: center;
      color: var(--color-blue-900);
    }
    .layout-region.right-sidebar .content-details .content-author .user-name a,
    .layout-region.left-sidebar .content-details .content-author .user-name a {
      color: var(--color-blue-900);
    }
    .layout-region.right-sidebar .content-details .content-date,
    .layout-region.left-sidebar .content-details .content-date {
      margin: 0;
      display: block;
      text-align: center;
      margin-bottom: var(--space-8);
      font: var(--font-hmc-body-s);
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    .content-list.content {
      clear: both;
      overflow: hidden;
    }
    .content-list.content > .content-item {
      padding: var(--space-11) 0 var(--space-11) 0;
      border-bottom: 1px solid var(--color-gray-200);
    }
    .content-list.content > .content-item.highlight {
      background-color: var(--color-gray-100);
      padding-left: var(--space-4);
    }
    .content-list.content > .content-item .content .content.inline {
      color: var(--color-gray-400);
      margin-top: var(--space-4);
      font-style: italic;
    }
    .content-list.content > .content-item .content .attachment .viewer {
      margin: 15px 0 -45px 0;
      background-color: var(--color-gray-100);
      padding: var(--space-4);
      color: var(--color-gray-400);
    }
    .content-list.content.simple > .content-item {
      padding: var(--space-3) 0 var(--space-3) 0;
      border-bottom: 1px solid var(--color-gray-200);
    }
    .content-list.content.simple > .content-item .content .content:not(:empty) {
      padding-top: 0px;
    }
    .content-list.thumbnail {
      width: 100%;
      clear: both;
      overflow: hidden;
    }
    .content-list.thumbnail .thumbnail-column {
      width: 140px;
      margin-right: var(--space-4);
    }
    .content-list.thumbnail .thumbnail-column .thumbnail {
      margin-bottom: var(--space-4);
    }
    .content-list.thumbnail .thumbnail-column:last-child {
      margin-right: 0;
    }
    .content-list.thumbnail.small .thumbnail {
      width: var(--space-10);
      display: inline-block;
      float: none;
      position: static;
      margin-bottom: var(--space-2);
      margin-right: var(--space-2);
    }
    .content-list.thumbnail.small .thumbnail:last-child {
      margin-right: 0;
    }
    .content-list.thumbnail.small .thumbnail .avatar {
      border-radius: 500px;
    }
    .content-list.thumbnail.small .thumbnail .avatar img {
      border-radius: 500px;
    }
    .content-list.grid {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin: var(--space-8);
    }
    .content-list.grid .content-item {
      flex: 1 1 auto;
      width: var(--space-3);
      padding: var(--space-4);
      border-bottom: 0px;
      padding: 0px;
    }
    .left-sidebar .content-list .thumbnail-column,
    .split-sidebar-right .content-list .thumbnail-column,
    .split-sidebar-left .content-list .thumbnail-column,
    .content-left-sidebar-right .right-sidebar .content-list .thumbnail-column,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-list .thumbnail-column,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-list .thumbnail-column,
    .header-top-content-left-sidebar-right .right-sidebar .content-list .thumbnail-column,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-list .thumbnail-column,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-list .thumbnail-column,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-list .thumbnail-column {
      width: 105px;
    }
    .left-sidebar .content-list .thumbnail-column .content.thumbnail,
    .split-sidebar-right .content-list .thumbnail-column .content.thumbnail,
    .split-sidebar-left .content-list .thumbnail-column .content.thumbnail,
    .content-left-sidebar-right .right-sidebar .content-list .thumbnail-column .content.thumbnail,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-list .thumbnail-column .content.thumbnail,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-list .thumbnail-column .content.thumbnail,
    .header-top-content-left-sidebar-right .right-sidebar .content-list .thumbnail-column .content.thumbnail,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-list .thumbnail-column .content.thumbnail,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-list .thumbnail-column .content.thumbnail,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-list .thumbnail-column .content.thumbnail {
      width: 105px;
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    
    .flexbox .user-defined-markup {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 0;
    }
    .flexbox.featured-places .user-defined-markup {
        gap: var(--space-3);
    }
    .user-defined-markup {
      max-width: 100%;
      overflow: hidden;
      position: relative;
      word-wrap: break-word;
      padding: 0 var(--space-4);
    }
    .user-defined-markup a {
      color: var(--color-blue-800);
      text-decoration: none;
    }
    .user-defined-markup a:hover {
      text-decoration: underline;
    }
    .user-defined-markup a:visited {
      color: var(--color-blue-700);
    }
    .user-defined-markup a:visited:hover {
      text-decoration: underline;
    }
    .user-defined-markup a > img {
      display: inline;
    }
    .user-defined-markup a.ui-contentpeek {
      background-color: var(--color-gray-100);
      border: 1px solid var(--color-gray-200);
      border-radius: var(--space-1);
      padding: 1px 3px 1px 3px;
    }
    .user-defined-markup pre:not(.ui-code) {
      padding: var(--space-4);
      background-color: var(--color-gray-200);
      border-radius: var(--space-1);
      font: var(--font-hmc-body-m);
    }
    .user-defined-markup blockquote {
      font: var(--font-hmc-body-m);
      font-style: italic;
      border-left: var(--space-4) solid var(--color-gray-200);
      margin: 0px;
      padding: 0 0 0 var(--space-2);
    }
    .user-defined-markup blockquote.quote .quote-user {
      font-weight: 600;
      color: var(--color-gray-400);
      padding-bottom: var(--space-2);
    }
    .user-defined-markup blockquote.quote .quote-user a {
      color: var(--color-gray-400);
    }
    .user-defined-markup blockquote.quote .quote-user a:hover,
    .user-defined-markup blockquote.quote .quote-user a:active {
      color: var(--color-blue-500);
    }
    .user-defined-markup .quote-footer + p {
      margin-top: var(--space-4);
    }
    .user-defined-markup ol,
    .user-defined-markup ul {
      padding: 0 0 0 var(--space-8);
      margin: var(--space-4) 0 var(--space-4) 0;
    }
    .user-defined-markup ol ol,
    .user-defined-markup ul ol,
    .user-defined-markup ol ul,
    .user-defined-markup ul ul {
      margin: 0;
    }
    .user-defined-markup ol {
      list-style-type: decimal;
    }
    .user-defined-markup ol ol {
      list-style-type: lower-alpha;
    }
    .user-defined-markup ol ol ol {
      list-style-type: upper-alpha;
    }
    .user-defined-markup ol ol ol ol {
      list-style-type: lower-roman;
    }
    .user-defined-markup ol ol ol ol ol {
      list-style-type: upper-roman;
    }
    .user-defined-markup ul {
      list-style: disc;
    }
    .user-defined-markup table {
      margin: 0px;
      padding: 0px;
      width: 100%;
    }
    .user-defined-markup table th,
    .user-defined-markup table td {
      word-wrap: normal;
      padding: var(--space-3);
      border-bottom: 1px solid var(--color-gray-300);
    }
    .user-defined-markup table th {
      text-align: left;
      font-weight: bold;
      border-bottom: 1px solid var(--color-blue-900);
    }
    .user-defined-markup img.align-left {
      margin: 0 var(--space-4) var(--space-4) 0;
    }
    .user-defined-markup img.align-right {
      margin: 0 0 var(--space-4) var(--space-4);
    }
    .user-defined-markup pre {
      white-space: pre;
      word-wrap: normal;
    }
    .user-defined-markup > div {
      /*line-height: 1.5em;*/
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    h1.title {
      margin: var(--space-2) 0 var(--space-2) 0;
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    .replace-with-icon.help {
      border: 1px solid var(--color-gray-500);
      width: 21px;
      height: 21px;
      border-radius: 50%;
      background-color: var(--color-gray-300);
      color: var(--color-white);
      margin-right: var(--space-4);
    }
    .replace-with-icon.help:before {
      width: 18.5px;
      top: 2px;
    }
    .replace-with-icon.check {
      border: 1px solid var(--color-green-600);
      width: 21px;
      height: 21px;
      border-radius: 50%;
      background-color: var(--color-green-500);
      color: var(--color-white);
      margin-right: var(--space-4);
    }
    .replace-with-icon.check:before {
      width: 18.5px;
      top: 2px;
    }
    .replace-with-icon.chat {
      border: 1px solid var(--color-gray-300);
      width: 21px;
      height: 21px;
      border-radius: 50%;
      background-color: var(--color-gray-300);
      color: var(--color-white);
      margin-right: var(--space-4);
    }
    .replace-with-icon.chat:before {
      width: 18.5px;
      top: 2px;
      font: var(--font-hmc-body-s);
    }
    .modal-content .content .name a,
    .content-fragment .content .name a,
    .popup-list .content .name a {
      color: var(--color-blue-800);
    }
    .modal-content .content .name a:hover,
    .content-fragment .content .name a:hover,
    .popup-list .content .name a:hover {
      color: var(--color-blue-500);
    }
    .modal-content .content .name a.positive,
    .content-fragment .content .name a.positive,
    .popup-list .content .name a.positive {
      color: var(--color-green-700);
      font-weight: bold;
    }
    .modal-content .content .name a.positive:hover,
    .content-fragment .content .name a.positive:hover,
    .popup-list .content .name a.positive:hover {
      color: var(--color-green-300);
    }
    .modal-content .content .name a.pending,
    .content-fragment .content .name a.pending,
    .popup-list .content .name a.pending {
      color: var(--color-yellow-500);
      font-weight: bold;
    }
    .modal-content .content .name a.pending:hover,
    .content-fragment .content .name a.pending:hover,
    .popup-list .content .name a.pending:hover {
      color: var(--color-yellow-600);
    }
    .modal-content .content .name a.disabled,
    .content-fragment .content .name a.disabled,
    .popup-list .content .name a.disabled {
      color: var(--color-gray-400);
    }
    .modal-content .content .name a.disabled:hover,
    .content-fragment .content .name a.disabled:hover,
    .popup-list .content .name a.disabled:hover {
      color: var(--color-gray-300);
    }
    .modal-content .content .name a.unread,
    .content-fragment .content .name a.unread,
    .popup-list .content .name a.unread {
      font-weight: 400;
    }
    .modal-content .content .name a.read,
    .content-fragment .content .name a.read,
    .popup-list .content .name a.read {
      color: var(--color-blue-900);
    }
    .modal-content .content .name a.read:hover,
    .content-fragment .content .name a.read:hover,
    .popup-list .content .name a.read:hover {
      color: var(--color-blue-500);
    }
    .modal-content .content > .content,
    .content-fragment .content > .content,
    .popup-list .content > .content {
      max-width: 100%;
      overflow: hidden;
      position: relative;
      word-wrap: break-word;
    }
    .modal-content .content > .content a,
    .content-fragment .content > .content a,
    .popup-list .content > .content a {
      color: var(--color-blue-800);
      text-decoration: none;
    }
    .modal-content .content > .content a:hover,
    .content-fragment .content > .content a:hover,
    .popup-list .content > .content a:hover {
      text-decoration: underline;
    }
    .modal-content .content > .content a:visited,
    .content-fragment .content > .content a:visited,
    .popup-list .content > .content a:visited {
      color: var(--color-blue-600);
    }
    .modal-content .content > .content a:visited:hover,
    .content-fragment .content > .content a:visited:hover,
    .popup-list .content > .content a:visited:hover {
      text-decoration: underline;
    }
    .modal-content .content > .content a > img,
    .content-fragment .content > .content a > img,
    .popup-list .content > .content a > img {
      display: inline;
    }
    .modal-content .content > .content a.ui-contentpeek,
    .content-fragment .content > .content a.ui-contentpeek,
    .popup-list .content > .content a.ui-contentpeek {
      background-color: var(--color-gray-200);
      border: 1px solid var(--color-gray-300);
      border-radius: 3px;
      padding: 1px 3px 1px 3px;
    }
    .modal-content .content > .content pre:not(.ui-code),
    .content-fragment .content > .content pre:not(.ui-code),
    .popup-list .content > .content pre:not(.ui-code) {
      padding: var(--space-4);
      background-color: var(--color-gray-200);
      border-radius: var(--space-1);
      font: var(--font-hmc-body-m);
    }
    .modal-content .content > .content blockquote,
    .content-fragment .content > .content blockquote,
    .popup-list .content > .content blockquote {
      font-style: italic;
      border-left: var(--space-4) solid var(--color-gray-200);
      margin: 0px;
      padding: 0 0 0 var(--space-2);
    }
    .modal-content .content > .content blockquote.quote .quote-user,
    .content-fragment .content > .content blockquote.quote .quote-user,
    .popup-list .content > .content blockquote.quote .quote-user {
      font-weight: 600;
      color: var(--color-gray-400);
      padding-bottom: var(--space-2);
    }
    .modal-content .content > .content blockquote.quote .quote-user a,
    .content-fragment .content > .content blockquote.quote .quote-user a,
    .popup-list .content > .content blockquote.quote .quote-user a {
      color: var(--color-gray-400);
    }
    .modal-content .content > .content blockquote.quote .quote-user a:hover,
    .content-fragment .content > .content blockquote.quote .quote-user a:hover,
    .popup-list .content > .content blockquote.quote .quote-user a:hover,
    .modal-content .content > .content blockquote.quote .quote-user a:active,
    .content-fragment .content > .content blockquote.quote .quote-user a:active,
    .popup-list .content > .content blockquote.quote .quote-user a:active {
      color: var(--color-blue-500);
    }
    .modal-content .content > .content .quote-footer + p,
    .content-fragment .content > .content .quote-footer + p,
    .popup-list .content > .content .quote-footer + p {
      margin-top: var(--space-2);
    }
    .modal-content .content > .content ol,
    .content-fragment .content > .content ol,
    .popup-list .content > .content ol,
    .modal-content .content > .content ul,
    .content-fragment .content > .content ul,
    .popup-list .content > .content ul {
      padding: 0 0 0 var(--space-8);
      margin: var(--space-4) 0 var(--space-4) 0;
    }
    .modal-content .content > .content ol ol,
    .content-fragment .content > .content ol ol,
    .popup-list .content > .content ol ol,
    .modal-content .content > .content ul ol,
    .content-fragment .content > .content ul ol,
    .popup-list .content > .content ul ol,
    .modal-content .content > .content ol ul,
    .content-fragment .content > .content ol ul,
    .popup-list .content > .content ol ul,
    .modal-content .content > .content ul ul,
    .content-fragment .content > .content ul ul,
    .popup-list .content > .content ul ul {
      margin: 0;
    }
    .modal-content .content > .content ol,
    .content-fragment .content > .content ol,
    .popup-list .content > .content ol {
      list-style-type: decimal;
    }
    .modal-content .content > .content ol ol,
    .content-fragment .content > .content ol ol,
    .popup-list .content > .content ol ol {
      list-style-type: lower-alpha;
    }
    .modal-content .content > .content ol ol ol,
    .content-fragment .content > .content ol ol ol,
    .popup-list .content > .content ol ol ol {
      list-style-type: upper-alpha;
    }
    .modal-content .content > .content ol ol ol ol,
    .content-fragment .content > .content ol ol ol ol,
    .popup-list .content > .content ol ol ol ol {
      list-style-type: lower-roman;
    }
    .modal-content .content > .content ol ol ol ol ol,
    .content-fragment .content > .content ol ol ol ol ol,
    .popup-list .content > .content ol ol ol ol ol {
      list-style-type: upper-roman;
    }
    .modal-content .content > .content ul,
    .content-fragment .content > .content ul,
    .popup-list .content > .content ul {
      list-style: disc;
    }
    .modal-content .content > .content table,
    .content-fragment .content > .content table,
    .popup-list .content > .content table {
      margin: 0px;
      padding: 0px;
      width: 100%;
    }
    .modal-content .content > .content table th,
    .content-fragment .content > .content table th,
    .popup-list .content > .content table th,
    .modal-content .content > .content table td,
    .content-fragment .content > .content table td,
    .popup-list .content > .content table td {
      word-wrap: normal;
      padding: var(--space-3);
      border-bottom: 1px solid var(--color-gray-300);
    }
    .modal-content .content > .content table th,
    .content-fragment .content > .content table th,
    .popup-list .content > .content table th {
      text-align: left;
      font-weight: bold;
      border-bottom: 1px solid var(--color-blue-900);
    }
    .modal-content .content > .content img.align-left,
    .content-fragment .content > .content img.align-left,
    .popup-list .content > .content img.align-left {
      margin: 0 var(--space-4) var(--space-4) 0;
    }
    .modal-content .content > .content img.align-right,
    .content-fragment .content > .content img.align-right,
    .popup-list .content > .content img.align-right {
      margin: 0 0 var(--space-4) var(--space-4);
    }
    .modal-content .content > .content pre,
    .content-fragment .content > .content pre,
    .popup-list .content > .content pre {
      white-space: pre;
      word-wrap: normal;
    }
    .modal-content .content > .content > div,
    .content-fragment .content > .content > div,
    .popup-list .content > .content > div {
      line-height: 1.5em;
    }
    .modal-content .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled,
    .content-fragment .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled,
    .popup-list .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled {
      padding: var(--space-4);
      border: 1px solid var(--color-gray-200);
    }
    .modal-content .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled pre,
    .content-fragment .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled pre,
    .popup-list .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled pre {
      display: inline-block;
      margin: 0;
      min-width: 100%;
    }
    .modal-content .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled,
    .content-fragment .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled,
    .popup-list .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled {
      padding: 0;
    }
    .modal-content .content .attachment,
    .content-fragment .content .attachment,
    .popup-list .content .attachment {
      clear: both;
      margin: 0 0 0 0;
    }
    .modal-content .content .attachment .file-name:before,
    .content-fragment .content .attachment .file-name:before,
    .popup-list .content .attachment .file-name:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e823";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .modal-content .content .attachment .file-name:before,
    .content-fragment .content .attachment .file-name:before,
    .popup-list .content .attachment .file-name:before {
      width: 21px;
    }
    .modal-content .content .attachment .attachment-view,
    .content-fragment .content .attachment .attachment-view,
    .popup-list .content .attachment .attachment-view {
      padding-top: var(--space-4);
      padding-bottom: var(--space-4);
    }
    .modal-content .content .attachment .navigation-list,
    .content-fragment .content .attachment .navigation-list,
    .popup-list .content .attachment .navigation-list {
      font: var(--font-hmc-body-m);
      list-style: inline;
      list-style-type: none;
      overflow: hidden;
      padding: var(--space-2) 0 var(--space-2) 0;
    }
    .modal-content .content .attachment .navigation-list li,
    .content-fragment .content .attachment .navigation-list li,
    .popup-list .content .attachment .navigation-list li {
      float: left;
      margin: 0 var(--space-8) 0 0;
    }
    .modal-content .content .attachment .navigation-list li.view-attachment a:before,
    .content-fragment .content .attachment .navigation-list li.view-attachment a:before,
    .popup-list .content .attachment .navigation-list li.view-attachment a:before,
    .modal-content .content .attachment .navigation-list li.hide-attachment a:before,
    .content-fragment .content .attachment .navigation-list li.hide-attachment a:before,
    .popup-list .content .attachment .navigation-list li.hide-attachment a:before {
      width: 11.9px;
      height: 11.9px;
      display: inline-block;
      content: "\e803";
      font-family: Entypo;
      font-size: 11.9px;
      line-height: 11.9px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .modal-content .content .status,
    .content-fragment .content .status,
    .popup-list .content .status {
      color: var(--color-gray-400);
    }
    .modal-content .content .status .answered a,
    .content-fragment .content .status .answered a,
    .popup-list .content .status .answered a {
      color: var(--color-green-700);
    }
    .modal-content .content .status .answered a:before,
    .content-fragment .content .status .answered a:before,
    .popup-list .content .status .answered a:before {
      width: 11.9px;
      height: 11.9px;
      display: inline-block;
      content: "\e812";
      font-family: Entypo;
      font-size: 11.9px;
      line-height: 11.9px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .modal-content .content .status .attribute-list,
    .content-fragment .content .status .attribute-list,
    .popup-list .content .status .attribute-list {
      margin: 0 0 0 0;
      padding: 0;
      padding-bottom: var(--space-4);
      list-style: none;
      font: var(--font-hmc-body-m);
    }
    .modal-content .content .status .attribute-list .attribute-item,
    .content-fragment .content .status .attribute-list .attribute-item,
    .popup-list .content .status .attribute-list .attribute-item {
      float: left;
      margin: 0 var(--space-8) 0 0;
    }
    .modal-content .content .status .attribute-list .attribute-item.view-attachment a:before,
    .content-fragment .content .status .attribute-list .attribute-item.view-attachment a:before,
    .popup-list .content .status .attribute-list .attribute-item.view-attachment a:before,
    .modal-content .content .status .attribute-list .attribute-item.hide-attachment a:before,
    .content-fragment .content .status .attribute-list .attribute-item.hide-attachment a:before,
    .popup-list .content .status .attribute-list .attribute-item.hide-attachment a:before {
      width: 11.9px;
      height: 11.9px;
      display: inline-block;
      content: "\e803";
      font-family: Entypo;
      font-size: 11.9px;
      line-height: 11.9px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .modal-content .content.abbreviated,
    .content-fragment .content.abbreviated,
    .popup-list .content.abbreviated {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      word-break: break-word;
      -webkit-hyphens: auto;
              hyphens: auto;
    }
    .modal-content .content.abbreviated > .avatar,
    .content-fragment .content.abbreviated > .avatar,
    .popup-list .content.abbreviated > .avatar {
      padding-left: var(--space-8);
      border-radius: var(--space-1);
    }
    .modal-content .content.abbreviated > .avatar img,
    .content-fragment .content.abbreviated > .avatar img,
    .popup-list .content.abbreviated > .avatar img {
      border-radius: var(--space-1);
      overflow: hidden;
    }
    .modal-content .content.abbreviated > .avatar.round,
    .content-fragment .content.abbreviated > .avatar.round,
    .popup-list .content.abbreviated > .avatar.round {
      border-radius: 500px;
    }
    .modal-content .content.abbreviated > .avatar.round img,
    .content-fragment .content.abbreviated > .avatar.round img,
    .popup-list .content.abbreviated > .avatar.round img {
      border-radius: 500px;
    }
    .modal-content .content.abbreviated .emoticon > img,
    .content-fragment .content.abbreviated .emoticon > img,
    .popup-list .content.abbreviated .emoticon > img {
      max-width: var(--space-4);
      max-height: var(--space-4);
      vertical-align: baseline;
    }
    .modal-content .content.abbreviated > .summary,
    .content-fragment .content.abbreviated > .summary,
    .popup-list .content.abbreviated > .summary {
      width: 100%;
      display: flex;
      flex-direction: column;
      padding: var(--space-4) 0 0 var(--space-8);
    }
    .modal-content .content.abbreviated > .summary .name,
    .content-fragment .content.abbreviated > .summary .name,
    .popup-list .content.abbreviated > .summary .name {
      font: var(--font-hmc-title-m);
      word-wrap: break-word;
      margin: 0 0 var(--space-4) 0;
    }
    .modal-content .content.abbreviated > .summary .author,
    .content-fragment .content.abbreviated > .summary .author,
    .popup-list .content.abbreviated > .summary .author {
      display: flex;
      align-items: center;
      margin: 0 0 var(--space-4) 0;
    }
    .modal-content .content.abbreviated > .summary .author .avatar,
    .content-fragment .content.abbreviated > .summary .author .avatar,
    .popup-list .content.abbreviated > .summary .author .avatar {
      border-radius: 500px;
      overflow: hidden;
      margin: 0 var(--space-4) 0 0;
    }
    .modal-content .content.abbreviated > .summary .author .avatar img,
    .content-fragment .content.abbreviated > .summary .author .avatar img,
    .popup-list .content.abbreviated > .summary .author .avatar img {
      max-width: var(--space-6);
      max-height: var(--space-6);
      overflow: hidden;
      border-radius: 500px;
    }
    .modal-content .content.abbreviated > .summary .content,
    .content-fragment .content.abbreviated > .summary .content,
    .popup-list .content.abbreviated > .summary .content {
      font: var(--font-hmc-body-m);
    }
    .modal-content .content.abbreviated > .attributes,
    .content-fragment .content.abbreviated > .attributes,
    .popup-list .content.abbreviated > .attributes {
      min-width: 160px;
      padding-left: 0 0 var(--space-4) var(--space-4);
      color: var(--color-gray-300);
      font: var(--font-hmc-body-m);
      text-align: right;
    }
    .modal-content .content.abbreviated .actions,
    .content-fragment .content.abbreviated .actions,
    .popup-list .content.abbreviated .actions {
      padding: var(--space-4) 0;
    }
    .modal-content .content.abbreviated .actions li a,
    .content-fragment .content.abbreviated .actions li a,
    .popup-list .content.abbreviated .actions li a {
      margin: 0;
    }
    .modal-content .content.abbreviated .actions li:first-child a,
    .content-fragment .content.abbreviated .actions li:first-child a,
    .popup-list .content.abbreviated .actions li:first-child a {
      margin-left: 0;
      padding-left: 0;
    }
    .modal-content .content.abbreviated.grid,
    .content-fragment .content.abbreviated.grid,
    .popup-list .content.abbreviated.grid {
      display: flex;
      flex-direction: column;
    }
    .modal-content .content.abbreviated.grid > .avatar,
    .content-fragment .content.abbreviated.grid > .avatar,
    .popup-list .content.abbreviated.grid > .avatar {
      width: 100%;
      overflow: hidden;
    }
    .modal-content .content.abbreviated.grid > .avatar img,
    .content-fragment .content.abbreviated.grid > .avatar img,
    .popup-list .content.abbreviated.grid > .avatar img {
      max-width: 100%;
      max-height: none;
    }
    .modal-content .content.abbreviated.grid > .summary,
    .content-fragment .content.abbreviated.grid > .summary,
    .popup-list .content.abbreviated.grid > .summary {
      width: 100%;
      padding-left: var(--space-8);
    }
    .modal-content .content.abbreviated.grid > .summary > .name,
    .content-fragment .content.abbreviated.grid > .summary > .name,
    .popup-list .content.abbreviated.grid > .summary > .name {
      margin: var(--space-4) 0;
    }
    .modal-content .content.abbreviated.grid > .summary > .author,
    .content-fragment .content.abbreviated.grid > .summary > .author,
    .popup-list .content.abbreviated.grid > .summary > .author {
      order: 10;
    }
    .modal-content .content.abbreviated.grid > .summary > .content,
    .content-fragment .content.abbreviated.grid > .summary > .content,
    .popup-list .content.abbreviated.grid > .summary > .content {
      margin: 0 0 var(--space-4) 0;
    }
    .modal-content .content.abbreviated.grid > .attributes,
    .content-fragment .content.abbreviated.grid > .attributes,
    .popup-list .content.abbreviated.grid > .attributes {
      display: none;
    }
    .modal-content .content.full,
    .content-fragment .content.full,
    .popup-list .content.full {
      overflow: hidden;
    }
    .modal-content .content.full .name,
    .content-fragment .content.full .name,
    .popup-list .content.full .name {
      margin: var(--space-8) 0;
      font: var(--font-hmc-title-m);
      word-wrap: break-word;
    }
    .modal-content .content.full .content,
    .content-fragment .content.full .content,
    .popup-list .content.full .content {
      clear: both;
    }
    .modal-content .content.full .content a > img,
    .content-fragment .content.full .content a > img,
    .popup-list .content.full .content a > img {
      display: inline;
    }
    .modal-content .content.full .status,
    .content-fragment .content.full .status,
    .popup-list .content.full .status {
      position: relative;
      color: var(--color-gray-400);
    }
    .modal-content .content.full .author,
    .content-fragment .content.full .author,
    .popup-list .content.full .author {
      text-align: right;
      font: var(--font-hmc-body-m);
      min-height: var(--space-8);
      width: 30%;
      float: right;
      margin: var(--space-4) 0;
      height: 62px;
      overflow: hidden;
      padding: var(--space-4) 0;
      border-top: solid 1px var(--color-gray-200);
    }
    .modal-content .content.full .author .avatar,
    .content-fragment .content.full .author .avatar,
    .popup-list .content.full .author .avatar {
      float: right;
      margin-right: var(--space-4);
      overflow: hidden;
      border-radius: 500px;
    }
    .modal-content .content.full .author .user-name,
    .content-fragment .content.full .author .user-name,
    .popup-list .content.full .author .user-name {
      padding-top: var(--space-2);
      float: right;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .modal-content .content.full .actions,
    .content-fragment .content.full .actions,
    .popup-list .content.full .actions {
      width: 100%;
      float: left;
      margin: var(--space-4) 0;
      font: var(--font-hmc-body-m);
      height: 62px;
      padding: var(--space-6) 0 var(--space-4) 0;
      border-top: solid 1px var(--color-gray-200);
    }
    .modal-content .content.full .actions .navigation-list-item,
    .content-fragment .content.full .actions .navigation-list-item,
    .popup-list .content.full .actions .navigation-list-item {
      color: var(--color-gray-400);
      white-space: nowrap;
    }
    .modal-content .content.full .actions .navigation-list-item:first-child > span,
    .content-fragment .content.full .actions .navigation-list-item:first-child > span,
    .popup-list .content.full .actions .navigation-list-item:first-child > span,
    .modal-content .content.full .actions .navigation-list-item:first-child > a,
    .content-fragment .content.full .actions .navigation-list-item:first-child > a,
    .popup-list .content.full .actions .navigation-list-item:first-child > a {
      padding-left: 0;
    }
    .modal-content .content.full .actions .navigation-list-item a.links-expanded,
    .content-fragment .content.full .actions .navigation-list-item a.links-expanded,
    .popup-list .content.full .actions .navigation-list-item a.links-expanded {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-radius: var(--space-1);
    }
    .modal-content .content.full .actions .navigation-list-item a.links-expanded[data-position="downright"],
    .content-fragment .content.full .actions .navigation-list-item a.links-expanded[data-position="downright"],
    .popup-list .content.full .actions .navigation-list-item a.links-expanded[data-position="downright"],
    .modal-content .content.full .actions .navigation-list-item a.links-expanded[data-position="downleft"],
    .content-fragment .content.full .actions .navigation-list-item a.links-expanded[data-position="downleft"],
    .popup-list .content.full .actions .navigation-list-item a.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .modal-content .content.full .actions .navigation-list-item a.links-expanded[data-position="upright"],
    .content-fragment .content.full .actions .navigation-list-item a.links-expanded[data-position="upright"],
    .popup-list .content.full .actions .navigation-list-item a.links-expanded[data-position="upright"],
    .modal-content .content.full .actions .navigation-list-item a.links-expanded[data-position="upleft"],
    .content-fragment .content.full .actions .navigation-list-item a.links-expanded[data-position="upleft"],
    .popup-list .content.full .actions .navigation-list-item a.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .modal-content .content.full .actions .navigation-list-item a.links-expanded:hover,
    .content-fragment .content.full .actions .navigation-list-item a.links-expanded:hover,
    .popup-list .content.full .actions .navigation-list-item a.links-expanded:hover,
    .modal-content .content.full .actions .navigation-list-item a.links-expanded:active,
    .content-fragment .content.full .actions .navigation-list-item a.links-expanded:active,
    .popup-list .content.full .actions .navigation-list-item a.links-expanded:active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .modal-content .content.full .actions .navigation-list-item.primary a,
    .content-fragment .content.full .actions .navigation-list-item.primary a,
    .popup-list .content.full .actions .navigation-list-item.primary a {
      font: var(--font-hmc-body-m);
      padding-left: var(--space-3);
    }
    .modal-content .content.full .content-tags,
    .content-fragment .content.full .content-tags,
    .popup-list .content.full .content-tags {
      margin: var(--space-6) 0 0 0;
      width: 100%;
      overflow: hidden;
    }
    .modal-content .content.full .content-tags .tag-list,
    .content-fragment .content.full .content-tags .tag-list,
    .popup-list .content.full .content-tags .tag-list {
      overflow: hidden;
      width: 100%;
      margin-bottom: var(--space-2);
    }
    .modal-content .content.full .content-tags .tag-list .tag-item,
    .content-fragment .content.full .content-tags .tag-list .tag-item,
    .popup-list .content.full .content-tags .tag-list .tag-item {
      overflow: hidden;
      display: inline;
    }
    .modal-content .content.full .content-tags .tag-list .tag-item a,
    .content-fragment .content.full .content-tags .tag-list .tag-item a,
    .popup-list .content.full .content-tags .tag-list .tag-item a {
      float: left;
      font: var(--font-hmc-body-m);
      display: block;
      margin-bottom: var(--space-2);
      margin-right: var(--space-2);
      padding: var(--space-1) var(--space-4) var(--space-1) var(--space-1);
      text-align: left;
      color: var(--color-blue-900);
      background-color: var(--color-gray-200);
      border-radius: var(--space-1);
      transition: background-color 0.15s;
    }
    .modal-content .content.full .content-tags .tag-list .tag-item a:before,
    .content-fragment .content.full .content-tags .tag-list .tag-item a:before,
    .popup-list .content.full .content-tags .tag-list .tag-item a:before {
      width: 11.2px;
      height: 11.2px;
      display: inline-block;
      content: "\e827";
      font-family: Entypo;
      font-size: 11.2px;
      line-height: 11.2px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .modal-content .content.full .content-tags .tag-list .tag-item a:before,
    .content-fragment .content.full .content-tags .tag-list .tag-item a:before,
    .popup-list .content.full .content-tags .tag-list .tag-item a:before {
      margin: 0 var(--space-4);
      left: 0px;
      top: -1px;
    }
    .modal-content .content.full .content-tags .tag-list .tag-item a:hover,
    .content-fragment .content.full .content-tags .tag-list .tag-item a:hover,
    .popup-list .content.full .content-tags .tag-list .tag-item a:hover,
    .modal-content .content.full .content-tags .tag-list .tag-item a:active,
    .content-fragment .content.full .content-tags .tag-list .tag-item a:active,
    .popup-list .content.full .content-tags .tag-list .tag-item a:active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .modal-content .content.full .attributes .attribute-list .attribute-item,
    .content-fragment .content.full .attributes .attribute-list .attribute-item,
    .popup-list .content.full .attributes .attribute-list .attribute-item {
      margin: 0 0 var(--space-4) 0;
    }
    .modal-content .content.full .attributes .attribute-list .attribute-item .attribute-name,
    .content-fragment .content.full .attributes .attribute-list .attribute-item .attribute-name,
    .popup-list .content.full .attributes .attribute-list .attribute-item .attribute-name {
      margin: 0 var(--space-2) 0 0;
      color: var(--color-blue-900);
    }
    .modal-content .content.full .attributes.top,
    .content-fragment .content.full .attributes.top,
    .popup-list .content.full .attributes.top {
      margin: -21px 0 28px 0;
    }
    .modal-content .content.full .attributes.top .attribute-list .attribute-item,
    .content-fragment .content.full .attributes.top .attribute-list .attribute-item,
    .popup-list .content.full .attributes.top .attribute-list .attribute-item {
      margin: 0 0 var(--space-2) 0;
    }
    .modal-content .content.full.without-author .actions,
    .content-fragment .content.full.without-author .actions,
    .popup-list .content.full.without-author .actions {
      width: 100%;
      float: left;
    }
    .modal-content .content.full.text,
    .content-fragment .content.full.text,
    .popup-list .content.full.text {
      font: var(--font-hmc-body-m);
    }
    .modal-content .content.full.text .name,
    .content-fragment .content.full.text .name,
    .popup-list .content.full.text .name {
      font: var(--font-hmc-title-xl);
    }
    .modal-content .content.full.text p,
    .content-fragment .content.full.text p,
    .popup-list .content.full.text p,
    .modal-content .content.full.text a,
    .content-fragment .content.full.text a,
    .popup-list .content.full.text a,
    .modal-content .content.full.text ol,
    .content-fragment .content.full.text ol,
    .popup-list .content.full.text ol,
    .modal-content .content.full.text ul,
    .content-fragment .content.full.text ul,
    .popup-list .content.full.text ul,
    .modal-content .content.full.text table,
    .content-fragment .content.full.text table,
    .popup-list .content.full.text table,
    .modal-content .content.full.text em,
    .content-fragment .content.full.text em,
    .popup-list .content.full.text em {
      font: var(--font-hmc-body-m);
    }
    .modal-content .content.full.text pre,
    .content-fragment .content.full.text pre,
    .popup-list .content.full.text pre {
      font: var(--font-hmc-body-m);
    }
    .modal-content .content.full.text .actions,
    .content-fragment .content.full.text .actions,
    .popup-list .content.full.text .actions {
      font: var(--font-hmc-body-m);
    }
    .modal-content .content.full.text .actions ul,
    .content-fragment .content.full.text .actions ul,
    .popup-list .content.full.text .actions ul {
      font: var(--font-hmc-body-m);
    }
    .modal-content .content.full .pull-quote p,
    .content-fragment .content.full .pull-quote p,
    .popup-list .content.full .pull-quote p {
      font: var(--font-hmc-title-xs);
    }
    .modal-content .content.full .pull-quote .pull-quote-attribution,
    .content-fragment .content.full .pull-quote .pull-quote-attribution,
    .popup-list .content.full .pull-quote .pull-quote-attribution {
      font: var(--font-hmc-body-m);
      color: var(--color-blue-900);
      display: flex;
      align-items: center;
      margin-top: var(--space-4);
    }
    .modal-content .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar,
    .content-fragment .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar,
    .popup-list .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar {
      border-radius: 100px;
      overflow: hidden;
      margin-right: var(--space-2);
    }
    .modal-content .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar img,
    .content-fragment .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar img,
    .popup-list .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar img {
      border-radius: 100px;
      overflow: hidden;
    }
    .modal-content .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar a,
    .content-fragment .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar a,
    .popup-list .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar a {
      padding: 0;
      background-color: none;
      border: 0px;
    }
    .modal-content .content.full .pull-quote.pull-quote-left,
    .content-fragment .content.full .pull-quote.pull-quote-left,
    .popup-list .content.full .pull-quote.pull-quote-left {
      float: left;
      text-align: left;
      max-width: 50%;
      margin: var(--space-6) 0;
    }
    .modal-content .content.full .pull-quote.pull-quote-left .pull-quote-attribution,
    .content-fragment .content.full .pull-quote.pull-quote-left .pull-quote-attribution,
    .popup-list .content.full .pull-quote.pull-quote-left .pull-quote-attribution {
      justify-content: flex-start;
    }
    .modal-content .content.full .pull-quote.pull-quote-center,
    .content-fragment .content.full .pull-quote.pull-quote-center,
    .popup-list .content.full .pull-quote.pull-quote-center {
      text-align: center;
    }
    .modal-content .content.full .pull-quote.pull-quote-center .pull-quote-attribution,
    .content-fragment .content.full .pull-quote.pull-quote-center .pull-quote-attribution,
    .popup-list .content.full .pull-quote.pull-quote-center .pull-quote-attribution {
      justify-content: center;
    }
    .modal-content .content.full .pull-quote.pull-quote-right,
    .content-fragment .content.full .pull-quote.pull-quote-right,
    .popup-list .content.full .pull-quote.pull-quote-right {
      float: right;
      text-align: right;
      max-width: 50%;
      margin: 0 0 var(--space-6) var(--space-6);
    }
    .modal-content .content.full .pull-quote.pull-quote-right .pull-quote-attribution,
    .content-fragment .content.full .pull-quote.pull-quote-right .pull-quote-attribution,
    .popup-list .content.full .pull-quote.pull-quote-right .pull-quote-attribution {
      justify-content: flex-end;
    }
    .modal-content .content.comment,
    .content-fragment .content.comment,
    .popup-list .content.comment {
      clear: both;
      padding-left: 60px;
      position: relative;
      font: var(--font-hmc-body-m);
      overflow: hidden;
    }
    .modal-content .content.comment .author .avatar,
    .content-fragment .content.comment .author .avatar,
    .popup-list .content.comment .author .avatar {
      position: absolute;
      left: 0px;
      top: 0px;
      border-radius: 500px;
    }
    .modal-content .content.comment .author .avatar img,
    .content-fragment .content.comment .author .avatar img,
    .popup-list .content.comment .author .avatar img {
      border-radius: 500px;
    }
    .modal-content .content.comment .author .user-name,
    .content-fragment .content.comment .author .user-name,
    .popup-list .content.comment .author .user-name {
      font: var(--font-hmc-body-m);
      float: left;
      margin-right: var(--space-2);;
      line-height: var(--space-5);
    }
    .modal-content .content.comment .content,
    .content-fragment .content.comment .content,
    .popup-list .content.comment .content {
      font: var(--font-hmc-body-m);
      word-wrap: break-word;
    }
    .modal-content .content.comment .content p,
    .content-fragment .content.comment .content p,
    .popup-list .content.comment .content p {
      font: var(--font-hmc-body-m);
      margin: 0 0 var(--space-4) 0;
      word-wrap: break-word;
    }
    .modal-content .content.comment .content p:last-child,
    .content-fragment .content.comment .content p:last-child,
    .popup-list .content.comment .content p:last-child {
      margin: 0;
    }
    .modal-content .content.comment .attributes,
    .content-fragment .content.comment .attributes,
    .popup-list .content.comment .attributes {
      float: left;
      margin: var(--space-4) var(--space-4) var(--space-4) 0;
      color: var(--color-gray-400);
    }
    .modal-content .content.comment .attributes .attribute-list,
    .content-fragment .content.comment .attributes .attribute-list,
    .popup-list .content.comment .attributes .attribute-list {
      margin: 0;
      padding: 0;
      list-style: none;
      font: var(--font-hmc-body-m);
    }
    .modal-content .content.comment .actions,
    .content-fragment .content.comment .actions,
    .popup-list .content.comment .actions {
      margin: var(--space-4) var(--space-4) var(--space-4) 0;
      font: var(--font-hmc-body-s);
      min-width: 150px;
    }
    .modal-content .content.comment .actions a,
    .content-fragment .content.comment .actions a,
    .popup-list .content.comment .actions a {
      color: var(--color-gray-400);
      padding: 0 var(--space-4);
      border: 0px;
      font: var(--font-hmc-body-s);
    }
    .modal-content .content.comment .actions a:hover,
    .content-fragment .content.comment .actions a:hover,
    .popup-list .content.comment .actions a:hover {
      color: var(--color-blue-500);
    }
    .modal-content .content.comment .actions li:first-child a,
    .content-fragment .content.comment .actions li:first-child a,
    .popup-list .content.comment .actions li:first-child a {
      padding-left: 0px;
    }
    .modal-content .content.with-thumbnail,
    .content-fragment .content.with-thumbnail,
    .popup-list .content.with-thumbnail {
      padding-left: 65px;
      position: relative;
      min-height: 55px;
    }
    .modal-content .content.with-thumbnail > .thumbnail,
    .content-fragment .content.with-thumbnail > .thumbnail,
    .popup-list .content.with-thumbnail > .thumbnail {
      position: absolute;
      width: 55px;
      height: 55px;
      overflow: hidden;
      top: 0;
      left: 0;
      text-align: center;
    }
    .modal-content .content.with-thumbnail .content.inline,
    .content-fragment .content.with-thumbnail .content.inline,
    .popup-list .content.with-thumbnail .content.inline {
      margin-left: -65px;
    }
    .modal-content .content.thumbnail,
    .content-fragment .content.thumbnail,
    .popup-list .content.thumbnail {
      position: relative;
      overflow: hidden;
      width: 140px;
      border: 0px;
      background-color: var(--color-gray-200);
      text-align: left;
      border-radius: var(--space-1);
    }
    .modal-content .content.thumbnail .name,
    .content-fragment .content.thumbnail .name,
    .popup-list .content.thumbnail .name {
      font: var(--font-hmc-body-s);
      text-align: left;
      width: 100%;
      margin: 0;
      padding: var(--space-4);
      line-height: normal;
      text-overflow: ellipsis;
      word-wrap: break-word;
      color: var(--color-blue-900);
    }
    .modal-content .content.thumbnail .name a,
    .content-fragment .content.thumbnail .name a,
    .popup-list .content.thumbnail .name a {
      color: var(--color-blue-900);
    }
    .modal-content .content.thumbnail .avatar,
    .content-fragment .content.thumbnail .avatar,
    .popup-list .content.thumbnail .avatar {
      width: 100%;
      overflow: hidden;
      position: relative;
      transition: all 0.25s;
    }
    .modal-content .content.thumbnail .avatar > img,
    .content-fragment .content.thumbnail .avatar > img,
    .popup-list .content.thumbnail .avatar > img {
      display: block;
      margin: 0 auto;
      width: 100%;
    }
    .modal-content .content.thumbnail .avatar:after,
    .content-fragment .content.thumbnail .avatar:after,
    .popup-list .content.thumbnail .avatar:after {
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 140px;
      height: 300px;
      background-color: rgba(250, 250, 250, 0);
      content: " ";
      box-shadow: inset 0 0 70px rgba(250, 250, 250, 0.1);
      transition: all 0.25s;
    }
    .modal-content .content.thumbnail .actions,
    .content-fragment .content.thumbnail .actions,
    .popup-list .content.thumbnail .actions {
      width: 100%;
      margin: 0;
      padding: 0 var(--space-4) var(--space-4) var(--space-4);
      font: var(--font-hmc-body-s);
      min-width: 150px;
    }
    .modal-content .content.thumbnail .actions a,
    .content-fragment .content.thumbnail .actions a,
    .popup-list .content.thumbnail .actions a {
      color: var(--color-gray-400);
      padding: 0;
      border: 0px;
      font: var(--font-hmc-body-s);
    }
    .modal-content .content.thumbnail .actions a:hover,
    .content-fragment .content.thumbnail .actions a:hover,
    .popup-list .content.thumbnail .actions a:hover {
      color: var(--color-off-white);
    }
    .modal-content .content.thumbnail.small,
    .content-fragment .content.thumbnail.small,
    .popup-list .content.thumbnail.small {
      width: var(--space-12);
      background-color: inherit;
      border-width: 0;
    }
    .modal-content .content.thumbnail.small .name,
    .content-fragment .content.thumbnail.small .name,
    .popup-list .content.thumbnail.small .name {
      display: none;
    }
    .modal-content .content.thumbnail.small .avatar:after,
    .content-fragment .content.thumbnail.small .avatar:after,
    .popup-list .content.thumbnail.small .avatar:after {
      width: auto;
      height: auto;
    }
    .modal-content .content.thumbnail[data-url]:hover,
    .content-fragment .content.thumbnail[data-url]:hover,
    .popup-list .content.thumbnail[data-url]:hover {
      cursor: pointer;
      background-color: var(--color-blue-900);
      color: var(--color-off-white);
    }
    .modal-content .content.thumbnail[data-url]:hover .name,
    .content-fragment .content.thumbnail[data-url]:hover .name,
    .popup-list .content.thumbnail[data-url]:hover .name {
      color: var(--color-off-white);
    }
    .modal-content .content.thumbnail[data-url]:hover .name a,
    .content-fragment .content.thumbnail[data-url]:hover .name a,
    .popup-list .content.thumbnail[data-url]:hover .name a {
      color: var(--color-off-white);
    }
    .modal-content .content.thumbnail[data-url]:hover .avatar,
    .content-fragment .content.thumbnail[data-url]:hover .avatar,
    .popup-list .content.thumbnail[data-url]:hover .avatar {
      transform: scale(1.02, 1.02);
      -webkit-transform: scale(1.02, 1.02);
      -moz-transform: scale(1.02, 1.02);
      -o-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
    }
    .modal-content .content.thumbnail[data-url]:hover .avatar:after,
    .content-fragment .content.thumbnail[data-url]:hover .avatar:after,
    .popup-list .content.thumbnail[data-url]:hover .avatar:after {
      box-shadow: inset 0 0 70px rgba(250, 250, 250, 0.05);
      background-color: rgba(0, 57, 101, 0.1);
    }
    .left-sidebar .content-fragment .content-list.content,
    .split-sidebar-right .content-fragment .content-list.content,
    .split-sidebar-left .content-fragment .content-list.content,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.content,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content {
      font: var(--font-hmc-body-m);
      border-bottom: 0px;
    }
    .left-sidebar .content-fragment .content-list.content > .content-item,
    .split-sidebar-right .content-fragment .content-list.content > .content-item,
    .split-sidebar-left .content-fragment .content-list.content > .content-item,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.content > .content-item,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content > .content-item,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content > .content-item,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content > .content-item,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content > .content-item,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content > .content-item,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content > .content-item {
      border-bottom: 0px;
      padding: 0px;
      margin: 0px;
    }
    .left-sidebar .content-fragment .content-list.content .content.abbreviated,
    .split-sidebar-right .content-fragment .content-list.content .content.abbreviated,
    .split-sidebar-left .content-fragment .content-list.content .content.abbreviated,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated {
      padding: var(--space-3) 0;
      border-bottom: 1px solid var(--color-gray-200);
    }
    .left-sidebar .content-fragment .content-list.content .content.abbreviated .author,
    .split-sidebar-right .content-fragment .content-list.content .content.abbreviated .author,
    .split-sidebar-left .content-fragment .content-list.content .content.abbreviated .author,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,
    .left-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,
    .split-sidebar-right .content-fragment .content-list.content .content.abbreviated .attributes,
    .split-sidebar-left .content-fragment .content-list.content .content.abbreviated .attributes,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,
    .left-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,
    .split-sidebar-right .content-fragment .content-list.content .content.abbreviated .attribute-list,
    .split-sidebar-left .content-fragment .content-list.content .content.abbreviated .attribute-list,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,
    .left-sidebar .content-fragment .content-list.content .content.abbreviated .content,
    .split-sidebar-right .content-fragment .content-list.content .content.abbreviated .content,
    .split-sidebar-left .content-fragment .content-list.content .content.abbreviated .content,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,
    .left-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,
    .split-sidebar-right .content-fragment .content-list.content .content.abbreviated .attachment,
    .split-sidebar-left .content-fragment .content-list.content .content.abbreviated .attachment,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,
    .left-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,
    .split-sidebar-right .content-fragment .content-list.content .content.abbreviated .avatar,
    .split-sidebar-left .content-fragment .content-list.content .content.abbreviated .avatar,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar {
      display: none;
    }
    .left-sidebar .content-fragment .content-list.content .content.abbreviated .name,
    .split-sidebar-right .content-fragment .content-list.content .content.abbreviated .name,
    .split-sidebar-left .content-fragment .content-list.content .content.abbreviated .name,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .name,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .name,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .name,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .name,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .name,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .name,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .name {
      width: 100%;
      margin: 0;
      font: var(--font-hmc-body-m);
      color: var(--color-blue-800);
    }
    .content-fragment .content-list.simple .content-item {
      padding: var(--space-4) 0;
    }
    .content-fragment .content-list.simple .content-item .content.abbreviated {
      overflow: hidden;
    }
    .content-fragment .content-list.simple .content-item .content.abbreviated .name {
      width: 100%;
      float: none;
      font: var(--font-hmc-title-s);
      margin: 0;
    }
    .content-fragment .content-list.simple .content-item .content.abbreviated .attributes {
      font: var(--font-hmc-body-m);
      clear: none;
      float: none;
      width: 100%;
      padding-left: 0px;
      color: var(--color-gray-300);
      overflow: hidden;
    }
    .content-fragment .content-list.simple .content-item .content.abbreviated .attributes .attribute-item {
      float: left;
      margin: 0 var(--space-8) 0 0;
    }
    .content-fragment .content-list.simple .content-item .content.abbreviated .attributes .attribute-item a {
      color: var(--color-gray-300);
    }
    .content-fragment .content-list.simple .content-item .content.abbreviated .attributes .attribute-item a:hover,
    .content-fragment .content-list.simple .content-item .content.abbreviated .attributes .attribute-item a:active {
      color: var(--color-blue-500);
    }
    .content-fragment .content-list.simple .content-item .content.abbreviated .content {
      font: var(--font-hmc-body-m);
      color: var(--color-gray-300);
    }
    .content-fragment .content-list.tabular {
      display: table;
      border-collapse: collapse;
      width: 100%;
    }
    .content-fragment .content-list.tabular .content-item {
      display: table-row;
      border-bottom: 0;
    }
    .content-fragment .content-list.tabular .content-item:last-child .cell {
      border-bottom: 0;
    }
    .content-fragment .content-list.tabular .content-item.with-href:hover {
      cursor: pointer;
    }
    .content-fragment .content-list.tabular .content-item.with-href:hover .name.cell h2 a,
    .content-fragment .content-list.tabular .content-item.with-href:hover .name.cell h3 a {
      color: var(--color-blue-800);
    }
    .content-fragment .content-list.tabular .content-item .cell {
      font: var(--font-hmc-body-m);
      color: var(--color-gray-900);
      vertical-align: top;
      display: table-cell;
      border-bottom: 1px solid var(--color-gray-200);
      padding: var(--space-4);
    }
    .content-fragment .content-list.tabular .content-item .cell:first-child {
      padding-left: 0;
    }
    .content-fragment .content-list.tabular .content-item .cell:last-child {
      padding-right: 0;
    }
    .content-fragment .content-list.tabular .content-item .cell.icon {
      vertical-align: middle;
      padding-top: var(--space-2);
    }
    .content-fragment .content-list.tabular .content-item .cell.name {
      word-wrap: break-word;
      vertical-align: middle;
    }
    .content-fragment .content-list.tabular .content-item .cell.name .identifier.locked {
      display: inline-block;
      width: 9px;
      height: 9px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .content-fragment .content-list.tabular .content-item .cell.name .identifier.locked:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 9px;
      height: 9px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e824";
      font-family: Entypo;
      font-size: 9px;
      line-height: 9px;
    }
    .content-fragment .content-list.tabular .content-item .cell.nowrap {
      white-space: nowrap;
    }
    .content-fragment .content-list.tabular .content-item .cell.minimal {
      width: 4%;
    }
    .content-fragment .content-list.tabular .content-item .cell.header {
      border-top: 0;
      border-bottom: 1px solid var(--color-blue-900);
      color: var(--color-blue-900);
    }
    .content-fragment .content-list.tabular .content-item .cell p {
      font: var(--font-hmc-body-m);
    }
    .content-fragment .content-list.tabular .content-item .cell .value {
      display: block;
      text-align: right;
      font: var(--font-hmc-body-m);
      color: var(--color-blue-900);
      margin-bottom: 3px;
    }
    .content-fragment .content-list.tabular .content-item .cell .description {
      display: block;
      text-align: right;
    }
    .content-fragment .content-list.tabular .content-item .cell .thumbnail {
      border-radius: 500px;
      display: inline-block;
      width: 40px;
      height: 40px;
      background-color: var(--color-gray-300);
      margin: 0 -10px 0 15px;
      overflow: hidden;
    }
    .content-fragment .content-list.tabular .content-item .cell .thumbnail > a {
      width: 40px;
      height: 40px;
    }
    .content-fragment .content-list.tabular .content-item .cell .thumbnail > a > img {
      margin: auto;
      display: inline;
    }
    .content-fragment .content-list.tabular .content-item .cell.latest .value {
      display: block;
      max-width: 150px;
      text-overflow: ellipsis;
      overflow: hidden;
      text-align: left;
    }
    .content-fragment .content-list.tabular .content-item .cell.latest .value a {
      display: inline-block;
      max-width: 100%;
      color: var(--color-gray-900);
    }
    .content-fragment .content-list.tabular .content-item .cell.latest .description {
      text-align: left;
    }
    .content-fragment .content-list.tabular .content-item .cell a {
      color: var(--color-blue-800);
    }
    .content-fragment .content-list.tabular .content-item .cell a:hover {
      color: var(--color-blue-500);
    }
    .content-fragment .content-list.tabular .content-item .cell a.inline-button {
      color: var(--color-blue-500);
    }
    .content-fragment .content-list.tabular .content-item .cell.align-right {
      text-align: right;
    }
    .content-fragment .content-list.tabular .content-item .cell .content:empty {
      display: none;
    }
    .content-fragment .content-list.tabular .content-item .icon {
      width: var(--space-4);
      padding-right: 0px;
      padding-bottom: 0px;
    }
    .content-fragment .content-list.tabular .content-item .avatar {
      width: var(--space-11);
      padding-right: 0px;
    }
    .content-fragment .content-list.tabular .content-item .avatar img {
      border-radius: 500px;
    }
    .content-fragment .content-list.tabular .content-item .name h2,
    .content-fragment .content-list.tabular .content-item .name h3 {
      font: var(--font-hmc-title-xs);
      margin: 0;
    }
    .content-fragment .content-list.tabular .content-item .name h2 a.unread,
    .content-fragment .content-list.tabular .content-item .name h3 a.unread {
      font-weight: 600;
    }
    .content-fragment .content-list.tabular .content-item .name h2 .view-container,
    .content-fragment .content-list.tabular .content-item .name h3 .view-container {
      color: var(--color-blue-500);
    }
    .content-fragment .content-list.tabular .content-item .name h2 .view-container:hover,
    .content-fragment .content-list.tabular .content-item .name h3 .view-container:hover {
      color: var(--color-blue-500);
    }
    .content-fragment .content-list.tabular .content-item .name h2 .ui-forumvotes,
    .content-fragment .content-list.tabular .content-item .name h3 .ui-forumvotes {
      position: relative;
      font: var(--font-hmc-body-s);
      top: -1px;
      padding-left: var(--space-2);
      white-space: nowrap;
    }
    .content-fragment .content-list.tabular .content-item .name .content {
      color: var(--color-gray-400);
      font: var(--font-hmc-body-m);
      padding: var(--space-2) 0 0 0;
    }
    .content-fragment .content-list.tabular .content-item.previewing .cell {
      border-bottom: 0px;
    }
    .content-fragment .content-list.tabular .content-item.preview .cell {
      border-bottom: 0px;
      padding: 0px;
    }
    .content-fragment .content-list.tabular .content-item.preview.previewing .cell {
      border-bottom: 1px solid var(--color-gray-200);
      padding: var(--space-4);
    }
    .content-fragment .content-list.tabular.simple .content-item .cell.nowrap {
      padding-top: var(--space-4);
    }
    .left-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,
    .split-sidebar-right .content-fragment .content-list.tabular .content-item:first-child .cell,
    .split-sidebar-left .content-fragment .content-list.tabular .content-item:first-child .cell,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell {
      border-top: 0px;
    }
    .left-sidebar .content-fragment .content-list.tabular .cell,
    .split-sidebar-right .content-fragment .content-list.tabular .cell,
    .split-sidebar-left .content-fragment .content-list.tabular .cell,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell {
      display: none;
      padding: var(--space-2) 0 var(--space-2) var(--space-2);
    }
    .left-sidebar .content-fragment .content-list.tabular .cell.name,
    .split-sidebar-right .content-fragment .content-list.tabular .cell.name,
    .split-sidebar-left .content-fragment .content-list.tabular .cell.name,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name {
      display: block;
    }
    .left-sidebar .content-fragment .content-list.tabular .cell.name h1,
    .split-sidebar-right .content-fragment .content-list.tabular .cell.name h1,
    .split-sidebar-left .content-fragment .content-list.tabular .cell.name h1,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1,
    .left-sidebar .content-fragment .content-list.tabular .cell.name h2,
    .split-sidebar-right .content-fragment .content-list.tabular .cell.name h2,
    .split-sidebar-left .content-fragment .content-list.tabular .cell.name h2,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2,
    .left-sidebar .content-fragment .content-list.tabular .cell.name h3,
    .split-sidebar-right .content-fragment .content-list.tabular .cell.name h3,
    .split-sidebar-left .content-fragment .content-list.tabular .cell.name h3,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 {
      font: var(--font-hmc-body-m);
    }
    .left-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,
    .split-sidebar-right .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,
    .split-sidebar-left .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,
    .left-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,
    .split-sidebar-right .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,
    .split-sidebar-left .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,
    .left-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,
    .split-sidebar-right .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,
    .split-sidebar-left .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes {
      display: none;
    }
    .left-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,
    .split-sidebar-right .content-fragment .content-list.tabular .cell.name h1 .unread,
    .split-sidebar-left .content-fragment .content-list.tabular .cell.name h1 .unread,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,
    .left-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,
    .split-sidebar-right .content-fragment .content-list.tabular .cell.name h2 .unread,
    .split-sidebar-left .content-fragment .content-list.tabular .cell.name h2 .unread,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,
    .left-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,
    .split-sidebar-right .content-fragment .content-list.tabular .cell.name h3 .unread,
    .split-sidebar-left .content-fragment .content-list.tabular .cell.name h3 .unread,
    .content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,
    .sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,
    .header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,
    .header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread {
      font: var(--font-hmc-body-m);
    }
    .content-list.simple .content-item .content.abbreviated .content {
      float: left;
      max-width: 60%;
      clear: none;
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    /* read list */
    .popup-list.notification {
      border-radius: 0 0 var(--space-1) var(--space-1);
      overflow: hidden;
    }
    .popup-list.notification .message {
      background-color: var(--color-blue-900);
      opacity: 0.85;
      color: var(--color-off-white);
      margin: 0;
      font: var(--font-hmc-body-m);
      padding: 30px 45px 30px 45px;
      transition: background-color 0.3s;
    }
    .popup-list.notification .message.error {
      background-color: var(--color-orange-500);
      opacity: 0.95;
    }
    .popup-list-content-item,
    .popup-list-content-item-header {
      padding: var(--space-2) var(--space-4) var(--space-2) var(--space-2);
      border-top: 0px;
      border-bottom: 1px solid var(--color-gray-200);
      cursor: pointer;
      position: relative;
      overflow: hidden;
    }
    .popup-list-content-item:last-child,
    .popup-list-content-item-header:last-child {
      border-bottom: 0px;
    }
    .popup-list-content-item-header {
      background-color: var(--color-gray-200);
      display: flex;
      justify-content: space-between;
    }
    .popup-list-content-item-header .name {
      font-weight: 600;
    }
    .popup-list-content-item-header a {
      color: var(--color-blue-900);
    }
    .popup-list-content-item-header a:hover {
      color: var(--color-blue-500);
    }
    .popup-list-content-item {
      padding-bottom: var(--space-4);
      padding-left: var(--space-12);
      min-height: var(--space-13);
    }
    .popup-list-content-item.no-author {
      padding-left: var(--space-2);
    }
    .popup-list-content-item:hover,
    .popup-list-content-item.selected {
      background-color: var(--color-blue-500);
      color: rgba(250, 250, 250, 0.9);
    }
    .popup-list-content-item:hover .description,
    .popup-list-content-item.selected .description,
    .popup-list-content-item:hover .post-date,
    .popup-list-content-item.selected .post-date,
    .popup-list-content-item:hover .post-like,
    .popup-list-content-item.selected .post-like {
      color: rgba(250, 250, 250, 0.5);
    }
    .popup-list-content-item:hover a,
    .popup-list-content-item.selected a {
      color: var(--color-off-white);
    }
    .popup-list-content-item .user-name {
      display: none;
    }
    .popup-list-content-item .avatar {
      position: absolute;
      top: var(--space-1);
      left: var(--space-1);
      overflow: hidden;
      border-radius: 500px;
    }
    .popup-list-content-item .avatar img {
      border-radius: 500px;
    }
    .popup-list-content-item .description,
    .popup-list-content-item .post-date,
    .popup-list-content-item .post-like {
      padding: 0px;
      margin: 0px var(--space-3) 0px 0px;
      float: left;
      font: var(--font-hmc-body-s);
      color: var(--color-gray-300);
    }
    .popup-list {
      font: var(--font-hmc-body-s);
      background-color: transparent;
      touch-action: none;
      border: 0px;
      box-shadow: 0 0px 2px rgba(0, 57, 101, 0.25), 0 3px 15px rgba(0, 57, 101, 0.25);
      background-color: var(--color-white);
      border-radius: var(--space-1);
    }
    .popup-list[data-position="downright"] {
      border-top-left-radius: 0;
    }
    .popup-list[data-position="upright"] {
      border-bottom-left-radius: 0;
    }
    .popup-list[data-position="downleft"] {
      border-top-right-radius: 0;
    }
    .popup-list[data-position="upleft"] {
      border-bottom-right-radius: 0;
    }
    .popup-list .content-list {
      width: 373px;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }
    .popup-list .navigation-list.filter {
      border-bottom: 1px solid var(--color-gray-200);
      overflow: hidden;
      padding: var(--space-1) var(--space-2);
    }
    .popup-list .navigation-list.filter .navigation-item {
      display: inline;
    }
    .popup-list .navigation-list.filter .navigation-item .internal-link {
      min-width: var(--space-10);
      text-align: center;
      font: var(--font-hmc-body-m);
      float: left;
      margin: 4px 2px;
      padding: 2px 7px;
      text-decoration: none;
    }
    .popup-list .navigation-list.filter .navigation-item .internal-link:hover {
      background-color: var(--color-gray-200);
      border: 1px solid var(--color-gray-200);
      color: var(--color-off-white);
    }
    .popup-list .navigation-list.filter .navigation-item .internal-link.selected {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .popup-list.bookmarks,
    .popup-list.notifications,
    .popup-list.conversations,
    .popup-list.user,
    .popup-list.site {
      /* read list notification preference */
    }
    .popup-list.bookmarks .content-list .content-item,
    .popup-list.notifications .content-list .content-item,
    .popup-list.conversations .content-list .content-item,
    .popup-list.user .content-list .content-item,
    .popup-list.site .content-list .content-item {
      padding: var(--space-2) var(--space-4) var(--space-2) var(--space-2);
      border-top: 0px;
      border-bottom: 1px solid var(--color-gray-200);
      cursor: pointer;
      position: relative;
      overflow: hidden;
      padding-bottom: var(--space-4);
      padding-left: var(--space-12);
      min-height: var(--space-13);
    }
    .popup-list.bookmarks .content-list .content-item:last-child,
    .popup-list.notifications .content-list .content-item:last-child,
    .popup-list.conversations .content-list .content-item:last-child,
    .popup-list.user .content-list .content-item:last-child,
    .popup-list.site .content-list .content-item:last-child {
      border-bottom: 0px;
    }
    .popup-list.bookmarks .content-list .content-item.no-author,
    .popup-list.notifications .content-list .content-item.no-author,
    .popup-list.conversations .content-list .content-item.no-author,
    .popup-list.user .content-list .content-item.no-author,
    .popup-list.site .content-list .content-item.no-author {
      padding-left: var(--space-2);
    }
    .popup-list.bookmarks .content-list .content-item:hover,
    .popup-list.notifications .content-list .content-item:hover,
    .popup-list.conversations .content-list .content-item:hover,
    .popup-list.user .content-list .content-item:hover,
    .popup-list.site .content-list .content-item:hover,
    .popup-list.bookmarks .content-list .content-item.selected,
    .popup-list.notifications .content-list .content-item.selected,
    .popup-list.conversations .content-list .content-item.selected,
    .popup-list.user .content-list .content-item.selected,
    .popup-list.site .content-list .content-item.selected {
      background-color: var(--color-blue-500);
      color: rgba(250, 250, 250, 0.9);
    }
    .popup-list.bookmarks .content-list .content-item:hover .description,
    .popup-list.notifications .content-list .content-item:hover .description,
    .popup-list.conversations .content-list .content-item:hover .description,
    .popup-list.user .content-list .content-item:hover .description,
    .popup-list.site .content-list .content-item:hover .description,
    .popup-list.bookmarks .content-list .content-item.selected .description,
    .popup-list.notifications .content-list .content-item.selected .description,
    .popup-list.conversations .content-list .content-item.selected .description,
    .popup-list.user .content-list .content-item.selected .description,
    .popup-list.site .content-list .content-item.selected .description,
    .popup-list.bookmarks .content-list .content-item:hover .post-date,
    .popup-list.notifications .content-list .content-item:hover .post-date,
    .popup-list.conversations .content-list .content-item:hover .post-date,
    .popup-list.user .content-list .content-item:hover .post-date,
    .popup-list.site .content-list .content-item:hover .post-date,
    .popup-list.bookmarks .content-list .content-item.selected .post-date,
    .popup-list.notifications .content-list .content-item.selected .post-date,
    .popup-list.conversations .content-list .content-item.selected .post-date,
    .popup-list.user .content-list .content-item.selected .post-date,
    .popup-list.site .content-list .content-item.selected .post-date,
    .popup-list.bookmarks .content-list .content-item:hover .post-like,
    .popup-list.notifications .content-list .content-item:hover .post-like,
    .popup-list.conversations .content-list .content-item:hover .post-like,
    .popup-list.user .content-list .content-item:hover .post-like,
    .popup-list.site .content-list .content-item:hover .post-like,
    .popup-list.bookmarks .content-list .content-item.selected .post-like,
    .popup-list.notifications .content-list .content-item.selected .post-like,
    .popup-list.conversations .content-list .content-item.selected .post-like,
    .popup-list.user .content-list .content-item.selected .post-like,
    .popup-list.site .content-list .content-item.selected .post-like {
      color: rgba(250, 250, 250, 0.5);
    }
    .popup-list.bookmarks .content-list .content-item:hover a,
    .popup-list.notifications .content-list .content-item:hover a,
    .popup-list.conversations .content-list .content-item:hover a,
    .popup-list.user .content-list .content-item:hover a,
    .popup-list.site .content-list .content-item:hover a,
    .popup-list.bookmarks .content-list .content-item.selected a,
    .popup-list.notifications .content-list .content-item.selected a,
    .popup-list.conversations .content-list .content-item.selected a,
    .popup-list.user .content-list .content-item.selected a,
    .popup-list.site .content-list .content-item.selected a {
      color: var(--color-off-white);
    }
    .popup-list.bookmarks .content-list .content-item .user-name,
    .popup-list.notifications .content-list .content-item .user-name,
    .popup-list.conversations .content-list .content-item .user-name,
    .popup-list.user .content-list .content-item .user-name,
    .popup-list.site .content-list .content-item .user-name {
      display: none;
    }
    .popup-list.bookmarks .content-list .content-item .avatar,
    .popup-list.notifications .content-list .content-item .avatar,
    .popup-list.conversations .content-list .content-item .avatar,
    .popup-list.user .content-list .content-item .avatar,
    .popup-list.site .content-list .content-item .avatar {
      position: absolute;
      top: var(--space-1);
      left: var(--space-1);
      overflow: hidden;
      border-radius: 500px;
    }
    .popup-list.bookmarks .content-list .content-item .avatar img,
    .popup-list.notifications .content-list .content-item .avatar img,
    .popup-list.conversations .content-list .content-item .avatar img,
    .popup-list.user .content-list .content-item .avatar img,
    .popup-list.site .content-list .content-item .avatar img {
      border-radius: 500px;
    }
    .popup-list.bookmarks .content-list .content-item .description,
    .popup-list.notifications .content-list .content-item .description,
    .popup-list.conversations .content-list .content-item .description,
    .popup-list.user .content-list .content-item .description,
    .popup-list.site .content-list .content-item .description,
    .popup-list.bookmarks .content-list .content-item .post-date,
    .popup-list.notifications .content-list .content-item .post-date,
    .popup-list.conversations .content-list .content-item .post-date,
    .popup-list.user .content-list .content-item .post-date,
    .popup-list.site .content-list .content-item .post-date,
    .popup-list.bookmarks .content-list .content-item .post-like,
    .popup-list.notifications .content-list .content-item .post-like,
    .popup-list.conversations .content-list .content-item .post-like,
    .popup-list.user .content-list .content-item .post-like,
    .popup-list.site .content-list .content-item .post-like {
      padding: 0px;
      margin: 0px var(--space-3) 0px 0px;
      float: left;
      font: var(--font-hmc-body-s);
      color: var(--color-gray-300);
    }
    .popup-list.bookmarks .content-list .content-item .post-authors,
    .popup-list.notifications .content-list .content-item .post-authors,
    .popup-list.conversations .content-list .content-item .post-authors,
    .popup-list.user .content-list .content-item .post-authors,
    .popup-list.site .content-list .content-item .post-authors {
      font-weight: 600;
    }
    .popup-list.bookmarks .content-list .content-item-header,
    .popup-list.notifications .content-list .content-item-header,
    .popup-list.conversations .content-list .content-item-header,
    .popup-list.user .content-list .content-item-header,
    .popup-list.site .content-list .content-item-header {
      padding: var(--space-2) var(--space-2) var(--space-2) var(--space-2);
      border-top: 0px;
      border-bottom: 1px solid var(--color-gray-200);
      cursor: pointer;
      position: relative;
      overflow: hidden;
      background-color: var(--color-white);
      display: flex;
      justify-content: space-between;
    }
    .popup-list.bookmarks .content-list .content-item-header:last-child,
    .popup-list.notifications .content-list .content-item-header:last-child,
    .popup-list.conversations .content-list .content-item-header:last-child,
    .popup-list.user .content-list .content-item-header:last-child,
    .popup-list.site .content-list .content-item-header:last-child {
      border-bottom: 0px;
    }
    .popup-list.bookmarks .content-list .content-item-header .name,
    .popup-list.notifications .content-list .content-item-header .name,
    .popup-list.conversations .content-list .content-item-header .name,
    .popup-list.user .content-list .content-item-header .name,
    .popup-list.site .content-list .content-item-header .name {
      font-weight: normal;
    }
    .popup-list.bookmarks .content-list .content-item-header a,
    .popup-list.notifications .content-list .content-item-header a,
    .popup-list.conversations .content-list .content-item-header a,
    .popup-list.notifications .content-list .content-item-header a,
    .popup-list.user .content-list .content-item-header a,
    .popup-list.site .content-list .content-item-header a {
      color: var(--color-gray-1000);
    }
    .popup-list.bookmarks .content-list .content-item-header a:hover,
    .popup-list.notifications .content-list .content-item-header a:hover,
    .popup-list.conversations .content-list .content-item-header a:hover,
    .popup-list.user .content-list .content-item-header a:hover,
    .popup-list.site .content-list .content-item-header a:hover {
      color: var(--color-gray-700);
      text-decoration: underline;
    }
    .popup-list.bookmarks .content-list .content-item .content-group a,
    .popup-list.notifications .content-list .content-item .content-group a,
    .popup-list.conversations .content-list .content-item .content-group a,
    .popup-list.user .content-list .content-item .content-group a,
    .popup-list.site .content-list .content-item .content-group a {
      padding: 0px;
      margin: 0px var(--space-3) 0px 0px;
      float: left;;
      font: var(--font-hmc-body-m);
    }
    .popup-list.bookmarks .user,
    .popup-list.notifications .user,
    .popup-list.conversations .user,
    .popup-list.user .user,
    .popup-list.site .user {
      min-height: var(--space-15);
      border-bottom: 1px solid var(--color-gray-200);
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      padding: var(--space-4);
    }
    .popup-list.bookmarks .user > div,
    .popup-list.notifications .user > div,
    .popup-list.conversations .user > div,
    .popup-list.user .user > div,
    .popup-list.site .user > div {
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    .popup-list.bookmarks .user .avatar,
    .popup-list.notifications .user .avatar,
    .popup-list.conversations .user .avatar,
    .popup-list.user .user .avatar,
    .popup-list.site .user .avatar {
      border-radius: 500px;
      margin-right: var(--space-4);
    }
    .popup-list.bookmarks .user .avatar img,
    .popup-list.notifications .user .avatar img,
    .popup-list.conversations .user .avatar img,
    .popup-list.user .user .avatar img,
    .popup-list.site .user .avatar img {
      border-radius: 500px;
    }
    .popup-list.bookmarks .user .user-name,
    .popup-list.notifications .user .user-name,
    .popup-list.conversations .user .user-name,
    .popup-list.user .user .user-name,
    .popup-list.site .user .user-name {
      font: var(--font-hmc-body-m);
    }
    .popup-list.bookmarks .user .oauth-provider,
    .popup-list.notifications .user .oauth-provider,
    .popup-list.conversations .user .oauth-provider,
    .popup-list.user .user .oauth-provider,
    .popup-list.site .user .oauth-provider {
      position: absolute;
      top: 0;
      left: 0;
    }
    .popup-list.bookmarks .user.navigation-list,
    .popup-list.notifications .user.navigation-list,
    .popup-list.conversations .user.navigation-list,
    .popup-list.user .user.navigation-list,
    .popup-list.site .user.navigation-list {
      display: block;
    }
    .popup-list.bookmarks .user.with-cover-photo,
    .popup-list.notifications .user.with-cover-photo,
    .popup-list.conversations .user.with-cover-photo,
    .popup-list.user .user.with-cover-photo,
    .popup-list.site .user.with-cover-photo {
      align-items: flex-end;
      height: 120px;
      border-bottom: 0px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    }
    .popup-list.bookmarks .user.with-cover-photo .avatar,
    .popup-list.notifications .user.with-cover-photo .avatar,
    .popup-list.conversations .user.with-cover-photo .avatar,
    .popup-list.user .user.with-cover-photo .avatar,
    .popup-list.site .user.with-cover-photo .avatar {
      border: 2px solid var(--color-off-white);
    }
    .popup-list.bookmarks .user.with-cover-photo .user-name,
    .popup-list.notifications .user.with-cover-photo .user-name,
    .popup-list.conversations .user.with-cover-photo .user-name,
    .popup-list.user .user.with-cover-photo .user-name,
    .popup-list.site .user.with-cover-photo .user-name,
    .popup-list.bookmarks .user.with-cover-photo .user-name a,
    .popup-list.notifications .user.with-cover-photo .user-name a,
    .popup-list.conversations .user.with-cover-photo .user-name a,
    .popup-list.user .user.with-cover-photo .user-name a,
    .popup-list.site .user.with-cover-photo .user-name a {
      color: var(--color-off-white);
      text-shadow: 0px 0px 7px var(--color-black);
    }
    .popup-list.bookmarks .navigation-list.user,
    .popup-list.notifications .navigation-list.user,
    .popup-list.conversations .navigation-list.user,
    .popup-list.user .navigation-list.user,
    .popup-list.site .navigation-list.user {
      padding: 15px;
    }
    .popup-list.bookmarks .notification-preference,
    .popup-list.notifications .notification-preference,
    .popup-list.conversations .notification-preference,
    .popup-list.user .notification-preference,
    .popup-list.site .notification-preference {
      background-color: var(--color-off-white);
      color: var(--color-blue-900);
    }
    .popup-list.bookmarks .notification-preference:hover,
    .popup-list.notifications .notification-preference:hover,
    .popup-list.conversations .notification-preference:hover,
    .popup-list.user .notification-preference:hover,
    .popup-list.site .notification-preference:hover {
      color: var(--color-blue-900);
    }
    .popup-list.bookmarks .notification-preference .description,
    .popup-list.notifications .notification-preference .description,
    .popup-list.conversations .notification-preference .description,
    .popup-list.user .notification-preference .description,
    .popup-list.site .notification-preference .description {
      float: left;
      width: 60%;
      padding: 6px 8px 8px 8px;
      color: var(--color-blue-900);
    }
    .popup-list.bookmarks .notification-preference .button,
    .popup-list.notifications .notification-preference .button,
    .popup-list.conversations .notification-preference .button,
    .popup-list.user .notification-preference .button,
    .popup-list.site .notification-preference .button {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-radius: 3px 3px 3px 3px;
      display: block;
      float: right;
      margin: var(--space-1) var(--space-1) 0;
      padding: var(--space-1);
      text-align: center;
      text-decoration: none;
      width: 60px;
      font: var(--font-hmc-body-m);
    }
    .popup-list.bookmarks .notification-preference .button:hover,
    .popup-list.notifications .notification-preference .button:hover,
    .popup-list.conversations .notification-preference .button:hover,
    .popup-list.user .notification-preference .button:hover,
    .popup-list.site .notification-preference .button:hover {
      background-color: var(--color-blue-500);
    }
    .popup-list.bookmarks .notification-preference .button.cancel,
    .popup-list.notifications .notification-preference .button.cancel,
    .popup-list.conversations .notification-preference .button.cancel,
    .popup-list.user .notification-preference .button.cancel,
    .popup-list.site .notification-preference .button.cancel {
      background-color: var(--color-gray-300);
    }
    .popup-list.bookmarks .notification-preference .button.cancel:hover,
    .popup-list.notifications .notification-preference .button.cancel:hover,
    .popup-list.conversations .notification-preference .button.cancel:hover,
    .popup-list.user .notification-preference .button.cancel:hover,
    .popup-list.site .notification-preference .button.cancel:hover {
      background-color: var(--color-gray-200);
    }
    .popup-list.bookmarks .mark,
    .popup-list.notifications .mark,
    .popup-list.conversations .mark,
    .popup-list.user .mark,
    .popup-list.site .mark,
    .popup-list.bookmarks .preference,
    .popup-list.notifications .preference,
    .popup-list.conversations .preference,
    .popup-list.user .preference,
    .popup-list.site .preference {
      position: absolute;
      top: 3px;
      right: 5px;
      display: none;
    }
    .popup-list.bookmarks .mark a,
    .popup-list.notifications .mark a,
    .popup-list.conversations .mark a,
    .popup-list.user .mark a,
    .popup-list.site .mark a,
    .popup-list.bookmarks .preference a,
    .popup-list.notifications .preference a,
    .popup-list.conversations .preference a,
    .popup-list.user .preference a,
    .popup-list.site .preference a {
      display: inline-block;
      width: 24px;
      height: 24px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .popup-list.bookmarks .mark a:before,
    .popup-list.notifications .mark a:before,
    .popup-list.conversations .mark a:before,
    .popup-list.user .mark a:before,
    .popup-list.site .mark a:before,
    .popup-list.bookmarks .preference a:before,
    .popup-list.notifications .preference a:before,
    .popup-list.conversations .preference a:before,
    .popup-list.user .preference a:before,
    .popup-list.site .preference a:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 24px;
      height: 24px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e815";
      font-family: Entypo;
      font-size: 24px;
      line-height: 24px;
    }
    .popup-list.notifications .preference, .popup-list.notifications .preference a{
        display:none;
    }
    .popup-list.bookmarks .content-item .mark,
    .popup-list.notifications .content-item .mark,
    .popup-list.conversations .content-item .mark,
    .popup-list.user .content-item .mark,
    .popup-list.site .content-item .mark {
      top: var(--space-6);
    }
    .popup-list.bookmarks .content-item .mark a,
    .popup-list.notifications .content-item .mark a,
    .popup-list.conversations .content-item .mark a,
    .popup-list.user .content-item .mark a,
    .popup-list.site .content-item .mark a {
      display: inline-block;
      width: 24px;
      height: 24px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      margin-top: -8px;
    }
    .popup-list.bookmarks .content-item .mark a:before,
    .popup-list.notifications .content-item .mark a:before,
    .popup-list.conversations .content-item .mark a:before,
    .popup-list.user .content-item .mark a:before,
    .popup-list.site .content-item .mark a:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 24px;
      height: 24px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e812";
      font-family: Entypo;
      font-size: 24px;
      line-height: 24px;
    }
    .popup-list.bookmarks .content-item-header .mark-all,
    .popup-list.notifications .content-item-header .mark-all,
    .popup-list.conversations .content-item-header .mark-all,
    .popup-list.user .content-item-header .mark-all,
    .popup-list.site .content-item-header .mark-all {
      white-space: nowrap;
    }
    .popup-list.bookmarks .content-item-header .mark,
    .popup-list.notifications .content-item-header .mark,
    .popup-list.conversations .content-item-header .mark,
    .popup-list.user .content-item-header .mark,
    .popup-list.site .content-item-header .mark {
      display: block;
      top: 5px;
    }
    .popup-list.bookmarks .content-item-header .mark a,
    .popup-list.notifications .content-item-header .mark a,
    .popup-list.conversations .content-item-header .mark a,
    .popup-list.user .content-item-header .mark a,
    .popup-list.site .content-item-header .mark a {
      display: inline-block;
      width: 24px;
      height: 24px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .popup-list.bookmarks .content-item-header .mark a:before,
    .popup-list.notifications .content-item-header .mark a:before,
    .popup-list.conversations .content-item-header .mark a:before,
    .popup-list.user .content-item-header .mark a:before,
    .popup-list.site .content-item-header .mark a:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 24px;
      height: 24px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e812";
      font-family: Entypo;
      font-size: 24px;
      line-height: 24px;
    }
    .popup-list.bookmarks .content-item .mark,
    .popup-list.notifications .content-item .mark,
    .popup-list.conversations .content-item .mark,
    .popup-list.user .content-item .mark,
    .popup-list.site .content-item .mark,
    .popup-list.bookmarks .content-item .preference,
    .popup-list.notifications .content-item .preference,
    .popup-list.conversations .content-item .preference,
    .popup-list.user .content-item .preference,
    .popup-list.site .content-item .preference {
      display: block;
    }
    .popup-list .loading {
      min-height: 20px;
      padding: 15px;
      text-align: center;
      font-style: italic;
      background-color: var(--color-gray-100);
      color: var(--color-blue-900);
      border: 0px;
      width: 100%;
    }
    .popup-list.composer-suggestion-selector .loading {
      width: 100%;
      position: static;
      background-color: transparent;
    }
    .popup-list .content-list-footer {
      min-height: var(--space-5);
      border-top: 1px solid var(--color-gray-200);
      padding: var(--space-4);
      overflow: hidden;
    }
    .popup-list .content-list-footer .right {
      float: right;
      text-align: right;
      max-width: 50%;
    }
    .popup-list .content-list-footer .left {
      float: left;
      max-width: 50%;
    }
    .popup-list .message.norecords {
      border: 0px;
      padding: var(--space-4);
      margin: 0px;
      font: var(--font-hmc-body-m);
    }
    .popup-list.search {
      padding-top: 0px;
    }
    .popup-list.search .loading {
      width: 100%;
    }
    .popup-list.search .multiple-column-list {
      position: relative;
      top: 0px;
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item {
      padding: 0;
      margin: 0;
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated {
      margin: 0;
      font: var(--font-hmc-body-m);
      padding: var(--space-4);
      cursor: pointer;
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated > .avatar.round {
      min-width: 54px;
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated > .avatar img {
      width: 44px;
      height: 44px;
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .name {
      font: var(--font-hmc-title-xs);
      margin-bottom: var(--space-3);
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .author {
      margin-bottom: var(--space-3);
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .author a {
      color: var(--color-gray-400);
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .content {
      font: var(--font-hmc-body-m);
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated > .attributes {
      font: var(--font-hmc-body-m);
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated > .attributes a {
      color: var(--color-blue-900);
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item:hover,
    .popup-list.search .multiple-column-list .content-list.content .content-item.selected {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item:hover a,
    .popup-list.search .multiple-column-list .content-list.content .content-item.selected a {
      color: var(--color-off-white);
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item:hover .content.abbreviated > .summary .author a,
    .popup-list.search .multiple-column-list .content-list.content .content-item.selected .content.abbreviated > .summary .author a {
      color: var(--color-off-white);
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item:hover .content.abbreviated > .attributes,
    .popup-list.search .multiple-column-list .content-list.content .content-item.selected .content.abbreviated > .attributes {
      color: var(--color-off-white);
    }
    .popup-list.search .multiple-column-list .content-list.content .content-item:hover .content.abbreviated > .attributes a,
    .popup-list.search .multiple-column-list .content-list.content .content-item.selected .content.abbreviated > .attributes a {
      color: var(--color-off-white);
    }
    .popup-list.without-avatar .content-list .content-item {
      padding: var(--space-4);
      min-height: 0px;
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    .hierarchy-list .hierarchy-item {
      position: relative;
    }
    .hierarchy-list .hierarchy-item a {
      font: var(--font-hmc-body-m);
      display: block;
      padding-top: var(--space-4);
      padding-bottom: var(--space-4);
      padding-right: var(--space-4);
      color: var(--color-blue-900);
      border-radius: var(--space-4);
    }
    .hierarchy-list .hierarchy-item a:hover {
      background-color: (--color-gray-200);
    }
    .hierarchy-list .hierarchy-item .expand-collapse {
      position: absolute;
    }
    .hierarchy-list .hierarchy-item .expand-collapse.expanded {
      display: inline-block;
      width: var(--space-5);
      height: var(--space-5);
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      top: 2px;
    }
    .hierarchy-list .hierarchy-item .expand-collapse.expanded:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 20px;
      height: 20px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e877";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .hierarchy-list .hierarchy-item .expand-collapse.collapsed {
      display: inline-block;
      width: var(--space-5);
      height: var(--space-5);
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      top: 2px;
    }
    .hierarchy-list .hierarchy-item .expand-collapse.collapsed:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 20px;
      height: 20px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e879";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .hierarchy-list .hierarchy-item.selected a {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .hierarchy-list li a {
      padding-left: var(--space-6);
    }
    .hierarchy-list li .expand-collapse {
      left: var(--space-4);
    }
    .hierarchy-list li li a {
      padding-left: var(--space-11);
    }
    .hierarchy-list li li .expand-collapse {
      left: var(--space-6);
    }
    .hierarchy-list li li li a {
      padding-left: 64px;
    }
    .hierarchy-list li li li .expand-collapse {
      left: var(--space-11);
    }
    .hierarchy-list li li li li a {
      padding-left: 84px;
    }
    .hierarchy-list li li li li .expand-collapse {
      left: 64px;
    }
    .hierarchy-list li li li li li a {
      padding-left: 104px;
    }
    .hierarchy-list li li li li li .expand-collapse {
      left: 84px;
    }
    .hierarchy-list li li li li li li a {
      padding-left: 124px;
    }
    .hierarchy-list li li li li li li .expand-collapse {
      left: 104px;
    }
    .hierarchy-list li li li li li li li a {
      padding-left: 144px;
    }
    .hierarchy-list li li li li li li li .expand-collapse {
      left: 124px;
    }
    .hierarchy-list li li li li li li li li a {
      padding-left: 164px;
    }
    .hierarchy-list li li li li li li li li .expand-collapse {
      left: 144px;
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS 
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    .page .page-name {
      font: var(--font-hmc-title-m);
      line-height: normal;
    }
    .page .page-content {
      margin: var(--space-4) 0;
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    .banner.site {
      width: 100%;
      display: table;
      padding: 0px;
      overflow: hidden;
      height: var(--space-11);
    }
    .banner.site.all fieldset {
      padding-left: var(--space-8);
    }
    .banner.site .popup-list-count {
      position: absolute;
      top: 0px;
      left: -3px;
      background-color: var(--color-green-700);
      color: var(--color-off-white);
      font: var(--font-hmc-body-s);
      display: block;
      width: var(--space-4);
      height: var(--space-4);
      text-align: center;
      z-index: 100;
      -webkit-text-stroke-width: 0px;
      border-radius: 500px;
    }
    .banner.site .avatar {
      display: table-cell;
      /*width: 125px;*/
      margin: 0 0 0 0;
      overflow: hidden;
      border-spacing: 0px;
      vertical-align: middle;
      padding-left: 0;
    }
    .banner.site .avatar a {
      display: block;
    }
    .banner.site fieldset {
      display: table-cell;
    }
    .banner.site fieldset ul.field-list {
      display: block;
      width: 100%;
    }
    .banner.site fieldset ul.field-list li.field-item {
      display: block;
      width: 100%;
      margin: 0px;
    }
    .banner.site fieldset ul.field-list li.field-item label {
      display: none;
    }
    .banner.site fieldset ul.field-list li.field-item .field-item-input {
      display: block;
      width: 100%;
      margin: 0px;
      position: relative;
    }
    .banner.site fieldset ul.field-list li.field-item .field-item-input input {
      width: 100%;
      border: 0px;
      height: var(--space-11);
      padding: 0 0 0 var(--space-15);
      border-radius: 0px;
      transition: all 300ms;
      background-color: var(--color-white);
      color: var(--color-off-white);
    }
    .banner.site fieldset ul.field-list li.field-item .field-item-input input::placeholder,
    .banner.site fieldset ul.field-list li.field-item .field-item-input input:-ms-input-placeholder,
    .banner.site fieldset ul.field-list li.field-item .field-item-input input::-ms-input-placeholder {
      color: var(--color-off-white);
      -ms-transition: color 0.1s;
      transition: color 0.1s;
    }
    .banner.site fieldset ul.field-list li.field-item .field-item-input input.active {
      color: var(--color-off-white);
    }
    .banner.site fieldset ul.field-list li.field-item .field-item-input:after {
      transition: color 0.1s;
      font-size: 20px;
      height: 20px;
      width: 20px;
      display: block;
      font-family: Entypo;
      content: "\e803";
      position: absolute;
      color: var(--color-off-white);
      top: 15px;
      left: 15px;
    }
    .banner.site .navigation-list {
      display: table-cell;
      width: 20%;
      vertical-align: middle;
      padding-right: var(--space-6);
    }
    .banner.site .navigation-list .navigation-list-item > span {
      display: block;
      float: right;
      position: relative;
    }
    .banner.site .navigation-list ul {
      width: 115px;
      float: right;
      gap: var(--space-2)
    }
    .banner.site .navigation-list ul a {
      float: right;
      color: var(--color-off-white);
      transition: 'background-color .2s';
    }
    .banner.site .navigation-list ul a.active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-radius: 2px;
    }
    .banner.site .navigation-list ul a.active[data-position="downright"],
    .banner.site .navigation-list ul a.active[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .banner.site .navigation-list ul a.active[data-position="upright"],
    .banner.site .navigation-list ul a.active[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .banner.site .navigation-list ul a.active:hover,
    .banner.site .navigation-list ul a.active:active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .banner.site .navigation-list ul .notifications {
      /* .replace_with_icon(@bell, 20px, 4px); */
      top: 0px;
    }
    .banner.site .navigation-list ul .conversations {
      display: inline-block;
      width: 28px;
      height: 28px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      top: 0px;
    }
    .banner.site .navigation-list ul .conversations:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 28px;
      height: 28px;
      top: 4px;
      left: 0;
      display: block;
      content: "\e83b";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .banner.site .navigation-list ul .bookmarks {
      display: inline-block;
      width: 28px;
      height: 28px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      top: 0px;
    }
    .banner.site .navigation-list ul .bookmarks:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 28px;
      height: 28px;
      top: 4px;
      left: 0;
      display: block;
      content: "\e828";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .banner.site .navigation-list ul .bookmarks.bookmarked {
      color: var(--color-green-700);
    }
    .banner.site .navigation-list ul .user {
      overflow: hidden;
      position: relative;
    }
    .banner.site .navigation-list ul .user.with-icon {
      top: 0px;
      border-radius: 0px;
      display: inline-block;
      width: 20px;
      height: 20px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .banner.site .navigation-list ul .user.with-icon:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 20px;
      height: 20px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e80a";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .banner.site .navigation-list ul .user img {
      border-radius: 500px;
    }
    .banner.site .navigation-list ul .notifications,
    .banner.site .navigation-list ul .conversations,
    .banner.site .navigation-list ul .bookmarks,
    .banner.site .navigation-list ul .user {
      padding: var(--space-1);
    }
    .banner.site .navigation-list.site-links {
      width: var(--space-9);
    }
    .banner.site .navigation-list.site-links ul {
      width: var(--space-9);
    }
    .banner.site .navigation-list.site-links ul .site-navigation {
      display: inline-block;
      width: 41px;
      height: 41px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      float: right;
      top: 0px;
      margin-right: 0px;
      margin-left: 6px;
    }
    .banner.site .navigation-list.site-links ul .site-navigation:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 41px;
      height: 41px;
      top: 4px;
      left: 0;
      display: block;
      content: "\e811";
      font-family: Entypo;
      font-size: 33px;
      line-height: 33px;
    }
    .banner.site .handheld {
      display: none;
    }
    .banner.site.with-site-navigation .avatar {
      width: 125px;
    }
    .banner.site.with-site-navigation fieldset {
      padding-left: 0px;
    }
    .banner.context {
      display: flex;
      flex-direction: row;
      align-items: center;
      min-height: 88px;
      position: relative;
      z-index: 2;
    }
    .banner.context > .avatar {
      flex: 0 0 var(--space-11);
      margin-right: var(--space-4);
      position: relative;
      border-radius: 500px;
      overflow: hidden;
    }
    .banner.context > .avatar img {
      border-radius: 500px;
    }
    .banner.context > .avatar .caption {
      position: absolute;
      display: block;
      width: 100%;
      background-color: var(--color-blue-900);
      opacity: 0.85;
      top: var(--space-6);
      padding: var(--space-1) 0 var(--space-1) 0;
      text-align: center;
      font: var(--font-hmc-body-s);
      z-index: 4;
      color: var(--color-off-white);
    }
    .banner.context.with-ancestors:not(.home) > .hierarchy {
      position: relative;
      top: -13.19;
    }
    .banner.context > .hierarchy {
      flex: 1 1 auto;
      overflow: hidden;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
    }
    .banner.context > .hierarchy > .parent-navigation {
      width: 100%;
      height: var(--space-5);
      margin-bottom: var(--space-3);
      position: relative;
    }
    .banner.context > .hierarchy > .parent-navigation .selected {
      display: none;
    }
    .banner.context > .hierarchy > .parent-navigation > div {
      width: 100%;
      position: absolute;
      bottom: 0px;
    }
    .banner.context > .hierarchy > .parent-navigation ul li:first-of-type a {
      padding-left: 0px;
    }
    .banner.context > .hierarchy > .parent-navigation ul li:first-of-type a:before {
      display: none;
    }
    .banner.context > .hierarchy > .parent-navigation ul li a {
      padding: 0 var(--space-1);
      margin: 0 0 0 0;
      color: var(--color-blue-900);
      font: var(--font-hmc-body-s);
      opacity: 0.65;
      transition: 150ms;
    }
    .banner.context > .hierarchy > .parent-navigation ul li a:hover {
      color: var(--color-blue-500);
      opacity: 1;
    }
    .banner.context > .hierarchy > .parent-navigation ul li a:hover:before {
      opacity: 0.5;
    }
    .banner.context > .hierarchy > .parent-navigation ul li a:before {
      width: 10px;
      height: 10px;
      display: inline-block;
      content: "\e875";
      font-family: Entypo;
      font-size: 10px;
      line-height: 10px;
      margin-right: 0px;
      position: relative;
      top: 1px;
    }
    .banner.context > .hierarchy > .parent-navigation ul li a:before {
      top: 0px;
      color: var(--color-blue-900);
      opacity: 0.4;
    }
    .banner.context > .hierarchy > .parent-navigation ul li a.more:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e877";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .banner.context > .hierarchy > .parent-navigation ul li a.more:before {
      color: var(--color-gray-300);
      line-height: 0;
    }
    .banner.context > .hierarchy > .parent-navigation ul li a.more.links-expanded {
      opacity: 1;
      color: var(--color-blue-900);
    }
    .banner.context > .hierarchy > .parent-navigation ul li a.more.links-expanded:before {
      opacity: 1;
      color: var(--color-blue-900);
    }
    .banner.context > .hierarchy > .current-hierarchy {
      display: flex;
      overflow: hidden;
      align-items: center;
      width: 100%;
    }
    .banner.context > .hierarchy > .current-hierarchy > .hierarchy-component {
      transition: 150ms;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font: var(--font-hmc-title-xs);
      -webkit-font-smoothing: antialiased;
      color: var(--color-blue-900);
    }
    .banner.context > .hierarchy > .current-hierarchy > .hierarchy-component a {
      color: var(--color-blue-900);
    }
    .banner.context > .hierarchy > .current-hierarchy > .hierarchy-component a:hover {
      color: var(--color-blue-500);
    }
    .banner.context > .hierarchy > .current-hierarchy > .hierarchy-component:before {
      width: 15px;
      height: 15px;
      display: inline-block;
      content: "\e875";
      font-family: Entypo;
      font-size: 15px;
      line-height: 15px;
      margin-right: 0px;
      position: relative;
      top: 1px;
    }
    .banner.context > .hierarchy > .current-hierarchy > .hierarchy-component:before {
      top: 0px;
      opacity: 0.4;
      margin-left: 10px;
      width: 10px;
    }
    .banner.context > .hierarchy > .current-hierarchy > .hierarchy-component:first-child:before {
      display: none;
    }
    .banner.context > .hierarchy > .current-hierarchy > .hierarchy-component.content {
      display: none;
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications {
      overflow: hidden;
      margin-top: 0;
      flex: 0 0 auto;
      min-height: var(--space-4);
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul li:first-of-type a {
      padding-left: 0px;
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a {
      padding: 0 var(--space-4);
      margin: 0 0 0 0;
      color: var(--color-blue-900);
      font: var(--font-hmc-body-m);
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a:hover {
      color: var(--color-blue-500);
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a:before {
      display: none;
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.more {
      white-space: nowrap;
      color: var(--color-blue-900);
      border: 0px;
      border-radius: var(--space-1);
      margin-left: 0px;
      line-height: 1.2em;
      display: block;
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.more:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e877";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.more:before {
      color: var(--color-blue-900);
      opacity: 1;
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded {
      border: 1px solid var(--color-blue-500);
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded:before {
      color: var(--color-off-white);
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="downright"],
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="upright"],
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.links-expanded {
      border-radius: 2px;
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.links-expanded:before {
      color: var(--color-off-white);
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.links-expanded[data-position="downright"],
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.links-expanded[data-position="upright"],
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .banner.context > .new {
      flex: 0 0 115px;
      margin-left: var(--space-4);
      transition: 100ms;
      transition: all 0.2s;
    }
    .banner.context > .new:hover {
      box-shadow: 0 0px 2px rgba(0, 57, 101, 0.25), 0 3px 15px rgba(0, 57, 101, 0.25);
    }
    .banner.context > .new:active {
      box-shadow: 0 0px 1px rgba(0, 57, 101, 0.25), 0 2px 5px rgba(0, 57, 101, 0.25);
    }
    .banner.context > .new.disabled:hover {
      box-shadow: none;
    }
    .banner.context > .new ul li {
      float: right;
      height: 100%;
      overflow: hidden;
      width: 100%;
    }
    .banner.context > .new ul a {
      float: left;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-align: center;
      font: var(--font-hmc-body-m);
      line-height: 34px;
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-radius: var(--space-1);
      transition: 300ms;
    }
    .banner.context > .new ul a:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e816";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 10px;
      position: relative;
      top: 1px;
    }
    .banner.context > .new ul a:hover {
        background-color: (--color-blue-500);
    }
    .banner.context > .new ul a.links-expanded {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-color: var(--color-blue-500);
    }
    .banner.context > .new ul a.links-expanded[data-position="downright"],
    .banner.context > .new ul a.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .banner.context > .new ul a.links-expanded[data-position="upright"],
    .banner.context > .new ul a.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .banner.context > .new ul a.links-expanded:hover,
    .banner.context > .new ul a.links-expanded:active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .banner.context .join-alert {
      display: block;
      position: fixed;
      z-index: 100000;
      left: var(--space-4);
      right: var(--space-4);
      bottom: var(--space-4);
      padding: var(--space-4);
      border-radius: var(--space-1);
      text-align: center;
      opacity: 0.85;
      font: var(--font-hmc-body-m);
      background-color: var(--color-blue-900);
      color: var(--color-off-white);
    }
    .banner.context .join-alert a {
      color: var(--color-off-white);
    }
    .banner.context .join-alert a:hover {
      color: var(--color-blue-500);
    }
    .banner.context h1,
    .banner.context h2,
    .banner.context h3,
    .banner.context h4,
    .banner.context h5 {
      font: var(--font-hmc-body-m);
      display: inline;
      margin-top: 0;
      margin-bottom: 0;
    }
    .banner.context.home > .hierarchy > .current-hierarchy {
      flex-direction: column;
      align-items: flex-start;
    }
    .banner.context.home > .hierarchy > .current-hierarchy > .hierarchy-component {
      width: 100%;
    }
    .banner.context.home > .hierarchy > .current-hierarchy > .applications {
      width: 100%;
      margin-top: var(--space-3);
    }
    .banner.context.home > .hierarchy > .current-hierarchy > .applications ul a.links-expanded {
      color: var(--color-off-white);
    }
    .banner.context.home > .hierarchy > .current-hierarchy > .applications ul a.links-expanded:before {
      color: var(--color-off-white);
    }
    .banner.context.home > .hierarchy > .current-hierarchy > .applications ul a.more {
      position: relative;
      top: 1px;
    }
    .banner.context.home > .hierarchy > .current-hierarchy > .applications ul a.more:before {
      width: 16px;
      height: 16px;
      display: inline-block;
      content: "\e877";
      font-family: Entypo;
      font-size: 28px;
      line-height: 14px;
      margin-right: 0px;
      position: relative;
      top: 4px;
    }
    .banner.context.home > .hierarchy > .current-hierarchy > .applications ul a.more:before {
      color: var(--color-blue-900);
      opacity: 0.5;
    }
    .banner.context.home > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded:before {
      color: var(--color-off-white);
    }
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more {
      white-space: nowrap;
      color: var(--color-blue-900);
      border: 1px solid var(--color-blue-900);
      border-radius: 3px;
      margin-left: 15px;
      line-height: 1.7em;
      display: block;
    }
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e877";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more:before {
      color: var(--color-blue-900);
      opacity: 1;
    }
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded {
      border: 1px solid var(--color-blue-500);
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded:before {
      color: var(--color-off-white);
    }
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="downright"],
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="upright"],
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .banner.application {
      min-height: 88px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      line-height: normal;
      color: var(--color-blue-900);
      position: relative;
    }
    .banner.application::after {
      content: " ";
      position: absolute;
      height: 1px;
      overflow: hidden;
      left: 0;
      right: 0;
      top: 0;
      background-color: var(--color-blue-900);
      opacity: 0.25;
    }
    .banner.application .name {
      padding-bottom: var(--space-6);
      word-wrap: break-word;
    }
    .banner.application .name .title {
      margin: 0;
      line-height: normal;
      font: var(--font-hmc-title-xl);
    }
    .banner.application .name .title a {
      font: var(--font-hmc-title-xl);
      color: var(--color-blue-900);
    }
    .banner.application .name .description {
      font: var(--font-hmc-body-m);
      margin-top: var(--space-2);
      opacity: 0.7;
    }
    .banner.application .navigation-list {
      position: absolute;
      bottom: var(--space-3);
      left: 0;
      right: 0;
    }
    .banner.application .navigation-list a {
      color: var(--color-blue-900);
    }
    .banner.application .navigation-list li:first-child a {
      margin-left: 0;
      padding-left: 0;
    }
    .with-cover-photo .banner.context.home {
      min-height: 88px;
    }
    .no-cover .banner.application {
      min-height: 176px;
    }
    .scrolled .banner.application {
      height: 0px;
      min-height: 0;
      overflow: hidden;
    }
    .scrolled .banner.context.home {
      padding-top: 0px;
      height: var(--space-11);
    }
    .scrolled .banner.context.home .avatar {
      top: 0px;
    }
    .scrolled .banner.context.home .navigation-list.new {
      top: var(--space-1);
    }
    .scrolled .with-cover-photo .cover-photo {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
    .scrolled .with-cover-photo.with-blur .cover-photo {
      top: -40%;
      left: -40%;
      bottom: -40%;
      right: -40%;
    }
    .with-cover-photo .cover-photo {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
    .with-cover-photo.with-blur .cover-photo {
      top: -20%;
      left: -20%;
      bottom: -20%;
      right: -20%;
    }
    .with-cover-photo.with-shadow {
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
    }
    .with-cover-photo.with-shadow a {
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
    }
    .with-cover-photo.with-shadow a.links-expanded,
    .with-cover-photo.with-shadow a.links-expanded:before {
      text-shadow: none;
    }
    .with-cover-photo.with-shadow .new a {
      text-shadow: none;
    }
    .with-cover-photo.with-shadow .new a:before {
      text-shadow: none;
    }
    .with-cover-photo.with-shadow .avatar img {
      border: 2px solid var(--color-off-white);
    }
    .with-cover-photo.with-shadow .cover-photo::after {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6));
      opacity: 1;
      transition: 0.1s;
    }
    .scrolled .with-cover-photo .banner.context.home {
      min-height: initial;
    }
    .scrolled .with-cover-photo .cover-photo {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
    .scrolled .with-cover-photo.with-blur .cover-photo {
      top: -40%;
      left: -40%;
      bottom: -40%;
      right: -40%;
    }
    .scrolled .with-cover-photo.with-shadow .cover-photo::after {
      opacity: 0.5;
    }
    .header-fragments .layout .header-top-content .layout-region.header {
      z-index: 100;
      position: relative;
    }
    .header-fragments .layout .header-top-content.scrolled .layout-region.header {
      position: relative;
    }
    .header-fragments:hover .banner.site .navigation-list ul a {
      color: var(--color-off-white);
    }
    .header-fragments:hover .banner.site .navigation-list ul a.active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .header-fragments:hover .banner.site fieldset ul li .field-item-input input {
      color: var(--color-off-white);
    }
    .header-fragments:hover .banner.site fieldset ul li .field-item-input input.active {
      color: var(--color-off-white);
    }
    .header-fragments:hover .banner.site fieldset ul li .field-item-input:after {
      color: var(--color-off-white);
    }
    .touch .banner.context .avatar img {
      transition: none;
      width: var(--space-11);
    }
    .touch .banner.context .name,
    .touch .banner.context .description {
      transition: none;
    }
    .touch .banner.context .navigation-list.applications ul a {
      transition: none;
    }
    .touch .banner.context .navigation-list.new {
      transition: none;
    }
    .touch .banner.context .navigation-list.new ul a {
      transition: none;
    }
    .touch .banner.context .alert a {
      transition: none;
    }
    .slim_banner {
      min-height: var(--space-11);
      padding: 10px 0;
      height: var(--space-13);
    }
    .slim_banner:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more {
      white-space: nowrap;
      color: var(--color-blue-900);
      border: 1px solid var(--color-blue-900);
      border-radius: 3px;
      margin-left: 15px;
      line-height: 1.7em;
      display: block;
    }
    .slim_banner:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e877";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .slim_banner:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more:before {
      color: var(--color-blue-900);
      opacity: 1;
    }
    .slim_banner:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded {
      border: 1px solid var(--color-blue-500);
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .slim_banner:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded:before {
      color: var(--color-off-white);
    }
    .slim_banner:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="downright"],
    .slim_banner:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .slim_banner:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="upright"],
    .slim_banner:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .slim_banner > .avatar {
      flex: 0 0 32px;
    }
    .slim_banner > .avatar img {
      width: var(--space-8);
      height: var(--space-8);
    }
    .slim_banner > .avatar .caption {
      display: none;
    }
    .slim_banner.with-ancestors > .hierarchy {
      top: 0px;
    }
    .slim_banner .hierarchy {
      flex-direction: row;
      align-items: center;
    }
    .slim_banner .hierarchy > .parent-navigation {
      width: auto;
      flex: 0 0 var(--space-5);
      font-style: normal;
      color: blue;
      position: relative;
      top: var(--space-2);
    }
    .slim_banner .hierarchy > .parent-navigation a.more {
      opacity: 1;
      display: inline-block;
      width: 15px;
      height: 15px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .slim_banner .hierarchy > .parent-navigation a.more:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 15px;
      height: 15px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e892";
      font-family: Entypo;
      font-size: 15px;
      line-height: 15px;
    }
    .slim_banner .hierarchy > .parent-navigation a.more:before {
      color: var(--color-blue-900);
      opacity: 0.4;
      top: -1px;
    }
    .slim_banner .hierarchy .current-hierarchy {
      flex-direction: row;
      align-items: center;
      width: auto;
    }
    .slim_banner .hierarchy .current-hierarchy > .hierarchy-component {
      font: var(--font-hmc-body-m);
    }
    .slim_banner .hierarchy .current-hierarchy > .hierarchy-component.content {
      display: inline;
    }
    .slim_banner .hierarchy .current-hierarchy > .applications {
      flex: 0 0 var(--space-9);
      margin-top: 0px;
      max-height: none;
    }
    .slim_banner .hierarchy .current-hierarchy > .applications ul a.more {
      white-space: nowrap;
      color: var(--color-blue-900);
      border: 1px solid var(--color-blue-900);
      border-radius: 3px;
      margin-left: 15px;
      line-height: 1.7em;
      display: block;
      width: 25px;
      top: 0px;
    }
    .slim_banner .hierarchy .current-hierarchy > .applications ul a.more:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e877";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .slim_banner .hierarchy .current-hierarchy > .applications ul a.more:before {
      color: var(--color-blue-900);
      opacity: 1;
    }
    .slim_banner .hierarchy .current-hierarchy > .applications ul a.more.links-expanded {
      border: 1px solid var(--color-blue-500);
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .slim_banner .hierarchy .current-hierarchy > .applications ul a.more.links-expanded:before {
      color: var(--color-off-white);
    }
    .slim_banner .hierarchy .current-hierarchy > .applications ul a.more.links-expanded[data-position="downright"],
    .slim_banner .hierarchy .current-hierarchy > .applications ul a.more.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .slim_banner .hierarchy .current-hierarchy > .applications ul a.more.links-expanded[data-position="upright"],
    .slim_banner .hierarchy .current-hierarchy > .applications ul a.more.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .slim_banner .hierarchy .current-hierarchy > .applications ul a.more:before {
      left: -2px;
    }
    .slim_banner.with-alert .parent-navigation {
      top: 50%;
    }
    .banner.context.slim {
      min-height: var(--space-11);
      padding: var(--space-3) 0;
      height: var(--space-13);
    }
    .banner.context.slim:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more {
      white-space: nowrap;
      color: var(--color-blue-900);
      border: 1px solid var(--color-blue-900);
      border-radius: 3px;
      margin-left: 15px;
      line-height: 1.7em;
      display: block;
    }
    .banner.context.slim:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e877";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .banner.context.slim:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more:before {
      color: var(--color-blue-900);
      opacity: 1;
    }
    .banner.context.slim:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded {
      border: 1px solid var(--color-blue-500);
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .banner.context.slim:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded:before {
      color: var(--color-off-white);
    }
    .banner.context.slim:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="downright"],
    .banner.context.slim:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .banner.context.slim:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="upright"],
    .banner.context.slim:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .banner.context.slim > .avatar {
      flex: 0 0 var(--space-8);
    }
    .banner.context.slim > .avatar img {
      width: var(--space-8);
      height: var(--space-8);
    }
    .banner.context.slim > .avatar .caption {
      display: none;
    }
    .banner.context.slim.with-ancestors > .hierarchy {
      top: 0px;
    }
    .banner.context.slim .hierarchy {
      flex-direction: row;
      align-items: center;
    }
    .banner.context.slim .hierarchy > .parent-navigation {
      width: auto;
      flex: 0 0 var(--space-5);
      font-style: normal;
      color: blue;
      position: relative;
      top: var(--space-2);
    }
    .banner.context.slim .hierarchy > .parent-navigation a.more {
      opacity: 1;
      display: inline-block;
      width: 15px;
      height: 15px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .banner.context.slim .hierarchy > .parent-navigation a.more:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 15px;
      height: 15px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e892";
      font-family: Entypo;
      font-size: 15px;
      line-height: 15px;
    }
    .banner.context.slim .hierarchy > .parent-navigation a.more:before {
      color: var(--color-blue-900);
      opacity: 0.4;
      top: -1px;
    }
    .banner.context.slim .hierarchy .current-hierarchy {
      flex-direction: row;
      align-items: center;
      width: auto;
    }
    .banner.context.slim .hierarchy .current-hierarchy > .hierarchy-component {
      font: var(--font-hmc-body-m);
    }
    .banner.context.slim .hierarchy .current-hierarchy > .hierarchy-component.content {
      display: inline;
    }
    .banner.context.slim .hierarchy .current-hierarchy > .applications {
      flex: 0 0 var(--space-9);
      margin-top: 0px;
      max-height: none;
    }
    .banner.context.slim .hierarchy .current-hierarchy > .applications ul a.more {
      white-space: nowrap;
      color: var(--color-blue-900);
      border: 1px solid var(--color-blue-900);
      border-radius: 3px;
      margin-left: 15px;
      line-height: 1.7em;
      display: block;
      width: 25px;
      top: 0px;
    }
    .banner.context.slim .hierarchy .current-hierarchy > .applications ul a.more:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e877";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .banner.context.slim .hierarchy .current-hierarchy > .applications ul a.more:before {
      color: var(--color-blue-900);
      opacity: 1;
    }
    .banner.context.slim .hierarchy .current-hierarchy > .applications ul a.more.links-expanded {
      border: 1px solid var(--color-blue-500);
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .banner.context.slim .hierarchy .current-hierarchy > .applications ul a.more.links-expanded:before {
      color: var(--color-off-white);
    }
    .banner.context.slim .hierarchy .current-hierarchy > .applications ul a.more.links-expanded[data-position="downright"],
    .banner.context.slim .hierarchy .current-hierarchy > .applications ul a.more.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .banner.context.slim .hierarchy .current-hierarchy > .applications ul a.more.links-expanded[data-position="upright"],
    .banner.context.slim .hierarchy .current-hierarchy > .applications ul a.more.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .banner.context.slim .hierarchy .current-hierarchy > .applications ul a.more:before {
      left: -2px;
    }
    .banner.context.slim.with-alert .parent-navigation {
      top: 50%;
    }
    .banner.context.slim.inherited .hierarchy .current-hierarchy > .hierarchy-component {
      display: none;
    }
    .banner.context.slim.inherited .hierarchy .current-hierarchy > .hierarchy-component.container {
      display: inline;
    }
    .banner.context.slim.with-application .hierarchy .current-hierarchy > .hierarchy-component.application {
      display: inline;
    }
    .scrolled .banner.context {
      min-height: var(--space-11);
      padding: var(--space-3) 0;
      height: var(--space-13);
    }
    .scrolled .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more {
      white-space: nowrap;
      color: var(--color-blue-900);
      border: 1px solid var(--color-blue-900);
      border-radius: 3px;
      margin-left: 15px;
      line-height: 1.7em;
      display: block;
    }
    .scrolled .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e877";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .scrolled .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more:before {
      color: var(--color-blue-900);
      opacity: 1;
    }
    .scrolled .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded {
      border: 1px solid var(--color-blue-500);
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .scrolled .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded:before {
      color: var(--color-off-white);
    }
    .scrolled .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="downright"],
    .scrolled .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .scrolled .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="upright"],
    .scrolled .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .scrolled .banner.context > .avatar {
      flex: 0 0 var(--space-8);
    }
    .scrolled .banner.context > .avatar img {
      width: var(--space-8);
      height: var(--space-8);
    }
    .scrolled .banner.context > .avatar .caption {
      display: none;
    }
    .scrolled .banner.context.with-ancestors > .hierarchy {
      top: 0px;
    }
    .scrolled .banner.context .hierarchy {
      flex-direction: row;
      align-items: center;
    }
    .scrolled .banner.context .hierarchy > .parent-navigation {
      width: auto;
      flex: 0 0 var(--space-5);
      font-style: normal;
      color: blue;
      position: relative;
      top: var(--space-2);
    }
    .scrolled .banner.context .hierarchy > .parent-navigation a.more {
      opacity: 1;
      display: inline-block;
      width: 15px;
      height: 15px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .scrolled .banner.context .hierarchy > .parent-navigation a.more:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 15px;
      height: 15px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e892";
      font-family: Entypo;
      font-size: 15px;
      line-height: 15px;
    }
    .scrolled .banner.context .hierarchy > .parent-navigation a.more:before {
      color: var(--color-blue-900);
      opacity: 0.4;
      top: -1px;
    }
    .scrolled .banner.context .hierarchy .current-hierarchy {
      flex-direction: row;
      align-items: center;
      width: auto;
    }
    .scrolled .banner.context .hierarchy .current-hierarchy > .hierarchy-component {
      font-size: 14px;
    }
    .scrolled .banner.context .hierarchy .current-hierarchy > .hierarchy-component.content {
      display: inline;
    }
    .scrolled .banner.context .hierarchy .current-hierarchy > .applications {
      flex: 0 0 35px;
      margin-top: 0px;
      max-height: none;
    }
    .scrolled .banner.context .hierarchy .current-hierarchy > .applications ul a.more {
      white-space: nowrap;
      color: var(--color-blue-900);
      border: 1px solid var(--color-blue-900);
      border-radius: 3px;
      margin-left: 15px;
      line-height: 1.7em;
      display: block;
      width: 25px;
      top: 0px;
    }
    .scrolled .banner.context .hierarchy .current-hierarchy > .applications ul a.more:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e877";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .scrolled .banner.context .hierarchy .current-hierarchy > .applications ul a.more:before {
      color: var(--color-blue-900);
      opacity: 1;
    }
    .scrolled .banner.context .hierarchy .current-hierarchy > .applications ul a.more.links-expanded {
      border: 1px solid var(--color-blue-500);
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .scrolled .banner.context .hierarchy .current-hierarchy > .applications ul a.more.links-expanded:before {
      color: var(--color-off-white);
    }
    .scrolled .banner.context .hierarchy .current-hierarchy > .applications ul a.more.links-expanded[data-position="downright"],
    .scrolled .banner.context .hierarchy .current-hierarchy > .applications ul a.more.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .scrolled .banner.context .hierarchy .current-hierarchy > .applications ul a.more.links-expanded[data-position="upright"],
    .scrolled .banner.context .hierarchy .current-hierarchy > .applications ul a.more.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .scrolled .banner.context .hierarchy .current-hierarchy > .applications ul a.more:before {
      left: -2px;
    }
    .scrolled .banner.context.with-alert .parent-navigation {
      top: 50%;
    }
    .scrolled .banner.context.slim.inherited .hierarchy .current-hierarchy > .hierarchy-component {
      display: inline;
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    .sort {
      float: right;
      margin-bottom: var(--space-8);
    }
    .sort .by,
    .sort .order {
      margin-left: var(--space-4);
    }
    .sort .by .uiselect,
    .sort .order .uiselect {
      display: inline-block;
      position: relative;
      background-image: none;
      border: 1px solid var(--color-off-white);
      background-color: var(--color-off-white);
      padding: 0px;
      padding-right: var(--space-4);
      border-radius: var(--space-1);
      transition: background-color 0.15s;
      border: 0px;
      padding: 0 0 0 0;
      border-radius: 0px;
      transition: color 0.15s;
    }
    .sort .by .uiselect > span,
    .sort .order .uiselect > span {
      padding: var(--space-2) var(--space-4);
      display: inline-block;
      border: 0px;
      margin: 0px;
      overflow: visible;
      background-color: var(--color-off-white);
      transition: background-color 0.15s;
    }
    .sort .by .uiselect > span:after,
    .sort .order .uiselect > span:after {
      font-family: Entypo;
      content: "\e877";
      color: var(--color-off-white);
      position: absolute;
      top: 0;
      right: 15px;
      line-height: 28px;
    }
    .sort .by .uiselect > span:after:hover,
    .sort .order .uiselect > span:after:hover {
      color: var(--color-off-white);
    }
    .sort .by .uiselect:hover,
    .sort .order .uiselect:hover,
    .sort .by .uiselect.active,
    .sort .order .uiselect.active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-color: var(--color-blue-500);
    }
    .sort .by .uiselect:hover > span,
    .sort .order .uiselect:hover > span,
    .sort .by .uiselect.active > span,
    .sort .order .uiselect.active > span {
      color: var(--color-off-white);
      background-color: var(--color-blue-500);
    }
    .sort .by .uiselect:hover > span:after,
    .sort .order .uiselect:hover > span:after,
    .sort .by .uiselect.active > span:after,
    .sort .order .uiselect.active > span:after {
      color: var(--color-off-white);
    }
    .sort .by .uiselect.active[data-position="downright"],
    .sort .order .uiselect.active[data-position="downright"],
    .sort .by .uiselect.active[data-position="downleft"],
    .sort .order .uiselect.active[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .sort .by .uiselect.active[data-position="upright"],
    .sort .order .uiselect.active[data-position="upright"],
    .sort .by .uiselect.active[data-position="upleft"],
    .sort .order .uiselect.active[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .sort .by .uiselect > span,
    .sort .order .uiselect > span {
      padding: 0px var(--space-8) 0 0;
      font: var(--font-hmc-body-m);
      background-color: var(--color-off-white);
      color: var(--color-off-white);
      position: relative;
      transition: color 0.15s;
    }
    .sort .by .uiselect > span:after,
    .sort .order .uiselect > span:after {
      font-family: Entypo;
      content: "\e877";
      color: var(--color-off-white);
      position: absolute;
      top: 1px;
      right: 15px;
      line-height: 14px;
      transition: color 0.15s;
    }
    .sort .by .uiselect > span:after:hover,
    .sort .order .uiselect > span:after:hover {
      color: var(--color-off-white);
    }
    .sort .by .uiselect:hover,
    .sort .order .uiselect:hover,
    .sort .by .uiselect.active,
    .sort .order .uiselect.active {
      background-color: transparent;
      color: var(--color-blue-900);
    }
    .sort .by .uiselect:hover > span,
    .sort .order .uiselect:hover > span,
    .sort .by .uiselect.active > span,
    .sort .order .uiselect.active > span {
      color: var(--color-blue-900);
      background-color: transparent;
    }
    .sort .by .uiselect:hover > span:after,
    .sort .order .uiselect:hover > span:after,
    .sort .by .uiselect.active > span:after,
    .sort .order .uiselect.active > span:after {
      color: var(--color-blue-900);
    }
    .sort .by .uiselect.active,
    .sort .order .uiselect.active {
      color: var(--color-blue-500);
    }
    .sort .by .uiselect.active > span,
    .sort .order .uiselect.active > span {
      color: var(--color-blue-500);
    }
    .sort .by .uiselect.active > span:after,
    .sort .order .uiselect.active > span:after {
      color: var(--color-blue-500);
    }
    .left-sidebar .sort,
    .split-sidebar-right .sort,
    .split-sidebar-left .sort,
    .content-left-sidebar-right .right-sidebar .sort,
    .sidebar-left-content-center-sidebar-right .right-sidebar .sort,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .sort,
    .header-top-content-left-sidebar-right .right-sidebar .sort,
    .header-top-content-left-sidebar-right-footer .right-sidebar .sort,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .sort,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .sort {
      display: none;
    }
    .filter {
      clear: both;
      width: 100%;
      display: flex;
    }
    .filter .uiselect {
      display: inline-block;
      position: relative;
      background-image: none;
      border: 1px solid var(--color-off-white);
      background-color: var(--color-off-white);
      padding: 0px;
      padding-right: var(--space-4);
      border-radius: var(--space-1);
      transition: background-color 0.15s;
      border: 0px;
      padding: 0 0 0 0;
      border-radius: 0px;
      transition: color 0.15s;
    }
    .filter .uiselect > span {
      padding: var(--space-2) var(--space-4);
      display: inline-block;
      border: 0px;
      margin: 0px;
      overflow: visible;
      background-color: var(--color-off-white);
      transition: background-color 0.15s;
    }
    .filter .uiselect > span:after {
      font-family: Entypo;
      content: "\e877";
      color: var(--color-off-white);
      position: absolute;
      top: 0;
      right: 15px;
      line-height: 28px;
    }
    .filter .uiselect > span:after:hover {
      color: var(--color-off-white);
    }
    .filter .uiselect:hover,
    .filter .uiselect.active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-color: var(--color-blue-500);
    }
    .filter .uiselect:hover > span,
    .filter .uiselect.active > span {
      color: var(--color-off-white);
      background-color: var(--color-blue-500);
    }
    .filter .uiselect:hover > span:after,
    .filter .uiselect.active > span:after {
      color: var(--color-off-white);
    }
    .filter .uiselect.active[data-position="downright"],
    .filter .uiselect.active[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .filter .uiselect.active[data-position="upright"],
    .filter .uiselect.active[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .filter .uiselect > span {
      padding: 0px var(--space-9) 0 0;
      font: var(--font-hmc-body-m);
      background-color: var(--color-off-white);
      color: var(--color-off-white);
      position: relative;
      transition: color 0.15s;
    }
    .filter .uiselect > span:after {
      font-family: Entypo;
      content: "\e877";
      color: var(--color-off-white);
      position: absolute;
      top: 1px;
      right: 15px;
      line-height: 14px;
      transition: color 0.15s;
    }
    .filter .uiselect > span:after:hover {
      color: var(--color-off-white);
    }
    .filter .uiselect:hover,
    .filter .uiselect.active {
      background-color: transparent;
      color: var(--color-blue-900);
    }
    .filter .uiselect:hover > span,
    .filter .uiselect.active > span {
      color: var(--color-blue-900);
      background-color: transparent;
    }
    .filter .uiselect:hover > span:after,
    .filter .uiselect.active > span:after {
      color: var(--color-blue-900);
    }
    .filter .uiselect.active {
      color: var(--color-blue-500);
    }
    .filter .uiselect.active > span {
      color: var(--color-blue-500);
    }
    .filter .uiselect.active > span:after {
      color: var(--color-blue-500);
    }
    .filter .filter-option {
      text-align: center;
      flex: 1 1 0;
      width: 100%;
    }
    .filter .filter-option a {
      transition: all 0.1s;
      display: block;
      padding: var(--space-2) 0 var(--space-1) 0;
      border-bottom: 2px solid var(--color-gray-200);
      text-align: center;
      border-right: 0px;
      color: var(--color-gray-900);
      font: var(--font-hmc-body-m);
    }
    .filter .filter-option a:active {
      background-color: var(--color-gray-100);
    }
    .filter .filter-option a:hover {
      color: var(--color-blue-500);
      border-bottom: 2px solid var(--color-blue-500);
    }
    .filter .filter-option.selected a {
      color: var(--color-gray-900);
      border-bottom: 2px solid var(--color-blue-900);
    }
    .filter-selector {
      float: right;
      margin: 0 var(--space-4) var(--space-4) var(--space-4);
    }
    .left-sidebar .filter-selector,
    .right-sidebar .filter-selector {
      float: none;
      clear: both;
      width: 100%;
      margin: 0;
    }
    .left-sidebar .filter-selector div,
    .right-sidebar .filter-selector div {
      float: none;
      clear: both;
      width: 100%;
      margin: 0 0 0 0;
      overflow: hidden;
    }
    .left-sidebar .filter-selector div .uiselect,
    .right-sidebar .filter-selector div .uiselect {
      float: left;
      width: 100%;
    }
    .view {
      margin-bottom: var(--space-8);
    }
    .view .uiselect {
      display: inline-block;
      position: relative;
      background-image: none;
      border: 1px solid var(--color-off-white);
      background-color: var(--color-off-white);
      padding: 0px;
      padding-right: var(--space-4);
      border-radius: var(--space-1);
      transition: background-color 0.15s;
      border: 0px;
      padding: 0 0 0 0;
      border-radius: 0px;
      transition: color 0.15s;
    }
    .view .uiselect > span {
      padding: 7.5px 15px 7.5px 15px;
      display: inline-block;
      border: 0px;
      margin: 0px;
      overflow: visible;
      background-color: var(--color-off-white);
      transition: background-color 0.15s;
    }
    .view .uiselect > span:after {
      font-family: Entypo;
      content: "\e877";
      color: var(--color-off-white);
      position: absolute;
      top: 0;
      right: 15px;
      line-height: 28px;
    }
    .view .uiselect > span:after:hover {
      color: var(--color-off-white);
    }
    .view .uiselect:hover,
    .view .uiselect.active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-color: var(--color-blue-500);
    }
    .view .uiselect:hover > span,
    .view .uiselect.active > span {
      color: var(--color-off-white);
      background-color: var(--color-blue-500);
    }
    .view .uiselect:hover > span:after,
    .view .uiselect.active > span:after {
      color: var(--color-off-white);
    }
    .view .uiselect.active[data-position="downright"],
    .view .uiselect.active[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .view .uiselect.active[data-position="upright"],
    .view .uiselect.active[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .view .uiselect > span {
      padding: 0px var(--space-9) 0 0;
      font: var(--font-hmc-body-m);
      background-color: var(--color-off-white);
      color: var(--color-off-white);
      position: relative;
      transition: color 0.15s;
    }
    .view .uiselect > span:after {
      font-family: Entypo;
      content: "\e877";
      color: var(--color-off-white);
      position: absolute;
      top: 1px;
      right: 15px;
      line-height: 14px;
      transition: color 0.15s;
    }
    .view .uiselect > span:after:hover {
      color: var(--color-off-white);
    }
    .view .uiselect:hover,
    .view .uiselect.active {
      background-color: transparent;
      color: var(--color-blue-900);
    }
    .view .uiselect:hover > span,
    .view .uiselect.active > span {
      color: var(--color-blue-900);
      background-color: transparent;
    }
    .view .uiselect:hover > span:after,
    .view .uiselect.active > span:after {
      color: var(--color-blue-900);
    }
    .view .uiselect.active {
      color: var(--color-blue-500);
    }
    .view .uiselect.active > span {
      color: var(--color-blue-500);
    }
    .view .uiselect.active > span:after {
      color: var(--color-blue-500);
    }
    .left-sidebar .view,
    .split-sidebar-right .view,
    .split-sidebar-left .view,
    .content-left-sidebar-right .right-sidebar .view,
    .sidebar-left-content-center-sidebar-right .right-sidebar .view,
    .header-top-sidebar-left-content-center-sidebar-right .right-sidebar .view,
    .header-top-content-left-sidebar-right .right-sidebar .view,
    .header-top-content-left-sidebar-right-footer .right-sidebar .view,
    .header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .view,
    .header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .view {
      display: none;
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    .navigation-list.links {
      display: none;
    }
    .navigation-list.links .inline a {
      background-color: var(--color-off-white);
      color: var(--color-blue-500);
      text-align: left;
      padding: 0;
      margin: 0;
    }
    .navigation-list[data-direction='horizontal'] {
      margin-bottom: 0px;
    }
    .navigation-list[data-direction='horizontal'] li > span,
    .navigation-list[data-direction='horizontal'] li > a {
      margin-right: 0;
      margin-bottom: 0px;
      padding-left: 0;
      padding-right: var(--space-4);
    }
    .navigation-list[data-direction='horizontal'] li:first-child > span,
    .navigation-list[data-direction='horizontal'] li:first-child > a {
      padding-left: 0;
    }
    .navigation-list[data-direction='vertical'] a {
      background-color: var(--color-gray-100);
      color: var(--color-blue-900);
      font: var(--font-hmc-body-m);
      margin-bottom: var(--space-2);
    }
    .navigation-list[data-direction='vertical'] a:active,
    .navigation-list[data-direction='vertical'] a:hover {
      color: var(--color-off-white);
    }
    .navigation-list[data-direction='vertical'] a:hover,
    .navigation-list[data-direction='vertical'] a:active,
    .navigation-list[data-direction='vertical'] a.links-expanded {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .navigation-list[data-direction='vertical'] a:hover[data-position="downright"],
    .navigation-list[data-direction='vertical'] a:active[data-position="downright"],
    .navigation-list[data-direction='vertical'] a.links-expanded[data-position="downright"],
    .navigation-list[data-direction='vertical'] a:hover[data-position="downleft"],
    .navigation-list[data-direction='vertical'] a:active[data-position="downleft"],
    .navigation-list[data-direction='vertical'] a.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .navigation-list[data-direction='vertical'] a:hover[data-position="upright"],
    .navigation-list[data-direction='vertical'] a:active[data-position="upright"],
    .navigation-list[data-direction='vertical'] a.links-expanded[data-position="upright"],
    .navigation-list[data-direction='vertical'] a:hover[data-position="upleft"],
    .navigation-list[data-direction='vertical'] a:active[data-position="upleft"],
    .navigation-list[data-direction='vertical'] a.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .navigation-list.actions {
      display: none;
      float: right;
      margin: 0 var(--space-4);
    }
    .navigation-list.actions a {
      padding: var(--space-2) 0 var(--space-2) var(--space-8);
    }
    .navigation-list.actions a[data-more] {
      display: inline-block;
      width: var(--space-8);
      height: var(--space-8);
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .navigation-list.actions a[data-more]:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: var(--space-8);
      height: var(--space-8);
      top: 0px;
      left: 0;
      display: block;
      content: "\e8bf";
      font-family: Entypo;
      font-size: 31px;
      line-height: 31px;
    }
    .navigation-list.navigation {
      float: right;
      margin: 0 0 var(--space-4) var(--space-4);
      font: var(--font-hmc-body-m);
    }
    .navigation-list.navigation a[data-more] {
      color: var(--color-gray-300);
      transition: background-color 0.15s;
      display: inline-block;
      width: var(--space-8);
      height: var(--space-8);
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .navigation-list.navigation a[data-more]:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: var(--space-8);
      height: var(--space-);
      top: var(--space-2);
      left: 0;
      display: block;
      content: "\e855";
      font-family: Entypo;
      font-size: 15.4px;
      line-height: 15.4px;
    }
    .navigation-list.navigation a[data-more]:hover,
    .navigation-list.navigation a[data-more]:active {
      color: var(--color-blue-500);
    }
    .navigation-list.navigation a[data-more].links-expanded {
      border-radius: 3px;
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .navigation-list.navigation a[data-more].links-expanded[data-position="downright"],
    .navigation-list.navigation a[data-more].links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .navigation-list.navigation a[data-more].links-expanded[data-position="upright"],
    .navigation-list.navigation a[data-more].links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .navigation-list.navigation a[data-more]:before {
      top: 0;
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    .breadcrumbs {
      display: inline-flex;
      flex-wrap: wrap;
      color: var(--color-gray-300);
      background-color: var(--color-gray-100);
      font: var(--font-hmc-body-m);
      padding: var(--space-4) var(--space-5);
      border-radius: var(--space-1);
      margin-bottom: var(--space-4);
    }
    .breadcrumbs .breadcrumb {
      margin-right: var(--space-4);
    }
    .breadcrumbs .breadcrumb:before {
      width: 12.6px;
      height: 12.6px;
      display: inline-block;
      content: "\e879";
      font-family: Entypo;
      font-size: 12.6px;
      line-height: 12.6px;
      margin-right: -2px;
      position: relative;
      top: 1px;
    }
    .breadcrumbs .breadcrumb:first-child:before {
      display: none;
    }
    .breadcrumbs .breadcrumb:last-child {
      margin-right: 0;
    }
    .breadcrumbs .breadcrumb a {
      color: var(--color-blue-900)
    }
    .breadcrumbs .breadcrumb a:hover {
      color: var(--color-blue-500);
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    .pager {
      clear: both;
      font: var(--font-hmc-body-m);
      display: table;
    }
    .pager .previous,
    .pager .next {
      display: table-cell;
      padding: var(--space-2) var(--space-4);
      background-color: var(--color-green-700);
      color: var(--color-off-white);
      min-width: 88px;
      text-align: center;
      border-radius: var(--space-1);
    }
    .pager .previous:hover,
    .pager .next:hover {
      background-color: rgba(33, 150, 243, 0.8);
    }
    .pager .previous.disabled,
    .pager .next.disabled {
      background-color: var(--color-gray-300);
      cursor: default;
    }
    .pager .previous {
      display: inline-block;
      width: var(--space-5);
      height: var(--space-5);
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      height: var(--space-11);
    }
    .pager .previous:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 20px;
      height: 20px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e87c";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .pager .previous:before {
      top: 12px;
      left: 32px;
    }
    .pager .next {
      display: inline-block;
      width: 20px;
      height: 20px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      height: 44px;
    }
    .pager .next:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 20px;
      height: 20px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e87d";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .pager .next:before {
      left: auto;
      top: 12px;
      right: 32px;
    }
    .pager .ends {
      display: table-cell;
      width: 100%;
      text-align: center;
      vertical-align: middle;
      top: 0px;
    }
    .pager .ends a {
      color: var(--color-gray-300);
    }
    .pager .ends a:hover {
      color: var(--color-green-800);
    }
    .pager .ends div .page {
      font: var(--font-hmc-body-m);
      display: inline-block;
      position: relative;
      top: 0;
      height: var(--space-5);
      overflow: hidden;
      padding: 0 var(--space-2);
    }
    .pager .ends div .page.selected {
      color: var(--color-blue-900);
      font-weight: 700;
    }
    .pager .ends div .first {
      display: inline-block;
      width: 20px;
      height: 20px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      top: 1px;
      position: relative;
      top: 12px;
      right: 6px;
    }
    .pager .ends div .first:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 20px;
      height: 20px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e89e";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .pager .ends div .last {
      display: inline-block;
      width: 20px;
      height: 20px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      top: 1px;
      position: relative;
      top: 12px;
      left: 6px;
    }
    .pager .ends div .last:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 20px;
      height: 20px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e89d";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .single-column .pager .previous,
    .layout-region.right-sidebar .pager .previous,
    .layout-region.left-sidebar .pager .previous,
    .single-column .pager .next,
    .layout-region.right-sidebar .pager .next,
    .layout-region.left-sidebar .pager .next {
      min-width: var(--space-11);
      padding: 0px;
    }
    .single-column .pager .previous,
    .layout-region.right-sidebar .pager .previous,
    .layout-region.left-sidebar .pager .previous {
      display: inline-block;
      width: 20px;
      height: 20px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      height: 33px;
    }
    .single-column .pager .previous:before,
    .layout-region.right-sidebar .pager .previous:before,
    .layout-region.left-sidebar .pager .previous:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 20px;
      height: 20px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e87c";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .single-column .pager .previous:before,
    .layout-region.right-sidebar .pager .previous:before,
    .layout-region.left-sidebar .pager .previous:before {
      top: 6px;
      left: 12px;
    }
    .single-column .pager .next,
    .layout-region.right-sidebar .pager .next,
    .layout-region.left-sidebar .pager .next {
      display: inline-block;
      width: 20px;
      height: 20px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      height: 33px;
    }
    .single-column .pager .next:before,
    .layout-region.right-sidebar .pager .next:before,
    .layout-region.left-sidebar .pager .next:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 20px;
      height: 20px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e87d";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .single-column .pager .next:before,
    .layout-region.right-sidebar .pager .next:before,
    .layout-region.left-sidebar .pager .next:before {
      top: var(--space-1);
      left: 12px;
    }
    .single-column .pager .ends div .page,
    .layout-region.right-sidebar .pager .ends div .page,
    .layout-region.left-sidebar .pager .ends div .page {
      display: none;
    }
    .single-column .pager .ends div .first,
    .layout-region.right-sidebar .pager .ends div .first,
    .layout-region.left-sidebar .pager .ends div .first {
      top: var(--space-2);
    }
    .single-column .pager .ends div .last,
    .layout-region.right-sidebar .pager .ends div .last,
    .layout-region.left-sidebar .pager .ends div .last {
      top: var(--space-1);
    }
    .layout-region.right-sidebar .pager .previous,
    .layout-region.left-sidebar .pager .previous,
    .layout-region.right-sidebar .pager .next,
    .layout-region.left-sidebar .pager .next {
      min-width: var(--space-11);
      padding: 0px;
    }
    .layout-region.right-sidebar .pager .previous,
    .layout-region.left-sidebar .pager .previous {
      background-color: transparent;
      color: var(--color-gray-300);
    }
    .layout-region.right-sidebar .pager .previous:hover,
    .layout-region.left-sidebar .pager .previous:hover {
      color: var(--color-blue-500);
    }
    .layout-region.right-sidebar .pager .previous.disabled,
    .layout-region.left-sidebar .pager .previous.disabled {
      color: var(--color-gray-200);
    }
    .layout-region.right-sidebar .pager .previous:before,
    .layout-region.left-sidebar .pager .previous:before {
      left: 0px;
    }
    .layout-region.right-sidebar .pager .next,
    .layout-region.left-sidebar .pager .next {
      background-color: transparent;
      color: var(--color-gray-300);
    }
    .layout-region.right-sidebar .pager .next:hover,
    .layout-region.left-sidebar .pager .next:hover {
      color: var(--color-blue-500);
    }
    .layout-region.right-sidebar .pager .next.disabled,
    .layout-region.left-sidebar .pager .next.disabled {
      color: var(--color-gray-200);
    }
    .layout-region.right-sidebar .pager .next:before,
    .layout-region.left-sidebar .pager .next:before {
      right: 0px;
      left: auto;
    }
    .layout-region.right-sidebar .pager:hover .previous,
    .layout-region.left-sidebar .pager:hover .previous {
      color: var(--color-blue-500);
    }
    .layout-region.right-sidebar .pager:hover .previous.disabled,
    .layout-region.left-sidebar .pager:hover .previous.disabled {
      color: var(--color-gray-200);
    }
    .layout-region.right-sidebar .pager:hover .next,
    .layout-region.left-sidebar .pager:hover .next {
      color: var(--color-blue-500);
    }
    .layout-region.right-sidebar .pager:hover .next.disabled,
    .layout-region.left-sidebar .pager:hover .next.disabled {
      color: var(--color-gray-200);
    }
    .layout-region.right-sidebar .pager .ends div .page,
    .layout-region.left-sidebar .pager .ends div .page {
      display: none;
    }
    .layout-region.right-sidebar .pager .ends div .first,
    .layout-region.left-sidebar .pager .ends div .first,
    .layout-region.right-sidebar .pager .ends div .last,
    .layout-region.left-sidebar .pager .ends div .last {
      left: 0px;
      color: var(--color-gray-200);
    }
    .layout-region.right-sidebar .pager .ends div .first:hover,
    .layout-region.left-sidebar .pager .ends div .first:hover,
    .layout-region.right-sidebar .pager .ends div .last:hover,
    .layout-region.left-sidebar .pager .ends div .last:hover {
      color: var(--color-blue-500);
    }
    .threaded-wrapper-outer {
      position: relative;
      min-height: var(--space-3);
      margin-top: var(--space-4);
    }
    .threaded-wrapper-outer > .typing-status-wrapper {
      position: absolute;
      z-index: 500;
      right: 0;
      font: var(--font-hmc-body-m);
      font-style: italic;
      color: var(--color-gray-400);
    }
    .threaded-wrapper {
      display: none;
    }
    .content-list.threaded .load-more,
    .content-list.threaded .content-item {
      position: relative;
      z-index: 0;
      padding-bottom: var(--space-4);
    }
    .content-list.threaded .load-more .load-more,
    .content-list.threaded .content-item .load-more,
    .content-list.threaded .load-more .content-item,
    .content-list.threaded .content-item .content-item {
      margin-left: var(--space-15);
    }
    .content-list.threaded .load-more .load-more,
    .content-list.threaded .content-item .load-more {
      border-left: var(--space-1) solid var(--color-off-white);
      padding: 0 0 0 var(--space-2);
    }
    .content-list.threaded .load-more .rendered-content,
    .content-list.threaded .content-item .rendered-content {
      padding-left: var(--space-15);
      position: relative;
      z-index: 1;
    }
    .content-list.threaded .load-more .rendered-content ul,
    .content-list.threaded .content-item .rendered-content ul,
    .content-list.threaded .load-more .rendered-content pre,
    .content-list.threaded .content-item .rendered-content pre,
    .content-list.threaded .load-more .rendered-content p,
    .content-list.threaded .content-item .rendered-content p,
    .content-list.threaded .load-more .rendered-content ol,
    .content-list.threaded .content-item .rendered-content ol,
    .content-list.threaded .load-more .rendered-content blockquote,
    .content-list.threaded .content-item .rendered-content blockquote {
      margin-top: 0;
      margin-bottom: var(--space-2);
    }
    .content-list.threaded .load-more .rendered-content ul:last-of-type,
    .content-list.threaded .content-item .rendered-content ul:last-of-type,
    .content-list.threaded .load-more .rendered-content pre:last-of-type,
    .content-list.threaded .content-item .rendered-content pre:last-of-type,
    .content-list.threaded .load-more .rendered-content p:last-of-type,
    .content-list.threaded .content-item .rendered-content p:last-of-type,
    .content-list.threaded .load-more .rendered-content ol:last-of-type,
    .content-list.threaded .content-item .rendered-content ol:last-of-type,
    .content-list.threaded .load-more .rendered-content blockquote:last-of-type,
    .content-list.threaded .content-item .rendered-content blockquote:last-of-type {
      margin-bottom: 0px;
    }
    .content-list.threaded .load-more .rendered-content .edit-form,
    .content-list.threaded .content-item .rendered-content .edit-form {
      margin-top: 0px;
    }
    .content-list.threaded .load-more .rendered-content .edit-form .reply-form,
    .content-list.threaded .content-item .rendered-content .edit-form .reply-form {
      margin-top: 0;
    }
    .content-list.threaded .load-more .rendered-content.suggested,
    .content-list.threaded .content-item .rendered-content.suggested,
    .content-list.threaded .load-more .rendered-content.verified,
    .content-list.threaded .content-item .rendered-content.verified {
      padding-top: 0;
      padding-right: var(--space-4);
      padding-bottom: var(--space-3);
      padding-left: 74px;
      border-radius: var(--space-1);
    }
    .content-list.threaded .load-more .rendered-content.suggested .avatar,
    .content-list.threaded .content-item .rendered-content.suggested .avatar,
    .content-list.threaded .load-more .rendered-content.verified .avatar,
    .content-list.threaded .content-item .rendered-content.verified .avatar {
      top: var(--space-4);
    }
    .content-list.threaded .load-more .rendered-content.suggested .avatar img,
    .content-list.threaded .content-item .rendered-content.suggested .avatar img,
    .content-list.threaded .load-more .rendered-content.verified .avatar img,
    .content-list.threaded .content-item .rendered-content.verified .avatar img {
      border: 1px solid var(--color-off-white);
    }
    .content-list.threaded .load-more .rendered-content.suggested .edit-form:not(:empty),
    .content-list.threaded .content-item .rendered-content.suggested .edit-form:not(:empty),
    .content-list.threaded .load-more .rendered-content.verified .edit-form:not(:empty),
    .content-list.threaded .content-item .rendered-content.verified .edit-form:not(:empty) {
      margin-top: var(--space-6);
    }
    .content-list.threaded .load-more .rendered-content.suggested:after,
    .content-list.threaded .content-item .rendered-content.suggested:after,
    .content-list.threaded .load-more .rendered-content.verified:after,
    .content-list.threaded .content-item .rendered-content.verified:after {
      content: " ";
      z-index: -1;
      width: 100%;
      height: 47.64px;
      position: absolute;
      top: 0;
      left: 0;
    }
    .content-list.threaded .load-more .rendered-content.suggested .author .meta,
    .content-list.threaded .content-item .rendered-content.suggested .author .meta,
    .content-list.threaded .load-more .rendered-content.verified .author .meta,
    .content-list.threaded .content-item .rendered-content.verified .author .meta {
      color: white;
    }
    .content-list.threaded .load-more .rendered-content.suggested .author .meta a,
    .content-list.threaded .content-item .rendered-content.suggested .author .meta a,
    .content-list.threaded .load-more .rendered-content.verified .author .meta a,
    .content-list.threaded .content-item .rendered-content.verified .author .meta a {
      color: var(--color-off-white);
    }
    .content-list.threaded .load-more .rendered-content.suggested .author .meta .qa-votes .ui-forumvotes:before,
    .content-list.threaded .content-item .rendered-content.suggested .author .meta .qa-votes .ui-forumvotes:before,
    .content-list.threaded .load-more .rendered-content.verified .author .meta .qa-votes .ui-forumvotes:before,
    .content-list.threaded .content-item .rendered-content.verified .author .meta .qa-votes .ui-forumvotes:before {
      color: var(--color-off-white);
    }
    .content-list.threaded .load-more .rendered-content.suggested .author .meta .ui-userpresence,
    .content-list.threaded .content-item .rendered-content.suggested .author .meta .ui-userpresence,
    .content-list.threaded .load-more .rendered-content.verified .author .meta .ui-userpresence,
    .content-list.threaded .content-item .rendered-content.verified .author .meta .ui-userpresence {
      border: 1px solid var(--color-off-white);
      width: var(--space-4);
      height: var(--space-4);
    }
    .content-list.threaded .load-more .rendered-content.suggested .threaded-reply-content,
    .content-list.threaded .content-item .rendered-content.suggested .threaded-reply-content,
    .content-list.threaded .load-more .rendered-content.verified .threaded-reply-content,
    .content-list.threaded .content-item .rendered-content.verified .threaded-reply-content {
      padding-top: var(--space-5);
      padding-bottom: var(--space-2);
    }
    .content-list.threaded .load-more .rendered-content.suggested,
    .content-list.threaded .content-item .rendered-content.suggested {
      border: 1px solid var(--color-yellow-500);
      border-color: var(--color-yellow-500);
    }
    .content-list.threaded .load-more .rendered-content.suggested:after,
    .content-list.threaded .content-item .rendered-content.suggested:after {
      background-color: var(--color-yellow-500);
    }
    .content-list.threaded .load-more .rendered-content.verified,
    .content-list.threaded .content-item .rendered-content.verified {
      border: 1px solid var(--color-green-700);
      border-color: var(--color-green-700);
    }
    .content-list.threaded .load-more .rendered-content.verified:after,
    .content-list.threaded .content-item .rendered-content.verified:after {
      background-color: var(--color-green-700);
    }
    .content-list.threaded .load-more .rendered-content .content.full ul,
    .content-list.threaded .content-item .rendered-content .content.full ul,
    .content-list.threaded .load-more .rendered-content .content.full .content ul,
    .content-list.threaded .content-item .rendered-content .content.full .content ul,
    .content-list.threaded .load-more .rendered-content .content.full pre,
    .content-list.threaded .content-item .rendered-content .content.full pre,
    .content-list.threaded .load-more .rendered-content .content.full .content pre,
    .content-list.threaded .content-item .rendered-content .content.full .content pre,
    .content-list.threaded .load-more .rendered-content .content.full p,
    .content-list.threaded .content-item .rendered-content .content.full p,
    .content-list.threaded .load-more .rendered-content .content.full .content p,
    .content-list.threaded .content-item .rendered-content .content.full .content p,
    .content-list.threaded .load-more .rendered-content .content.full ol,
    .content-list.threaded .content-item .rendered-content .content.full ol,
    .content-list.threaded .load-more .rendered-content .content.full .content ol,
    .content-list.threaded .content-item .rendered-content .content.full .content ol,
    .content-list.threaded .load-more .rendered-content .content.full blockquote,
    .content-list.threaded .content-item .rendered-content .content.full blockquote,
    .content-list.threaded .load-more .rendered-content .content.full .content blockquote,
    .content-list.threaded .content-item .rendered-content .content.full .content blockquote {
      margin-top: 0;
      margin-bottom: var(--space-3);
    }
    .content-list.threaded .load-more .rendered-content .content.full ul:last-child,
    .content-list.threaded .content-item .rendered-content .content.full ul:last-child,
    .content-list.threaded .load-more .rendered-content .content.full .content ul:last-child,
    .content-list.threaded .content-item .rendered-content .content.full .content ul:last-child,
    .content-list.threaded .load-more .rendered-content .content.full pre:last-child,
    .content-list.threaded .content-item .rendered-content .content.full pre:last-child,
    .content-list.threaded .load-more .rendered-content .content.full .content pre:last-child,
    .content-list.threaded .content-item .rendered-content .content.full .content pre:last-child,
    .content-list.threaded .load-more .rendered-content .content.full p:last-child,
    .content-list.threaded .content-item .rendered-content .content.full p:last-child,
    .content-list.threaded .load-more .rendered-content .content.full .content p:last-child,
    .content-list.threaded .content-item .rendered-content .content.full .content p:last-child,
    .content-list.threaded .load-more .rendered-content .content.full ol:last-child,
    .content-list.threaded .content-item .rendered-content .content.full ol:last-child,
    .content-list.threaded .load-more .rendered-content .content.full .content ol:last-child,
    .content-list.threaded .content-item .rendered-content .content.full .content ol:last-child,
    .content-list.threaded .load-more .rendered-content .content.full blockquote:last-child,
    .content-list.threaded .content-item .rendered-content .content.full blockquote:last-child,
    .content-list.threaded .load-more .rendered-content .content.full .content blockquote:last-child,
    .content-list.threaded .content-item .rendered-content .content.full .content blockquote:last-child {
      margin-bottom: 0;
    }
    .content-list.threaded .load-more .new-replies-wrapper,
    .content-list.threaded .content-item .new-replies-wrapper,
    .content-list.threaded .load-more .typing-status-wrapper,
    .content-list.threaded .content-item .typing-status-wrapper {
      position: absolute;
      bottom: var(--space-2);
      right: 0px;
      font: var(--font-hmc-body-m);
      font-style: italic;
      color: var(--color-gray-400);
    }
    .content-list.threaded .load-more .avatar img,
    .content-list.threaded .content-item .avatar img {
      max-width: var(--space-11);
      max-height: var(--space-11);
    }
    .content-list.threaded .load-more .content-item,
    .content-list.threaded .content-item .content-item {
      padding-bottom: 0;
    }
    .content-list.threaded .load-more .content-item .avatar,
    .content-list.threaded .content-item .content-item .avatar {
      left: var(--space-2);
    }
    .content-list.threaded .load-more .content-item .rendered-content,
    .content-list.threaded .content-item .content-item .rendered-content {
      padding-left: var(--space-15);
      border-left: var(--space-1) solid var(--color-off-white);
      padding-bottom: var(--space-4);
      transition: border-left-color 0.5s;
    }
    .content-list.threaded .load-more .content-item .rendered-content .new-replies-wrapper,
    .content-list.threaded .content-item .content-item .rendered-content .new-replies-wrapper,
    .content-list.threaded .load-more .content-item .rendered-content .typing-status-wrapper,
    .content-list.threaded .content-item .content-item .rendered-content .typing-status-wrapper {
      bottom: var(--space-11);
    }
    .content-list.threaded .load-more .content-item .rendered-content.suggested,
    .content-list.threaded .content-item .content-item .rendered-content.suggested,
    .content-list.threaded .load-more .content-item .rendered-content.verified,
    .content-list.threaded .content-item .content-item .rendered-content.verified {
      margin-top: var(--space-4);
      padding-bottom: var(--space-3);
      margin-bottom: var(--space-6);
    }
    .content-list.threaded .load-more .content-item .rendered-content.suggested,
    .content-list.threaded .content-item .content-item .rendered-content.suggested {
      border-color: var(--color-yellow-500);
    }
    .content-list.threaded .load-more .content-item .rendered-content.verified,
    .content-list.threaded .content-item .content-item .rendered-content.verified {
      border-color: var(--color-green-700);
    }
    .content-list.threaded .load-more .content-item .content-list.threaded,
    .content-list.threaded .content-item .content-item .content-list.threaded {
      border-left: 4px solid var(--color-off-white);
    }
    .content-list.threaded .load-more .content-item:last-child > .rendered-content,
    .content-list.threaded .content-item .content-item:last-child > .rendered-content {
      padding-bottom: 0;
    }
    .content-list.threaded .load-more .content-item:last-child > .rendered-content.suggested,
    .content-list.threaded .content-item .content-item:last-child > .rendered-content.suggested,
    .content-list.threaded .load-more .content-item:last-child > .rendered-content.verified,
    .content-list.threaded .content-item .content-item:last-child > .rendered-content.verified {
      padding-bottom: var(--space-3);
    }
    .content-list.threaded .load-more .content-item:last-child > .rendered-content .new-replies-wrapper,
    .content-list.threaded .content-item .content-item:last-child > .rendered-content .new-replies-wrapper,
    .content-list.threaded .load-more .content-item:last-child > .rendered-content .typing-status-wrapper,
    .content-list.threaded .content-item .content-item:last-child > .rendered-content .typing-status-wrapper {
      bottom: var(--space-2);
    }
    .content-list.threaded .load-more .content-item:last-child .content-list.threaded:not(:empty),
    .content-list.threaded .content-item .content-item:last-child .content-list.threaded:not(:empty) {
      padding-top: var(--space-4);
      padding-bottom: 0;
    }
    .content-list.threaded .load-more .content-item:last-child > .newreply:not(:empty),
    .content-list.threaded .content-item .content-item:last-child > .newreply:not(:empty) {
      padding-top: var(--space-4);
    }
    .content-list.threaded .load-more .content-item:last-child > .newreply:not(:empty) .reply-form,
    .content-list.threaded .content-item .content-item:last-child > .newreply:not(:empty) .reply-form {
      padding-top: 0;
      padding-bottom: 0;
    }
    .content-list.threaded .load-more .content-item .reply-form,
    .content-list.threaded .content-item .content-item .reply-form {
      margin-top: 0;
    }
    .content-list.threaded .load-more.permalinked > .rendered-content,
    .content-list.threaded .content-item.permalinked > .rendered-content,
    .content-list.threaded .load-more.new > .rendered-content,
    .content-list.threaded .content-item.new > .rendered-content {
      border-left: var(--space-1) solid var(--color-blue-500);
      padding-left: var(--space-15);
    }
    .content-list.threaded .load-more.permalinked > .rendered-content .avatar,
    .content-list.threaded .content-item.permalinked > .rendered-content .avatar,
    .content-list.threaded .load-more.new > .rendered-content .avatar,
    .content-list.threaded .content-item.new > .rendered-content .avatar {
      left: var(--space-3);
    }
    .content-list.threaded .load-more > .rendered-content.suggested,
    .content-list.threaded .content-item > .rendered-content.suggested,
    .content-list.threaded .load-more > .rendered-content.verified,
    .content-list.threaded .content-item > .rendered-content.verified {
      padding-left: var(--space-15);
    }
    .content-list.threaded .load-more > .rendered-content.suggested .avatar,
    .content-list.threaded .content-item > .rendered-content.suggested .avatar,
    .content-list.threaded .load-more > .rendered-content.verified .avatar,
    .content-list.threaded .content-item > .rendered-content.verified .avatar {
      left: var(--space-3);
    }
    .content-list.threaded .load-more .reply-form,
    .content-list.threaded .content-item .reply-form {
      position: relative;
      margin-top: var(--space-4);
    }
    .content-list.threaded .load-more .reply-form.create,
    .content-list.threaded .content-item .reply-form.create {
      margin-left: var(--space-15);
      padding-left: var(--space-15);
    }
    .content-list.threaded .load-more .reply-form .button,
    .content-list.threaded .content-item .reply-form .button {
      padding: var(--space-1) var(--space-2);;
      border: 1px solid transparent;
      display: inline-block;
    }
    .content-list.threaded .load-more .reply-form .button:hover,
    .content-list.threaded .content-item .reply-form .button:hover {
      border: 1px solid var(--color-gray-200);
    }
    .content-list.threaded .load-more .reply-form .avatar,
    .content-list.threaded .content-item .reply-form .avatar {
      left: var(--space-3);
      width: var(--space-10);
      height: var(--space-10);
    }
    .content-list.threaded .load-more .reply-form .avatar img,
    .content-list.threaded .content-item .reply-form .avatar img {
      max-width: var(--space-10);
      max-height: var(--space-10);
    }
    .content-list.threaded .load-more .content-item .rendered-content,
    .content-list.threaded .content-item .content-item .rendered-content {
      padding-left: var(--space-14);
    }
    .content-list.threaded .load-more .content-item .avatar img,
    .content-list.threaded .content-item .content-item .avatar img {
      max-width: var(--space-10);
      max-height: var(--space-10);
    }
    .content-list.threaded .load-more .content-item > .rendered-content .avatar,
    .content-list.threaded .content-item .content-item > .rendered-content .avatar {
      width: var(--space-10);
      height: var(--space-10);
    }
    .content-list.threaded .load-more .content-item .newreply,
    .content-list.threaded .content-item .content-item .newreply {
      border-left: var(--space-1) solid var(--color-off-white);
    }
    .content-list.threaded .load-more .content-item .reply-form.create,
    .content-list.threaded .content-item .content-item .reply-form.create {
      margin-left: var(--space-15);
      padding-left: var(--space-13);
      padding-bottom: var(--space-4);
    }
    .content-list.threaded .load-more .content-item .reply-form .avatar,
    .content-list.threaded .content-item .content-item .reply-form .avatar {
      width: var(--space-9);
      height: var(--space-9);
    }
    .content-list.threaded .load-more .content-item .reply-form .avatar img,
    .content-list.threaded .content-item .content-item .reply-form .avatar img {
      max-width: var(--space-9);
      max-height: var(--space-9);
    }
    .content-list.threaded .load-more .content-item .content-list.threaded:not(:empty),
    .content-list.threaded .content-item .content-item .content-list.threaded:not(:empty) {
      padding-bottom: var(--space-4);
      padding-top: 0;
    }
    .content-list.threaded .load-more .content-item .content-item .rendered-content,
    .content-list.threaded .content-item .content-item .content-item .rendered-content {
      padding-left: var(--space-13);
    }
    .content-list.threaded .load-more .content-item .content-item .avatar img,
    .content-list.threaded .content-item .content-item .content-item .avatar img {
      max-width: var(--space-9);
      max-height: var(--space-9);
    }
    .content-list.threaded .load-more .content-item .content-item > .rendered-content .avatar,
    .content-list.threaded .content-item .content-item .content-item > .rendered-content .avatar {
      width: var(--space-9);
      height: var(--space-9);
    }
    .content-list.threaded .load-more .content-item .content-item .reply-form.create,
    .content-list.threaded .content-item .content-item .content-item .reply-form.create {
      margin-left: var(--space-12);
      padding-left: var(--space-11);
    }
    .content-list.threaded .load-more .content-item .content-item .reply-form .avatar,
    .content-list.threaded .content-item .content-item .content-item .reply-form .avatar {
      width: var(--space-7);
      height: var(--space-7);
    }
    .content-list.threaded .load-more .content-item .content-item .reply-form .avatar img,
    .content-list.threaded .content-item .content-item .content-item .reply-form .avatar img {
      max-width: var(--space-7);
      max-height: var(--space-7);
    }
    .content-list.threaded .load-more .avatar,
    .content-list.threaded .content-item .avatar {
      position: absolute;
      left: 0;
      top: 0;
    }
    .content-list.threaded .load-more .avatar img,
    .content-list.threaded .content-item .avatar img {
      border-radius: var(--space-1);
    }
    .content-list.threaded .load-more .meta,
    .content-list.threaded .content-item .meta {
      padding: var(--space-2) 0 0 0;
      font: var(--font-hmc-body-m);
      color: var(--color-gray-900);
    }
    .content-list.threaded .load-more .meta a,
    .content-list.threaded .content-item .meta a {
      color: var(--color-blue-700);
    }
    .content-list.threaded .load-more .meta a.links-expanded,
    .content-list.threaded .content-item .meta a.links-expanded {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-radius: var(--space-1);
    }
    .content-list.threaded .load-more .meta a.links-expanded[data-position="downright"],
    .content-list.threaded .content-item .meta a.links-expanded[data-position="downright"],
    .content-list.threaded .load-more .meta a.links-expanded[data-position="downleft"],
    .content-list.threaded .content-item .meta a.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .content-list.threaded .load-more .meta a.links-expanded[data-position="upright"],
    .content-list.threaded .content-item .meta a.links-expanded[data-position="upright"],
    .content-list.threaded .load-more .meta a.links-expanded[data-position="upleft"],
    .content-list.threaded .content-item .meta a.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .content-list.threaded .load-more .meta a.links-expanded:hover,
    .content-list.threaded .content-item .meta a.links-expanded:hover,
    .content-list.threaded .load-more .meta a.links-expanded:active,
    .content-list.threaded .content-item .meta a.links-expanded:active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .content-list.threaded .load-more .meta .votes,
    .content-list.threaded .content-item .meta .votes {
      display: flex;
      align-items: center;
      margin-right: 0;
      color: black;
    }
    .content-list.threaded .load-more .meta .votes .current,
    .content-list.threaded .content-item .meta .votes .current {
      float: left;
      cursor: pointer;
    }
    .content-list.threaded .load-more .meta .votes .up,
    .content-list.threaded .content-item .meta .votes .up {
      display: inline-block;
      width: 16.8px;
      height: 16.8px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      padding-right: 0;
      margin-right: 0;
      float: left;
      color: var(--color-blue-800);
    }
    .content-list.threaded .load-more .meta .votes .up:before,
    .content-list.threaded .content-item .meta .votes .up:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 16.8px;
      height: 16.8px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e876";
      font-family: Entypo;
      font-size: 16.8px;
      line-height: 16.8px;
    }
    .content-list.threaded .load-more .meta .votes .down,
    .content-list.threaded .content-item .meta .votes .down {
      display: inline-block;
      width: 16.8px;
      height: 16.8px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      padding-right: 0;
      margin-right: 0;
      color: var(--color-blue-800);
    }
    .content-list.threaded .load-more .meta .votes .down:before,
    .content-list.threaded .content-item .meta .votes .down:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 16.8px;
      height: 16.8px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e873";
      font-family: Entypo;
      font-size: 16.8px;
      line-height: 16.8px;
    }
    .content-list.threaded .load-more .meta .votes .selected,
    .content-list.threaded .content-item .meta .votes .selected {
      color: var(--color-orange-500);
    }
    .content-list.threaded .load-more .meta .primary,
    .content-list.threaded .content-item .meta .primary,
    .content-list.threaded .load-more .meta .new-reply,
    .content-list.threaded .content-item .meta .new-reply {
      transition: all 0.1s;
      background-color: var(--color-blue-800);
      color: var(--color-off-white);
      padding-left: var(--space-2);
      padding-right: var(--space-2);
      border-radius: var(--space-1);
    }
    .content-list.threaded .load-more .meta.edit,
    .content-list.threaded .content-item .meta.edit {
      display: none;
    }
    .content-list.threaded .load-more .meta.standard,
    .content-list.threaded .content-item .meta.standard {
      display: block;
    }
    .content-list.threaded .load-more .meta .host-address,
    .content-list.threaded .content-item .meta .host-address {
      margin-right: var(--space-2);
    }
    .content-list.threaded .load-more .author .meta,
    .content-list.threaded .content-item .author .meta {
      font: var(--font-hmc-body-m);
      color: var(--color-gray-800);
      font-style: italic;
      padding: 5px 0;
      min-height: var(--space-9);
    }
    .content-list.threaded .load-more .author .meta a,
    .content-list.threaded .content-item .author .meta a {
      transition: color 0.3s;
      color: var(--color-gray-400);
    }
    .content-list.threaded .load-more .author .user-name,
    .content-list.threaded .content-item .author .user-name {
      font: var(--font-hmc-body-m);
      padding-right: var(--space-2);
      font-style: normal;
    }
    .content-list.threaded .load-more .author .user-name a,
    .content-list.threaded .content-item .author .user-name a {
      color: var(--color-blue-500);
    }
    .content-list.threaded .load-more .rendered-content:hover .meta a,
    .content-list.threaded .content-item .rendered-content:hover .meta a {
      color: var(--color-blue-500);
    }
    .content-list.threaded .load-more .rendered-content:hover .meta a:hover,
    .content-list.threaded .content-item .rendered-content:hover .meta a:hover {
      color: var(--color-blue-500);
    }
    .content-list.threaded .load-more .rendered-content:hover .meta a:active,
    .content-list.threaded .content-item .rendered-content:hover .meta a:active {
      color: var(--color-blue-500);
    }
    .content-list.threaded .load-more .rendered-content:hover .meta a.links-expanded,
    .content-list.threaded .content-item .rendered-content:hover .meta a.links-expanded {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .content-list.threaded .load-more .rendered-content:hover .meta a.links-expanded:hover,
    .content-list.threaded .content-item .rendered-content:hover .meta a.links-expanded:hover,
    .content-list.threaded .load-more .rendered-content:hover .meta a.links-expanded:active,
    .content-list.threaded .content-item .rendered-content:hover .meta a.links-expanded:active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .content-list.threaded .load-more .rendered-content:hover .meta .primary,
    .content-list.threaded .content-item .rendered-content:hover .meta .primary,
    .content-list.threaded .load-more .rendered-content:hover .meta .new-reply,
    .content-list.threaded .content-item .rendered-content:hover .meta .new-reply {
      background-color: var(--color-blue-800);
      color: var(--color-off-white);
    }
    .content-list.threaded .load-more .rendered-content:hover .meta .primary:hover,
    .content-list.threaded .content-item .rendered-content:hover .meta .primary:hover,
    .content-list.threaded .load-more .rendered-content:hover .meta .new-reply:hover,
    .content-list.threaded .content-item .rendered-content:hover .meta .new-reply:hover {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .content-list.threaded .load-more .rendered-content:hover .meta .primary:active,
    .content-list.threaded .content-item .rendered-content:hover .meta .primary:active,
    .content-list.threaded .load-more .rendered-content:hover .meta .new-reply:active,
    .content-list.threaded .content-item .rendered-content:hover .meta .new-reply:active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .content-list.threaded .load-more .rendered-content:hover .vote .primary,
    .content-list.threaded .content-item .rendered-content:hover .vote .primary {
      background-color: var(--color-green-700);
    }
    .content-list.threaded .load-more .rendered-content:hover .vote .primary:hover,
    .content-list.threaded .content-item .rendered-content:hover .vote .primary:hover {
      background-color: var(--color-green-300);
    }
    .content-list.threaded .load-more .rendered-content:hover .vote .primary:active,
    .content-list.threaded .content-item .rendered-content:hover .vote .primary:active {
      background-color: var(--color-green-800);
    }
    .content-list.threaded .load-more .rendered-content:hover .unvote .primary,
    .content-list.threaded .content-item .rendered-content:hover .unvote .primary {
      background-color: var(--color-blue-500);
    }
    .content-list.threaded .load-more .rendered-content:hover .unvote .primary:hover,
    .content-list.threaded .content-item .rendered-content:hover .unvote .primary:hover {
        background-color: var(--color-blue-500);
    }
    .content-list.threaded .load-more .rendered-content:hover .unvote .primary:active,
    .content-list.threaded .content-item .rendered-content:hover .unvote .primary:active {
      background-color: var(--color-blue-600);
    }
    .content-list.threaded .load-more .new-replies-wrapper,
    .content-list.threaded .content-item .new-replies-wrapper {
      font-style: normal;
    }
    .content-list.threaded .load-more .new-replies-wrapper a,
    .content-list.threaded .content-item .new-replies-wrapper a {
      border-left: var(--space-1) solid var(--color-blue-500);
      padding-left: 5px;
      padding-bottom: 1px;
      color: var(--color-gray-400);
    }
    .content-list.threaded .load-more .new-replies-wrapper a:hover,
    .content-list.threaded .content-item .new-replies-wrapper a:hover {
      color: var(--color-blue-500);
    }
    .content-list.threaded .load-more .new-replies-wrapper a:active,
    .content-list.threaded .content-item .new-replies-wrapper a:active {
      color: var(--color-blue-700);
    }
    .content-list.threaded .load-more.deleted > .rendered-content,
    .content-list.threaded .content-item.deleted > .rendered-content {
      opacity: 0.75;
      font-style: italic;
      color: var(--color-gray-400);
    }
    .content-list.threaded .load-more.deleted > .rendered-content .navigation-list[data-direction='horizontal'] a,
    .content-list.threaded .content-item.deleted > .rendered-content .navigation-list[data-direction='horizontal'] a {
      margin: 0;
      padding: 0;
    }
    .content-list.threaded .load-more.hide-content .threaded-reply-content,
    .content-list.threaded .content-item.hide-content .threaded-reply-content {
      display: none;
    }
    .content-list.threaded .load-more.hide-content .content-item .threaded-reply-content,
    .content-list.threaded .content-item.hide-content .content-item .threaded-reply-content {
      display: block;
    }
    .content-list.threaded .load-more.edit .meta.edit,
    .content-list.threaded .content-item.edit .meta.edit {
      display: block;
    }
    .content-list.threaded .load-more.edit .meta.default,
    .content-list.threaded .content-item.edit .meta.default {
      display: none;
    }
    .content-list.threaded .load-more.edit .content-item .meta.edit,
    .content-list.threaded .content-item.edit .content-item .meta.edit {
      display: none;
    }
    .content-list.threaded .load-more.edit .content-item .meta.default,
    .content-list.threaded .content-item.edit .content-item .meta.default {
      display: block;
    }
    .content-list.threaded .load-more:first-child > .rendered-content.suggested,
    .content-list.threaded .content-item:first-child > .rendered-content.suggested,
    .content-list.threaded .load-more:first-child > .rendered-content.verified,
    .content-list.threaded .content-item:first-child > .rendered-content.verified {
      margin-top: 0;
    }
    .content-list.threaded .content-list.threaded {
      border: 0px;
    }
    .content-list.threaded .content-list.threaded:not(:empty) {
      padding-top: var(--space-4);
      padding-bottom: 0;
    }
    .content-list.threaded .load-more {
      padding: 0 0 0 0px;
      font: var(--font-hmc-body-m);
      position: relative;
    }
    .content-list.threaded .load-more a {
      width: 100%;
      background-color: var(--color-off-white);
      color: var(--color-gray-500);
      padding: var(--space-2) var(--space-11);;
      display: block;
      text-align: center;
      border-radius: var(--space-1);
      transition: all 0.15s;
    }
    .content-list.threaded .load-more a:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e883";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .content-list.threaded .load-more a:hover {
      color: var(--color-off-white);
      background-color: var(--color-blue-500);
    }
    .content-list.threaded .load-more a:active {
      color: var(--color-off-white);
      background-color: var(--color-blue-700);
    }
    .content-list.threaded .load-more.previous {
      padding: 0px 0 15px 0px;
    }
    .content-list.threaded .load-more.previous a:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e886";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .content-list.threaded .load-more[data-inline] a:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e86e";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .content-list.threaded .load-more .ui-loading {
      display: none;
    }
    .content-list.threaded .load-more.loading a {
      display: none;
    }
    .content-list.threaded .load-more.loading .ui-loading {
      display: block;
    }
    .content-list.threaded .content-list.threaded .load-more {
      padding-left: var(--space-4);
    }
    .content-list.threaded .content-list.threaded .load-more.previous {
      padding-left: var(--space-4);
    }
    .content-list.threaded > li:first-child.load-more[data-inline] a:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e886";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-right: 2px;
      position: relative;
      top: 1px;
    }
    .threaded-filter {
      text-align: center;
      margin-top: 0;
      margin-bottom: 15px;
    }
    .threaded-filter .filter.order {
      justify-content: center;
    }
    .threaded-filter .filter.order .filter-option {
      flex: 0 0 0;
    }
    .threaded-filter .filter.order a {
      font: var(--font-hmc-body-m);
      border-bottom: 0px;
      margin: 0 var(--space-1);
      padding: var(--space-1) var(--space-4);
      border-radius: 3px;
    }
    .threaded-filter .filter.order li.selected a {
      border: 1px solid var(--color-gray-300);
    }
    .threaded-summary {
      margin-bottom: var(--space-9);
    }
    .threaded-summary h2,
    .threaded-summary h3 {
      margin: var(--space-4) 0;
      font: var(--font-hmc-body-m);
      color: var(--color-gray-800);
      -webkit-font-smoothing: subpixel-antialiased;
    }
    .threaded-summary .content-list .content-item {
      padding: 0 var(--space-4) 0 0;
      padding-left: var(--space-14);
      position: relative;
      min-height: var(--space-11);
      margin: 0 0 var(--space-4) 0;
    }
    .threaded-summary .content-list .content-item .author .meta {
      font: var(--font-hmc-body-m);
      color: var(--color-gray-800);
      font-style: italic;
      padding: 0 0 var(--space-2) 0;
    }
    .threaded-summary .content-list .content-item .author .meta a {
      transition: color 0.3s;
      color: var(--color-blue-800);
    }
    .threaded-summary .content-list .content-item .author .votes {
      color: var(--color-gray-800);
      margin-left: var(--space-4);
      font-weight: 600;
      font-style: normal;
      margin-right: var(--space-2);
    }
    .threaded-summary .content-list .content-item .author .status {
      font: var(--font-hmc-body-s);
      padding: 2px;
      background-color: var(--color-red-700);
      color: var(--color-off-white);
      display: inline-block;
      width: 14px;
      height: 14px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      border-radius: 500px;
      top: 3px;
    }
    .threaded-summary .content-list .content-item .author .status:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 14px;
      height: 14px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e812";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
    }
    .threaded-summary .content-list .content-item .author .status:before {
      left: auto;
      right: 1px;
      font-size: 14px;
    }
    .threaded-summary .content-list .content-item .author .status.verified {
      background-color: var(--color-green-700);
      color: white;
    }
    .threaded-summary .content-list .content-item .author .status.suggested {
      background-color: var(--color-yellow-500);
    }
    .threaded-summary .content-list .content-item .author .user-name {
      font: var(--font-hmc-body-m);
      padding-right: var(--space-2);
      font-style: normal;
    }
    .threaded-summary .content-list .content-item .author .user-name a {
      color: var(--color-blue-500);
    }
    .threaded-summary .content-list .content-item .content {
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .threaded-summary .content-list .content-item .view-full-post {
      overflow: hidden;
      max-width: 100%;
      color: var(--color-blue-900);
    }
    .threaded-summary .content-list .content-item .view-full-post:hover {
      color: var(--color-blue-500);
    }
    .threaded-summary .content-list .avatar {
      position: absolute;
      left: 0;
      top: 0;
    }
    .threaded-summary .content-list .avatar img {
      border-radius: var(--space-1);
    }
    .threaded-wrapper .ui-loading {
      opacity: 0.3;
    }
    .threaded.new-replies.offscreen {
      position: fixed;
      bottom: 0;
      z-index: 500;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      font: var(--font-hmc-body-m);
      color: var(--color-off-white);
    }
    .threaded.new-replies.offscreen a {
      border-radius: var(--space-1) var(--space-1) 0 0;
      background-color: var(--color-blue-900);
      opacity: 0.8;
      padding: var(--space-2) 0;
      display: block;
      color: var(--color-off-white);
    }
    .threaded.new-replies.offscreen a:hover {
      color: var(--color-blue-500);
      opacity: 0.95;
    }
    .threaded.new-replies.offscreen a:active {
      color: var(--color-blue-700);
      opacity: 0.95;
    }
    /*
    When customizing this theme, it is recommended to use existing theme configuration or add override CSS/LESS
    files instead of editing platform-defined CSS/LESS. This will make future upgrades simpler.
  
    Direct edits to platform-defined CSS/LESS is not prevented, but will require manual diff/merging when upgrading
    to new versions of this theme.
    */
    .activity .avatar {
      border-radius: 500px;
      overflow: hidden;
    }
    .activity .avatar img {
      border-radius: 500px;
    }
    .activity .activity-avatar .avatar {
      border-radius: 0px;
      overflow: hidden;
    }
    .activity .activity-avatar .avatar img {
      border-radius: 0px;
    }
    .activity-story {
      padding-left: 66px;
      font: var(--font-hmc-body-m);
      position: relative;
      overflow: hidden;
      word-wrap: break-word;
    }
    .activity-story.with-updateidentifier .full-post.updateidentifier {
      position: relative;
      left: -66px;
    }
    .activity-story.with-updateidentifier .full-post.updateidentifier .activity-summary {
      margin-bottom: 1em;
      padding: 0;
    }
    .activity-story.with-updateidentifier .full-post.updateidentifier .activity-summary:before {
      width: 16px;
      height: 16px;
      display: inline-block;
      content: "\e8b4";
      font-family: Entypo;
      font-size: 16px;
      line-height: 16px;
      margin-right: -4px;
      position: relative;
      top: 1px;
    }
    .activity-story.highlight {
      padding-left: 81px;
    }
    .activity-story.highlight:after {
      content: ' ';
      display: block;
      position: absolute;
      left: 0px;
      top: 0px;
      height: 100%;
      border-left: solid 7.5px var(--color-blue-500);
    }
    .activity-story p {
      word-wrap: break-word;
      text-rendering: auto;
    }
    .activity-story p:empty {
      display: none;
    }
    .activity-story .post-moderate {
      display: none;
    }
    .activity-story .post-actions.activity {
      font: var(--font-hmc-body-m);
    }
    .activity-story .navigation-list {
      left: 0px;
    }
    .activity-story .navigation-list span.date,
    .activity-story .navigation-list a.date {
      margin: 0 var(--space-6) 0 0;
      padding: 0;
      color: var(--color-gray-400);
    }
    .activity-story .navigation-list a {
      color: var(--color-blue-800);
    }
    .activity-story .navigation-list a:hover {
      color: var(--color-blue-500);
    }
    .activity-story .navigation-list a.links-expanded {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
      border-radius: var(--space-1);
    }
    .activity-story .navigation-list a.links-expanded[data-position="downright"],
    .activity-story .navigation-list a.links-expanded[data-position="downleft"] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .activity-story .navigation-list a.links-expanded[data-position="upright"],
    .activity-story .navigation-list a.links-expanded[data-position="upleft"] {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .activity-story .navigation-list a.links-expanded:hover,
    .activity-story .navigation-list a.links-expanded:active {
      background-color: var(--color-blue-500);
      color: var(--color-off-white);
    }
    .activity-story .navigation-list .navigation-item {
      font: var(--font-hmc-body-m);
    }
    .activity-story .navigation-list .navigation-item:before {
      display: none;
    }
    .activity-story .navigation-list:before {
      display: none;
    }
    .activity-story .full-post {
      line-height: 1.4em;
    }
    .activity-story .full-post .content-item.action {
      line-height: 1.4em;
    }
    .activity-story .full-post .content-item.action a {
      color: var(--color-gray-700);
    }
    .activity-story .full-post .content-item.action a:hover {
      color: var(--color-blue-500);
    }
    .activity-story .full-post .content-item.action a.expand:after {
      width: 14px;
      height: 14px;
      display: inline-block;
      content: "\e877";
      font-family: Entypo;
      font-size: 14px;
      line-height: 14px;
      margin-left: 15px;
      position: relative;
      top: 1px;
    }
    .activity-story .full-post .post-actions.activity {
      margin-top: 12px;
    }
    .activity-story .activity-summary {
      color: var(--color-gray-900);
    }
    .activity-story .activity-summary a {
      color: var(--color-blue-800);
    }
    .activity-story .activity-summary a:hover {
      color: var(--color-blue-500);
    }
    .activity-story .activity-summary .user-name a {
      color: var(--color-blue-500);
    }
    .activity-story .activity-summary .user-name a:hover {
      color: var(--color-blue-500);
    }
    .activity-story .navigation-list-item:first-child a {
      margin-left: 0;
      padding-left: var(--space-8);
    }
    .activity-story .content-list.comments {
      margin-top: 0px;
      line-height: 1.4em;
    }
    .activity-story .content-list.comments .content-item.action,
    .activity-story .content-list.comments .content-item.comment {
      position: relative;
      background-color: transparent;
      font: var(--font-hmc-body-m);
      padding: var(--space-3) var(--space-4);
      display: block;
      overflow: hidden;
      border: 0px;
      word-wrap: break-word;
    }
    .activity-story .content-list.comments .content-item.action .ui-loading,
    .activity-story .content-list.comments .content-item.comment .ui-loading {
      color: var(--color-gray-300);
    }
    .activity-story .content-list.comments .content-item.action.collapse,
    .activity-story .content-list.comments .content-item.comment.collapse {
      padding-bottom: 0px;
    }
    .activity-story .content-list.comments .content-item.action.answer .answer-status,
    .activity-story .content-list.comments .content-item.comment.answer .answer-status {
      display: inline-block;
      width: 9px;
      height: 9px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      width: 15px;
      height: 15px;
    }
    .activity-story .content-list.comments .content-item.action.answer .answer-status:before,
    .activity-story .content-list.comments .content-item.comment.answer .answer-status:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 9px;
      height: 9px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e812";
      font-family: Entypo;
      font-size: 9px;
      line-height: 9px;
    }
    .activity-story .content-list.comments .content-item.action.answer .answer-status::before,
    .activity-story .content-list.comments .content-item.comment.answer .answer-status::before {
      background-color: var(--color-green-700);
      color: var(--color-off-white);
      border-radius: 500px;
      height: 14px;
      width: 15px;
      padding: 2px 0 0 0px;
      top: 1px;
    }
    .activity-story .content-list.comments .content-item.action.suggested .answer-status,
    .activity-story .content-list.comments .content-item.comment.suggested .answer-status {
      display: inline-block;
      width: 9px;
      height: 9px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      width: 15px;
      height: 15px;
    }
    .activity-story .content-list.comments .content-item.action.suggested .answer-status:before,
    .activity-story .content-list.comments .content-item.comment.suggested .answer-status:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 9px;
      height: 9px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e812";
      font-family: Entypo;
      font-size: 9px;
      line-height: 9px;
    }
    .activity-story .content-list.comments .content-item.action.suggested .answer-status::before,
    .activity-story .content-list.comments .content-item.comment.suggested .answer-status::before {
      background-color: var(--color-yellow-500);
      color: var(--color-off-white);
      border-radius: 500px;
      height: 14px;
      width: 15px;
      padding: 2px 0 0 0px;
      top: 1px;
    }
    .activity-story .content-list.comments .content-item.action.highlight:after,
    .activity-story .content-list.comments .content-item.comment.highlight:after {
      content: ' ';
      display: block;
      position: absolute;
      left: 0px;
      top: 0px;
      height: 100%;
      border-left: solid 5px var(--color-blue-500);
    }
    .activity-story .content-list.comments .content-item.action .full-post.comment,
    .activity-story .content-list.comments .content-item.comment .full-post.comment {
      line-height: 1.4em;
    }
    .activity-story .content-list.comments .content-item.action .full-post.comment .avatar,
    .activity-story .content-list.comments .content-item.comment .full-post.comment .avatar {
      top: var(--space-1);
    }
    .activity-story .content-list.comments .content-item.action .full-post.comment .post-author,
    .activity-story .content-list.comments .content-item.comment .full-post.comment .post-author {
      float: none;
      display: block;
      color: var(--color-gray-700);
    }
    .activity-story .content-list.comments .content-item.action .full-post.comment .navigation-item,
    .activity-story .content-list.comments .content-item.comment .full-post.comment .navigation-item {
      color: var(--color-gray-700);
    }
    .activity-story .content-list.comments .content-item.action .full-post.comment .post-content,
    .activity-story .content-list.comments .content-item.comment .full-post.comment .post-content {
      padding: var(--space-1) 0;
      float: none;
    }
    .activity-story .content-list.comments .content-item.action.likes.with-likes .like-message,
    .activity-story .content-list.comments .content-item.comment.likes.with-likes .like-message {
      color: var(--color-gray-700);
    }
    .activity-story .content-list.comments .content-item.action.likes.with-likes .ui-like:before,
    .activity-story .content-list.comments .content-item.comment.likes.with-likes .ui-like:before {
      display: none;
    }
    .activity-story .content-list.comments .content-item.action.likes.without-likes,
    .activity-story .content-list.comments .content-item.comment.likes.without-likes {
      display: none;
    }
    .activity-story .content-list.comments .content-item.action .post-author .user-name a,
    .activity-story .content-list.comments .content-item.comment .post-author .user-name a {
      font: var(--font-hmc-body-m);
    }
    .activity-story .content-list.comments .content-item.action p,
    .activity-story .content-list.comments .content-item.comment p {
      font: var(--font-hmc-body-m);
      margin: var(--space-4) 0;
      word-wrap: break-word;
    }
    .activity-story .content-list.comments .content-item.action p:first-child,
    .activity-story .content-list.comments .content-item.comment p:first-child {
      margin-top: 0;
    }
    .activity-story .content-list.comments .content-item.action p:last-child,
    .activity-story .content-list.comments .content-item.comment p:last-child,
    .activity-story .content-list.comments .content-item.action p:last-of-type,
    .activity-story .content-list.comments .content-item.comment p:last-of-type {
      margin-bottom: 0;
    }
    .activity-story .content-list.comments .content-item.action .navigation-list,
    .activity-story .content-list.comments .content-item.comment .navigation-list {
      left: 0px;
    }
    .activity-story .content-list.comments .content-item.action .navigation-item,
    .activity-story .content-list.comments .content-item.comment .navigation-item {
      font: var(--font-hmc-body-m);
    }
    .activity-story .content-list.comments .content-item.action .navigation-item a,
    .activity-story .content-list.comments .content-item.comment .navigation-item a {
      font: var(--font-hmc-body-m);
    }
    .activity-story .content-list.comments .content-item.action.comment-form,
    .activity-story .content-list.comments .content-item.comment.comment-form,
    .activity-story .content-list.comments .content-item.action.reply-form,
    .activity-story .content-list.comments .content-item.comment.reply-form {
      margin: var(--space-4) 0 0 0;
    }
    .activity-story .content-list.comments .content-item.action.comment-form fieldset .field-list .field-item .field-item-input,
    .activity-story .content-list.comments .content-item.comment.comment-form fieldset .field-list .field-item .field-item-input,
    .activity-story .content-list.comments .content-item.action.reply-form fieldset .field-list .field-item .field-item-input,
    .activity-story .content-list.comments .content-item.comment.reply-form fieldset .field-list .field-item .field-item-input {
      margin-top: 0;
      margin-bottom: 0;
      position: relative;
      padding-left: var(--space-10);
    }
    .activity-story .content-list.comments .content-item.action.comment-form .avatar,
    .activity-story .content-list.comments .content-item.comment.comment-form .avatar,
    .activity-story .content-list.comments .content-item.action.reply-form .avatar,
    .activity-story .content-list.comments .content-item.comment.reply-form .avatar {
      position: absolute;
      display: inline;
      top: 0;
      left: 0;
    }
    .activity-story .content-list.comments .content-item.action.comment-form.with-avatar .avatar img,
    .activity-story .content-list.comments .content-item.comment.comment-form.with-avatar .avatar img,
    .activity-story .content-list.comments .content-item.action.reply-form.with-avatar .avatar img,
    .activity-story .content-list.comments .content-item.comment.reply-form.with-avatar .avatar img {
      border-radius: 500px;
    }
    .activity-story .content-list.comments .content-item.action.comment-form .suggest-field,
    .activity-story .content-list.comments .content-item.comment.comment-form .suggest-field,
    .activity-story .content-list.comments .content-item.action.reply-form .suggest-field,
    .activity-story .content-list.comments .content-item.comment.reply-form .suggest-field {
      overflow: hidden;
      display: inline-block;
      padding: var(--space-1);
    }
    .activity-story .content-list.comments .content-item.action.comment-form .suggest-field input,
    .activity-story .content-list.comments .content-item.comment.comment-form .suggest-field input,
    .activity-story .content-list.comments .content-item.action.reply-form .suggest-field input,
    .activity-story .content-list.comments .content-item.comment.reply-form .suggest-field input {
      margin-right: var(--space-1);
      margin-left: var(--space-1);
      position: relative;
      top: 1px;
    }
    .activity-story .content-list.comments .content-item.action.comment-form .suggest-field label,
    .activity-story .content-list.comments .content-item.comment.comment-form .suggest-field label,
    .activity-story .content-list.comments .content-item.action.reply-form .suggest-field label,
    .activity-story .content-list.comments .content-item.comment.reply-form .suggest-field label {
      cursor: pointer;
      position: relative;
      top: 0px;
    }
    .activity-story .content-list.comments .content-item.action.comment-form,
    .activity-story .content-list.comments .content-item.comment.comment-form {
      padding-left: 0;
    }
    .activity-story .content-list.comments .content-item.action.reply-form,
    .activity-story .content-list.comments .content-item.comment.reply-form {
      padding-left: var(--space-13);
    }
    .activity-story .content-list.comments.with-content {
      margin-top: var(--space-4);
    }
    .activity-story .content-list.comments.with-content .content-item.action.comment-form,
    .activity-story .content-list.comments.with-content .content-item.comment.comment-form,
    .activity-story .content-list.comments.with-content .content-item.action.reply-form,
    .activity-story .content-list.comments.with-content .content-item.comment.reply-form {
      margin-top: 0;
    }
    .activity-story .content-list.comments.with-content .content-item.comment.comment-form {
      padding-left: var(--space-4);
    }
    .activity-story .content-list.comments.with-content .content-item.comment.comment-form.reply-form {
      padding-left: var(--space-13);
    }
    .activity-story a.internal-link.view-user-profile.activity-summary-user,
    .activity-story .activity-title a,
    .activity-story .activity-summary .user-name a,
    .activity-story .full-post .post-content {
      font: var(--font-hmc-body-m);
    }
    .activity-story a.internal-link.view-user-profile.activity-summary-user a,
    .activity-story .activity-title a a,
    .activity-story .activity-summary .user-name a a,
    .activity-story .full-post .post-content a {
      font-weight: normal;
    }
    .activity-story .post-author .avatar {
      left: -66px;
    }
    .activity-story .post-author .avatar img {
      border-radius: 500px;
    }
    .activity-story .post-attachment-viewer,
    .activity-story .activity-avatar {
      margin-right: var(--space-4);
      padding: var(--space-2);
    }
    .activity-story .post-attachment-viewer.edit,
    .activity-story .activity-avatar.edit {
      margin-bottom: var(--space-4);
    }
    .activity-story .post-attachment-viewer:empty,
    .activity-story .activity-avatar:empty {
      display: none;
    }
    .activity-story .status-edit-action {
      display: inline-block;
      padding: var(--space-1) var(--space-2);
      cursor: pointer;
    }
    .activity-story .post-attachment-viewer.access-denied {
      color: var(--color-gray-400);
      font: var(--font-hmc-body-m);
    }
    .activity-story .user-defined-markup img {
      max-width: 320px;
      max-height: 240px;
    }
    .activity-story a.internal-link.view-user-profile.activity-summary-user,
    .activity-story .activity-title a,
    .activity-story .activity-summary .user-name a {
      font-weight: normal;
    }
    .content-list .content-item.activity-story {
      font-family: inherit;
      padding: 15px 0 15px 66px;
      border-top: 0px;
    }
    .content-list .content-item.activity-story.with-updateidentifier .full-post.updateidentifier {
      position: relative;
      left: -66px;
    }
    .content-list .content-item.activity-story.with-updateidentifier .full-post.updateidentifier .activity-summary {
      margin-bottom: 1em;
      padding: 0;
    }
    .content-list .content-item.activity-story.with-updateidentifier .full-post.updateidentifier .activity-summary:before {
      width: 16px;
      height: 16px;
      display: inline-block;
      content: "\e8b4";
      font-family: Entypo;
      font-size: 16px;
      line-height: 16px;
      margin-right: -4px;
      position: relative;
      top: 1px;
    }
    .content-list .content-item.activity-story.with-updateidentifier .full-post.activity .post-author.activity,
    .content-list .content-item.activity-story.with-updateidentifier .full-post.activity .post-content.activity {
      position: relative;
    }
    .content-list.single .content-item.activity-story {
      border-top-width: 0;
    }
    /* twitter stories */
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .via {
      font: var(--font-hmc-body-m);
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .twitter-intents li a {
      font: var(--font-hmc-body-m);
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .date {
      font: var(--font-hmc-body-m);
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .twitter-follow-button {
      margin-right: 0px;
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .navigation-list a {
      color: var(--color-blue-500);
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .internal-link {
      display: none;
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .avatar.twitter {
      left: -65px;
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .avatar.twitter .view-user-profile {
      display: block;
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .user-name .internal-link {
      display: inline;
      font: var(--font-hmc-body-m);
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .navigation-list[data-direction='horizontal'] a {
      padding-left: 0px;
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .navigation-list[data-direction='horizontal'] a.links-expanded {
      padding-left: var(--space-4);
      color: var(--color-off-white);
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .post-actions.activity {
      display: block;
    }
    /* Ideas */
    .idea-status {
      color: var(--color-blue-300);
    }
    .idea-status.status-comingsoon,
    .idea-status.status-comingsoon .attribute-value {
      color: var(--color-yellow-500);
    }
    .idea-status.status-complete,
    .idea-status.status-complete .attribute-value {
      color: var(--color-green-700);
    }
    .idea-status.status-notplanned,
    .idea-status.status-notplanned .attribute-value {
      color: var(--color-red-700);
    }
    .idea-status.status-underreview,
    .idea-status.status-underreview .attribute-value {
      color: var(--color-blue-900);
    }
    .activity-story .ui-vote {
      display: block;
      width: var(--space-11);
      margin: var(--space-1) var(--space-1) 0 0;
      position: static;
    }
    .activity-story .activity-description.idea {
      padding-bottom: 0;
    }
    .activity-story .post-voting {
      display: table-cell;
      height: 70px;
      width: 50px;
      vertical-align: top;
    }
    .activity-story .activity-container.idea {
      display: table;
      width: 100%;
    }
    .activity-story .activity-content.idea {
      display: table-cell;
      padding: 3px 5px;
      height: 66px;
      vertical-align: top;
    }
    .activity-story .ui-vote .score-summary {
      position: relative;
      z-index: 9;
    }
    /** Calendar **/
    .activity-container.calendar {
      position: relative;
      padding: 5px 5px 5px 55px;
      min-height: 55px;
    }
    .activity-container.calendar:before {
      content: "\E85B";
      color: var(--color-gray-300);
      font-display: swap;
      font-family: Entypo;
      font-size: 50px;
      position: absolute;
      top: 2px;
      left: 0;
      line-height: 50px;
    }
    .activity-title.calendar.cancelled {
      color: var(--color-red-700);
    }
    span.who-is-coming,
    span.remaining-users {
      font-weight: bold;
    }
    /* thread */
    .activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-suggested-answer,
    .activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-answer,
    .activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-reply {
      margin-top: var(--space-4);
    }
    .activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-suggested-answer .author,
    .activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-answer .author,
    .activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-reply .author {
      color: var(--color-gray-300);
      font: var(--font-hmc-body-m);
      display: block;
    }
    .group-application-separator {
      display: inline-block;
      width: 12px;
      height: 12px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .group-application-separator:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 12px;
      height: 12px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e875";
      font-family: Entypo;
      font-size: 12px;
      line-height: 12px;
    }
    .activity-story-filter {
      clear: both;
      overflow: hidden;
      border-top: 1px solid var(--color-gray-200);
      padding: var(--space-1);
      margin: var(--space-1) 0px 0px 0px;
    }
    .activity-story-filter label {
      width: 33%;
      float: left;
    }
    .single-column.content-fragment-page {
      padding: 0;
      font: var(--font-hmc-body-m);
      background-color: var(--color-off-white);
    }
    select,
    .ui-select {
      width: 100%;
    }
    select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 2px;
      border: 1px solid var(--color-off-white);
      margin-bottom: var(--space-2);
      padding: var(--space-2);
      background-repeat: no-repeat;
      background-size: var(--space-4) var(--space-4);
      background-image: url('downtriangle.svg');
      background-position: center right;
    }
    .ui-presence {
      display: none;
    }
    .full-post.activity .abbreviated-post.shared-link .post-summary,
    .ui-webpreview .abbreviated-post.shared-link .post-summary {
      display: none;
    }
    .admin-bar,
    .page-editing,
    .page-editing *,
    .page-management-edit-link,
    .page-management-edit-link *,
    .content-fragment-management,
    .content-fragment-management-header,
    .content-fragment-management-header-inner,
    .page-editing,
    .page-management-edit-link {
      display: none;
    }
    .header-fragments .layout .layout-content,
    .header-fragments .layout .header-top-content .layout-region-inner,
    .header-fragments .layout .layout-content .layout-region.header .layout-region-inner,
    .content-fragments .layout,
    .footer-fragments .layout {
      margin-left: auto;
      margin-right: auto;
      max-width: 670px;
      min-width: 0px;
      padding-left: 0px;
      padding-right: 0px;
    }
    .footer-fragments .layout {
      margin: 0 var(--space-4);
    }
    img {
      max-width: 100%;
      max-height: auto;
    }
    body {
      -webkit-tap-highlight-color: rgba(0, 57, 101, 0);
    }
    h1 {
      font: var(--font-hmc-title-xl);
    }
    h2 {
      font: var(--font-hmc-title-l);
    }
    h3 {
      font: var(--font-hmc-title-m);
    }
    h4 {
      font: var(--font-hmc-title-s);
    }
    h5 {
      font: var(--font-hmc-title-xs);
    }
    p {
      font: var(--font-hmc-body-m);
    }
    p:first-child {
      margin-top: 0;
    }
    .handheld {
      display: block;
    }
    .sort {
      float: none;
      margin: 0;
    }
    .sort .by,
    .sort .order {
      margin-left: 0;
    }
    .mask {
      width: 100%;
      height: 100%;
      background-color: var(--color-gray-900);
      position: fixed;
      top: 0;
      left: 0;
    }
    .stop-scrolling .banner.site {
      opacity: 1;
    }
    .replace-with-icon.chat {
      border: none;
      background-color: inherit;
    }
    .banner.site.all {
      z-index: 10;
      background-color: var(--color-white);
      position: fixed;
      top: 0px;
      padding-top: 0;
      margin-top: var(--space-8);
    }
    .banner.site.all .handheld {
      display: block;
    }
    .banner.site.all .popup-list-count {
      left: 0px;
      top: 3px;
      text-align: center;
      display: none;
    }
    .banner.site.all fieldset ul li {
      margin-top: 0px;
    }
    .banner.site.all > form > fieldset,
    .banner.site.all > fieldset {
      display: none;
    }
    .banner.site.all > .avatar {
      display: block;
      float: left;
      padding-top: 0;
      margin-left: var(--space-4);
    }
    .banner.site.all > .avatar img {
      padding-top: var(--space-3);
    }
    .banner.site.all > .navigation-list.site-links {
      display: none;
    }
    .banner.site.all > .navigation-list.user-links {
      display: none;
    }
    .banner.site.all > .navigation-list.handheld {
      display: block;
      float: right;
      width: 115px;
      vertical-align: middle;
      padding-top: var(--space-2);
    }
    .banner.site.all > .navigation-list.handheld ul .navigation-list-item {
      position: relative;
      float: left;
      overflow: hidden;
    }
    .banner.site.all > .navigation-list.handheld ul a {
      margin-left: 0px;
      float: left;
      color: var(--color-off-white);
    }
    .banner.site.all > .navigation-list.handheld ul a.active {
      color: var(--color-off-white);
      background-color: transparent;
    }
    .banner.site.all > .navigation-list.handheld ul .site {
      display: inline-block;
      width: 35px;
      height: 35px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .banner.site.all > .navigation-list.handheld ul .site:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 35px;
      height: 35px;
      top: 5px;
      left: 0;
      display: block;
      content: "\e811";
      font-family: Entypo;
      font-size: 34px;
      line-height: 18px;
    }
    .banner.site.all > .navigation-list.handheld ul .user {
      display: inline-block;
      width: 35px;
      height: 35px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .banner.site.all > .navigation-list.handheld ul .user:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 35px;
      height: 35px;
      top: 5px;
      left: 0;
      display: block;
      content: "\e80a";
      font-family: Entypo;
      font-size: 25px;
      line-height: 21px;
    }
    .banner.site.all > .navigation-list.handheld ul .user.logged-in {
      display: inline-block;
      width: 35px;
      height: 35px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .banner.site.all > .navigation-list.handheld ul .user.logged-in:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 35px;
      height: 35px;
      top: 5px;
      left: 0;
      display: block;
      content: "\e87b";
      font-family: Entypo;
      font-size: 29px;
      line-height: 25px;
      font-weight: bold;
    }
    .banner.site.all > .navigation-list.handheld ul .search {
      display: inline-block;
      width: 35px;
      height: 35px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .banner.site.all > .navigation-list.handheld ul .search:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 35px;
      height: 35px;
      top: 5px;
      left: 0;
      display: block;
      content: "\e803";
      font-family: Entypo;
      font-size: 29px;
      line-height: 21px;
    }
    .banner.site.all > .navigation-list.handheld ul .user,
    .banner.site.all > .navigation-list.handheld ul .search {
      margin: 0 0 var(--space-1) 0;
    }
    .banner.site.all .container.handheld {
      display: block;
      width: 100%;
      clear: both;
    }
    .banner.site.all .container.handheld .search {
      padding: var(--space-2);
    }
    .banner.site.all .container.handheld .search .field-item-input {
      margin: 0 0 0 0;
    }
    .banner.site.all .container.handheld .search .field-item-input:after {
      top: 7px;
      left: 10px;
    }
    .banner.site.all .container.handheld .search input {
      line-height: var(--space-7);
      height: var(--space-11);
      border: 0px;
      background-color: var(--color-off-white);
    }
    .banner.site.all .container.handheld .search input:hover,
    .banner.site.all .container.handheld .search input:focus {
      border: 0px;
      background-color: var(--color-off-white);
      color: var(--color-blue-900);
    }
    .banner.site.all .container.handheld .user-links {
      position: relative;
      border-bottom: 0px;
      border-top: solid 1px var(--color-gray-200);
    }
    .banner.site.all .container.handheld .user-links .navigation-list-item > span {
      display: block;
      float: right;
      position: relative;
    }
    .banner.site.all .container.handheld .user-links ul {
      width: 200px;
      margin-left: auto;
      margin-right: auto;
      overflow: hidden;
      height: var(--space-10);
      padding-top: 0px;
    }
    .banner.site.all .container.handheld .user-links ul a {
      float: right;
      color: var(--color-off-white);
    }
    .banner.site.all .container.handheld .user-links ul a.active {
      color: var(--color-off-white);
      background-color: transparent;
    }
    .banner.site.all .container.handheld .user-links ul .notifications {
      display: inline-block;
      width: 40px;
      height: 40px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .banner.site.all .container.handheld .user-links ul .notifications:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 40px;
      height: 40px;
      top: 5px;
      left: 0;
      display: block;
      content: "\e8b4";
      font-family: Entypo;
      font-size: 30px;
      line-height: 30px;
    }
    .banner.site.all .container.handheld .user-links ul .conversations {
      display: inline-block;
      width: 40px;
      height: 40px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .banner.site.all .container.handheld .user-links ul .conversations:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 40px;
      height: 40px;
      top: 5px;
      left: 0;
      display: block;
      content: "\e83b";
      font-family: Entypo;
      font-size: 30px;
      line-height: 30px;
    }
    .banner.site.all .container.handheld .user-links ul .bookmarks {
      display: inline-block;
      width: 40px;
      height: 40px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .banner.site.all .container.handheld .user-links ul .bookmarks:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 40px;
      height: 40px;
      top: 5px;
      left: 0;
      display: block;
      content: "\e828";
      font-family: Entypo;
      font-size: 30px;
      line-height: 30px;
    }
    .banner.site.all .container.handheld .user-links ul .bookmarks.bookmarked {
      color: var(--color-orange-500);
    }
    .banner.site.all .container.handheld .user-links ul .user {
      border-radius: 500px;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .banner.site.all .container.handheld .user-links ul .user.with-icon {
      top: 0px;
      border-radius: 0px;
      display: inline-block;
      width: 40px;
      height: 40px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .banner.site.all .container.handheld .user-links ul .user.with-icon:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 40px;
      height: 40px;
      top: 5px;
      left: 0;
      display: block;
      content: "\e80a";
      font-family: Entypo;
      font-size: 30px;
      line-height: 30px;
    }
    .banner.site.all .container.handheld .user-links ul .user img {
      border-radius: 500px;
      max-width: var(--space-8);
      max-height: var(--space-8);
      width: var(--space-8);
      height: var(--space-8);
      margin: var(--space-1);
    }
    .banner.site.all .container.handheld .user-links ul .notifications,
    .banner.site.all .container.handheld .user-links ul .conversations,
    .banner.site.all .container.handheld .user-links ul .bookmarks,
    .banner.site.all .container.handheld .user-links ul .user {
      margin: 0px var(--space-1) 0px var(--space-1);
    }
    .banner.context > .avatar,
    .banner.context:not(.home) > .avatar,
    .banner.context.home > .avatar {
      margin-left: var(--space-4);
      margin-right: 0;
    }
    .banner.context.with-ancestors > .hierarchy,
    .banner.context:not(.home).with-ancestors > .hierarchy,
    .banner.context.home.with-ancestors > .hierarchy {
      top: 0;
    }
    .banner.context > .hierarchy > .parent-navigation,
    .banner.context:not(.home) > .hierarchy > .parent-navigation,
    .banner.context.home > .hierarchy > .parent-navigation {
      margin-bottom: var(--space-2);
      padding-left: var(--space-4);
    }
    .banner.context > .hierarchy > .applications,
    .banner.context:not(.home) > .hierarchy > .applications,
    .banner.context.home > .hierarchy > .applications {
      margin-top: var(--space-2);
    }
    .banner.context > .hierarchy > .current-hierarchy,
    .banner.context:not(.home) > .hierarchy > .current-hierarchy,
    .banner.context.home > .hierarchy > .current-hierarchy {
      align-items: flex-start;
      flex-direction: row;
      flex-wrap: wrap;
      padding-left: var(--space-4);
    }
    .banner.context > .hierarchy > .current-hierarchy > .hierarchy-component,
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .hierarchy-component,
    .banner.context.home > .hierarchy > .current-hierarchy > .hierarchy-component {
      max-width: 90%;
      font: var(--font-hmc-body-m);
    }
    .banner.context > .hierarchy > .current-hierarchy > .hierarchy-component:first-child,
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .hierarchy-component:first-child,
    .banner.context.home > .hierarchy > .current-hierarchy > .hierarchy-component:first-child {
      max-width: 100%;
      width: 100%;
    }
    .banner.context > .hierarchy > .current-hierarchy > .hierarchy-component:before,
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .hierarchy-component:before,
    .banner.context.home > .hierarchy > .current-hierarchy > .hierarchy-component:before {
      display: none;
    }
    .banner.context > .hierarchy > .current-hierarchy > .hierarchy-component.container,
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .hierarchy-component.container,
    .banner.context.home > .hierarchy > .current-hierarchy > .hierarchy-component.container {
      font: var(--font-hmc-body-m);
    }
    .banner.context > .hierarchy > .current-hierarchy > .hierarchy-component.application,
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .hierarchy-component.application,
    .banner.context.home > .hierarchy > .current-hierarchy > .hierarchy-component.application {
      margin-top: var(--space-2);
      font: var(--font-hmc-body-m);
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications,
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications,
    .banner.context.home > .hierarchy > .current-hierarchy > .applications {
      margin-top: var(--space-2);
    }
    .banner.context > .hierarchy > .current-hierarchy > .applications ul a.more,
    .banner.context:not(.home) > .hierarchy > .current-hierarchy > .applications ul a.more,
    .banner.context.home > .hierarchy > .current-hierarchy > .applications ul a.more {
      border: 0px;
      top: 0px;
    }
    .banner.context > .new,
    .banner.context:not(.home) > .new,
    .banner.context.home > .new {
      flex: 0 0 var(--space-11);
      margin-right: 0px;
    }
    .banner.context > .new a,
    .banner.context:not(.home) > .new a,
    .banner.context.home > .new a {
      background-color: var(--color-green-700);
      border: 1px solid var(--color-green-800);
      color: var(--color-white);
      display: inline-block;
      width: 50px;
      height: 50px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      top: 0px;
    }
    .banner.context > .new a:before,
    .banner.context:not(.home) > .new a:before,
    .banner.context.home > .new a:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 50px;
      height: 50px;
      top: -1px;
      left: -1px;
      display: block;
      content: "\e816";
      font-family: Entypo;
      font-size: 30px;
      line-height: 50px;
    }
    .banner.context > .new a:active,
    .banner.context:not(.home) > .new a:active,
    .banner.context.home > .new a:active,
    .banner.context > .new a:hover,
    .banner.context:not(.home) > .new a:hover,
    .banner.context.home > .new a:hover {
      background-color: var(--color-green-900);
      color: var(--color-white);
    }
    .banner.context.inherited .hierarchy .current-hierarchy > .hierarchy-component.application,
    .banner.context:not(.home).inherited .hierarchy .current-hierarchy > .hierarchy-component.application,
    .banner.context.home.inherited .hierarchy .current-hierarchy > .hierarchy-component.application,
    .banner.context.inherited .hierarchy .current-hierarchy > .hierarchy-component.container,
    .banner.context:not(.home).inherited .hierarchy .current-hierarchy > .hierarchy-component.container,
    .banner.context.home.inherited .hierarchy .current-hierarchy > .hierarchy-component.container {
      display: inline;
    }
    .banner.application {
      padding: 0 var(--space-4);
      min-height: 88px;
    }
    .banner.application .name {
      padding-bottom: var(--space-3);
    }
    .banner.application .name .title {
      font: var(--font-hmc-title-m);
    }
    .banner.application .name .title a {
      font: var(--font-hmc-title-m);
    }
    .banner.application .navigation-list {
      left: var(--space-4);
    }
    .with-cover-photo .banner.context.home {
      min-height: 88px;
      padding-top: 42px;
    }
    .header-fragments {
      position: relative;
      overflow: hidden;
    }
    .header-fragments:hover .banner.site fieldset ul li .field-item-input input {
      border: 0px;
    }
    .header-fragments:after {
      opacity: 0.25;
    }
    .sheet {
      background-color: var(--color-off-white);
    }
    .sheet ul li > a {
      border-bottom: 1px solid var(--color-off-white);
    }
    .sheet ul li > a[data-cancel] {
      background-color: var(--color-off-white);
    }
    .popup-list {
      border-radius: 0px;
      font: var(--font-hmc-body-m);
    }
    .popup-list.notifications,
    .popup-list.search,
    .popup-list.conversations,
    .popup-list.bookmarks,
    .popup-list.user {
      width: 100%;
      padding-top: 0px;
    }
    .popup-list.notifications .multiple-column-list,
    .popup-list.search .multiple-column-list,
    .popup-list.conversations .multiple-column-list,
    .popup-list.bookmarks .multiple-column-list,
    .popup-list.user .multiple-column-list {
      border-top: 0px;
      border-left: 0px;
      border-right: 0px;
    }
    .popup-list.notifications .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .content,
    .popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .content,
    .popup-list.conversations .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .content,
    .popup-list.bookmarks .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .content,
    .popup-list.user .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .content {
      font: var(--font-hmc-body-m);
    }
    .popup-list.notifications .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .name,
    .popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .name,
    .popup-list.conversations .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .name,
    .popup-list.bookmarks .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .name,
    .popup-list.user .multiple-column-list .content-list.content .content-item .content.abbreviated > .summary .name {
      margin-bottom: 0;
      font: var(--font-hmc-title-xs);
    }
    .popup-list.notifications .navigation-list-item a,
    .popup-list.search .navigation-list-item a,
    .popup-list.conversations .navigation-list-item a,
    .popup-list.bookmarks .navigation-list-item a,
    .popup-list.user .navigation-list-item a {
      font: var(--font-hmc-body-xl);
    }
    .popup-list.site {
      padding-top: 0px;
    }
    .popup-list.site .multiple-column-list {
      border-top: 0px;
    }
    .popup-list .multiple-column-list {
      border: 0px;
    }
    body {
      padding-top: var(--space-11);
    }
    .content-fragment .content .content h1,
    .popup-list .content .content h1 {
      font: var(--font-hmc-title-xl);
    }
    .content-fragment .content .content h2,
    .popup-list .content .content h2 {
      font: var(--font-hmc-title-l);
    }
    .content-fragment .content .content h3,
    .popup-list .content .content h3 {
      font: var(--font-hmc-title-m);
    }
    .content-fragment .content .content h4,
    .popup-list .content .content h4 {
      font: var(--font-hmc-title-s);
    }
    .content-fragment .content .content h5,
    .popup-list .content .content h5 {
      font: var(--font-hmc-title-xs);
    }
    .content-fragment .content.full.text .name,
    .popup-list .content.full.text .name {
      font: var(--font-hmc-title-s);
      margin-bottom: 0;
    }
    .content-fragment .content.full .name,
    .popup-list .content.full .name {
      margin: var(--space-5) 0 0 0;
      font: var(--font-hmc-title-s);
    }
    .content-fragment .content.full .name.with-actions,
    .popup-list .content.full .name.with-actions {
      width: 85%;
    }
    .content-fragment .content.full .content,
    .popup-list .content.full .content {
      font: var(--font-hmc-body-m);
    }
    .content-fragment .content.full .actions,
    .popup-list .content.full .actions {
      width: 100%;
      border-width: 0px;
      margin-top: 0;
      height: auto;
      padding: 0 0 0 0;
    }
    .content-fragment .content.full .actions.download,
    .popup-list .content.full .actions.download {
      border-width: 0;
      float: right;
    }
    .content-fragment .content.full .actions.download a,
    .popup-list .content.full .actions.download a {
      margin: 0;
      padding: 0px;
      padding: 7.5px;
      color: var(--color-blue-1000);
      background-color: transparent;
      display: inline-block;
      width: 35px;
      height: 35px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
    }
    .content-fragment .content.full .actions.download a:before,
    .popup-list .content.full .actions.download a:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 35px;
      height: 35px;
      top: 7px;
      left: 0;
      display: block;
      content: "\e82d";
      font-family: Entypo;
      font-size: 21px;
      line-height: 21px;
    }
    .content-fragment .content.full .actions.download a:hover:before,
    .popup-list .content.full .actions.download a:hover:before,
    .content-fragment .content.full .actions.download a:active:before,
    .popup-list .content.full .actions.download a:active:before {
      color: var(--color-blue-500);
    }
    .content-fragment .content.full .content-tags .tag-list .tag-item a,
    .popup-list .content.full .content-tags .tag-list .tag-item a {
      float: left;
      margin-left: 0;
      margin-right: var(--space-2);
    }
    .content-fragment .content.full .actions,
    .popup-list .content.full .actions {
      font: var(--font-hmc-body-m);
      margin-top: var(--space-4);
      padding: var(--space-4) 0;
    }
    .content-fragment .content.full.without-author .actions,
    .popup-list .content.full.without-author .actions {
      border-top-width: 1px;
    }
    .content-fragment .content.abbreviated > .avatar,
    .popup-list .content.abbreviated > .avatar {
      padding: 0;
    }
    .content-fragment .content.abbreviated > .avatar img,
    .popup-list .content.abbreviated > .avatar img {
      width: auto;
      height: auto;
    }
    .content-fragment .content.abbreviated > .summary .name,
    .popup-list .content.abbreviated > .summary .name {
      width: 100%;
      font: var(--font-hmc-title-s);
      margin: 0;
    }
    .content-fragment .content.abbreviated > .summary .author,
    .popup-list .content.abbreviated > .summary .author {
      display: none;
    }
    .content-fragment .content.abbreviated > .summary .content,
    .popup-list .content.abbreviated > .summary .content {
      margin: var(--space-2) 0 0 0;
    }
    .content-fragment .content.abbreviated > .summary .attachment,
    .popup-list .content.abbreviated > .summary .attachment {
      display: none;
    }
    .content-fragment .content.abbreviated > .attributes,
    .popup-list .content.abbreviated > .attributes {
      display: none;
    }
    .content-fragment .content.thumbnail,
    .popup-list .content.thumbnail {
      width: 100%;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 57, 101, 0);
    }
    .content-fragment .content.thumbnail .name,
    .popup-list .content.thumbnail .name {
      width: 100%;
    }
    .content-fragment .content.full .actions .navigation-list-item > span,
    .popup-list .content.full .actions .navigation-list-item > span,
    .content-fragment .content.full .actions .navigation-list-item > a,
    .popup-list .content.full .actions .navigation-list-item > a {
      padding-right: var(--space-3);
    }
    .content-fragment .content.full .actions .navigation-list-item .ui-like[data-initialstate="true"] .like-count,
    .popup-list .content.full .actions .navigation-list-item .ui-like[data-initialstate="true"] .like-count {
      position: relative;
    }
    .content-fragment .content.full .actions .navigation-list-item .ui-like[data-initialstate="true"] .like-count:before,
    .popup-list .content.full .actions .navigation-list-item .ui-like[data-initialstate="true"] .like-count:before {
      top: -1px;
    }
    fieldset h1,
    fieldset h2,
    fieldset h3 {
      font: var(--font-hmc-title-s);
      margin: var(--space-2) 0;
    }
    fieldset input[type="password"],
    fieldset input[type="text"],
    fieldset input[type="input"],
    fieldset textarea {
      width: 100%;
    }
    fieldset input[type="password"][size="15"],
    fieldset input[type="text"][size="15"],
    fieldset input[type="input"][size="15"],
    fieldset textarea[size="15"] {
      width: 75%;
    }
    fieldset a.submit-form,
    fieldset input[type="button"],
    fieldset a.save-form,
    fieldset .button {
      padding: var(--space-4) var(--space-6);
      display: block;
      margin-right: 0px;
      margin-bottom: var(--space-4);
    }
    .pager .previous,
    .pager .next {
      padding: 3px 6px 3px 6px;
      min-width: 60px;
    }
    .pager .previous {
      display: inline-block;
      width: 20px;
      height: 20px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      height: 44px;
    }
    .pager .previous:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 20px;
      height: 20px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e87c";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .pager .previous:before {
      top: 12px;
      left: 20px;
    }
    .pager .next {
      display: inline-block;
      width: 20px;
      height: 20px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: 1px;
      height: 44px;
    }
    .pager .next:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 20px;
      height: 20px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e87d";
      font-family: Entypo;
      font-size: 20px;
      line-height: 20px;
    }
    .pager .next:before {
      left: auto;
      top: 12px;
      right: 20px;
    }
    .navigation-list.navigation {
      margin-bottom: var(--space-1);
    }
    .navigation-list.navigation a:before {
      height: var(--space-8);
      width: var(--space-8);
      top: var(--space-1);
    }
    .content-list .content-item.activity-story.with-updateidentifier .full-post.updateidentifier {
      left: -51px;
    }
    .activity-story img {
      max-width: 100%;
    }
    .activity-story .navigation-list a,
    .activity-story .navigation-list .navigation-list-item .like-toggle a,
    .activity-story .navigation-list span.date {
      margin-right: var(--space-4);
      margin-left: 0;
      padding-left: 0;
    }
    .activity-story .navigation-list .navigation-list-item .ui-like[data-initialstate="true"] .like-toggle a {
      margin-right: 0px;
    }
    .activity-story .navigation-list a[data-more] {
      padding-right: 0px;
      margin-right: 0px;
      display: inline-block;
      width: 18.2px;
      height: 18.2px;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      top: var(--space-1);
      margin-left: var(--space-3);

    }
    .activity-story .navigation-list a[data-more]:before {
      text-indent: 0;
      position: absolute;
      text-align: center;
      width: 18.2px;
      height: 18.2px;
      top: 0px;
      left: 0;
      display: block;
      content: "\e8bf";
      font-family: Entypo;
      font-size: 18.2px;
      line-height: 18.2px;
    }
    .activity-story .content-list.comments {
      width: 100%;
    }
    .activity-story .post-author.activity .avatar,
    .activity-story .post-author.updateidentifier .avatar {
      left: -90px;
    }
    .activity-story .post-author.activity .avatar img,
    .activity-story .post-author.updateidentifier .avatar img {
      max-width: var(--space-10);
      max-height: var(--space-10);
    }
    .activity-story .post-attachment-viewer,
    .activity-story .activity-avatar {
      margin-right: 0;
    }
    .activity-story .content-list.comments.with-content {
      padding: 0px;
      background-color: transparent;
      margin: 0 -15px 0 -15px;
    }
    .activity-story .content-list.comments .content-item.action.likes {
      display: none;
    }
    .activity-story .content-list.comments .content-item.comment {
      padding: var(--space-2) var(--space-4) 0 var(--space-4);
    }
    .activity-story .content-list.comments .content-item.comment.comment-form .avatar {
      display: none;
    }
    .activity-story .content-list.comments .content-item.comment.comment-form .field-list .field-item textarea {
      width: 100%;
      height: 100%;
      border: 1px solid var(--color-off-white);
      border-radius: 2px;
    }
    .activity-story .content-list.comments .content-item.comment.comment-form .field-list .field-item textarea:focus {
      border: 1px solid var(--color-blue-500);
      margin-bottom: 0px;
    }
    .activity-story .content-list.comments .content-item.comment.comment-form .field-item.submit {
      clear: both;
      display: block;
      padding-top: var(--space-4);
      margin-top: var(--space-4);
    }
    .content-list .content-item.activity-story {
      padding-top: var(--space-4);
      padding-bottom: var(--space-4);
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .avatar.twitter {
      left: -50px;
    }
    li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .avatar.twitter img {
      width: var(--space-10);
      height: var(--space-10);
    }
    .highlighter div {
      left: var(--space-1);
      width: 99%;
    }
    .content-fragment .content-list.content .content-item {
      padding: 0;
    }
    .content-fragment .content-list.content .content-item .content .attachment .viewer {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
    }
    .content-fragment .content-list.thumbnail .thumbnail-column {
      width: 31%;
    }
    .content-fragment .content-list.thumbnail .thumbnail-column .thumbnail {
      margin-bottom: 15px;
    }
    .content-fragment .content-list.tabular .content-item {
      border-bottom: 1px solid var(--color-off-white);
    }
    .content-fragment .content-list.tabular .content-item .cell {
      display: block;
      width: 100%;
      border-bottom: 0px;
      border-top: 0px;
      padding: var(--space-2) 0;
    }
    .content-fragment .content-list.tabular .content-item .cell.minimal {
      width: 100%;
    }
    .content-fragment .content-list.tabular .content-item:first-child .cell {
      border-bottom: 0px;
      border-top: 0px;
    }
    .content-fragment .content-list.tabular.simple .content-item {
      border-bottom: 1px solid var(--color-gray-200);
    }
    .content-fragment .content-list.tabular.simple .content-item .cell.nowrap {
      padding-top: var(--space-1);
    }
    .content-fragment .content-list.tabular.simple .content-item .cell.metadata {
      display: none;
    }
    .content-fragment .content-list.grid {
      display: block;
    }
    .content-fragment .content-list.grid .content-item {
      width: auto;
    }
    .content-fragment .content-list.grid .post-thumbnail img {
      width: auto;
      height: auto;
    }
    .modal-wrapper-wrapper {
      position: fixed;
      top: 0;
      width: 100%;
      height: 100%;
      bottom: 0;
      left: 0;
      right: 0;
    }
    .modal-wrapper-wrapper .modal-wrapper {
      height: 100%;
      width: 100%;
    }
    .modal-wrapper-wrapper .modal-wrapper .modal {
      margin-left: auto;
      margin-right: auto;
      margin-top: var(--space-5);
      height: 90%;
      width: 90%;
      border-radius: var(--space-1);
      position: relative;
      padding: var(--space-4);
    }
    .modal-wrapper-wrapper .modal-wrapper .modal .modal-content {
      position: absolute;
      top: 90px;
      bottom: var(--space-4);
      left: var(--space-4);
      right: var(--space-4);
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      height: 85%;
      width: 95%;
    }
    .modal-wrapper-wrapper .modal-wrapper .modal .modal-content iframe {
      border: 1px solid red;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
    }
    .push-notification {
      display: none;
    }
    /* widget specific handheld */
    .content-fragment .content.comment .content p,
    .popup-list .content.comment .content p {
      font: var(--font-hmc-body-m);
    }
    .content-fragment .content.comment .actions,
    .popup-list .content.comment .actions {
      width: 100%;
      margin-left: 0;
    }
    .content-fragment .content.comment .actions .navigation-list,
    .popup-list .content.comment .actions .navigation-list {
      width: 100%;
    }
    .content-fragment .content.comment .actions .navigation-list a,
    .popup-list .content.comment .actions .navigation-list a {
      padding: 0 var(--space-2);
      font: var(--font-hmc-body-m);
    }
    .content-fragment .content.comment .actions .navigation-list a.more,
    .popup-list .content.comment .actions .navigation-list a.more {
      padding-right: 0px;
    }
    .content-fragment .content.comment .actions .navigation-list .ui-like[data-initialstate="true"] .like-count,
    .popup-list .content.comment .actions .navigation-list .ui-like[data-initialstate="true"] .like-count {
      position: relative;
      left: -8px;
    }
    .content-fragment .content.comment .actions .navigation-list .ui-like[data-initialstate="true"] .like-count:before,
    .popup-list .content.comment .actions .navigation-list .ui-like[data-initialstate="true"] .like-count:before {
      top: -1px;
    }
    /* group banner parent navigator */
    .content-list.threaded .load-more .rendered-content.suggested:after,
    .content-list.threaded .content-item .rendered-content.suggested:after,
    .content-list.threaded .load-more .rendered-content.verified:after,
    .content-list.threaded .content-item .rendered-content.verified:after {
      height: 77.64px;
    }
    .content-list.threaded .load-more .rendered-content.suggested .threaded-reply-content,
    .content-list.threaded .content-item .rendered-content.suggested .threaded-reply-content,
    .content-list.threaded .load-more .rendered-content.verified .threaded-reply-content,
    .content-list.threaded .content-item .rendered-content.verified .threaded-reply-content {
      padding-top: var(--space-10);
    }
    .content-list.threaded .mce-container .mce-submitpanel .suggest-field {
      white-space: nowrap;
    }
    .content-list.threaded .mce-container .mce-submitpanel .suggest-field label {
      white-space: break-spaces;
    }
    .content-list.threaded .load-more .load-more,
    .content-list.threaded .content-item .load-more,
    .content-list.threaded .load-more .content-item,
    .content-list.threaded .content-item .content-item {
      margin-left: var(--space-10);
    }
    .content-list.threaded .load-more .rendered-content,
    .content-list.threaded .content-item .rendered-content {
      padding-left: var(--space-10);
    }
    .content-list.threaded .load-more .rendered-content.suggested,
    .content-list.threaded .content-item .rendered-content.suggested,
    .content-list.threaded .load-more .rendered-content.verified,
    .content-list.threaded .content-item .rendered-content.verified {
      padding-left: var(--space-14);
    }
    .content-list.threaded .load-more .avatar img,
    .content-list.threaded .content-item .avatar img {
      max-width: var(--space-6);
      max-height: var(--space-6);
    }
    .content-list.threaded .load-more .reply-form .avatar,
    .content-list.threaded .content-item .reply-form .avatar {
      left: var(--space-2);
      width: var(--space-6);
      height: var(--space-6);
    }
    .content-list.threaded .load-more .reply-form .avatar img,
    .content-list.threaded .content-item .reply-form .avatar img {
      max-width: var(--space-6);
      max-height: var(--space-6);
    }
    .content-list.threaded .load-more .content-item .avatar img,
    .content-list.threaded .content-item .content-item .avatar img {
      max-width: var(--space-6);
      max-height: var(--space-6);
    }
    .content-list.threaded .load-more .content-item > .rendered-content,
    .content-list.threaded .content-item .content-item > .rendered-content {
      padding-left: var(--space-10);
    }
    .content-list.threaded .load-more .content-item > .rendered-content .avatar,
    .content-list.threaded .content-item .content-item > .rendered-content .avatar {
      width: var(--space-6);
      height: var(--space-6);
    }
    .content-list.threaded .load-more .content-item .reply-form .avatar,
    .content-list.threaded .content-item .content-item .reply-form .avatar {
      width: var(--space-6);
      height: var(--space-6);
    }
    .content-list.threaded .load-more .content-item .reply-form .avatar img,
    .content-list.threaded .content-item .content-item .reply-form .avatar img {
      max-width: var(--space-6);
      max-height: var(--space-6);
    }
    .content-list.threaded .load-more .content-item .content-item .avatar img,
    .content-list.threaded .content-item .content-item .content-item .avatar img {
      max-width: var(--space-6);
      max-height: var(--space-6);
    }
    .content-list.threaded .load-more .content-item .content-item > .rendered-content,
    .content-list.threaded .content-item .content-item .content-item > .rendered-content {
      padding-left: var(--space-10);
    }
    .content-list.threaded .load-more .content-item .content-item > .rendered-content .avatar,
    .content-list.threaded .content-item .content-item .content-item > .rendered-content .avatar {
      width: var(--space-6);
      height: var(--space-6);
    }
    .content-list.threaded .load-more .content-item .content-item .reply-form .avatar,
    .content-list.threaded .content-item .content-item .content-item .reply-form .avatar {
      width: var(--space-6);
      height: var(--space-6);
    }
    .content-list.threaded .load-more .content-item .content-item .reply-form .avatar img,
    .content-list.threaded .content-item .content-item .content-item .reply-form .avatar img {
      max-width: var(--space-6);
      max-height: var(--space-6);
    }
    .content-list.threaded .load-more .load-more,
    .content-list.threaded .content-item .load-more,
    .content-list.threaded .load-more .content-item,
    .content-list.threaded .content-item .content-item {
      margin-left: var(--space-10);
    }
    .content-list.threaded .load-more .rendered-content,
    .content-list.threaded .content-item .rendered-content {
      padding-left: var(--space-10);
    }
    .content-list.threaded .load-more .rendered-content.suggested,
    .content-list.threaded .content-item .rendered-content.suggested,
    .content-list.threaded .load-more .rendered-content.verified,
    .content-list.threaded .content-item .rendered-content.verified {
      padding-left: var(--space-6);
    }
    .content-list.threaded .load-more > .rendered-content.suggested,
    .content-list.threaded .content-item > .rendered-content.suggested,
    .content-list.threaded .load-more > .rendered-content.verified,
    .content-list.threaded .content-item > .rendered-content.verified {
      padding-left: var(--space-11);
    }
    .content-list.threaded .load-more .reply-form.create,
    .content-list.threaded .content-item .reply-form.create {
      margin-left: var(--space-3);
      padding-left: var(--space-3);
    }
    .content-list.threaded .load-more .content-item .rendered-content,
    .content-list.threaded .content-item .content-item .rendered-content {
      padding-left: var(--space-12);
    }
    .content-list.threaded .load-more .content-item .reply-form.create,
    .content-list.threaded .content-item .content-item .reply-form.create {
      margin-left: var(--space-9);
      padding-left: var(--space-12);
    }
    .content-list.threaded .load-more .content-item .content-item .content-item .rendered-content,
    .content-list.threaded .content-item .content-item .content-item .content-item .rendered-content,
    .content-list.threaded .load-more .content-item .content-item .rendered-content,
    .content-list.threaded .content-item .content-item .content-item .rendered-content,
    .content-list.threaded .load-more .content-item .rendered-content,
    .content-list.threaded .content-item .content-item .rendered-content {
      padding-left: var(--space-10);
    }
    .content-list.threaded .load-more .content-item .content-item .avatar,
    .content-list.threaded .content-item .content-item .content-item .avatar,
    .content-list.threaded .load-more .content-item .avatar,
    .content-list.threaded .content-item .content-item .avatar {
      left: var(--space-4);
    }
    .content-list.threaded .load-more .reply-form .author .meta,
    .content-list.threaded .content-item .content-item .reply-form .author .meta {
      padding-left: var(--space-9);
      min-height: var(--space-9);
    }
    .content-list.threaded .load-more .content-item .reply-form.create,
    .content-list.threaded .content-item .content-item .reply-form.create,
    .content-list.threaded .load-more .content-item .content-item .reply-form.create,
    .content-list.threaded .content-item .content-item .content-item .reply-form.create {
      margin-left: var(--space-3);
      padding-left: var(--space-3);
    }
    .content-fragment .content.full.text p,
    .popup-list .content.full.text p,
    .content-fragment .content.full.text ol,
    .popup-list .content.full.text ol,
    .content-fragment .content.full.text ul,
    .popup-list .content.full.text ul,
    .content-fragment .content.full.text table,
    .popup-list .content.full.text table {
      font: var(--font-hmc-body-m);
    }
    .filter-selector {
      float: none;
    }
    .content-list.threaded .content-item .rendered-content.suggested .meta.default,
    .content-list.threaded .content-item .rendered-content.verified .meta.default {
      margin-left: -35px;
    }
    .content-list.threaded .content-item .rendered-content .meta.default {
      font: var(--font-hmc-body-m);
    }
    .content-list.threaded .content-item .rendered-content .meta.default li.vote:not(.has-question-only) {
      display: block;
    }
    .content-list.threaded .content-item .rendered-content .meta.default li a:not(.vote) {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .content-fragment .content ul.navigation-tile-list,
    ul.navigation-tile-list {
      flex-wrap: wrap;
    }
    .content-fragment .content ul.navigation-tile-list .navigation-tile-list-item,
    ul.navigation-tile-list .navigation-tile-list-item {
      min-width: calc(50% -  15px );
    }
    .content .content-toc {
      max-width: 50%;
    }
    .content-fragment.articles-article .content.full.text .name {
      margin-bottom: var(--space-8);
    }
    .page-header-holder.background-treatments {
      min-height: 325px;
    }
    .page-header-holder {
      padding-top: var(--space-1);
      margin-bottom: var(--space-6);
    }
    .slant-line {
      background-color: var(--color-black);
    }
    .page-header-holder .buttons {
      position: relative;
      bottom: 0px;
    }
    .single-column .content-fragment ~ .content-fragment .content-fragment-content {
      justify-content: center;
      margin-top: var(--space-2);
    }
    .banner.context.slim {
      height: 75px;
    }
    .promotional-embeddable .promotional-text .blue {
      margin: 0px;
    }
    .featured-blog-posts .promotional-text {
      height: 200px;
    }
    .content-fragment.blog-post-list {
        padding: var(--space-4);
    }
    .styledAlert {
        border-radius: 0;
    }
    .avatar-list {
        margin-bottom: 0; 
    }
}