Better youtube live chat by hdyzen

/* ==UserStyle==
@name           Better youtube live chat
@namespace      github.com/hdyzen
@version        1.0.0
@description    customize youtube live chat
@author         hdyzen
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
    #items.yt-live-chat-item-list-renderer > *:nth-child(even) {
  		background-color: rgba(255, 255, 255, .05) !important;
	}
	yt-live-chat-author-chip {
		position: relative;
		padding: .5rem;
	}
	yt-live-chat-author-chip #author-name::before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: -1;
 		background-color: currentColor;
		border-radius: .5rem;
		opacity: .1;
	}
	yt-live-chat-author-chip {
		max-width: 4rem;
		overflow: hidden;
		transition: .3s ease;
		
		&:hover {
			max-width: 100rem;
		}
	}
	yt-live-chat-author-chip #author-name {
		min-width: max-content;
	}
	yt-live-chat-text-message-renderer {
		overflow: visible;
		contain: none;
	}
	yt-live-chat-text-message-renderer > * {
		animation-name: chatMessage;
		animation-timing-function: ease;
		animation-duration: .75s;
/* 		z-index: 9999; */
	}
	@keyframes chatMessage {
		0% {
			translate: 0 0%;
		}
		50% {
			translate: 0 -.75rem;
		}
		100% {
			translate: 0 0%;
		}
	}
	yt-live-chat-banner-renderer[collapsed]:not([has-custom-collapsed-state]) #contents.yt-live-chat-banner-renderer {
		pointer-events: auto !important;
	}
/* 	yt-live-chat-text-message-renderer #message {
		width: 100%;
  		display: inline-block;
	} */
}