/* =========================
START LOGO
========================= */

.logoBox{

position:absolute;

top:25px;

left:25px;



width:110px;

height:110px;



overflow:hidden;



z-index:60;

}



.logoRing{

position:absolute;

top:0;
left:0;



width:100%;
height:100%;



overflow:hidden;

}




.logoRing::before{

content:"";



position:absolute;



top:-50%;
left:-50%;



width:200%;
height:200%;



background:

conic-gradient(

gold,
red,
gold,
red,
gold

);



animation:

logoBorder 3s linear infinite;

}




.logoRing::after{

content:"";



position:absolute;



top:2px;
left:2px;



width:calc(100% - 4px);
height:calc(100% - 4px);



background:

rgba(255,255,255,.08);



backdrop-filter:

blur(8px);



-webkit-backdrop-filter:

blur(8px);

}




.channelLogo{

position:absolute;

top:5px;
left:5px;



width:calc(100% - 10px);
height:calc(100% - 10px);



object-fit:cover;



z-index:61;

}




@keyframes logoBorder{

100%{

transform:

rotate(360deg);

}

}

/* =========================
END LOGO
========================= */