vencord quickcss

main.css

/* gradient message bubbles */ 
:root{
    --normal-chat-box: 232 23% 46%;
    --replying-chat-box: 199 66% 69%;
    --mentioned-chat-box: 21 86% 73%;
  
    --background-message-hover:               none !important;
    --background-mentioned:                   none !important;
    --background-mentioned-hover:             none !important;
    --background-message-highlight:           none !important;
  }
  
  [class*=replying-]::before, [class*=mentioned-]::before {
    display: none;
  } 
  
  [class*=contents-] {
      max-width: max-content;
      margin-left: 10px;
  } 
  
  [class*=groupStart-][class*=cozyMessage-] > [class*=contents-], [class*=cozyMessage-]:not([class*=groupStart-]) > [class*=contents-] > [class*=markup]:not(:empty, [class*=searchResultsWrap]) {
      margin: 0;
      padding: 10px;
      border-radius: 0.75rem;
      background: hsl(var(--normal-chat-box)/0.25);
      border: 2px solid hsl(var(--normal-chat-box)/1);
      /* box-shadow: -6px 6px 0px 0px hsl(var(--primary-700-hsl)/0.25), 0 0 1px 1px hsl(var(--primary-700-hsl)/0.5); OPTIONAL */ 
  }
  [class*=groupStart-][class*=cozyMessage-]:hover > [class*=contents-], [class*=cozyMessage-]:not([class*=groupStart-]):hover > [class*=contents-] > [class*=markup]:not(:empty, [class*=searchResultsWrap]) {
    background: hsl(var(--normal-chat-box)/0.5);
  }
  
  [class*=groupStart-][class*=cozyMessage-][class*=replying-] > [class*=contents-], [class*=cozyMessage-]:not([class*=groupStart-])[class*=replying-] > [class*=contents-] > [class*=markup]:not(:empty, [class*=searchResultsWrap]) {
    background: hsl(var(--replying-chat-box)/0.25);
    border: 2px solid hsl(var(--replying-chat-box)/1);
  }
  [class*=groupStart-][class*=cozyMessage-][class*=replying-]:hover > [class*=contents-], [class*=cozyMessage-]:not([class*=groupStart-])[class*=replying-]:hover > [class*=contents-] > [class*=markup]:not(:empty, [class*=searchResultsWrap]) {
    background: hsl(var(--replying-chat-box)/0.375);
  }
  
  [class*=contents-] [class*=avatar-][class*=clickable-] { margin-top: calc(-4px - 0.125rem); scale: 1.15; }
  [class*=contents-] [class*=avatarDecoration-] { margin-top: calc(-8px - 0.125rem); scale: 1.15;}
  
  [class*=groupStart-][class*=cozyMessage-][class*=mentioned-] > [class*=contents-], [class*=cozyMessage-]:not([class*=groupStart-])[class*=mentioned-] > [class*=contents-] > [class*=markup]:not(:empty, [class*=searchResultsWrap]) 
  {
    background: hsl(var(--mentioned-chat-box)/0.25);
    border: 2px solid hsl(var(--mentioned-chat-box)/1);
    border-radius: 0.75rem;
  }
  
  [class*=groupStart-][class*=cozyMessage-][class*=mentioned-]:hover > [class*=contents-], [class*=cozyMessage-]:not([class*=groupStart-])[class*=mentioned-]:hover > [class*=contents-] > [class*=markup]:not(:empty, [class*=searchResultsWrap]) 
  {
      background: hsl(var(--mentioned-chat-box)/0.375);
  }
  
  .mouse-mode.full-motion .replying-eZ7p5z:hover {
    background: transparent;
  }

/* fix ping & channel typing indicator alignment */ 
.content-yjf30S .content-1gYQeQ {
    align-items: center;
}
.content-yjf30S .children-1MGS9G {
  padding-top: 0;
}

/* channel outlines and highlighted icons (Original code from hadeanMachine and ArjixWasTaken) */
#app-mount .containerDefault-YUSmu3.selected-2TbFuo .content-1gYQeQ {
  background: linear-gradient(145deg, #653a86a4 45%, #31a3a7ad);
  border: 1px solid #4fb0b5;
}

.icon-2W8DHg {
  width: 17px;
  height: 17px;
}

[aria-label="Channels"] [class^="content"],
[class^="popout-"] [class^="row-"]
{
    border-style: solid;
    border-width: 1px;  
    border-color: transparent;
    background-color: transparent;
}

[aria-label="Channels"] [class^="content"]:hover,
[class^="popout-"] [class^="row-"]:hover
{   border-color: #4fb0b5 !important; }

.modeUnread-3Cxepe .icon-2W8DHg,
#app-mount .containerDefault-YUSmu3.selected-2TbFuo .content-1gYQeQ .icon-2W8DHg,
#app-mount .containerDefault-YUSmu3:hover .content-1gYQeQ .icon-2W8DHg
{   color: #4fb0b5 !important;  }

/* Comfy-Style Spotify Player
 * Kanged and modified code from https://github.com/Comfy-Themes/Discord
 */
:root {
  --spotify-vencord-wave-width: 240px;
  --spotify-vencord-color: var(--spotify);
  /* Use HSL Values for the next one */
  --spotify-vencord-text: var(--primary-600-hsl);
}

@keyframes spotifywave {
  0% {
    -webkit-mask-position-x: var(--spotify-vencord-wave-width);
  }
  100% {
    -webkit-mask-position-x: 0;
  }
}
#vc-spotify-player {
  /* The code below isn't really needed but it looks pretty :3 */
}
#vc-spotify-player::before {
  content: "";
  position: absolute;
  height: 25px;
  z-index: 1;
  width: var(--spotify-vencord-wave-width);
  margin-top: -29px;
  left: 0;
  background: var(--spotify-vencord-color);
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="240" height="25" viewBox="0 0 284 25"><path d="M283.999 15.2776C228.798 15.2776 211.243 -0.0317305 140.048 -0.000164877C69.0475 -0.000164877 51.2975 15.2776 8.58307e-06 15.2776V24.9998H284C284 24.9998 283.999 18.9392 283.999 15.2776Z"/></svg>');
  animation: spotifywave 8s linear infinite;
  animation-delay: 0s;
  opacity: 1;
}
#vc-spotify-player#vc-spotify-player {
  background: var(--spotify-vencord-color);
  border-bottom: none;
}
#vc-spotify-player #vc-spotify-song-title#vc-spotify-song-title,
#vc-spotify-player .vc-spotify-ellipoverflow.vc-spotify-ellipoverflow,
#vc-spotify-player .vc-spotify-artist.vc-spotify-artist,
#vc-spotify-player .vc-spotify-album.vc-spotify-album, #vc-spotify-player .vc-spotify-time-right, #vc-spotify-player .vc-spotify-time-left {
  color: hsla(var(--spotify-vencord-text)/1);
}
#vc-spotify-player#vc-spotify-player [class*=bar-] {
  background: hsla(var(--spotify-vencord-text)/0.3);
}
#vc-spotify-player#vc-spotify-player [class*=barFill] {
  background: hsla(var(--spotify-vencord-text)/0.7);
}
#vc-spotify-player #vc-spotify-progress-bar > [class^=slider] [class^=grabber][class^=grabber] {
  background-color: var(--spotify-vencord-color);
  border-color: var(--background-primary);
  color: var(--interactive-normal);
  border-width: 2px;
  height: 8px !important;
  width: 8px !important;
}
#vc-spotify-player .vc-spotify-shuffle-on.vc-spotify-shuffle-on,
#vc-spotify-player .vc-spotify-repeat-context.vc-spotify-repeat-context,
#vc-spotify-player .vc-spotify-repeat-track.vc-spotify-repeat-track,
#vc-spotify-player .vc-spotify-shuffle-on.vc-spotify-shuffle-on:hover,
#vc-spotify-player .vc-spotify-repeat-context.vc-spotify-repeat-context:hover,
#vc-spotify-player .vc-spotify-repeat-track.vc-spotify-repeat-track:hover {
  color: hsla(var(--spotify-vencord-text)/1);
}
#vc-spotify-player .vc-spotify-repeat-off.vc-spotify-repeat-off.vc-spotify-repeat-off,
#vc-spotify-player .vc-spotify-shuffle-off.vc-spotify-shuffle-off.vc-spotify-shuffle-off {
  color: hsla(var(--spotify-vencord-text)/0.5);
}
#vc-spotify-player .vc-spotify-button.vc-spotify-button {
  transition: background 0.1s;
  color: hsla(var(--spotify-vencord-text)/1);
}
#vc-spotify-player .vc-spotify-button.vc-spotify-button:hover {
  background: hsla(var(--spotify-vencord-text)/0.3);
  color: hsla(var(--spotify-vencord-text)/1);
}

[class*=wrapper-]:not(:empty) + #vc-spotify-player {
  margin-top: 27px;
}

[class*=panels-] [class*=wrapper-] [class*=container-] {
  border-bottom: none;
}

#vc-spotify-player + [class*=container-] {
  background: var(--spotify-vencord-color);
}
#vc-spotify-player + [class*=container-] [class*=button-][class*=button-][class*=button-],
#vc-spotify-player + [class*=container-] [class*=title-][class*=title-][class*=title-] {
  color: hsla(var(--spotify-vencord-text)/1);
}
#vc-spotify-player + [class*=container-] [class*=subtext-] {
  color: hsla(var(--spotify-vencord-text)/0.7) !important;
}
#vc-spotify-player + [class*=container-] [class*=withTagAsButton-]:hover,
#vc-spotify-player + [class*=container-] [class*=withTagless]:hover,
#vc-spotify-player + [class*=container-] [class*=button-][class*=enabled-]:hover {
  background-color: hsla(var(--spotify-vencord-text)/0.2);
}

#vc-spotify-player + [class*=container-] rect[fill="#f23f43"],
#vc-spotify-player + [class*=container-] foreignObject[mask="url(#svg-mask-status-dnd)"] > div {
  fill: hsla(var(--spotify-vencord-text)/1) !important;
  background-color: hsla(var(--spotify-vencord-text)/1) !important;
}
#vc-spotify-player + [class*=container-] rect[fill="rgba(242, 63, 67, 1)"] {
  fill: hsla(var(--spotify-vencord-text)/1) !important;
}
#vc-spotify-player + [class*=container-] rect[fill="#23a55a"],
#vc-spotify-player + [class*=container-] foreignObject[mask="url(#svg-mask-status-online)"] > div,
#vc-spotify-player + [class*=container-] div[class^=dotOnline],
#vc-spotify-player + [class*=container-] i[class^=statusOnline-] {
  fill: hsla(var(--spotify-vencord-text)/1) !important;
  background-color: hsla(var(--spotify-vencord-text)/1) !important;
}
#vc-spotify-player + [class*=container-] rect[fill="rgba(35, 165, 90, 1)"] {
  fill: hsla(var(--spotify-vencord-text)/1) !important;
}
#vc-spotify-player + [class*=container-] rect[fill="#f0b232"],
#vc-spotify-player + [class*=container-] foreignObject[mask="url(#svg-mask-status-idle)"] > div {
  fill: hsla(var(--spotify-vencord-text)/1) !important;
  background-color: hsla(var(--spotify-vencord-text)/1) !important;
}
#vc-spotify-player + [class*=container-] rect[fill="rgba(240, 178, 50, 1)"] {
  fill: hsla(var(--spotify-vencord-text)/1) !important;
}
#vc-spotify-player + [class*=container-] rect[fill="#82858f"],
#vc-spotify-player + [class*=container-] foreignObject[mask="url(#svg-mask-status-offline)"] > div,
#vc-spotify-player + [class*=container-] foreignObject[mask="url(#svg-mask-status-offline)"] > rect,
#vc-spotify-player + [class*=container-] div[class^=dotOffline],
#vc-spotify-player + [class*=container-] i[class^=statusOffline-] {
  fill: hsla(var(--spotify-vencord-text)/1) !important;
  background-color: hsla(var(--spotify-vencord-text)/1) !important;
}
#vc-spotify-player + [class*=container-] rect[fill="rgba(130, 133, 143, 1)"] {
  fill: hsla(var(--spotify-vencord-text)/1) !important;
}

[class*=panels-] [class*=activityPanel-] {
  border-bottom: none;
}

[class*=listeningAlong-] {
  padding-bottom: 24px !important;
}

/* Spotify Covers Go Wheeeee */
/* profile */
#vc-spotify-player #vc-spotify-album-image {
  border-radius: 50%;
  border: 2px solid black; /* Add any color you like */
}
/* epic :has() function by AkiraSimplex */
body:has(.vc-spotify-pause) #vc-spotify-player #vc-spotify-album-image {
  animation: spin 10s linear infinite;
  border: 2px solid black; /* Add any color you like */
}
/* the animation  */
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

/* spotify player icons */
#vc-spotify-titles {
  margin-left: 12px;
}
#vc-spotify-song-title::before,
#vc-spotify-song-title + div::before,
#vc-spotify-song-title + div + div::before {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  padding: 7px;
  margin-left: -17px;
  margin-top: 2px;
  content: '';
  background-color: hsla(var(--spotify-vencord-text)/1);
  position: absolute;
}
#vc-spotify-song-title + div::before,
#vc-spotify-song-title + div + div::before {
   background-color: black;
  background-color: hsla(var(--spotify-vencord-text)/1);
}

#vc-spotify-song-title::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-music-4'%3E%3Cpath d='M9 18V5l12-2v13'%3E%3C/path%3E%3Cpath d='m9 9 12-2'%3E%3C/path%3E%3Ccircle cx='6' cy='18' r='3'%3E%3C/circle%3E%3Ccircle cx='18' cy='16' r='3'%3E%3C/circle%3E%3C/svg%3E");
}
#vc-spotify-song-title + div::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-mic'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'%3E%3C/path%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'%3E%3C/path%3E%3Cline x1='12' x2='12' y1='19' y2='22'%3E%3C/line%3E%3C/svg%3E");
}
#vc-spotify-song-title + div + div::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-disc-2'%3E%3Ccircle cx='12' cy='12' r='4'%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='12' x2='12' y2='12.01'%3E%3C/line%3E%3C/svg%3E");
}

/* animated roles on hover */
@keyframes rolecircle {
  0% { -webkit-mask-size: 0%; opacity: 0.6; }
  100% { -webkit-mask-size: 700%; opacity: 0; }
}
.role-2TIOKu:hover .roleCircle-3TFUOr::before {
    height: 100%;
    width: 100%;
    z-index: -1;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50%' cy='50%' r='10%' /%3E%3C/svg%3E");
    background: inherit;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    animation: rolecircle 2s infinite;
}
/* Stolen from BD and GracefulLion#9559 */
.role-2TIOKu {
  transform: translate(0);
  overflow: hidden;
  border: 0;

  --transparency: .4;
  border-radius: 5px;
}
.role-2TIOKu .roleRemoveIcon-387wKV {
  margin: 0;
  left: unset;
  transform: translate(50%, -50%);
}
.role-2TIOKu .roleRemoveButton-17oXnT {
  position: static;
}
.role-2TIOKu .roleCircle-3TFUOr:after {
  content: '';
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: var(--transparency);
}

/* make locked channel icons responsive when u click on them */
@keyframes lockjangle {
  from { transform: rotate(0deg) }
  33% { transform: rotate(-20deg) }
  66% { transform: rotate(20deg) }
  to { transform: rotate(0deg) }
}
.containerDefault-YUSmu3.selected-2TbFuo [aria-label="Text (Limited)"] svg {
  animation: lockjangle .3s;
  animation-iteration-count: 2;
}

/* make bot tags look like OP tags */
.botTag-7aX5WZ:not(.botTagOP-3pUTXu) {
    color: var(--brand-560);
    background-color: var(--brand-260);
    height: 0.9375rem;
    padding: 0 0.275rem;
    border-radius: 0.4rem;
    margin-top: 0.25em;
}
.botTag-7aX5WZ.botTagCozy-3NTBvK:not(.botTagOP-3pUTXu) {
    margin-left: 0.25rem;
}

/* collapsible nitro settings */
.header-2F5_LB + [aria-label="Nitro"],
.header-2F5_LB + [aria-label="Nitro"] + div,
.header-2F5_LB + [aria-label="Nitro"] + div + div,
.header-2F5_LB + [aria-label="Nitro"] + div + div + div,
.header-2F5_LB + [aria-label="Nitro"] + div + div + div + div {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    transition: max-height 0.5s 2s, padding 0.5s 2s, margin-bottom 0.5s 2s;
    margin-bottom: 0;
    
}
.header-2F5_LB:hover + [aria-label="Nitro"],
.header-2F5_LB:hover + [aria-label="Nitro"] + div,
.header-2F5_LB:hover + [aria-label="Nitro"] + div + div,
.header-2F5_LB:hover + [aria-label="Nitro"] + div + div + div,
.header-2F5_LB:hover + [aria-label="Nitro"] + div + div + div + div,
.header-2F5_LB + [aria-label="Nitro"]:is(:hover, [aria-selected="true"]),
.header-2F5_LB + [aria-label="Nitro"] + div:is(:hover, [aria-selected="true"]),
.header-2F5_LB + [aria-label="Nitro"] + div + div:is(:hover, [aria-selected="true"]),
.header-2F5_LB + [aria-label="Nitro"] + div + div + div:is(:hover, [aria-selected="true"]),
.header-2F5_LB + [aria-label="Nitro"]+ div + div + div + div:is(:hover, [aria-selected="true"])
{
    transition: max-height 0.5s, padding 0.5s, margin-bottom 0.5s;
    margin-bottom: 2px;
    overflow: visible;
    max-height: 32px;
    padding: 6px 10px;
}

/* add @ before pomelo usernames */
:is([class*=userTagWithNickname], [class*=nameTagSmall]) span:only-child:before {
    content: '@';
}

/* transparent user popout (works great with colors) */
[class^=userPopoutOverlayBackground] {
  background: transparent;
}

/* rounded context menu */
.menu-2TXYjN { 
    border-radius: 10px; 
}

/* nicer folders */
path[d="M20 7H12L10.553 5.106C10.214 4.428 9.521 4 8.764 4H3C2.447 4 2 4.447 2 5V19C2 20.104 2.895 21 4 21H20C21.104 21 22 20.104 22 19V9C22 7.896 21.104 7 20 7Z"] {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    d: path("m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2");
}

/* bigger reactions */
[id*=message-reactions] [class*=reaction-] .emoji,
[id*=message-reactions] [class*=reactionCount],
[class*=effect-] {
  zoom: 150%;
}

/* chat textfield buttons (emoji, gif, etc) hidden in a drawer menu until hovered over - CSS snippet by DeadVoxels#3520 */
.buttons-uaqb-5 {
    overflow: hidden;
    position: absolute;
    justify-content: flex-end;
    background: rgba(23, 24, 26, 0.25);
    border-radius: 8px;
    transition: all 350ms;
}
.buttons-uaqb-5:where(:not(:hover)){
    max-width: 35px;
    right: -0px;
}
.buttons-uaqb-5::before {
    opacity: 0%;
    transition: opacity 150ms;
    position: absolute;
    top: 4px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect width='352' height='42' x='80' y='96' fill='rgb(181, 186, 193)' class='ci-primary'/%3E%3Crect width='352' height='42' x='80' y='240' fill='rgb(181, 186, 193)' class='ci-primary'/%3E%3Crect width='352' height='42' x='80' y='384' fill='rgb(181, 186, 193)' class='ci-primary'/%3E%3C/svg%3E");
    display: block;
    object-fit: cover;
    height: 44px;
    width: 35px;
}
.buttons-uaqb-5:where(:not(:hover))::before {
    opacity: 100%;
    transition: opacity 350ms;
}
.buttons-uaqb-5:hover {
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 16px;
    max-width: 100%;
    right: 0px;
    background: rgba(23, 24, 26, 0.5);
    transition: all 150ms;
}
.buttons-uaqb-5 > div, .buttons-uaqb-5 > button {
    transform: scaleX(0%) !important;
    opacity: 0%;
}
.buttons-uaqb-5:hover > div, .buttons-uaqb-5:hover > button {
    transform: scaleX(100%) !important;
    opacity: 100%;
}
.buttons-uaqb-5 > div:hover svg, .buttons-uaqb-5 > button:hover svg {
    height: 28px !important;
    width: 28px !important;
    margin-right: -2px;
    margin-left: -2px;
}
.buttons-uaqb-5 > div:nth-last-child(2):hover > button > div > div > svg {
    margin-right: -4px;
    margin-left: -4px;
}
.buttons-uaqb-5 > div svg, .buttons-uaqb-5 > button svg {
    transition: all 0.3s;
}

/* makes messages slide into chat */
@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
.message-2CShn3 {
  animation: slide-up 0.6s ease;
}

/* macos/linux like window controls for windows */
.withFrame-2dL45i {
   height: 20px;
}
.typeWindows-2-g3UY .winButton-3UMjdg > svg {
    display: none;
}
.typeWindows-2-g3UY .winButton-3UMjdg {
    top: 0;
    width: 12px;
    height: 12px;
    margin: 2px 12px 0px 0px;
    border-radius: 12px;
}
.typeWindows-2-g3UY .winButton-3UMjdg::after {
    content: '';
    height: 12px;
    width: 12px;
    border-radius: 12px;
}
.typeWindows-2-g3UY .winButtonClose-3Q8ZH5::after {
    background-color: hsl(0, 50%, 50%) !important;
}
.typeWindows-2-g3UY .winButtonMinMax-3RsPUg:nth-child(3)::after {
    background-color: hsl(120, 50%, 50%) !important;
}
.typeWindows-2-g3UY .winButtonMinMax-3RsPUg:nth-child(4)::after {
    background-color: hsl(50, 50%, 50%) !important;
}
.typeWindows-2-g3UY > div:hover::after {
    transform: scale(1.1);
}
.typeWindows-2-g3UY > div:active::after {
    transform: scale(1);
}

/* hide message info until hover */
.contents-2MsGLg > h3 > span:nth-child(4), 
.cozy-VmLDNB .timestamp-p1Df1m
{
  opacity: 0;
}

.cozy-VmLDNB.wrapper-30-Nkg:hover .contents-2MsGLg > h3 > span:nth-child(4),
.cozy-VmLDNB.wrapper-30-Nkg:hover .timestamp-p1Df1m
{
  opacity: 1;
}

.cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH {
  display: none;
}

@import url(https://gist.github.com/castdrian/b01e23d7342e866892084a663d017302/raw/c342737312a0433f7ef57b6bf2a221d558719a74/main.css);