.popr
{
     cursor: pointer;   
}
.popr a
{
     color: #333;
     text-decoration: none;
     border: 0;    
}
.popr-box
{
     display: none;
}
.popr_content
{
/*        background: rgba(0,0,0,.38);*/
/*  backdrop-filter: blur(8px);*/
/*    border-radius: 4px;*/
/*    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.2);*/
/*    box-shadow: 0 3px 10px rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.2);*/
background:#fff;color:#111;
     padding: 14px 14px;
     margin: 0;
	box-sizing: border-box;width:320px;border-radius:2px;
	box-shadow: 0 12px 40px #14141440;
	display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  grid-gap:0px 4px;
}
.popr-item
{
     color: #222;text-align:center;
     padding: 5px 6px; border-radius:0px;
	 display:flex;align-items:center;justify-content:center;
}
.popr-item:hover
{
     color: #fff;
     background:linear-gradient(102.51deg,#ff3d00 9.6%,rgba(255,0,153,.68) 95.98%);border-radius:30px
}
.popr-item img.ico{max-height:24px !important;margin-left:12px;margin-right:10px}
.popr_container_bottom
{
     display: none;
     position: absolute;
     margin-top: 10px;
/*        background: rgba(0,0,0,.38);*/
/*  backdrop-filter: blur(10px);*/
/*    border-radius: 4px;*/
/*    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.2);*/
/*    box-shadow: 0 3px 10px rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.2);*/
/*     z-index: 10000;*/
}
.popr_container_top
{
     display: none;
     position: absolute;
/*        background: rgba(0,0,0,.38);*/
/*  backdrop-filter: blur(10px);*/
/*    border-radius: 4px;*/
/*    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.2);*/
/*    box-shadow: 0 3px 10px rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.2);*/
     z-index: 20000 !important;
}
.popr_point_top, .popr_point_bottom 
{
     position: relative;
/*	   background: rgba(0,0,0,.38);*/
/*  backdrop-filter: blur(10px);*/
/*    border-radius: 4px;*/
/*    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.2);*/
/*    box-shadow: 0 3px 10px rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.2);*/
/*	border: 0px solid #dcdcdc;*/
}
.popr_point_top:after, .popr_point_top:before
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	top: 100%;
	content: "";
	height: 0;
	width: 0;
}
.popr_point_top:after
{
	border-top-color:none;

	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}
.popr_point_top:before 
{
	border-top-color: none;
	border-width: 9px;
	left: 50%;
	margin-left: -9px;
}
.popr_point_bottom:after, .popr_point_bottom:before
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	bottom: 100%;
	content: "";
	height: 0;
	width: 0;
}
.popr_point_bottom:after
{
	border-bottom-color: #fff;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}
.popr_point_bottom:before 
{
	border-bottom-color: #dcdcdc;
	border-width: 9px;
	left: 50%;
	margin-left: -9px;
}