.volume-mute { display: none; }
.volume-icon{
  &[data-muted="muted"] {
    .volume-1, .volume-2, .volume-3 { display: none; }
    .volume-mute { display: block; }

    & ~ output { opacity: .5; }
  }
  &[data-volume="0"]:not([data-muted="muted"]) { .volume-1, .volume-2, .volume-3 { display: none; } }
  &[data-volume="1"]:not([data-muted="muted"]) { .volume-2, .volume-3 { display: none; } }
  &[data-volume="2"]:not([data-muted="muted"]) { .volume-3 { display: none; } }
}
.volume-controls { display: none; }
.volume-state[data-state="open"] + .volume-controls { display: flex; }

.co-thread-header {
  [id*="headlessui-menu-button"] { order: 2; }
  .ch-utils-headerIconContainer {
    order: 1;
    flex: 0;
  }
}

.ch-utils-likeIcon[data-state="liked"] .co-action-button {
  color: rgb(var(--color-cherry)) !important;
  fill: currentColor;
}

[data-headlessui-state="open"] ~ .ch-utils-mb { display: flex; }

.ch-utils-18-plus:has([data-state="open"]) {
  &.ch-utils-cw {
    flex-direction: row;
    align-self: stretch;
  }
  .ch-utils-18-plus-toggle {
    align-items: start;
    justify-content: end;
    align-self: stretch;
    padding: .75rem;
  }
  .ch-utils-18-plus-info { display: none; }
  .ch-utils-cw-info {
    flex-grow: 1;
    border-width: 2px;
  }
  .ch-utils-18-plus-info + .ch-utils-cw-info {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .ch-utils-cw-infoLine { display: none; }
  .hidden { display: flex; }
  .ch-utils-cw-openLine { display: block; }
}
.ch-utils-18-plus:not(:has([data-state="open"])) ~ :is([data-post-body], .ch-utils-headline) { display: none; }