:root {
  --avatar-column-size: 45px;
  --comments-grid-gap: 10px;
  --component-accent-color: var(--novablocks-color-1);
  --novablocks-conversations-width: 48em;
  --field-description-color: #000;
  --field-description-font-size: 13px;
  --conversations-bg-color: #E4E3E4;
  --conversations-reply-bg-color: #CDCCCD;
  --comment-author-color: var(--novablocks-color-1);
  --comment-font-size: 15px;
  --comment-links-color: var(--novablocks-color-1);
  --comment-highlighted-color: #FFF2CE;
  --label-font-size: 15px;
  --label-bg-color: #9195AB;
  --label-highlighted-bg-color: #1479D2;
  --label-border-radius: 999em;
  --comment-footer-font-size: 13px; }
  @media only screen and (min-width: 768px) {
    :root {
      --comment-font-size: 18px;
      --field-description-font-size: 16px;
      --label-font-size: 18px;
      --comment-footer-font-size: 17.25px;
      --avatar-column-size: 50px;
      --comments-grid-gap: 20px; } }

@media not screen and (min-width: 768px) {
  .novablocks-conversations__header {
    margin-bottom: 0; } }

.novablocks-conversations .comment-form {
  position: relative; }
  .novablocks-conversations .comment-form p:empty {
    display: none; }
  .novablocks-conversations .comment-form label {
    font-size: var(--label-font-size); }
    .novablocks-conversations .comment-form label:not([for="wp-comment-cookies-consent"]) {
      font-weight: bold; }
  .novablocks-conversations .comment-form .field-description {
    display: block;
    font-size: var(--field-description-font-size);
    color: var(--field-description-color);
    opacity: .5; }

.novablocks-conversations .comment-form-comment {
  margin-bottom: 0; }

@media only screen and (min-width: 768px) {
  .novablocks-conversations .comment:first-child > .comment-wrapper {
    padding-top: 0; } }

.novablocks-conversations .comment-content {
  font-size: var(--comment-font-size); }
  .novablocks-conversations .comment-content blockquote {
    padding-left: 1em;
    border-left: 2px solid currentColor;
    font-style: italic; }

.novablocks-conversations .comment-list {
  --block-top-spacing: var(--novablocks-block-top-spacing, 0);
  --block-bottom-spacing: var(--novablocks-block-bottom-spacing, 0);
  margin-top: calc( var(--block-top-spacing) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1));
  margin-bottom: calc( var(--block-bottom-spacing) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1));
  --novablocks-element-spacing-multiplier: .75; }
  .novablocks-conversations .comment-list:first-child {
    --block-top-spacing: 0;
    --block-bottom-spacing: 0; }
  .novablocks-conversations .comment-list:not(:first-child) {
    --block-top-spacing: 1;
    --block-bottom-spacing: 0; }
  @media not screen and (min-width: 768px) {
    .novablocks-conversations .comment-list:first-child {
      --block-top-spacing: 0;
      --block-bottom-spacing: 0; }
    .novablocks-conversations .comment-list:not(:first-child) {
      --block-top-spacing: 1;
      --block-bottom-spacing: 0; } }
  @media only screen and (min-width: 768px) {
    .novablocks-conversations .comment-list {
      --novablocks-element-spacing-multiplier: 1; } }
  .novablocks-conversations .comment-list .no-avatar .comment-meta {
    grid-template-columns: 0 1fr auto; }
  .novablocks-conversations .comment-list .no-avatar .comment-meta,
  .novablocks-conversations .comment-list .no-avatar .comment-body {
    grid-column-gap: 0; }
  .novablocks-conversations .comment-list .no-avatar .comment-body {
    grid-template-columns: 0 1fr; }
    .novablocks-conversations .comment-list .no-avatar .comment-body:before {
      --avatar-column-size: 0px;
      --comments-grid-gap: 0px; }
  @media not screen and (min-width: 768px) {
    .novablocks-conversations .comment-list .comment:first-child .comment-highlighted[class] {
      margin-top: 0;
      padding-top: var(--element-spacing); } }

.novablocks-conversations .comment-form > *,
.novablocks-conversations .comment-form > * > * {
  --block-top-spacing: var(--novablocks-block-top-spacing, 0);
  --block-bottom-spacing: var(--novablocks-block-bottom-spacing, 0);
  margin-top: calc( var(--block-top-spacing) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1));
  margin-bottom: calc( var(--block-bottom-spacing) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1));
  --novablocks-element-spacing-multiplier: 0.75; }
  .novablocks-conversations .comment-form > *:first-child,
  .novablocks-conversations .comment-form > * > *:first-child {
    --block-top-spacing: 0;
    --block-bottom-spacing: 0; }
  .novablocks-conversations .comment-form > *:not(:first-child),
  .novablocks-conversations .comment-form > * > *:not(:first-child) {
    --block-top-spacing: 1;
    --block-bottom-spacing: 0; }
  @media not screen and (min-width: 768px) {
    .novablocks-conversations .comment-form > *:first-child,
    .novablocks-conversations .comment-form > * > *:first-child {
      --block-top-spacing: 0;
      --block-bottom-spacing: 0; }
    .novablocks-conversations .comment-form > *:not(:first-child),
    .novablocks-conversations .comment-form > * > *:not(:first-child) {
      --block-top-spacing: 1;
      --block-bottom-spacing: 0; } }

.novablocks-conversations .comment-form .comment-form-comment,
.novablocks-conversations .comment-form .field-description,
.novablocks-conversations .comment-form input[type="checkbox"] + label {
  --novablocks-element-spacing-multiplier: 0; }

.novablocks-conversations .comment-form .field-description + *,
.novablocks-conversations .comment-form .field-description label + :not(.field-description) {
  --novablocks-element-spacing-multiplier: 0.175; }

.novablocks-conversations .comment-posted-time {
  opacity: .5; }

.novablocks-conversations .comment-reply-link,
.novablocks-conversations .comment-edit-link,
.novablocks-conversations .comment-link,
.novablocks-conversations [id="cancel-comment-reply-link"] {
  -webkit-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out; }
  .novablocks-conversations .comment-reply-link:not(:hover),
  .novablocks-conversations .comment-edit-link:not(:hover),
  .novablocks-conversations .comment-link:not(:hover),
  .novablocks-conversations [id="cancel-comment-reply-link"]:not(:hover) {
    opacity: 0.5; }

.novablocks-conversations .comment-edit-link,
.novablocks-conversations .comment-reply-link {
  margin-left: 1em; }

.novablocks-conversations a {
  color: var(--comment-links-color);
  text-decoration: underline; }

.novablocks-conversations .comment-reply-link,
.novablocks-conversations .comment-link {
  color: currentColor; }

@media only screen and (min-width: 768px) {
  .novablocks-conversations .comment-list .comment-respond {
    padding-left: calc(var(--avatar-column-size) + var(--comments-grid-gap)); } }

.novablocks-conversations .avatar {
  max-width: 100%;
  height: auto;
  border-radius: 50%; }

.novablocks-conversations .form-grid {
  display: grid;
  grid-template-columns: auto;
  grid-column-gap: var(--comments-grid-gap);
  grid-auto-columns: minmax(0, 1fr);
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch; }

.novablocks-conversations .comment-avatar {
  width: var(--avatar-column-size);
  grid-row: 1 / span 2; }

.novablocks-conversations .form-grid > .comment-avatar ~ * {
  grid-column: 2 / 3; }

@media only screen and (min-width: 768px) {
  .novablocks-conversations .parent > .comment {
    padding-left: calc(var(--comments-grid-gap) + var(--avatar-column-size)); } }

@media not screen and (min-width: 768px) {
  .novablocks-conversations .parent {
    background-color: var(--conversations-reply-bg-color); }
    .novablocks-conversations .parent > .comment-wrapper {
      position: relative;
      z-index: 10; }
      .novablocks-conversations .parent > .comment-wrapper + .comment .comment-highlighted:not(.comment-dropdown-item) {
        padding-top: var(--element-spacing);
        margin-top: calc(-1 * var(--element-spacing)); }
        .novablocks-conversations .parent > .comment-wrapper + .comment .comment-highlighted:not(.comment-dropdown-item).comment-wrapper {
          padding-top: calc(var(--element-spacing) * 2);
          margin-top: calc(-1 * var(--element-spacing)); }
    .novablocks-conversations .parent .novablocks-conversations__form + .comment .comment-highlighted:not(.comment-dropdown-item) {
      margin-top: var(--element-spacing); }
    .novablocks-conversations .parent .comment-highlighted.comment-wrapper {
      background-color: var(--comment-highlighted-color); }
    .novablocks-conversations .parent > .comment-wrapper {
      background-color: var(--conversations-bg-color); }
    .novablocks-conversations .parent > .parent > .comment-wrapper {
      background-color: var(--conversations-reply-bg-color); } }

.novablocks-conversations .comment-respond,
.novablocks-conversations .comment-wrapper,
.novablocks-conversations .fake-form-placeholder {
  --element-spacing: calc(var(--novablocks-spacing) * 0.5);
  padding-top: var(--element-spacing);
  padding-bottom: var(--element-spacing);
  border-radius: 0 0 var(--element-spacing) var(--element-spacing); }

.novablocks-conversations .comment-highlighted.comment-wrapper > .comment-body {
  position: relative; }

.novablocks-conversations .comment-highlighted.comment-wrapper .commenter-background-label {
  --label-bg-color: var(--label-highlighted-bg-color); }

@media only screen and (min-width: 768px) {
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-dropdown-menu {
    right: var(--element-spacing); } }

.novablocks-conversations .comment-highlighted .comment-body * {
  z-index: 1; }

.novablocks-conversations .comment-highlighted .comment-meta[class] {
  z-index: 10; }

@media not screen and (min-width: 768px) {
  .novablocks-conversations .comment-highlighted:not(.parent).comment-wrapper {
    background-color: var(--comment-highlighted-color);
    border-radius: 0; } }

@media only screen and (min-width: 768px) {
  .novablocks-conversations .comment-highlighted.comment-wrapper > .comment-body:before {
    content: '';
    position: absolute;
    left: calc(var(--avatar-column-size) + var(--comments-grid-gap));
    top: 0;
    width: calc(100% - var(--avatar-column-size) - var(--comments-grid-gap));
    height: 100%;
    background-color: var(--comment-highlighted-color);
    border-radius: 0 1.5em; }
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-author-info,
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-link {
    padding-top: var(--element-spacing); }
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-link,
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-content,
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-footer-meta,
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-dropdown,
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-footer-highlights {
    padding-right: var(--element-spacing); }
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-footer-meta,
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-footer-highlights {
    padding-bottom: var(--element-spacing); }
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-content,
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-author-info,
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-footer-meta,
  .novablocks-conversations .comment-highlighted.comment-wrapper .comment-footer-highlights {
    padding-left: var(--element-spacing); } }

.novablocks-conversations .novablocks-conversations__container > .novablocks-conversations__form:last-child {
  padding-bottom: 0; }

.novablocks-conversations .comment-body,
.novablocks-conversations .comment-meta {
  display: grid;
  grid-column-gap: var(--comments-grid-gap); }

.novablocks-conversations .comment-author-name {
  font-weight: bolder;
  color: var(--comment-author-color); }

.novablocks-conversations .comment-body {
  grid-template-columns: var(--avatar-column-size) 1fr; }

.novablocks-conversations .comment-meta {
  grid-column: 1 / span 2;
  grid-template-columns: var(--avatar-column-size) 1fr auto; }

.novablocks-conversations .comment-author-info,
.novablocks-conversations .comment-content,
.novablocks-conversations .comment-footer-meta,
.novablocks-conversations .comment-footer-highlights {
  grid-column: 2 / span 1; }

.novablocks-conversations .comment-author-avatar {
  grid-row-start: 1;
  grid-column: 1 / span 1; }

.novablocks-conversations .comment-author-info {
  grid-row-start: 1;
  grid-column: 2 / span 1; }

.novablocks-conversations .comment-author-avatar,
.novablocks-conversations .comment-author-info,
.novablocks-conversations .comment-content,
.novablocks-conversations .comment-footer-meta {
  --block-top-spacing: var(--novablocks-block-top-spacing, 0);
  --block-bottom-spacing: var(--novablocks-block-bottom-spacing, 0);
  margin-top: calc( var(--block-top-spacing) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1));
  margin-bottom: calc( var(--block-bottom-spacing) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1));
  --novablocks-element-spacing-multiplier: 0.5; }
  .novablocks-conversations .comment-author-avatar:first-child,
  .novablocks-conversations .comment-author-info:first-child,
  .novablocks-conversations .comment-content:first-child,
  .novablocks-conversations .comment-footer-meta:first-child {
    --block-top-spacing: 0;
    --block-bottom-spacing: 0; }
  .novablocks-conversations .comment-author-avatar:not(:first-child),
  .novablocks-conversations .comment-author-info:not(:first-child),
  .novablocks-conversations .comment-content:not(:first-child),
  .novablocks-conversations .comment-footer-meta:not(:first-child) {
    --block-top-spacing: 1;
    --block-bottom-spacing: 0; }
  @media not screen and (min-width: 768px) {
    .novablocks-conversations .comment-author-avatar:first-child,
    .novablocks-conversations .comment-author-info:first-child,
    .novablocks-conversations .comment-content:first-child,
    .novablocks-conversations .comment-footer-meta:first-child {
      --block-top-spacing: 0;
      --block-bottom-spacing: 0; }
    .novablocks-conversations .comment-author-avatar:not(:first-child),
    .novablocks-conversations .comment-author-info:not(:first-child),
    .novablocks-conversations .comment-content:not(:first-child),
    .novablocks-conversations .comment-footer-meta:not(:first-child) {
      --block-top-spacing: 1;
      --block-bottom-spacing: 0; } }

.novablocks-conversations .comment-author-info {
  margin-top: 0; }
  .novablocks-conversations .comment-author-info .author-url {
    text-decoration: none; }

@media not screen and (min-width: 768px) {
  .novablocks-conversations .depth-1 > .comment-wrapper .comment-body > :not(.comment-author-avatar):not(.comment-author-info) {
    grid-column: 1 / span 2; } }

.novablocks-conversations .comment-footer-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .novablocks-conversations .comment-footer-meta * {
    font-size: var(--comment-footer-font-size); }
  .novablocks-conversations .comment-footer-meta .reply {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .novablocks-conversations .comment-footer-meta .reply a {
      margin-bottom: 0; }

.novablocks-conversations .commenter-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.125em; }

.novablocks-conversations .commenter-background-label {
  display: inline-block;
  padding: .3em .75em;
  border-radius: var(--label-border-radius);
  background-color: var(--label-bg-color);
  color: var(--novablocks-light-1); }
  @media not screen and (min-width: 768px) {
    .novablocks-conversations .commenter-background-label {
      padding: 0.1em 0.45em 0.15em 0.5em;
      --label-border-radius: 0.3em; } }

.novablocks-conversations .comment.bypostauthor .commenter-background-label {
  --label-bg-color: var(--label-highlighted-bg-color);
  --label-border-radius: 0; }

.novablocks-conversations .comment-respond {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 0; }
  .novablocks-conversations .comment-respond small {
    padding-left: 0; }

.novablocks-conversations .comment-edit-link {
  color: currentColor; }

.novablocks-conversations [id="cancel-comment-reply-link"] {
  margin-top: calc(var(--novablocks-spacing) * 0.25);
  padding-left: calc(var(--avatar-column-size) + var(--comments-grid-gap));
  font-size: var(--comment-footer-font-size);
  text-align: center;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.novablocks-conversations textarea,
.novablocks-conversations input:not([type="checkbox"]) {
  width: 100%;
  display: block;
  min-height: auto; }

.novablocks-conversations .form-submit button {
  width: 100%; }

.novablocks-conversations .comment-form-cookies-consent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .novablocks-conversations .comment-form-cookies-consent label {
    margin-left: 10px; }

.novablocks-conversations .comments-closed {
  --element-spacing: calc(var(--novablocks-spacing) * 0.5);
  --current-font-weight: bold;
  margin-top: var(--element-spacing);
  padding-top: .9em;
  border-top: 4px solid; }

.novablocks-conversations .comments-pagination {
  padding-top: var(--novablocks-spacing);
  padding-bottom: var(--novablocks-spacing); }
  .novablocks-conversations .comments-pagination .page-numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none;
    margin-left: 0; }
    @media not screen and (min-width: 768px) {
      .novablocks-conversations .comments-pagination .page-numbers {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .novablocks-conversations .comments-pagination .page-numbers > li {
      padding-top: 10px;
      padding-left: 10px; }
      .novablocks-conversations .comments-pagination .page-numbers > li:first-child {
        margin-left: -10px; }
    .novablocks-conversations .comments-pagination .page-numbers a {
      text-decoration: none; }
    .novablocks-conversations .comments-pagination .page-numbers .page-numbers {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      min-width: 48px;
      min-height: 48px;
      padding: 12px;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 4px;
      color: inherit; }
      @media not screen and (min-width: 768px) {
        .novablocks-conversations .comments-pagination .page-numbers .page-numbers:not(.next):not(.prev) {
          display: none; } }
    .novablocks-conversations .comments-pagination .page-numbers .next,
    .novablocks-conversations .comments-pagination .page-numbers .prev {
      padding-left: 25px;
      padding-right: 25px; }
    .novablocks-conversations .comments-pagination .page-numbers .current {
      background-color: #F6F5F7; }
    .novablocks-conversations .comments-pagination .page-numbers a:hover {
      background-color: var(--component-accent-color);
      border-color: var(--component-accent-color);
      color: #FFFFFF; }

.novablocks-conversations .comment-footer-highlights {
  color: var(--component-accent-color);
  font-weight: bold;
  font-size: 14px; }

.novablocks-conversations .comment-footer-highlights {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: var(--element-spacing); }

.novablocks-conversations .comment-footer-highlights,
.novablocks-conversations .comment-highlightedby-human {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.novablocks-conversations .comment-highlightedby-humans {
  margin-bottom: 0; }

.novablocks-conversations .comment-highlightedby-human-name:after {
  content: ','; }

.novablocks-conversations .comment-highlightedby-humans {
  margin-left: 0; }

@media only screen and (min-width: 768px) {
  .novablocks-conversations .comment-highlightedby-human,
  .novablocks-conversations .comment-highlightedby-human-expertise {
    margin-left: .1em; }
  .novablocks-conversations .comment-footer-highlights {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 0; } }

.novablocks-conversations .fake-form-placeholder {
  padding-bottom: 0; }

.comment-author-avatar {
  grid-area: avatar; }
  @media not screen and (min-width: 768px) {
    .comment-author-avatar {
      -ms-flex-item-align: center;
          align-self: center; } }

.comment-author-info {
  -ms-flex-item-align: center;
      align-self: center; }

.comment-awaiting-moderation {
  font-style: italic;
  opacity: 0.5; }

@media not screen and (min-width: 768px) {
  .comment-form-details {
    grid-column: span 2 !important; }
  .comment-form-comment,
  .comment-form-details {
    grid-row: span 1; }
  .comment-form > .comment-fields-mask[class][class] {
    grid-column: 1/3; }
  .comment-form #comment {
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
  .comment .novablocks-conversations__form textarea#comment, .novablocks-conversations__form.expanded textarea#comment {
    -webkit-transform: translateX(calc(-1 * var(--avatar-column-size) - var(--comments-grid-gap)));
            transform: translateX(calc(-1 * var(--avatar-column-size) - var(--comments-grid-gap)));
    width: calc(100% + var(--avatar-column-size) + var(--comments-grid-gap));
    margin-top: 10px; }
  .comment .novablocks-conversations__form .comment-form > *:not(.comment-form-comment):not(.comment-avatar), .novablocks-conversations__form.expanded .comment-form > *:not(.comment-form-comment):not(.comment-avatar) {
    grid-column: 1/3; }
  .novablocks-conversations__form [id="cancel-comment-reply-link"] {
    padding-left: 0; } }

.novablocks-conversations__notification-text {
  position: fixed;
  top: 50%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  opacity: 0;
  z-index: 100; }
  .novablocks-conversations__notification-text span {
    background: var(--novablocks-dark-1);
    color: var(--novablocks-light-1);
    padding: 10px;
    border-radius: 0 10px;
    text-align: center; }

.notification--is-visible {
  -webkit-animation: notify 2s forwards;
          animation: notify 2s forwards; }

@-webkit-keyframes notify {
  0% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes notify {
  0% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * Comment Dropdown Menu
 */
.comment-dropdown {
  position: relative;
  z-index: 10;
  -ms-flex-item-align: center;
      align-self: center; }
  .comment-dropdown a {
    text-decoration: none;
    color: currentColor; }
  .comment-dropdown:focus-within .comment-dropdown-menu {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
    pointer-events: auto; }

.comment-dropdown-menu {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--novablocks-light-1);
  min-width: 200px;
  padding: .5em .75em;
  -webkit-box-shadow: 0 0.25em 2em rgba(0, 0, 0, 0.1), 0 0.125em 0.25em rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.25em 2em rgba(0, 0, 0, 0.1), 0 0.125em 0.25em rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 50;
  -webkit-transform: translate3d(0, -0.75em, 0);
          transform: translate3d(0, -0.75em, 0);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.26, 0.99);
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.26, 0.99); }
  @media not screen and (min-width: 768px) {
    .comment-dropdown-menu {
      right: -5px;
      padding-top: 0;
      padding-bottom: 0; } }
  .comment-dropdown-menu:after {
    content: "";
    position: absolute;
    top: -15px;
    right: 1em;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    margin-top: 10px;
    border-width: 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent #fff;
    z-index: 100; }
    @media not screen and (min-width: 768px) {
      .comment-dropdown-menu:after {
        right: 5px; } }

.comment-dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .comment-dropdown-toggle .arrow-down {
    display: none; }
  .comment-dropdown-toggle .dropdown-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 6px; }
    .comment-dropdown-toggle .dropdown-icon svg {
      width: 1em;
      -webkit-transition: -webkit-transform .2s ease;
      transition: -webkit-transform .2s ease;
      transition: transform .2s ease;
      transition: transform .2s ease, -webkit-transform .2s ease; }
  @media only screen and (min-width: 768px) {
    .comment-dropdown-toggle {
      position: relative;
      font-size: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer;
      opacity: .5; }
      .comment-dropdown-toggle .arrow-down {
        display: block; }
      .comment-dropdown-toggle .dots {
        display: none; } }
  @media not screen and (min-width: 768px) {
    .comment-dropdown-toggle {
      opacity: .5;
      text-indent: -99999px; } }

.comment-dropdown-item {
  font-size: 13px;
  padding: 5px 0;
  cursor: pointer; }
  .comment-dropdown-item:hover {
    opacity: .5; }
  @media only screen and (min-width: 768px) {
    .comment-dropdown-item {
      font-size: 16px; } }

.comment-dropdown-open:checked ~ .comment-dropdown-menu {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  opacity: 1;
  pointer-events: auto; }

.comment-dropdown-open:checked ~ .comment-dropdown-toggle .arrow-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.novablocks-conversation__starter {
  --conversation-starter-avatar-size: 50px;
  --conversation-starter-column-gap: 10px;
  display: grid;
  grid-template-columns: var(--conversation-starter-avatar-size) 1fr;
  grid-template-areas: "avatar subtitle" "content content";
  grid-column-gap: var(--conversation-starter-column-gap);
  grid-row-gap: 10px;
  padding: 22px 25px;
  margin-bottom: 2em;
  background-color: var(--comment-highlighted-color); }
  .novablocks-conversation__starter.no-avatar {
    --conversation-starter-avatar-size: 0;
    --conversation-starter-column-gap: 0; }
  @media only screen and (min-width: 768px) {
    .novablocks-conversation__starter {
      --conversation-starter-avatar-size: 80px;
      --conversation-starter-column-gap: 20px;
      grid-template-areas: "avatar subtitle" "avatar content";
      grid-column-gap: var(--conversation-starter-column-gap);
      grid-row-gap: 0;
      border-radius: 0 50px;
      padding: 45px 60px; } }

.novablocks-conversation__starter-subtitle {
  grid-area: subtitle;
  color: var(--component-accent-color);
  font-weight: bold; }

.novablocks-conversation__starter-message {
  grid-area: content;
  font-size: 19px; }
  @media only screen and (min-width: 768px) {
    .novablocks-conversation__starter-message {
      font-size: 23px; } }

.novablocks-conversation__starter-avatar {
  grid-area: avatar; }
  .novablocks-conversation__starter-avatar .avatar {
    border-radius: 0 15px; }
    @media only screen and (min-width: 768px) {
      .novablocks-conversation__starter-avatar .avatar {
        border-radius: 0 20px; } }

.user-is-replying .temporary-form {
  height: 0 !important; }

.fake-input-button {
  background-color: transparent;
  color: currentColor;
  border-color: currentColor;
  text-align: left; }

.novablocks-conversations__form:not(.expanded),
.novablocks-conversations__form.expanded + .fake-form-placeholder {
  display: none; }

.user-is-replying .comment .comment-respond {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }