/* ZWORLD_CLASSIC_ACTIONS_V3_START */

    .brand {
      gap: 0;
    }

    .brand-name {
      margin-left: -3px;
    }

    .message-text,
    .message-name {
      color: #f4f4f5;
    }

    .message-time,
    .message.system .message-text {
      color: #92929a;
    }

    .topic {
      position: relative;
      justify-content: space-between;
      gap: 14px;
    }

    .topic-copy {
      min-width: 0;
      flex: 1;
      overflow-wrap: anywhere;
    }

    .topic-actions {
      display: flex;
      align-items: center;
      gap: 5px;
      flex: 0 0 auto;
    }

    .action-wrap {
      position: relative;
    }

    .classic-action,
    .microphone-action {
      width: 34px;
      height: 34px;
      padding: 0;

      display: grid;
      place-items: center;

      border:
        1px solid
        rgba(255, 255, 255, .09);

      border-radius: 9px;

      color: #92929a;
      background: rgba(5, 5, 7, .76);

      cursor: pointer;
    }

    .microphone-action {
      width: 31px;
      height: 31px;

      border: 0;
      background: transparent;
    }

    .classic-action:hover,
    .microphone-action:hover,
    .classic-action[aria-expanded="true"] {
      color: #f4f4f5;

      border-color:
        rgba(255, 255, 255, .12);

      background:
        linear-gradient(
          145deg,
          #36363d,
          #1b1b1f
        );
    }

    .classic-action[hidden] {
      display: none;
    }

    .classic-action svg,
    .microphone-action svg {
      width: 17px;
      height: 17px;
      display: block;
      fill: currentColor;
    }

    .classic-menu {
      position: absolute;
      top: calc(100% + 10px);
      right: 0;
      z-index: 100;

      width: 250px;
      padding: 6px;

      border:
        1px solid
        rgba(255, 255, 255, .12);

      border-radius: 12px;

      background:
        linear-gradient(
          155deg,
          rgba(22, 22, 26, .99),
          rgba(7, 7, 9, .995)
        );

      box-shadow:
        0 26px 80px
          rgba(0, 0, 0, .72),
        inset 0 1px
          rgba(255, 255, 255, .052);
    }

    .classic-menu[hidden] {
      display: none;
    }

    .attachment-menu {
      width: 260px;
    }

    .camera-menu[data-mode="public"]
    .menu-private {
      display: none;
    }

    .camera-menu[data-mode="private"]
    .menu-public {
      display: none;
    }

    .classic-menu-option {
      width: 100%;
      min-height: 54px;
      padding: 9px 10px;

      display: block;

      border: 0;
      border-radius: 8px;

      color: #f4f4f5;
      background: transparent;

      text-align: left;
      cursor: pointer;
    }

    .classic-menu-option:hover {
      background:
        rgba(255, 255, 255, .055);
    }

    .classic-menu-option strong {
      display: block;

      color: #f4f4f5;
      font-size: 12px;
      font-weight: 700;
    }

    .classic-menu-option span {
      display: block;
      margin-top: 3px;

      color: #92929a;
      font-size: 10px;
      line-height: 1.35;
    }

    .menu-destination {
      margin: 2px 4px 5px;
      padding: 7px 6px 9px;

      border-bottom:
        1px solid
        rgba(255, 255, 255, .085);

      color: #92929a;
      font-size: 10px;
      font-weight: 700;
    }

    .drawer-heading {
      min-width: 0;

      display: flex;
      align-items: center;
      gap: 7px;
    }

    .drawer-count {
      min-width: 22px;
      padding: 2px 6px;

      border:
        1px solid
        rgba(255, 255, 255, .09);

      border-radius: 999px;

      color: #92929a;
      background: rgba(5, 5, 7, .76);

      font-size: 9px;
      text-align: center;
    }

    .empty-members {
      padding: 20px 8px;

      color: #92929a;
      font-size: 11px;
      line-height: 1.5;
      text-align: center;
    }

    .preview-toast {
      position: fixed;
      left: 50%;
      bottom: 28px;
      z-index: 150;

      max-width:
        min(460px, calc(100vw - 30px));

      padding: 10px 14px;

      transform:
        translate(-50%, 16px);

      opacity: 0;
      pointer-events: none;

      border:
        1px solid
        rgba(255, 255, 255, .12);

      border-radius: 10px;

      color: #f4f4f5;

      background:
        linear-gradient(
          155deg,
          rgba(22, 22, 26, .99),
          rgba(7, 7, 9, .995)
        );

      box-shadow:
        0 20px 60px
          rgba(0, 0, 0, .72);

      font-size: 11px;

      transition:
        opacity .16s ease,
        transform .16s ease;
    }

    .preview-toast.show {
      opacity: 1;
      transform: translate(-50%, 0);
    }

    @media (max-width: 760px) {
      .topic {
        gap: 8px;
      }

      .topic-actions {
        gap: 3px;
      }

      .classic-action {
        width: 31px;
        height: 31px;
      }

      .classic-menu {
        width:
          min(250px, calc(100vw - 38px));
      }
    }

    /* ZWORLD_CLASSIC_ACTIONS_V3_END */