.bn-series-page{
width:100%;
}
.bn-series-main{
position:relative;
z-index:2;
width:min(100% - (var(--bn-gutter) * 2),980px);
margin:0 auto;
}
.bn-series-banner{
--bn-series-banner-bg:none;
position:relative;
isolation:isolate;
overflow:hidden;
width:100%;
min-height:clamp(180px,28vw,360px);
border-bottom:1px solid var(--bn-white-05);
}
.bn-series-banner--full{
width:100vw;
max-width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
}
.bn-series-banner::before{
background-image:var(--bn-series-banner-bg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
transform:scale(1.08);
filter:blur(12px);
opacity:0.7;
}
.bn-series-banner__overlay{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(10,10,10,0.34) 0%,rgba(55,30,30,0.74) 100%),radial-gradient(circle at 20% 20%,rgba(183,180,174,0.08),transparent 30%),radial-gradient(circle at 80% 20%,rgba(114,110,104,0.14),transparent 30%);
}
.bn-series-cover-wrap{
position:relative;
z-index:3;
display:flex;
justify-content:center;
margin-top:clamp(-84px,-10vw,-140px);
margin-bottom:clamp(18px,2vw,24px);
}
.bn-series-cover{
display:block;
width:clamp(160px,24vw,260px);
aspect-ratio:2 / 3;
object-fit:cover;
border-radius:clamp(12px,1vw,18px);
box-shadow:0 18px 40px rgba(0,0,0,0.35);
}
.bn-series-header{
display:grid;
align-items:center;
justify-items:center;
gap:clamp(10px,1.5vw,16px);
margin-bottom:clamp(24px,3vw,34px);
text-align:center;
}
.bn-series-title{
margin:0;
font-size:clamp(1.8rem,1.25rem + 2.2vw,3rem);
line-height:1.08;
letter-spacing:-0.04em;
text-wrap:balance;
}
.bn-series-original-title{
margin:0;
color:var(--bn-muted);
font-size:clamp(0.92rem,0.84rem + 0.25vw,1.05rem);
line-height:1.4;
}
.bn-series-author{
margin:0;
color:var(--bn-text-soft);
font-size:clamp(0.95rem,0.9rem + 0.24vw,1.08rem);
font-weight:500;
line-height:1.4;
}
.bn-series-feature-row{
display:inline-grid;
grid-template-columns:repeat(2,minmax(112px,max-content));
gap:clamp(7px,0.8vw,10px);
width:fit-content;
max-width:100%;
margin-top:0;
}
.bn-series-status-card{
display:grid;
align-content:center;
gap:3px;
min-width:112px;
min-height:44px;
padding:7px 11px;
overflow:hidden;
border:1px solid var(--bn-line);
border-radius:13px;
background:linear-gradient(135deg,var(--bn-white-08),var(--bn-white-02)),var(--bn-white-03);
box-shadow:inset 0 1px 0 var(--bn-white-08),var(--bn-shadow-sm);
text-align:center;
}
.bn-series-status-card--translation{
border-color:var(--bn-gold-line);
background:linear-gradient(135deg,var(--bn-gold-soft),var(--bn-white-02)),var(--bn-white-03);
}
.bn-series-status-label{
color:var(--bn-muted);
font-size:0.7rem;
font-weight:800;
letter-spacing:0.08em;
line-height:1;
text-transform:uppercase;
}
.bn-series-status-value{
color:var(--bn-text);
font-size:clamp(0.78rem,0.75rem + 0.12vw,0.86rem);
font-weight:700;
line-height:1.15;
}
.bn-series-status-card--translation .bn-series-status-value{
color:var(--bn-gold-text);
}
.bn-series-genres{
color:var(--bn-text);
font-size:clamp(0.96rem,0.9rem + 0.22vw,1.08rem);
line-height:1.5;
}
.bn-series-tags-block,.bn-series-details,.bn-series-meta-row{
width:min(100%,760px);
}
.bn-series-tags-block{
display:grid;
gap:10px;
}
.bn-series-details{
overflow:hidden;
border:1px solid var(--bn-line);
border-radius:18px;
background:var(--bn-white-03);
text-align:left;
}
.bn-series-details--tags{
width:100%;
}
.bn-series-details__summary{
display:flex;
align-items:center;
justify-content:space-between;
list-style:none;
padding:14px 18px;
cursor:pointer;
color:var(--bn-text);
font-size:0.95rem;
font-weight:600;
}
.bn-series-details__summary::-webkit-details-marker{
display:none;
}
.bn-series-details__summary::after{
content:"+";
color:var(--bn-muted);
font-size:1.2rem;
line-height:1;
}
.bn-series-details[open] .bn-series-details__summary::after{
content:"–";
}
.bn-series-tags{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:center;
}
.bn-series-tags--expanded{
justify-content:flex-start;
padding:0 18px 18px;
}
.bn-series-tag{
min-height:30px;
padding:0 12px;
color:var(--bn-text-soft);
font-size:0.88rem;
}
.bn-series-meta-row{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.bn-series-meta-item{
display:grid;
gap:5px;
padding:14px 16px;
border:1px solid var(--bn-line);
border-radius:16px;
background:var(--bn-white-03);
text-align:center;
}
.bn-series-meta-label{
color:var(--bn-muted);
font-size:0.78rem;
font-weight:700;
letter-spacing:0.04em;
text-transform:uppercase;
}
.bn-series-meta-value{
color:var(--bn-text);
font-size:0.96rem;
font-weight:600;
line-height:1.4;
}
.bn-series-action-row{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px;
margin-top:2px;
}
.bn-series-button{
min-height:46px;
padding:0 18px;
border:1px solid transparent;
background:var(--bn-accent);
color:#0a0a0a;
font-size:0.95rem;
}
.bn-series-button:hover{
color:#0a0a0a;
opacity:0.96;
transform:translateY(-1px);
}
.bn-series-button--secondary{
background:var(--bn-white-04);
border-color:var(--bn-line);
color:var(--bn-text);
}
.bn-series-button--secondary:hover{
color:var(--bn-text);
}
.bn-series-body,.bn-series-ratings-section{
width:min(100%,900px);
margin-inline:auto;
}
.bn-series-body{
margin-bottom:18px;
}
.bn-series-body__inner{
padding:22px;
}
.bn-series-body__inner > *:first-child{
margin-top:0;
}
.bn-series-body__inner > *:last-child{
margin-bottom:0;
}
.bn-series-ratings-section{
display:grid;
gap:18px;
}
.bn-stars{
position:relative;
display:inline-block;
font-size:clamp(1rem,0.92rem + 0.3vw,1.15rem);
line-height:1;
letter-spacing:0.08em;
}
.bn-stars__base,.bn-stars__fill{
display:block;
white-space:nowrap;
}
.bn-stars__base{
color:var(--bn-white-16);
}
.bn-stars__fill{
position:absolute;
inset:0 auto 0 0;
overflow:hidden;
color:var(--bn-gold-text);
}
.bn-series-ratings-header{
display:grid;
grid-template-columns:minmax(220px,280px) minmax(0,1fr);
gap:18px;
align-items:stretch;
padding:18px;
text-align:left;
overflow:hidden;
}
.bn-series-ratings-main,.bn-series-rating-breakdown-wrap{
min-width:0;
width:100%;
box-sizing:border-box;
}
.bn-series-ratings-main{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6px;
max-width:420px;
margin:0 auto;
padding:20px 18px;
border:1px solid var(--bn-white-06);
border-radius:20px;
background:linear-gradient(180deg,var(--bn-white-04),var(--bn-white-02)),rgba(24,21,20,0.9);
text-align:center;
}
.bn-series-ratings-main__score{
margin:0;
padding:0;
color:var(--bn-text);
font-size:clamp(2.35rem,1.9rem + 1.65vw,3.5rem);
font-weight:800;
line-height:1;
letter-spacing:-0.04em;
text-align:center;
}
.bn-series-ratings-main__stars{
display:flex;
align-items:center;
justify-content:center;
width:100%;
line-height:1;
}
.bn-series-ratings-main__stars .bn-stars{
font-size:clamp(2rem,1.6rem + 1.2vw,3rem);
}
.bn-series-ratings-reviews{
width:auto;
margin:0 auto;
color:var(--bn-text-soft);
font-size:clamp(1.02rem,0.95rem + 0.3vw,1.18rem);
line-height:1.35;
text-align:center;
}
.bn-series-rating-breakdown-wrap{
display:grid;
align-content:start;
gap:12px;
padding:16px;
border:1px solid var(--bn-white-06);
border-radius:20px;
background:linear-gradient(180deg,var(--bn-white-03),rgba(255,255,255,0.015)),rgba(22,18,18,0.84);
}
.bn-series-rating-breakdown-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
}
.bn-series-rating-breakdown-head__title{
color:var(--bn-text);
font-size:0.98rem;
font-weight:700;
line-height:1.2;
}
.bn-series-rating-breakdown-head__meta{
color:var(--bn-muted);
font-size:0.82rem;
font-weight:600;
line-height:1.2;
}
.bn-series-rating-breakdown{
display:grid;
gap:10px;
}
.bn-series-rating-breakdown__row{
display:grid;
grid-template-columns:56px minmax(0,1fr) 40px;
gap:12px;
align-items:center;
}
.bn-series-rating-breakdown__stars{
color:var(--bn-text);
font-size:0.92rem;
font-weight:700;
white-space:nowrap;
}
.bn-series-rating-breakdown__count{
color:var(--bn-text-soft);
font-size:0.88rem;
font-weight:700;
text-align:right;
white-space:nowrap;
}
.bn-series-rating-breakdown__bar{
position:relative;
height:10px;
overflow:hidden;
border-radius:var(--bn-radius-pill);
background:linear-gradient(180deg,var(--bn-white-08),var(--bn-white-04));
box-shadow:inset 0 1px 2px rgba(0,0,0,0.22);
}
.bn-series-rating-breakdown__fill{
position:absolute;
inset:0 auto 0 0;
border-radius:inherit;
background:linear-gradient(90deg,rgba(143,116,98,0.98),rgba(201,180,164,0.96));
box-shadow:0 0 14px rgba(143,116,98,0.18);
}
.bn-series-rating-breakdown__empty{
margin:0;
color:var(--bn-muted);
font-size:0.9rem;
line-height:1.5;
}
.bn-series-filter-trigger{
width:36px;
min-width:36px;
height:36px;
padding:0;
border-radius:var(--bn-radius-xs);
border-color:var(--bn-white-09);
background:linear-gradient(180deg,rgba(255,255,255,0.045),var(--bn-white-02));
box-shadow:0 8px 18px rgba(0,0,0,0.14);
transition:transform 0.18s ease,background 0.18s ease,border-color 0.18s ease,color 0.18s ease,box-shadow 0.18s ease;
}
.bn-series-filter-trigger:active{
transform:translateY(1px);
}
.bn-series-filter-trigger__icon{
display:inline-flex;
width:15px;
height:15px;
}
.bn-series-filter-trigger__icon svg{
width:100%;
height:100%;
}
.bn-series-filter-menu{
position:absolute;
top:calc(100% + 6px);
right:0;
z-index:40;
display:grid;
gap:4px;
min-width:138px;
padding:6px;
border:1px solid var(--bn-line);
border-radius:14px;
background:linear-gradient(180deg,rgba(36,34,32,0.98),rgba(22,18,18,0.98));
box-shadow:0 16px 28px rgba(0,0,0,0.26),0 1px 0 var(--bn-white-04) inset;
backdrop-filter:blur(14px);
}
.bn-series-filter-menu[hidden]{
display:none !important;
}
.bn-series-filter-menu::before{
content:"";
position:absolute;
top:-5px;
right:12px;
width:10px;
height:10px;
background:rgba(36,34,32,0.98);
border-top:1px solid var(--bn-line);
border-left:1px solid var(--bn-line);
transform:rotate(45deg);
}
.bn-series-filter-menu .bn-series-filter{
justify-content:flex-start;
width:100%;
min-height:34px;
padding:0 10px;
border:1px solid transparent;
border-radius:var(--bn-radius-xs);
background:transparent;
color:var(--bn-text-soft);
font-size:0.84rem;
text-align:left;
box-shadow:none;
transition:background 0.18s ease,color 0.18s ease,border-color 0.18s ease,transform 0.18s ease;
}
.bn-series-filter-menu .bn-series-filter:hover{
background:var(--bn-white-05);
border-color:var(--bn-white-06);
color:var(--bn-text);
transform:translateX(1px);
}
.bn-series-filter-menu .bn-series-filter.is-active{
background:linear-gradient(180deg,rgba(183,180,174,0.18),rgba(183,180,174,0.1));
border-color:rgba(183,180,174,0.24);
color:var(--bn-text);
}
.bn-series-comments-list{
display:grid;
gap:14px;
}
.bn-series-empty{
margin:0;
color:var(--bn-muted);
}
html.bn-comment-error-open,body.bn-comment-error-open{
overflow:hidden;
}
@media (max-width: 1024px){
.bn-featured-card::before{
opacity:0.26;
}
.bn-featured-card::after{
background:linear-gradient(90deg,rgba(10,10,10,0.95) 0%,rgba(24,21,20,0.86) 38%,rgba(38,32,31,0.66) 68%,rgba(55,30,30,0.52) 100%),radial-gradient(circle at 20% 20%,rgba(183,180,174,0.08),transparent 30%),radial-gradient(circle at 80% 10%,rgba(114,110,104,0.14),transparent 30%);
}
.bn-featured-card{
--bn-featured-card-fixed-height:clamp(250px,38vw,360px);
--bn-featured-cover-column:clamp(148px,25vw,230px);
}}
@media (max-width: 768px){
.bn-featured-carousel{
--bn-featured-center-width:100%;
--bn-featured-card-height:236px;
--bn-featured-viewport-height:236px;
width:100%;
max-width:100%;
}
.bn-featured-carousel__viewport{
min-height:var(--bn-featured-viewport-height);
padding-block:0;
padding-inline:1px;
overflow-x:hidden;
}
.bn-featured-carousel__track{
gap:12px;
padding-left:0;
padding-right:0;
}
.bn-featured-carousel__slide{
flex:0 0 100%;
width:100%;
max-width:100%;
}
.bn-featured-carousel .bn-featured-card,.bn-featured-carousel__slide.is-focus .bn-featured-card,.bn-featured-carousel__slide:not(.is-focus) .bn-featured-card{
width:100%;
max-width:100%;
height:var(--bn-featured-card-height);
min-height:var(--bn-featured-card-height);
margin-inline:0;
transform:none;
opacity:1;
filter:none;
}
.bn-featured-card{
--bn-featured-padding:14px;
--bn-featured-gap:12px;
--bn-featured-card-fixed-height:236px;
--bn-featured-cover-column:118px;
--bn-featured-row-label:14px;
--bn-featured-row-title:52px;
--bn-featured-row-original-title:14px;
--bn-featured-row-author:15px;
--bn-featured-row-meta:24px;
--bn-featured-row-tags:20px;
--bn-featured-title-size:1rem;
--bn-featured-body-size:0.77rem;
--bn-featured-meta-size:0.72rem;
--bn-featured-tag-size:0.66rem;
}
.bn-featured-card .wp-block-columns,.bn-featured-carousel .bn-featured-card .wp-block-columns{
grid-template-columns:minmax(0,1fr) var(--bn-featured-cover-column);
gap:var(--bn-featured-gap);
}
.bn-featured-content{
padding-block:2px 4px;
row-gap:5px;
}
.bn-featured-slot--meta{
margin-top:2px;
}
.bn-featured-slot--desc,.bn-featured-slot--tags{
margin-top:3px;
}
.bn-featured-slot--tags{
padding-bottom:2px;
}
.bn-featured-content h1 a,.bn-featured-content h2 a,.bn-featured-content h3 a{
line-height:1.08;
-webkit-line-clamp:2;
line-clamp:2;
}
.bn-featured-description{
-webkit-line-clamp:3;
line-clamp:3;
}
.bn-featured-meta{
gap:6px;
}
.bn-score{
min-height:24px;
padding:2px 8px;
font-size:0.72rem;
line-height:1.15;
}
.bn-tag-list{
gap:6px;
}
.bn-tag{
min-height:20px;
padding-inline:7px;
}
.bn-featured-carousel__controls{
max-width:calc(100% - 8px);
margin:14px auto 0;
gap:10px;
}
.bn-featured-carousel__controls .bn-featured-carousel__button{
position:static;
width:36px;
height:36px;
min-width:36px;
min-height:36px;
background:var(--bn-white-06);
border-color:var(--bn-white-10);
box-shadow:none;
backdrop-filter:none;
transform:none;
}
.bn-featured-carousel__controls .bn-featured-carousel__button span{
font-size:1.25rem;
transform:none;
}
.bn-featured-carousel__controls .bn-featured-carousel__dots{
gap:8px;
}
.bn-card{
--bn-row-card-width:186px;
--bn-row-card-height:348px;
--bn-row-card-cover-height:242px;
}
.bn-card-body{
padding:8px 10px 10px;
row-gap:3px;
}
.bn-card-title{
font-size:0.92rem;
}
.bn-card-meta{
font-size:0.8rem;
}
.bn-series-cover-wrap{
margin-top:clamp(-64px,-9vw,-96px);
}
.bn-series-meta-row{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
.bn-series-meta-item{
gap:4px;
padding:10px 8px;
border-radius:14px;
}
.bn-series-meta-label{
font-size:0.62rem;
letter-spacing:0.03em;
}
.bn-series-meta-value{
font-size:0.82rem;
line-height:1.25;
word-break:break-word;
}
.bn-series-ratings-header{
grid-template-columns:1fr;
gap:14px;
padding:14px;
}
.bn-series-rating-breakdown-wrap{
padding:14px;
}
.bn-series-tags,.bn-series-tags--expanded{
justify-content:center;
}}
@media (max-width: 640px){
.bn-featured-carousel{
--bn-featured-card-height:232px;
--bn-featured-viewport-height:232px;
}
.bn-featured-card{
--bn-featured-padding:12px;
--bn-featured-gap:10px;
--bn-featured-card-fixed-height:232px;
--bn-featured-cover-column:108px;
--bn-featured-row-label:13px;
--bn-featured-row-title:48px;
--bn-featured-row-original-title:13px;
--bn-featured-row-author:14px;
--bn-featured-row-meta:22px;
--bn-featured-row-tags:18px;
--bn-featured-title-size:0.95rem;
--bn-featured-body-size:0.73rem;
--bn-featured-meta-size:0.69rem;
--bn-featured-tag-size:0.63rem;
}
.bn-featured-content .bn-featured-author,.bn-featured-content .bn-featured-original-title{
font-size:0.72rem;
}
.bn-featured-content .bn-featured-label{
font-size:0.64rem;
letter-spacing:0.05em;
}
.bn-series-meta-row{
gap:6px;
}
.bn-series-meta-item{
padding:9px 6px;
}
.bn-series-meta-label{
font-size:0.58rem;
}
.bn-series-meta-value{
font-size:0.76rem;
}
.bn-featured-content{
padding-block:3px 5px;
row-gap:4px;
}
.bn-featured-slot--meta{
margin-top:2px;
}
.bn-featured-slot--desc,.bn-featured-slot--tags{
margin-top:3px;
}
.bn-featured-slot--tags{
padding-bottom:2px;
}
.bn-featured-description{
-webkit-line-clamp:2;
line-clamp:2;
}
.bn-featured-media img{
border-radius:12px;
}
.bn-score{
min-height:22px;
padding:2px 7px;
font-size:0.69rem;
line-height:1.15;
}
.bn-series-filter-trigger{
width:32px;
min-width:32px;
height:32px;
margin:0 !important;
}
.bn-series-filter-menu{
top:calc(100% + 4px);
min-width:128px;
}}
@media (max-width: 480px){
:root{
--bn-gutter:14px;
}
.bn-featured-carousel{
--bn-featured-card-height:216px;
--bn-featured-viewport-height:216px;
}
.bn-featured-card{
--bn-featured-padding:10px;
--bn-featured-gap:8px;
--bn-featured-card-fixed-height:216px;
--bn-featured-cover-column:96px;
--bn-featured-row-label:12px;
--bn-featured-row-title:44px;
--bn-featured-row-original-title:12px;
--bn-featured-row-author:13px;
--bn-featured-row-meta:20px;
--bn-featured-row-tags:17px;
--bn-featured-title-size:0.89rem;
--bn-featured-body-size:0.69rem;
--bn-featured-meta-size:0.65rem;
--bn-featured-tag-size:0.59rem;
border-radius:16px;
}
.bn-series-meta-row{
gap:5px;
}
.bn-series-meta-item{
padding:8px 5px;
border-radius:12px;
}
.bn-series-meta-label{
font-size:0.54rem;
letter-spacing:0.02em;
}
.bn-series-meta-value{
font-size:0.72rem;
}
.bn-featured-content{
padding-block:4px 6px;
row-gap:3px;
}
.bn-featured-meta{
gap:5px;
}
.bn-featured-media img{
border-radius:10px;
}
.bn-card{
--bn-row-card-width:174px;
--bn-row-card-height:298px;
--bn-row-card-cover-height:206px;
}
.bn-card-body{
padding:7px 8px 9px;
row-gap:2px;
}
.bn-rank-badge{
top:8px;
left:8px;
min-width:30px;
height:30px;
font-size:0.82rem;
}
.bn-score{
min-height:20px;
padding:2px 7px;
font-size:0.65rem;
line-height:1.15;
}
.bn-featured-carousel__controls{
gap:8px;
max-width:100%;
}
.bn-featured-carousel__controls .bn-featured-carousel__button{
width:34px;
height:34px;
min-width:34px;
min-height:34px;
}
.bn-featured-carousel__controls .bn-featured-carousel__dots{
gap:7px;
}
.bn-row-header{
gap:12px;
}
.bn-row-more{
padding-left:8px;
}
.bn-row-more a{
font-size:0.9rem;
}
.bn-series-main{
width:min(100% - 28px,980px);
}
.bn-series-banner{
min-height:160px;
}
.bn-series-cover{
width:156px;
}}
@media (max-width: 380px){
.bn-featured-carousel{
--bn-featured-card-height:202px;
--bn-featured-viewport-height:202px;
}
.bn-featured-card{
--bn-featured-card-fixed-height:202px;
--bn-featured-cover-column:88px;
--bn-featured-row-label:11px;
--bn-featured-row-title:40px;
--bn-featured-row-original-title:11px;
--bn-featured-row-author:12px;
--bn-featured-row-meta:19px;
--bn-featured-row-tags:16px;
--bn-featured-title-size:0.83rem;
--bn-featured-body-size:0.64rem;
--bn-featured-meta-size:0.61rem;
--bn-featured-tag-size:0.56rem;
}
.bn-score{
min-height:19px;
padding:2px 6px;
font-size:0.61rem;
line-height:1.15;
}
.bn-featured-carousel__controls{
gap:6px;
}
.bn-featured-carousel__controls .bn-featured-carousel__button{
width:32px;
height:32px;
min-width:32px;
min-height:32px;
}
.bn-featured-carousel__controls .bn-featured-carousel__button span{
font-size:1.1rem;
}
.bn-featured-carousel__controls .bn-featured-carousel__dots{
gap:6px;
}
.bn-featured-carousel__dot{
width:10px;
height:10px;
}
.bn-card{
--bn-row-card-height:274px;
--bn-row-card-cover-height:188px;
}
.bn-card-title{
font-size:0.86rem;
}
.bn-card-meta{
font-size:0.76rem;
}}
@media (min-width: 769px){
.bn-featured-carousel__controls{
display:block;
width:auto;
max-width:none;
margin-top:0;
}
.bn-featured-carousel__controls .bn-featured-carousel__dots{
margin-top:clamp(14px,1.5vw,20px);
gap:10px;
}
.bn-featured-carousel__controls .bn-featured-carousel__button{
position:absolute;
top:calc(var(--bn-featured-card-height) / 2);
width:clamp(42px,3.6vw,54px);
height:clamp(42px,3.6vw,54px);
transform:translateY(-50%);
}
.bn-featured-carousel__controls .bn-featured-carousel__button--prev{
left:clamp(8px,calc(var(--bn-featured-arrow-offset-left) + var(--bn-featured-arrow-gap)),96px);
}
.bn-featured-carousel__controls .bn-featured-carousel__button--next{
right:clamp(8px,calc(var(--bn-featured-arrow-offset-right) + var(--bn-featured-arrow-gap)),96px);
}}
@media (prefers-reduced-motion: reduce){
.bn-site-loader,.bn-site-loader__mark::after,body:not(.bn-site-ready) .bn-featured-carousel::before,body:not(.bn-site-ready) .bn-row-slider::before{
animation:none !important;
transition:none !important;
}}
.bn-series-comments-list--account{
gap:14px;
}
.bn-account-avatar-form{
position:relative;
display:grid;
justify-items:center;
gap:10px;
}
.bn-account-avatar-reset{
appearance:none;
border:1px solid rgba(183,180,174,0.16);
border-radius:999px;
background:rgba(255,255,255,0.04);
color:var(--bn-text-soft);
font:inherit;
font-size:0.78rem;
font-weight:600;
padding:7px 12px;
cursor:pointer;
transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease;
}
.bn-account-avatar-reset:hover,.bn-account-avatar-reset:focus-visible{
background:rgba(255,255,255,0.08);
border-color:rgba(183,180,174,0.26);
color:var(--bn-text);
}
.bn-comment-embed{
margin:14px 0;
}
.bn-series-tag{
--bn-tag-h:34;
--bn-tag-s:22%;
--bn-tag-l:67%;
border-color:hsl(var(--bn-tag-h) var(--bn-tag-s) var(--bn-tag-l) / 0.32);
background:linear-gradient(180deg,hsl(var(--bn-tag-h) var(--bn-tag-s) var(--bn-tag-l) / 0.16),hsl(var(--bn-tag-h) var(--bn-tag-s) 28% / 0.1));
color:hsl(var(--bn-tag-h) 26% 82%);
}
.bn-series-tag--color-1{
--bn-tag-h:12;
}
.bn-series-tag--color-2{
--bn-tag-h:28;
}
.bn-series-tag--color-3{
--bn-tag-h:46;
}
.bn-series-tag--color-4{
--bn-tag-h:78;
}
.bn-series-tag--color-5{
--bn-tag-h:118;
}
.bn-series-tag--color-6{
--bn-tag-h:158;
}
.bn-series-tag--color-7{
--bn-tag-h:190;
}
.bn-series-tag--color-8{
--bn-tag-h:214;
}
.bn-series-tag--color-9{
--bn-tag-h:252;
}
.bn-series-tag--color-10{
--bn-tag-h:286;
}
.bn-series-tag--color-11{
--bn-tag-h:322;
}
.bn-series-tag--color-12{
--bn-tag-h:348;
}
@-moz-document url-prefix(){
.bn-series-cover,.bn-series-details,.bn-series-tag,.bn-series-ratings-section,.bn-series-rating-breakdown,.bn-series-meta-item{
outline:1px solid transparent;
backface-visibility:hidden;
transform:translateZ(0);
background-clip:padding-box;
}}
.bn-series-tag[style*="--bn-tag-custom"]{
border-color:color-mix(in srgb,var(--bn-tag-custom) 58%,transparent);
background:linear-gradient(180deg,color-mix(in srgb,var(--bn-tag-custom) 23%,transparent),color-mix(in srgb,var(--bn-tag-custom) 12%,transparent));
color:color-mix(in srgb,var(--bn-tag-custom) 34%,#ffffff);
}
@supports not (color: color-mix(in srgb,red,blue)){
.bn-series-tag[style*="--bn-tag-custom"]{
border-color:rgba(var(--bn-tag-rgb),0.48);
background:linear-gradient(180deg,rgba(var(--bn-tag-rgb),0.2),rgba(var(--bn-tag-rgb),0.1));
color:rgba(var(--bn-tag-rgb),0.92);
}}
.bn-series-tags,.bn-series-tags--expanded{
flex-wrap:wrap !important;
overflow:visible !important;
white-space:normal !important;
min-width:0 !important;
}
.bn-series-tag{
flex:0 1 auto !important;
max-width:100% !important;
min-width:0 !important;
min-height:28px !important;
padding:5px 10px !important;
font-size:0.82rem !important;
line-height:1.18 !important;
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
word-break:normal !important;
overflow-wrap:anywhere !important;
hyphens:auto !important;
text-align:center !important;
box-sizing:border-box !important;
}
@-moz-document url-prefix(){
.bn-series-cover,.bn-series-details,.bn-series-tag,.bn-series-ratings-section,.bn-series-rating-breakdown,.bn-series-meta-item{
background-clip:padding-box !important;
isolation:isolate !important;
contain:paint !important;
filter:none !important;
mask-image:none !important;
-webkit-mask-image:none !important;
outline:1px solid transparent !important;
outline-offset:-1px !important;
}}
.bn-series-ratings-header,.bn-series-ratings-main,.bn-series-rating-breakdown-wrap{
border-radius:0 !important;
background-clip:padding-box !important;
clip-path:none !important;
mask-image:none !important;
-webkit-mask-image:none !important;
box-shadow:inset 0 0 0 1px rgba(183,180,174,0.11),0 14px 34px rgba(0,0,0,0.16) !important;
}
.bn-featured-card{
--bn-featured-desc-lines:4;
}
.bn-featured-card .bn-featured-slot--desc,.bn-featured-card .bn-featured-description{
overflow:hidden !important;
}
.bn-featured-card .bn-featured-description{
display:-webkit-box !important;
line-height:1.45 !important;
max-block-size:calc((1.45em * var(--bn-featured-desc-lines)) - .5px) !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:var(--bn-featured-desc-lines) !important;
line-clamp:var(--bn-featured-desc-lines) !important;
contain:paint;
}
.bn-featured-card .bn-featured-slot--desc{
max-block-size:calc((1.45em * var(--bn-featured-desc-lines)) - .5px) !important;
}
@media (max-width:768px){
.bn-featured-card{
--bn-featured-desc-lines:3;
}}
@media (max-width:640px){
.bn-featured-card{
--bn-featured-desc-lines:2;
}}
@media (max-width:380px){
.bn-featured-card{
--bn-featured-desc-lines:1;
}}