.top-nav-drop-head{
display:block;
align-self:flex-start;
padding:8px 0 6px;
margin:0 10px 2px;
font-family:var(--ff2);
font-size:var(--fz0);
font-weight:calc(700 + var(--fw-offset));
letter-spacing:.8px;
text-transform:uppercase;
color:var(--tx2);
text-decoration:none;
}
a.top-nav-drop-head:hover,
a.top-nav-drop-head:focus-visible{
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:2px;
}
.top-nav-drop-all{
display:block;
align-self:flex-start;
width:fit-content;
max-width:calc(100% - (20px + 7px + var(--gd3)));
margin:7px 10px 7px calc(10px + 7px + var(--gd3));
color:var(--cl1);
font-family:var(--ff1);
font-size:var(--fz2);
font-weight:calc(600 + var(--fw-offset));
line-height:1.2;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-decoration:none;
}
.top-nav-drop-all:hover,
.top-nav-drop-all:focus-visible{
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:2px;
}
.top-nav-dropdown.cols-4{
grid-template-columns:repeat(4,minmax(170px,1fr));
max-width:min(940px,96vw);
}
.top-nav-item.top-nav-mega{
position:static;
}
.top-nav-drop-foot{
grid-column:1/-1;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:var(--gd3);
margin:var(--gd4) 10px 0;
}
.top-nav-drop-btn{
display:inline-flex;
align-items:center;
gap:var(--gd4);
padding:10px 16px;
color:var(--tx1);
background-color:var(--hvc);
border-radius:var(--br1);
font-family:var(--ff1);
font-size:var(--fz1);
font-weight:calc(600 + var(--fw-offset));
line-height:1.2;
white-space:nowrap;
text-decoration:none;
transition:background-color 120ms;
}
.top-nav-drop-btn:hover,
.top-nav-drop-btn:focus-visible{
background-color:var(--hvc2);
text-decoration:none;
}
.top-nav-drop-btn-icon{
display:flex;
align-items:center;
justify-content:center;
width:20px;
height:20px;
flex-shrink:0;
color:var(--cl1);
}
.top-nav-drop-btn-avatar{
display:flex;
align-items:center;
justify-content:center;
width:20px;
height:20px;
border-radius:50%;
background-color:var(--cl1);
font-family:var(--ff2);
font-size:var(--fz5);
font-weight:calc(720 + var(--fw-offset));
color:#fff;
}
.top-nav-drop-btn-avatar-admin{
background-color:var(--rd1);
}
.top-nav-drop-btn-avatar-writer{
background-color:var(--lnk);
}
.top-nav-drop-btn-avatar-pic{
background-size:cover;
background-position:center;
background-color:var(--bg3);
}
.top-nav-drop-btn-icon svg{
width:20px;
height:20px;
fill:currentColor;
stroke:none;
}
.top-nav-mega .top-nav-dropdown{
left:0;
right:0;
width:auto;
max-width:none;
padding-bottom:calc(var(--gd2) + var(--gd6));
}