style.scss

:root {
   --rq-highlight-text-color: #7289da;
   --rq-highlight-text-bg: rgba(114, 137, 218, 0.1);
   --rq-highlight-container: var(--background-mentioned);
   --rq-highlight-container-line: #faa61a;
}

.rq-avatar {
   width: 20px !important;
   height: 20px !important;

   align-self: end !important;

   // Class fixes
   position: unset !important; left: 0px !important; margin: 0px !important;
}

#a11y-hack{.rq-inline {
   background: var(--background-secondary);
   
   &:not(.rq-nested)>div>div.rq-content>div div.attachment-33OFj0,.embedFull-2tM8-- { background: var(--background-tertiary) }

   .re-file { background: var(--background-tertiary); }

   &.rq-nested {
      background: var(--background-tertiary);

      .re-file,.embedFull-2tM8-- { background: var(--background-secondary) !important; }
   }

   border-radius: 10px;
   max-width: 500px;
   overflow: hidden;

   &>div {
      padding: 8px;
      display: grid;
      grid-template-columns: 20px auto;
      grid-template-rows: min-content auto;
      grid-column-gap: 8px;

      &.rq-highlight-container {
         background: var(--rq-highlight-container);
         height: 100%;
         padding-bottom: 6px;
         border-left: 2px solid var(--rq-highlight-container-line);

         .rq-inline > div { background: var(--rq-highlight-container) }

         .mention {
            background: transparent; 
            &:hover { 
               color: var(--rq-highlight-text-color); 
               text-decoration: underline;
            }
         }
      }
      &.rq-highlight-container-alt { border-left: none; }
   }

   .rq-clickable {
      cursor: pointer;
      &:hover { text-decoration: underline; }
   }

   &>div>.rq-header {
      margin-bottom: 4px;

      min-height: 0px !important;
      grid-column: 1 / 2;
      grid-row: 1 / 1;
      display: grid;
      grid-template-columns: auto auto;
      grid-gap: 8px;

      &>.rq-userTag {
         display: grid;
         grid-template-columns: auto auto auto;
         grid-gap: 4px;
         white-space: nowrap;
         user-select: none;
         align-items: baseline;

         .rq-highlight {
            -webkit-text-fill-color: unset;
            color: var(--rq-highlight-text-color);
            background: var(--rq-highlight-text-bg);
            font-weight: 500;
         }
         .rq-highlight-alt { background: transparent; }

         &>.rq-username { line-height: 1.275rem; }

         .rq-infoText { color: var(--header-secondary) }
         
         .rq-margin { margin-right: 4px }

         &>.rq-timestamp { margin-left: 0px; }
      }
   }

   &>div>.rq-content {
      grid-column: 2;
      grid-row: 2;
      position: unset;

      &>div {
         margin-left: 0px;
         padding-left: 0px;

         &>pre {
            max-width: 356px;
            &>code { max-height: 10rem; }
         }
      }
      &>.container-1ov-mD {
         width: 100%;

         &>.wrapperAudio-1jDe0Q {
            background-color: var(--background-tertiary);

         }
         &>.embedFull-2tM8-- {
            background-color: var(--background-tertiary);
            max-width: unset !important;
            width: 100%;
            &>div {
               width: 94%;
               &>div { width: 90% !important }
            }
         }
      }
   }

   &>div>.rq-button-container {
      grid-column: 1;
      grid-row: 2;
      width: 20px;

      display: grid;
      grid-auto-rows: 20px;
      grid-row-gap: 3px;

      &>div>.rq-button {
         width: 20px;
         height: 20px;
         border-radius: 10px;
         background-color: var(--background-tertiary);

         display: grid;
         align-content: center;
         justify-content: center;

         pointer-events: all;

         * { pointer-events: none; }
         span { transform: scale(.8); }

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

         &.rq-jump > svg { transform: rotateY(180deg) }
         &.rq-channel-jump > svg { width: 12px; height: 12px }
      }
   }

   .rq-hide {
      visibility: hidden;
   }
   &:hover .rq-hide {
      visibility: visible;
   }
}}

#rich-quotes-preview {
   height: 455px;
   margin-top: 1rem;
   margin-bottom: 1rem;
   border: 1px var(--background-secondary) solid;
   overflow: hidden;

   &>div { height: calc(100% - 48px); }

   .buttonContainer-DHceWr,.toolbar-1t6TWx { display: none; }

   #owo-6 { margin-bottom: 1.4rem; }
}

main.contentColumn-2hrIYH .rq-settingsHeader { margin-bottom: .8rem; }

.rq-preloader {
   background: var(--background-secondary);
   padding: 1rem;
   border-radius: .5rem;
   width: 24rem;
   margin-bottom: .5rem;
}

.rq-error {
   background: var(--background-secondary);
   border-radius: .5rem;
   width: 24rem;
   margin-bottom: .5rem;

   &>div {
      padding: 1rem;
      border-radius: .5rem;
   }

   .powercord-settings-item {
      margin: 0px !important;
      width: min-content;
      height: min-content;

      button {
         margin-top: .5rem;
         margin-left: 0px !important;
      }

      &>div[class^=divider] {
         display: none;
      }
  }
}

.message-2qnXI6.mentioned-xhSam7 { .rq-highlight-container,.rq-error-highlight,.grid-1nZz7S {
   background: var(--rq-highlight-container);
   .re-file:before {
      content: '';
      width: 50px;
      height: 50px;
      background: red;
   }
}}

.rq-tooltip { height: min-content }

.rq-server-title { font-weight: 600; }

.rq-nesting-cap { color: var(--text-muted) }

.rq-avatar-wrapper {
   display: grid;
   margin-left: 2px;
   margin-right: 3px;
   align-self: normal;
}

.rq-reply-header {
   display: inline-grid; 
   grid-template-columns: min-content min-content;
   align-items: baseline;
   white-space: pre;
   margin-left: 5px;
   grid-column-gap: 5px;
}

.rq-author {
   display: grid;
   grid-template-columns: min-content min-content;
   align-items: baseline;
   grid-column-gap: 4px;
}

.rq-author-main { grid-column-gap: 8px }

.rq-partial {
   user-select: none;
   color: var(--text-muted);
   cursor: pointer;

   margin-left: .08rem;
   margin-right: .08rem;

   &:hover {
      text-shadow: 0px 0px 5px var(--text-muted);
      text-decoration: underline;
   }
}
.rq-hide {
   position: absolute;
   top: -3px;
   left: 580px; // AAAAAAA
   width: 16px;
   height: 16px;
   cursor: pointer;
   margin-top: .25rem;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='false' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23b6b6b6' d='M18.4 4L12 10.4L5.6 4L4 5.6L10.4 12L4 18.4L5.6 20L12 13.6L18.4 20L20 18.4L13.6 12L20 5.6L18.4 4Z'%3E%3C/path%3E%3C/svg%3E");
}

.rq-hidden {
   display: none;
}