.has-feat-hero{
padding-top:0;
}
.has-feat-hero>.notifications{
position:relative;
z-index:200;
}
.has-feat-hero>.notifications:not(.visible){
display:none;
}
.has-feat-hero main,
.has-feat-hero .feat-tools-section{
transition:opacity .15s ease;
}
.feat-hero .feat-header{
position:absolute;
top:var(--gap);
left:0;
z-index:100;
display:flex;
align-items:center;
justify-content:center;
padding:0 var(--gap);
box-sizing:border-box;
}
.feat-hero .feat-header .logo{
width:var(--iz1);
min-width:var(--iz1);
min-height:var(--iz1);
}
.feat-hero .feat-header .logo img{
width:var(--iz1);
height:var(--iz1);
}
.feat-hero .feat-header .header-btn{
background-color:rgba(0,0,0,0.4);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
border-color:rgba(255,255,255,0.2);
}
.feat-hero .feat-header .header-btn:hover{
background-color:rgba(0,0,0,0.6);
border-color:rgba(255,255,255,0.3);
}
.feat-hero .feat-header .header-btn.active{
background-color:var(--cl1);
border-color:var(--cl1);
}
.feat-hero .feat-header .header-btn svg,
.feat-hero .feat-header .header-btn svg path{
fill:rgba(255,255,255,0.8);
stroke:rgba(255,255,255,0.8);
}
.feat-hero .feat-header .header-btn:hover svg,
.feat-hero .feat-header .header-btn:hover svg path{
fill:var(--cl1);
stroke:var(--cl1);
}
.feat-hero .feat-header .header-btn.active svg,
.feat-hero .feat-header .header-btn.active svg path{
fill:var(--blk);
stroke:var(--blk);
}
.feat-article{
margin-top:0;
}
.feat-article .art-top,
.feat-article .meta,
.feat-article .toc{
display:none;
}