.popup-container {
	position: relative;
	max-width:800px;
	max-height:600px;
	background-color: #00000011;
	position: relative;
	display: flex;
	overflow-y: scroll;
	max-height: 600px;
}

.popup-container:hover:before {
	background-position: 100% 100%;
}

.popup-container:before {
	background: linear-gradient(
		150deg, 
		var(--g1) 0% 13%, 
		var(--g1) 46%, 
		var(--g2) 83.5%, 
		var(--g3) 100%
	);

	background-position: 0% 0%;
	background-size: 300% 300%;
	content: "";
	height: 100%;
	left: 0px;
	pointer-events: none;
	position: absolute;
	top: 0px;
	transition: background-position 350ms ease-out, transform 650ms ease-in;
	width: 100%;
	z-index: -1;
}

.popup-container::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.popup-container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}





.popup-panel{
    width: 100%;
    padding: 0px;

}

.popup-content{
    border:  3px solid #FFFFFF33;
    inset: 0;
    padding: 12px;
    position: inherit;
}