/* Community pause mode: preserve locations while making unavailable actions unmistakable. */
.is-community-disabled {
  cursor: not-allowed !important;
}

button.is-community-disabled,
a.is-community-disabled,
input.is-community-disabled,
select.is-community-disabled,
textarea.is-community-disabled,
.profile-stat-strip > .is-community-disabled,
.public-profile-actions.is-community-disabled,
.public-profile-stats.is-community-disabled,
.public-profile-post-panel.is-community-disabled {
  border-color: #d3cfd4 !important;
  background: #efedef !important;
  box-shadow: none !important;
  color: #8a858c !important;
  filter: grayscale(1) !important;
  opacity: .58 !important;
  transform: none !important;
}

.is-community-disabled svg,
.is-community-disabled svg * {
  fill: none !important;
  stroke: #8a858c !important;
}

.is-community-disabled:hover,
.is-community-disabled:active {
  border-color: #c8c3c9 !important;
  background: #e9e6e9 !important;
  box-shadow: none !important;
  color: #7d7780 !important;
  transform: none !important;
}

.is-community-disabled:focus-visible {
  outline: 2px solid #827b84 !important;
  outline-offset: 2px !important;
}

.home-community-preview.is-community-disabled {
  position: relative;
  cursor: not-allowed;
}

.home-community-preview.is-community-disabled > :not(.community-unavailable-banner) {
  filter: grayscale(1);
  opacity: .48;
}

.community-unavailable-banner,
.community-rule-pause-note,
.profile-community-unavailable-note {
  border: 1px solid #d3cfd4;
  border-radius: 10px;
  background: #f2f0f2;
  color: #6f6972;
  font-weight: 700;
}

.community-unavailable-banner {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-bottom: 12px;
  padding: 6px 12px;
}

.community-unavailable-tooltip {
  position: fixed;
  z-index: 20000;
  width: max-content;
  max-width: min(260px, calc(100vw - 20px));
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 8px;
  background: #443f46;
  box-shadow: 0 10px 26px rgba(38, 33, 39, .2);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-3px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.community-unavailable-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.profile-rule-row.is-community-rule-disabled {
  border-color: #ddd9de !important;
  border-radius: 8px;
  background: #f4f2f4 !important;
  filter: grayscale(1);
  opacity: .56;
}

.profile-rule-row.is-community-rule-disabled strong,
.profile-rule-row.is-community-rule-disabled span,
.profile-rule-row.is-community-rule-disabled small,
.profile-rule-row.is-community-rule-disabled em {
  color: #79737b !important;
}

.community-rule-pause-note {
  margin: 8px 0 10px;
  padding: 9px 11px;
  font-size: 12px;
  line-height: 1.55;
}

.profile-rule-notes .is-community-rule-note-disabled {
  color: #99939b !important;
  opacity: .62;
}




@media (prefers-reduced-motion: reduce) {
  .community-unavailable-tooltip {
    transition: none;
  }
}
