:root {
  --guildbar-avatar-size: 48px;
  --custom-guild-list-padding: var(--space-sm);
  --custom-channel-header-height: 48px;
  --custom-app-top-bar-height: 22px;
  --custom-app-notice-bar-height: 38px;
  --custom-channel-textarea-text-area-height: 44px;
  --custom-member-list-width: 240px;
  --background-code: var(--background-secondary) !important;
  --chat-input-icon-size: 20px;
}

.visual-refresh {
  /* Light/Ash only theme changes */
  &.theme-light:not(html.custom-theme-background),
  &.theme-dark:not(html.custom-theme-background, html.theme-darker, html.theme-midnight) {
    .base_c48ade,
    .guilds_c48ade {
      background: var(--background-tertiary);
    }

    .lowerBadge_cc5dd2,
    .upperBadge_cc5dd2 {
      border-color: var(--background-tertiary);
    }

    .searchBar__35e86 > button {
      background-color: var(--bg-overlay-3, var(--background-tertiary));
      color: var(--text-muted);
    }
  }

  /***************************************************************** LAYOUT ***********************************************************************/
  /* remove top bar on web/linux */
  &.platform-web,
  &.platform-linux {
    .base_c48ade {
      --custom-app-top-bar-height: 0px;
    }
  }

  /* if a notice bar doesn't exists, remove the notice bar variable's value */
  .base_c48ade:not(:has(.notice__6e2b9)) {
    --custom-app-notice-bar-height: 0px;
  }

  /* top bar */
  .base_c48ade > .bar_c38106 {
    justify-content: flex-end;
    gap: 0;

    /* back/forward buttons */
    > .leading_c38106 {
      .backForwardButtons__63abb {
        --custom-bf-button-radius: var(--radius-none);
        --custom-bf-outer-padding: 5px;
        --custom-bf-inner-padding: 5px;
        justify-content: flex-end;
        gap: 0;
      }

      .backForwardButtons__63abb .button__63abb {
        height: 22px;
      }

      .backForwardButtons__63abb .button__63abb:not(.disabled__63abb):hover {
        background-color: var(--background-modifier-hover);
        color: var(--interactive-hover);
      }
    }

    /* add old discord text logo */
    > .title_c38106 {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' role='img' width='55' height='16' viewBox='0 0 55 16'%3E%3Cg fill='rgb(148,155,164)'%3E%3Cpath d='M3 4.78717H6.89554C7.83025 4.78717 8.62749 4.93379 9.27812 5.22703C9.92875 5.52027 10.4144 5.92348 10.7352 6.44582C11.0559 6.96815 11.2208 7.5638 11.2208 8.24192C11.2208 8.90171 11.0559 9.49736 10.7168 10.038C10.3778 10.5695 9.8646 11.0002 9.17732 11.3118C8.49003 11.6234 7.6378 11.7791 6.6197 11.7791H3V4.78717ZM6.57388 10.0014C7.2071 10.0014 7.69278 9.84559 8.03184 9.52485C8.3709 9.21328 8.54501 8.77343 8.54501 8.23276C8.54501 7.72875 8.38923 7.32555 8.08682 7.02314C7.78442 6.72073 7.32623 6.56495 6.71225 6.56495H5.49255V10.0014H6.57388Z'%3E%3C/path%3E%3Cpath d='M17.2882 11.7709C16.7475 11.6335 16.2618 11.4319 15.8311 11.1569V9.4983C16.161 9.75489 16.5917 9.95649 17.1416 10.1214C17.6914 10.2864 18.2229 10.3689 18.7361 10.3689C18.9743 10.3689 19.1576 10.3414 19.2767 10.2772C19.3959 10.2131 19.46 10.1398 19.46 10.0481C19.46 9.94733 19.4233 9.86485 19.3592 9.80071C19.2951 9.73656 19.1668 9.68158 18.9743 9.62659L17.7739 9.36084C17.0866 9.20506 16.6009 8.97596 16.3077 8.70105C16.0144 8.42613 15.877 8.05042 15.877 7.59223C15.877 7.20735 16.0053 6.86829 16.2527 6.58421C16.5093 6.30013 16.8667 6.0802 17.334 5.92442C17.8014 5.76863 18.342 5.68616 18.9743 5.68616C19.5333 5.68616 20.0465 5.74114 20.5138 5.86944C20.9812 5.98857 21.3661 6.14435 21.6685 6.32763V7.89464C21.3569 7.71136 20.9904 7.56474 20.5871 7.45477C20.1748 7.34481 19.7533 7.28982 19.3226 7.28982C18.6994 7.28982 18.3878 7.39979 18.3878 7.61056C18.3878 7.71136 18.4337 7.78467 18.5345 7.83966C18.6353 7.89464 18.8094 7.94046 19.066 7.99544L20.0648 8.17871C20.7155 8.28868 21.2011 8.49028 21.5219 8.77436C21.8426 9.05844 21.9984 9.47081 21.9984 10.0298C21.9984 10.6346 21.7326 11.1203 21.2011 11.4685C20.6696 11.8259 19.9182 12 18.9468 12C18.3787 11.9817 17.8289 11.9084 17.2882 11.7709Z'%3E%3C/path%3E%3Cpath d='M24.4735 11.5602C23.9054 11.2761 23.4655 10.9004 23.1814 10.4239C22.8882 9.94733 22.7507 9.40666 22.7507 8.80185C22.7507 8.20621 22.8974 7.66554 23.1998 7.19819C23.5022 6.72167 23.942 6.35512 24.5194 6.0802C25.0967 5.81445 25.7931 5.677 26.5995 5.677C27.5984 5.677 28.4231 5.88776 29.0829 6.3093V8.1329C28.8538 7.97712 28.5789 7.83965 28.2673 7.74802C27.9558 7.64721 27.6259 7.6014 27.2777 7.6014C26.6545 7.6014 26.178 7.71137 25.8206 7.94046C25.4724 8.16956 25.2983 8.46279 25.2983 8.82934C25.2983 9.18673 25.4632 9.47998 25.8115 9.70907C26.1505 9.93817 26.6453 10.0573 27.2868 10.0573C27.6167 10.0573 27.9466 10.0115 28.2673 9.91067C28.5881 9.80987 28.8722 9.69991 29.1013 9.55329V11.3219C28.3681 11.7618 27.5159 11.9817 26.5537 11.9817C25.7381 11.9817 25.0509 11.8351 24.4735 11.5602Z'%3E%3C/path%3E%3Cpath d='M31.6955 11.5602C31.1182 11.2761 30.6783 10.9004 30.3759 10.4147C30.0735 9.929 29.9177 9.38834 29.9177 8.78353C29.9177 8.18788 30.0735 7.64722 30.3759 7.17986C30.6783 6.71251 31.1182 6.34595 31.6863 6.0802C32.2545 5.81445 32.9418 5.677 33.7299 5.677C34.518 5.677 35.2053 5.80529 35.7743 6.0802C36.3425 6.34595 36.7824 6.71251 37.0848 7.17986C37.3872 7.64722 37.5338 8.17872 37.5338 8.78353C37.5338 9.37918 37.3872 9.929 37.0848 10.4147C36.7824 10.9004 36.3517 11.2852 35.7743 11.5602C35.1961 11.8351 34.518 11.9817 33.7299 11.9817C32.951 11.9817 32.2728 11.8351 31.6955 11.5602ZM34.7287 9.79155C34.967 9.55329 35.0953 9.22339 35.0953 8.82934C35.0953 8.42614 34.9762 8.11457 34.7287 7.87632C34.4813 7.63806 34.1514 7.51892 33.7391 7.51892C33.3084 7.51892 32.9785 7.63806 32.731 7.87632C32.4928 8.11457 32.3645 8.42614 32.3645 8.82934C32.3645 9.23255 32.4836 9.55329 32.731 9.79155C32.9785 10.039 33.3084 10.1581 33.7391 10.1581C34.1514 10.1489 34.4905 10.0298 34.7287 9.79155Z'%3E%3C/path%3E%3Cpath d='M43.6644 6.0435V8.19699C43.4078 8.03204 43.0779 7.94956 42.6747 7.94956C42.1432 7.94956 41.7308 8.11451 41.4467 8.43524C41.1626 8.75598 41.016 9.25999 41.016 9.93811V11.7709H38.5693V5.9427H40.9702V7.80295C41.0985 7.12482 41.3184 6.62082 41.6117 6.30008C41.9049 5.97935 42.2898 5.80524 42.7572 5.80524C43.1054 5.80524 43.4078 5.88771 43.6644 6.0435Z'%3E%3C/path%3E%3Cpath d='M51.9136 4.58649V11.7801H49.4659V10.4696C49.2552 10.9645 48.9436 11.3402 48.5221 11.5968C48.1005 11.8534 47.5782 11.9817 46.9551 11.9817C46.4052 11.9817 45.9195 11.8442 45.5072 11.5785C45.0948 11.3127 44.7741 10.937 44.5542 10.4696C44.3342 9.99313 44.2242 9.46163 44.2242 8.87514C44.2151 8.26117 44.3342 7.71134 44.5816 7.22566C44.8199 6.73998 45.1681 6.36426 45.608 6.08935C46.0479 5.81444 46.5519 5.67698 47.12 5.67698C48.2838 5.67698 49.0627 6.18099 49.4659 7.19817V4.58649H51.9136ZM49.0994 9.7457C49.3468 9.50744 49.4751 9.18671 49.4751 8.80183C49.4751 8.42612 49.356 8.12371 49.1086 7.89462C48.8611 7.66552 48.5312 7.5464 48.1189 7.5464C47.7065 7.5464 47.3766 7.66553 47.1292 7.90378C46.8818 8.14204 46.7626 8.44444 46.7626 8.82932C46.7626 9.2142 46.8818 9.51661 47.1292 9.75487C47.3766 9.99313 47.6973 10.1123 48.1097 10.1123C48.5221 10.1123 48.852 9.99313 49.0994 9.7457Z'%3E%3C/path%3E%3Cpath d='M13.4751 6.29095C14.1789 6.29095 14.7489 5.77778 14.7489 5.14547C14.7489 4.51317 14.1789 4 13.4751 4C12.7723 4 12.2014 4.51317 12.2014 5.14547C12.2014 5.77778 12.7723 6.29095 13.4751 6.29095Z'%3E%3C/path%3E%3Cpath d='M14.7489 7.07812C13.97 7.41719 12.9986 7.42635 12.2014 7.07812V11.7792H14.7489V7.07812Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position-y: center;
      left: calc(var(--space-sm) - 3px);
      top: 1px;

      /* remove redundant server name/icon */
      > .title_bb0d86 {
        display: none;
      }
    }

    > .trailing_c38106 {
      z-index: 102;   /* TO BE CHANGED */

      /* inbox */
      > .clickable_c99c29 {
        position: absolute;
        top: calc(
          var(--custom-app-notice-bar-height) + var(--custom-app-top-bar-height) +
            var(--space-8)
        );
        right: calc(32px + var(--space-xs) * 2 + 4px);
      }

      /* help */
      > .anchor_edefb8 {
        position: absolute;
        top: calc(
          var(--custom-app-notice-bar-height) + var(--custom-app-top-bar-height) +
            var(--space-8)
        );
        right: calc(var(--space-xs) + 4px);

        svg {
          height: 22px;
          width: 22px;
        }
      }

      /* update */
      > .button__85643 {
        position: absolute;
        top: calc(
          var(--custom-app-notice-bar-height) + var(--custom-app-top-bar-height) +
            var(--space-8)
        );
        right: calc(32px * 2 + var(--space-xs) * 3 + 4px);
      }
    }
  }

  /* search context menu (top search bar active) */
  .container__55c99 {
    background-color: var(--background-floating);
    border: 1px solid var(--background-accent);
    border-radius: var(--radius-xs);
  }

  /* only if update exists, move toolbar, there should be a better way to do this i think */
  .base_c48ade:has(.bar_c38106 > .trailing_c38106 > .button__85643)
    .toolbar__9293f {
    margin-right: calc(32px * 3 + var(--space-xs) * 3 + 4px);
  }

  /* placement of elements on left sidebar (servers/channels/panels) */
  .sidebar_c48ade {
    display: grid;
    grid-template-areas:
      "guilds notice"
      "guilds sidebar"
      "guilds panels";

    > .guilds_c48ade {
      grid-area: guilds;
      margin-bottom: 0;
    }

    > .sidebarList_c48ade {
      grid-area: sidebar;
      width: calc(
        var(--custom-guild-sidebar-width) - 24px
      ); /* default and minimum: 240px */
    }

    > .panels_c48ade {
      grid-area: panels;
      width: 100%;
      left: 0;
      bottom: 0;
    }

    &:after {
      display: none;
    }
  }

  /* preview */
  .themeEditor_cf6da1,
  .editor__2a891 {
    border-left: 0;
  }

  /***************************************************************** GENERAL **********************************************************************/
  /* code blocks */
  .markup__75297 code {
    border: 1px solid var(--background-tertiary);
  }

  .header__13cf1 {
    font-size: var(--size-12);
    text-transform: uppercase;
    line-height: unset;
  }

  .embedFull__623de {
    background: var(--background-secondary);
    border-top: unset;
    border-bottom: unset;
    border-right: unset;
  }

  .button__201d5 {
    border-radius: 3px;
    border: none;
  }

  /* old color of channels */
  .modeSelected__2ea32 .icon__2ea32,
  .modeSelected__2ea32:hover .icon__2ea32,
  .modeUnreadImportant__2ea32 .icon__2ea32,
  .modeUnreadImportant__2ea32:hover .icon__2ea32 {
    color: var(--channel-icon);
  }

  .modeUnreadImportant__2ea32 .iconWithGuildIcon__2ea32,
  .modeUnreadImportant__2ea32:hover .iconWithGuildIcon__2ea32 {
    color: var(--text-secondary);
  }

  .modeConnected__2ea32 .name__2ea32,
  .modeConnected__2ea32:hover .name__2ea32,
  .modeSelected__2ea32 .name__2ea32,
  .modeSelected__2ea32:hover .name__2ea32,
  .modeUnreadImportant__2ea32 .name__2ea32,
  .modeUnreadImportant__2ea32:hover .name__2ea32,
  .notInteractive__2ea32.modeConnected__2ea32 .name__2ea32,
  .notInteractive__2ea32.modeSelected__2ea32 .name__2ea32 {
    color: var(--interactive-active);
    font-weight: var(--font-weight-semibold-1x-light-theme, 500);
  }

  /* reactions on messages */
  .reaction__23977,
  .reactionBtn__23977 {
    background: var(--background-secondary);
  }

  .reactionMe__23977 {
    background-color: var(--message-reacted-background);
  }

  .icon__24af7 {
    height: 24px;
    width: 24px;
  }

  /* minimise, maximise, close buttons */
  .winButtons_c38106 {
    gap: unset;
  }

  .winButtonsWithDivider_c38106::before {
    display: none;
  }

  .winButton_c38106 {
    width: 28px;
  }

  /***************************************************************** SERVERS **********************************************************************/
  .guilds_c48ade .stack_dbd263 {
    .tutorialContainer__1f388 {
      padding-top: 4px;
    }

    #guild-list-unread-dms > div {
      height: var(--guildbar-avatar-size) !important;
    }

    .guildSeparator__252b6 {
      height: 2px;
      background-color: var(--background-modifier-accent);
    }

    /* probably should be a better way to do this */
    .wrapper_cc5dd2:not(.folderGroup__48112 .wrapper_cc5dd2),
    .folderGuildsList__48112 .wrapper_cc5dd2 {
      width: var(--guildbar-avatar-size) !important;
      height: var(--guildbar-avatar-size) !important;

      > svg {
        inset: auto;
        contain: none;

        > foreignObject {
          mask: none;
          overflow: visible;
          x: -4;
          y: -4;

          > .wrapper__6e9f8 {
            border-radius: var(--radius-round);
            overflow: hidden;
            transition: border-radius 0.2s;

            &.selected__6e9f8 {
              border-radius: 15px;
            }
          }

          > .circleIconButton__5bc7e {
            border-radius: var(--radius-round);
            overflow: hidden;
          }
        }
      }
    }

    /* folders */
    &.folderGuildsList__48112 {
      height: fit-content !important;
    }

    .folderGroup__48112 {
      --custom-folder-preview-padding: var(--space-6);
      --custom-folder-preview-gap: var(--space-4);
      --custom-folder-color: #5865f2; /* might not be accurate */

      .folderHeader__48112,
      .folderHeader__48112 > .folderButton__48112 {
        border-radius: var(--radius-lg);
        overflow: visible;
      }

      .folderIcon__48112 > svg {
        width: 24px;
        height: 24px;
      }

      .folderPreview__48112 {
        gap: var(--custom-folder-preview-gap);

        > .folderPreviewGuildIcon__48112 {
          border-radius: var(--radius-round);
        }
      }
    }

    /* ping/voice icons */
    .badgeStroke_cc5dd2 {
      display: none;
    }

    .lowerBadge_cc5dd2,
    .upperBadge_cc5dd2 {
      border: 4px solid;
      border-radius: var(--radius-round);
      margin-right: -4px;
      margin-top: -4px;
      margin-bottom: -4px;
    }
  }

  /***************************************************************** CHANNELS/DMS *****************************************************************/
  .sidebarList_c48ade {
    border: 0;

    .hasBanner_f37cb1 {
      .header_f37cb1 {
        box-shadow: unset;
      }

      .headerGlass_f37cb1 {
        border: none;
        box-shadow: var(--shadow-ledge);
        width: 100%;
      }

      .bannerImage_f37cb1,
      .bannerImg_f37cb1 {
        width: 100%;
      }
    }

    .header_f37cb1,
    .header_f37cb1:hover,
    .searchBar__35e86 {
      border: none;
      box-shadow: var(--shadow-ledge);
    }

    .searchBar__35e86 > button {
      justify-content: flex-start;
      padding-left: 6px;
      background-color: var(
        --bg-overlay-selected,
        var(--background-mod-normal)
      );
      height: calc(var(--custom-button-button-sm-height) - 4px);
      min-height: unset;
      color: var(--text-normal);

      .contents__201d5 {
        margin: 0;
      }
    }

    .channel__972a0:not(.dm__972a0) svg {
      width: 24px;
      height: 24px;
    }

    .scroller__629e4,
    .scroller__99e7c {
      margin-right: 0;

      .content__99f8c {
        .wrapperCommon__29444 {
          padding-left: var(--space-xxs);

          .mainContent__29444 {
            flex-direction: row-reverse;
            flex: none;
          }
        }

        .container_e45859,
        .channel__972a0,
        .link__2ea32,
        .link__972a0 {
          border-radius: var(--radius-xs);
        }
      }
    }

    .scroller__99e7c {
      margin-bottom: unset;
    }
  }

  /* edit server roles incorrect background color */
  .customContainer__23e6b, /* background color for server members and audit log */
  .titleContainer_e29cd7,
  .header_c6bf1b {
    background-color: var(--background-base-low);
  }

  /***************************************************************** CONTEXT *********************************************************************/
  .menu_c1e9c4 {
    background-color: var(--background-floating);
    border-radius: 4px 4px 0 0;

    .button_f563df {
      /*reaction buttons */
      border-radius: var(--radius-round);
      background-color: var(--bg-base-tertiary);
    }

    .focused_f563df {
      background-color: var(--bg-base-secondary);
    }

    .label_c1e9c4 {
      color: var(--text-muted-on-default);
    }

    .focused_c1e9c4 {
      background-color: var(--bg-brand);
      border-radius: 2px;

      .label_c1e9c4 {
        color: white;
      }
    }

    .colorDanger_c1e9c4 {
      /* red icons */
      color: var(--info-danger-foreground);
    }

    #guild-context-invite-people,
    #channel-context-invite-people {
      .label_c1e9c4 {
        color: var(--text-brand);
      }
    }

    .focused_c1e9c4#guild-context-invite-people,
    .focused_c1e9c4#channel-context-invite-people {
      .label_c1e9c4 {
        color: white;
      }
    }

    #message-delete,
    #message-report,
    #user-context-kick,
    #user-context-ban,
    #user-context-timeout,
    #user-context-block,
    #channel-context-delete-channel,
    #guild-context-leave-guild {
      .label_c1e9c4 {
        color: var(--info-danger-foreground);
      }
    }

    .focused_c1e9c4#user-context-timeout,
    .focused_c1e9c4#user-context-kick,
    .focused_c1e9c4#user-context-ban,
    .focused_c1e9c4#user-context-block,
    .focused_c1e9c4#message-delete,
    .focused_c1e9c4#message-report,
    .focused_c1e9c4#channel-context-delete-channel,
    .focused_c1e9c4#guild-context-leave-guild {
      background-color: var(--info-danger-foreground);
      border-radius: 2px;

      .label_c1e9c4 {
        color: white;
      }
    }

    .checkbox_f525d3 {
      border-radius: 2px;
      border-width: 2px;
      margin: 2px auto;
      width: 16px !important;
      height: 16px !important;
    }
  }

  /***************************************************************** CHAT *************************************************************************/
  /* chat/forum post/friends/library/nitro/shop */
  .chat_f75fb0,
  .container__01ae2,
  .container__133bf,
  .container_ad5cdf,
  .homeWrapper__0920e,
  .shop__6db1d {
    border: none !important;

    .title_f75fb0,
    .container__9293f {
      border: none;
      box-shadow: var(--shadow-ledge);

      .toolbar__9293f {
        margin-right: calc(32px * 2 + var(--space-xs) * 2 + 4px);

        .inviteToolbar__133bf,
        .libraryFilter__3fb48 {
          padding-right: 0;
          margin-right: var(--spacing-4);
        }

        .searchBar__97492 {
          height: 26px;
          width: 144px;
          padding: 0 2px;
          border-radius: var(--radius-xs);
          border: none;
          background: var(--bg-overlay-3, var(--background-tertiary));

          .DraftEditor-root {
            padding: 0;
          }

          .searchFilter_bd8186 {
            height: auto;
            border-radius: 2px 0 0 2px;
            padding: 0 2px;
          }
          .searchAnswer_bd8186 {
            height: auto;
            border-radius: 0 2px 2px 0;
            padding: 0 2px;
          }
        }

        .open__97492,
        .focused__97492 {
          .searchBar__97492 {
            width: 281px;
          }
        }
      }
    }

    /* forum post open on sidebar */
    &.threadSidebarOpen_f75fb0 {
      .toolbar__9293f {
        margin-right: 0;
      }
    }

    .chatContent_f75fb0 {
      > .messagesWrapper__36d07 {
        .barButtonAlt__0f481 {
          background-color: var(--transparent);
          &:hover {
            background-color: var(--transparent);
          }
        }

        > .barBase__0f481 {
          border: none;
          left: var(--space-md);
          right: var(--space-md);
        }

        > .newMessagesBar__0f481 {
          padding-left: var(--space-sm);
          padding-right: var(--space-sm);
        }

        :is(.timestampInline_c19a55) time[aria-label^="Today at"] {
          visibility: hidden;
          font-size: 0;
        }

        :is(.timestampInline_c19a55) time[aria-label^="Today at"]:before {
          content: attr(aria-label);
          visibility: visible;
          font-size: 0.75rem !important;
        }

        .scrollerSpacer__36d07 {
          height: var(--discord-2024-custom-scroller-spacer-height, 30px);
        }
      }

      > .form_f75fb0 {
        padding-left: var(--space-md);
        padding-right: var(--space-md);

        > .inTextChannel_b88801 {
          top: unset;
          bottom: 0;
        }

        .channelTextArea_f75fb0 {
          margin-bottom: var(--space-xl);
        }

        .channelTextArea__74017 {
          border: none;

          .slateTextArea_ec4baf {
            margin-left: 0;
          }

          .attachWrapper__0923f {
            padding: var(--space-6) calc(var(--space-md) - 6px);

            .attachButton__0923f {
              margin-right: 0;

              svg {
                height: var(--chat-input-icon-size);
                width: var(--chat-input-icon-size);
              }
            }
          }

          .lottieIcon__5eb9b {
            height: 24px !important;
            width: 24px !important;
          }

          .spriteContainer__04eed {
            --custom-emoji-sprite-size: 22px !important;
          }

          .channelAppLauncher_e6e74f .lottieIcon__5eb9b {
            height: 27px !important;
            width: 27px !important;
            margin-top: -1px;
          }
        }

        > .base_b88801 {
          color: var(--text-normal, var(--text-secondary));
          padding-left: var(--space-xs);
          font-size: 14px;
        }
      }
    }

    /* search results container */
    .searchResultsWrap_a9e706 {
      .item_b3f026,
      .side_b3f026 {
        line-height: 20px;
      }
    }

    .container_c8ffbb {
      border: none;

      .membersGroup_c8ffbb {
        padding-top: calc(var(--space-xl) + 2px); /* don't ask me why xd */
        padding-bottom: 2px;
      }

      .container__91a9d {
        border-radius: var(--radius-xs);
        margin-right: 8px;

        .childContainer__91a9d {
          padding: 0;
        }

        .memberInner__5d473 {
          height: 44px;
        }
      }
    }

    /* hover menu/quick menu */
    .popoverReactionHoverBar_f84418 {
      background-color: var(
        --background-secondary,
        var(--background-nested-floating)
      );
    }
  }

  .markup__75297 blockquote {
    color: var(--text-primary);
  }

  /* viewing old messages bottom bar */
  .bottomBar__0f481 {
    background-color: color-mix(
      in srgb,
      var(--background-accent) 98%,
      transparent
    );
    border: none;
    min-height: 24px;
    min-width: unset;
    width: auto;
    box-shadow: var(--shadow-ledge);
    border-radius: 8px 8px 0 0;
    bottom: var(--space-sm);
    margin: 0;

    .button__201d5 {
      background-color: inherit;
      color: inherit;
      padding: 0;

      &::after {
        content: "";
        display: inline-block;
        margin-left: var(--space-8);
        margin-bottom: var(--space-4);
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M5.3 9.3a1 1 0 011.4 0l5.3 5.29 5.3-5.3a1 1 0 111.4 1.42l-6 6a1 1 0 01-1.4 0l-6-6a1 1 0 010-1.42z'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
      }
    }
  }

  /* gif, stickers and emoji menus */
  .contentWrapper__08434 {
    background-color: var(--background-secondary);

    .header_fed6d3,
    .header__8ef02,
    .header_c0e32c {
      background-color: var(--background-secondary);
      border-bottom: 1px solid var(--bg-surface-overlay);
      border-radius: 0;
    }

    .listWrapper_c656ac {
      background-color: var(--background-secondary);
    }

    .wrapper__14245 {
      background-color: inherit;
    }

    .wrapper__4e6ce {
      background-color: var(--background-secondary-alt);
    }

    .categoryList_c0e32c,
    .categoryList__3ad28 {
      top: 45px;
    }

    .searchBar_fed6d3,
    .medium_a45028 {
      border: none;
      border-radius: 4px;
      height: 32px;
      align-items: center;
    }

    .inspector_aeaaeb {
      background-color: var(--background-secondary-alt);
    }
  }

  /* pinned messages */
  .messagesPopoutWrap__45690 {
    .markup__75297 code {
      background-color: var(--background-secondary);
    }
  }

  /* mp3 messages */
  .wrapperAudio_cf09d8 {
    background-color: var(--background-base-lowest);
    border-color: var(--bg-base-tertiary);
    /* border-radius: var(--radius-xs); unsure if this is needed */
  }

  /* dm call controls */
  .bottomControls_bfe55a {
    border: none;

    .button__201d5 {
      border: none;
      border-radius: 50%;
      background-color: var(--background-secondary-alt);
      width: 56px;
      height: 56px;
      margin-bottom: -5px;
    }

    .disconnect_f1ceac {
      background-color: var(--info-danger-foreground);
    }

    .buttonSection__1405b {
      background: transparent;
      padding: 0;
      gap: 12px;

      .attachedCaretButtonContainer_f1ceac {
        width: 56px;

        .controlIcon_f1ceac {
          width: 26px;
          height: 26px;
        }

        .contextMenuNubExperiment_f1ceac.attachedCaret_f1ceac {
          position: relative;
          height: 20px;
          width: 20px;
          padding: 0;
          border: 4px solid var(--black);
          border-radius: 50%;
          background-color: var(--background-secondary-alt);
          right: 24px;
          bottom: -21px;
        }

        .colorable_f1ceac.redGlow_f1ceac {
          background-color: var(--background-secondary-alt);
          color: inherit;
        }
      }
    }
  }

  /***************************************************************** PANELS ***********************************************************************/
  .panels_c48ade {
    background-color: var(--background-secondary-alt);
    border: none;
    border-radius: var(--radius-none);

    /* activity panel */
    > .activityPanel_c48ade {
      background: unset;
      padding: var(--space-xxs) var(--space-xs);
      border-radius: var(--radius-none);
      border-bottom: 1px solid var(--background-modifier-accent);

      .title_b6c092 {
        color: var(--header-secondary);
      }
    }

    /* voice connected panel */
    .container_e131a9 {
      padding: var(--space-xs);
      margin: 0;
      border-bottom: 1px solid var(--background-modifier-accent);

      > .actionButtons_e131a9 .button_e131a9.buttonColor_e131a9 {
        background-color: var(--background-primary);
        color: var(--interactive-active);
        border-radius: 3px;
        border: 0;
      }

      .rtcConnectionStatusWrapper__06d62 {
        gap: 2px;

        > .rtcConnectionStatus__06d62 .rtcConnectionStatusConnected__06d62 {
          color: var(--text-positive);
        }

        > .rtcConnectionStatus__06d62 .text-md\/medium_cf4812 {
          font-size: 14px;
          line-height: inherit;
          font-weight: inherit;
        }

        > a .text-sm\/medium_cf4812 {
          font-size: 12px;
          line-height: inherit;
        }
      }

      .voiceButtonsContainer_e131a9 {
        gap: unset;

        button.button__67645 {
          margin: 0;
        }
      }
    }

    /* user panel */
    > .container__37e49 {
      height: 52px;
      padding: 0 8px 1px;
      margin: 0;
      gap: unset;
      box-sizing: unset;

      > .avatarWrapper__37e49 {
        margin-right: var(--space-xs);
        padding: var(--space-4);
        border-radius: var(--radius-xs);

        > .wrapper__44b0c.avatar__37e49 {
          width: 32px !important;
          height: 32px !important;

          > svg.mask__44b0c {
            width: 39px;
            height: 39px;
          }

          > svg.avatarDecoration__44b0c {
            height: 38px;
            width: 47px;
          }
        }
      }

      > .buttons__37e49 {
        gap: unset;

        button.button__67645.redGlow__67645,
        span.button__67645.redGlow__67645 {
          background-color: transparent;
        }
        button.button__67645.enabled__67645:hover,
        span.button__67645.enabled__67645:hover {
          background-color: var(--background-modifier-selected);
        }
        button.button__67645.enabled__67645.redGlow__67645:hover,
        span.button__67645.enabled__67645.redGlow__67645:hover {
          background-color: hsl(var(--red-400-hsl) / 0.2);
        }
      }
    }
  }

  /***************************************************************** SETTINGS *********************************************************************/

  .systemBar_c38106 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' role='img' width='55' height='16' viewBox='0 0 55 16'%3E%3Cg fill='rgb(148,155,164)'%3E%3Cpath d='M3 4.78717H6.89554C7.83025 4.78717 8.62749 4.93379 9.27812 5.22703C9.92875 5.52027 10.4144 5.92348 10.7352 6.44582C11.0559 6.96815 11.2208 7.5638 11.2208 8.24192C11.2208 8.90171 11.0559 9.49736 10.7168 10.038C10.3778 10.5695 9.8646 11.0002 9.17732 11.3118C8.49003 11.6234 7.6378 11.7791 6.6197 11.7791H3V4.78717ZM6.57388 10.0014C7.2071 10.0014 7.69278 9.84559 8.03184 9.52485C8.3709 9.21328 8.54501 8.77343 8.54501 8.23276C8.54501 7.72875 8.38923 7.32555 8.08682 7.02314C7.78442 6.72073 7.32623 6.56495 6.71225 6.56495H5.49255V10.0014H6.57388Z'%3E%3C/path%3E%3Cpath d='M17.2882 11.7709C16.7475 11.6335 16.2618 11.4319 15.8311 11.1569V9.4983C16.161 9.75489 16.5917 9.95649 17.1416 10.1214C17.6914 10.2864 18.2229 10.3689 18.7361 10.3689C18.9743 10.3689 19.1576 10.3414 19.2767 10.2772C19.3959 10.2131 19.46 10.1398 19.46 10.0481C19.46 9.94733 19.4233 9.86485 19.3592 9.80071C19.2951 9.73656 19.1668 9.68158 18.9743 9.62659L17.7739 9.36084C17.0866 9.20506 16.6009 8.97596 16.3077 8.70105C16.0144 8.42613 15.877 8.05042 15.877 7.59223C15.877 7.20735 16.0053 6.86829 16.2527 6.58421C16.5093 6.30013 16.8667 6.0802 17.334 5.92442C17.8014 5.76863 18.342 5.68616 18.9743 5.68616C19.5333 5.68616 20.0465 5.74114 20.5138 5.86944C20.9812 5.98857 21.3661 6.14435 21.6685 6.32763V7.89464C21.3569 7.71136 20.9904 7.56474 20.5871 7.45477C20.1748 7.34481 19.7533 7.28982 19.3226 7.28982C18.6994 7.28982 18.3878 7.39979 18.3878 7.61056C18.3878 7.71136 18.4337 7.78467 18.5345 7.83966C18.6353 7.89464 18.8094 7.94046 19.066 7.99544L20.0648 8.17871C20.7155 8.28868 21.2011 8.49028 21.5219 8.77436C21.8426 9.05844 21.9984 9.47081 21.9984 10.0298C21.9984 10.6346 21.7326 11.1203 21.2011 11.4685C20.6696 11.8259 19.9182 12 18.9468 12C18.3787 11.9817 17.8289 11.9084 17.2882 11.7709Z'%3E%3C/path%3E%3Cpath d='M24.4735 11.5602C23.9054 11.2761 23.4655 10.9004 23.1814 10.4239C22.8882 9.94733 22.7507 9.40666 22.7507 8.80185C22.7507 8.20621 22.8974 7.66554 23.1998 7.19819C23.5022 6.72167 23.942 6.35512 24.5194 6.0802C25.0967 5.81445 25.7931 5.677 26.5995 5.677C27.5984 5.677 28.4231 5.88776 29.0829 6.3093V8.1329C28.8538 7.97712 28.5789 7.83965 28.2673 7.74802C27.9558 7.64721 27.6259 7.6014 27.2777 7.6014C26.6545 7.6014 26.178 7.71137 25.8206 7.94046C25.4724 8.16956 25.2983 8.46279 25.2983 8.82934C25.2983 9.18673 25.4632 9.47998 25.8115 9.70907C26.1505 9.93817 26.6453 10.0573 27.2868 10.0573C27.6167 10.0573 27.9466 10.0115 28.2673 9.91067C28.5881 9.80987 28.8722 9.69991 29.1013 9.55329V11.3219C28.3681 11.7618 27.5159 11.9817 26.5537 11.9817C25.7381 11.9817 25.0509 11.8351 24.4735 11.5602Z'%3E%3C/path%3E%3Cpath d='M31.6955 11.5602C31.1182 11.2761 30.6783 10.9004 30.3759 10.4147C30.0735 9.929 29.9177 9.38834 29.9177 8.78353C29.9177 8.18788 30.0735 7.64722 30.3759 7.17986C30.6783 6.71251 31.1182 6.34595 31.6863 6.0802C32.2545 5.81445 32.9418 5.677 33.7299 5.677C34.518 5.677 35.2053 5.80529 35.7743 6.0802C36.3425 6.34595 36.7824 6.71251 37.0848 7.17986C37.3872 7.64722 37.5338 8.17872 37.5338 8.78353C37.5338 9.37918 37.3872 9.929 37.0848 10.4147C36.7824 10.9004 36.3517 11.2852 35.7743 11.5602C35.1961 11.8351 34.518 11.9817 33.7299 11.9817C32.951 11.9817 32.2728 11.8351 31.6955 11.5602ZM34.7287 9.79155C34.967 9.55329 35.0953 9.22339 35.0953 8.82934C35.0953 8.42614 34.9762 8.11457 34.7287 7.87632C34.4813 7.63806 34.1514 7.51892 33.7391 7.51892C33.3084 7.51892 32.9785 7.63806 32.731 7.87632C32.4928 8.11457 32.3645 8.42614 32.3645 8.82934C32.3645 9.23255 32.4836 9.55329 32.731 9.79155C32.9785 10.039 33.3084 10.1581 33.7391 10.1581C34.1514 10.1489 34.4905 10.0298 34.7287 9.79155Z'%3E%3C/path%3E%3Cpath d='M43.6644 6.0435V8.19699C43.4078 8.03204 43.0779 7.94956 42.6747 7.94956C42.1432 7.94956 41.7308 8.11451 41.4467 8.43524C41.1626 8.75598 41.016 9.25999 41.016 9.93811V11.7709H38.5693V5.9427H40.9702V7.80295C41.0985 7.12482 41.3184 6.62082 41.6117 6.30008C41.9049 5.97935 42.2898 5.80524 42.7572 5.80524C43.1054 5.80524 43.4078 5.88771 43.6644 6.0435Z'%3E%3C/path%3E%3Cpath d='M51.9136 4.58649V11.7801H49.4659V10.4696C49.2552 10.9645 48.9436 11.3402 48.5221 11.5968C48.1005 11.8534 47.5782 11.9817 46.9551 11.9817C46.4052 11.9817 45.9195 11.8442 45.5072 11.5785C45.0948 11.3127 44.7741 10.937 44.5542 10.4696C44.3342 9.99313 44.2242 9.46163 44.2242 8.87514C44.2151 8.26117 44.3342 7.71134 44.5816 7.22566C44.8199 6.73998 45.1681 6.36426 45.608 6.08935C46.0479 5.81444 46.5519 5.67698 47.12 5.67698C48.2838 5.67698 49.0627 6.18099 49.4659 7.19817V4.58649H51.9136ZM49.0994 9.7457C49.3468 9.50744 49.4751 9.18671 49.4751 8.80183C49.4751 8.42612 49.356 8.12371 49.1086 7.89462C48.8611 7.66552 48.5312 7.5464 48.1189 7.5464C47.7065 7.5464 47.3766 7.66553 47.1292 7.90378C46.8818 8.14204 46.7626 8.44444 46.7626 8.82932C46.7626 9.2142 46.8818 9.51661 47.1292 9.75487C47.3766 9.99313 47.6973 10.1123 48.1097 10.1123C48.5221 10.1123 48.852 9.99313 49.0994 9.7457Z'%3E%3C/path%3E%3Cpath d='M13.4751 6.29095C14.1789 6.29095 14.7489 5.77778 14.7489 5.14547C14.7489 4.51317 14.1789 4 13.4751 4C12.7723 4 12.2014 4.51317 12.2014 5.14547C12.2014 5.77778 12.7723 6.29095 13.4751 6.29095Z'%3E%3C/path%3E%3Cpath d='M14.7489 7.07812C13.97 7.41719 12.9986 7.42635 12.2014 7.07812V11.7792H14.7489V7.07812Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-y: center;
    left: calc(var(--space-sm) - 3px);
  }

  &.platform-win .sidebarRegionScroller__23e6b,
  &.platform-win .customContainer__23e6b {
    margin-top: var(--custom-app-top-bar-height);
  }

  .standardSidebarView__23e6b,
  .contentRegion__23e6b {
    background: var(--background-tertiary);
  }

  /***************************************************************** PLUGIN FIXES *****************************************************************/

  /* BD GameActivityToggle supported v1.3.6 by DevilBro */
  .gameActivityToggleAdded_fd3fb5 .gameActivityToggleButton_fd3fb5 {
    margin-right: 0;
  }

  /* BD ServerFolders supported v7.4.2 by DevilBro */
  .folderContentIsOpen_ac0584 .base_c48ade .sidebar_c48ade {
    grid-template-areas:
      "guilds guildsFolderList notice"
      "guilds guildsFolderList sidebar"
      "guilds guildsFolderList panels";
  }

  .content_ac0584 {
    margin-top: 4px;

    &.closed_ac0584 {
      display: none;
    }

    .wrapper_cc5dd2 {
      width: var(--guildbar-avatar-size) !important;
      height: var(--guildbar-avatar-size) !important;

      > svg {
        inset: auto;
        contain: none;

        > foreignObject {
          mask: none;
          overflow: visible;
          x: -4;
          y: -4;

          > .wrapper__6e9f8 {
            border-radius: var(--radius-round);
            overflow: hidden;
            transition: border-radius 0.2s;

            &.selected__6e9f8 {
              border-radius: 15px;
            }
          }
        }
      }
    }
  }

  /* Vencord BetterFolders by Juby210, AutumnVN and Nuckyz */
  .vc-betterFolders-sidebar-grid.base_c48ade .sidebar_c48ade {
    grid-template-areas:
      "guilds betterFoldersSidebar notice"
      "guilds betterFoldersSidebar sidebar"
      "guilds betterFoldersSidebar panels";
  }

  .vc-betterFolders-sidebar .wrapper_ef3116 {
    margin-bottom: 0;

    .folderGuildsList__48112 > :first-child {
      margin-top: 4px;
    }
  }
}
