.mggac-row0 {
    display: flex;
    z-index: 901;
    width: 100%;
    background-image: linear-gradient(to right,var(--topbarbgl) 0,var(--topbarbgl) 80%,var(--topbarbgr) 80%,var(--topbarbgr) 100%);
    white-space: nowrap;
    padding:0;
}

.mggac-row0-1,
.mggac-row0-2 {
    height: 100%;
    display: flex;
    padding: 10px;
    align-items:center;
}
.mggac-row0-2 {
    flex-grow:1;
    border-left: 10px solid #fff;
    transform-origin: bottom right;
    transform: skew(-30deg, 0deg);
    justify-content:center;
}
.mggac-row0-1 {
    background-color:  var(--topbarbgl);
    width: 65%;
    font-size: 8pt;
    color: var(--topbarfcl);
    text-align: left;
    padding-left:30px;
    padding-top:18px;
}
.mggac-row0-1 h4.sm{display: inline-block;margin-left:20px;}
.nirf-rank{animation:spinner 5s infinite ease-in-out;text-shadow:0 1px 0 #000;}
.htocmenu{
    transform:skew(30deg,0deg);
}

.mggac-row0-2 {
    background-color: var(--topbarbgr);
    text-align: center;
    color: var(--topbarfcr);
}
#topprofilemenu{padding:10px;background:var(--topbarbgr)}
#topprofilemenu li{display:list-item;}
@media screen and (max-width:850px){
    .mggac-row0-1 {width:40%;font-size:8pt;}
    .mggac-row0-1 h4.sm{font-size:8pt;display:inline-block;}
    .mggac-row0-1 h4.ls{display:none;}
}
.mggac-row0-1{position:relative;}
.top-contact{position:absolute;top:6px;right:10px;column-gap:20px;display:flex;}
.top-contact label{font-size:9pt;}
.top-contact label i{margin-right:4px;}