Make Rocketchat Pizza Channel Epic!

gistfile1.txt

.rc-message-box:has([placeholder="Message #pizza"]){
   position: fixed;
   top: 50px;
   right: 50px;
   width: 50vw;
   opacity: 0.9;
   backdrop-filter: blur(20px);
   pointer-events: none;
   caret-color: transparent;
   padding: 10px !important;
   border-radius: 10px;
   overflow: hidden;
}

.rcx-box:has([placeholder="Message #pizza"]) .rc-message-box__activity-wrapper{
   display: none;
}

.rcx-box:has([placeholder="Message #pizza"]){
   border: none !important;
   outline: none !important;
   box-shadow: none !important;
}

.rc-message-box:has([placeholder="Message #pizza"]),
.rc-message-box:has([placeholder="Message #pizza"]) *{
   cursor: url('https://s31.picofile.com/file/8469643176/image_psd_1_.png'), auto !important;
}

.rc-message-box:has([placeholder="Message #pizza"]){
   animation: be-a-jerk 20s linear infinite, simple-rainbow ease-in-out 7.5s infinite;
   z-index: 99999999999 !important;
}

@keyframes simple-rainbow {
  0% {
    filter: hue-rotate(0deg);
  }
  25% {
    filter: hue-rotate(360deg);
  }
  50% {
    filter: hue-rotate(0);
  }
  75% {
    filter: hue-rotate(-360deg);
  }
  75.1% {
    filter: hue-rotate(-360deg);
  }
  100% {
    filter: hue-rotate(0deg);
  }
}

@keyframes be-a-jerk {
  0%,
  100%{
      right: calc(100vw - 280px - 50vw);
     top: 30vh;
  }
  10%{
     right: 0;
     top: 0vh;
  }
  20%{
     right: calc(100vw - 280px - 50vw);
     top: 60vh;
  }
  30%{
     right: 0;
     top: 80vh;
  }
  50%{
     right: calc(100vw - 280px - 50vw);
     top: 25vh;
  }
  65%{
     right: 0;
     top: 0vh;
  }
  75%{
     right: calc(100vw - 280px - 50vw);
     top: 80vh;
  }
  85%{
     right: 0;
     top: 60vh;
  }
}