.bn-series-discussion{
overflow:hidden;
}
.bn-series-discussion__top{
display:flex;
align-items:center;
justify-content:space-between;
gap:6px;
flex-wrap:nowrap;
padding:12px 14px;
border-bottom:1px solid var(--bn-line);
}
.bn-series-discussion__tabs{
display:flex;
flex:1 1 auto;
flex-wrap:nowrap;
align-items:center;
gap:4px;
min-width:0;
}
.bn-series-discussion__filters{
position:relative;
display:flex;
flex:0 0 auto;
align-items:center;
justify-content:center;
margin-left:auto;
}
.bn-series-discussion__tab,.bn-series-filter,.bn-series-filter-trigger{
appearance:none;
min-height:34px;
padding:0 12px;
color:var(--bn-text-soft);
font-size:0.88rem;
font-weight:600;
cursor:pointer;
transition:background 0.18s ease,color 0.18s ease,border-color 0.18s ease;
}
.bn-series-discussion__tab.is-active,.bn-series-filter.is-active{
background:var(--bn-accent-soft);
border-color:var(--bn-accent-line);
color:var(--bn-text);
}
.bn-series-filter-trigger:hover,.bn-series-discussion__filters.is-open .bn-series-filter-trigger{
background:linear-gradient(180deg,rgba(183,180,174,0.16),rgba(183,180,174,0.08));
border-color:rgba(183,180,174,0.28);
color:var(--bn-text);
box-shadow:0 12px 24px rgba(0,0,0,0.18);
}
.bn-series-discussion__panel{
display:none;
padding:18px;
}
.bn-series-discussion__panel.is-active{
display:block;
}
.bn-series-comment-card{
position:relative;
padding:16px;
border:1px solid var(--bn-line);
border-radius:16px;
background:var(--bn-white-03);
}
.bn-series-comment-card__head{
display:flex;
justify-content:space-between;
gap:12px;
flex-wrap:nowrap;
margin-bottom:10px;
position:relative;
align-items:flex-start;
padding-right:9.5rem;
min-height:3.5rem;
}
.bn-series-comment-card__identity{
display:flex;
align-items:center;
gap:12px;
min-width:0;
flex:1 1 auto;
}
.bn-series-comment-card__identity-copy{
display:grid;
gap:3px;
flex:1 1 auto;
min-width:0;
padding-right:0;
}
.bn-series-comment-card__author-meta{
color:var(--bn-muted);
font-size:0.78rem;
line-height:1.2;
align-items:center;
flex-wrap:wrap;
gap:6px;
justify-items:start;
align-self:flex-start;
grid-area:meta;
display:inline-flex;
margin-top:2px;
}
.bn-series-comment-card__author-badge{
display:inline-flex;
align-items:center;
padding:2px 7px;
border:1px solid var(--bn-white-08);
border-radius:999px;
background:rgba(255,255,255,0.04);
color:var(--bn-text-soft);
font-size:0.72rem;
font-weight:700;
letter-spacing:0.04em;
text-transform:uppercase;
order:2;
}
.bn-series-comment-card__author-handle{
color:var(--bn-muted);
order:1;
}
.bn-series-comment-card__avatar{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border:1px solid var(--bn-white-08);
border-radius:50%;
overflow:hidden;
background:linear-gradient(180deg,rgba(183,180,174,0.18),rgba(114,110,104,0.12));
box-shadow:0 8px 18px rgba(0,0,0,0.18);
flex:0 0 42px;
}
.bn-series-comment-card__avatar img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.bn-series-comment-card__avatar-link{
display:inline-flex;
border-radius:50%;
text-decoration:none;
}
.bn-series-comment-card__avatar-link:hover .bn-series-comment-card__avatar,.bn-series-comment-card__avatar-link:focus-visible .bn-series-comment-card__avatar{
transform:translateY(-1px);
box-shadow:0 12px 22px rgba(0,0,0,0.22);
}
.bn-series-comment-card__author-link{
display:inline-flex;
align-items:center;
max-width:100%;
color:inherit;
text-decoration:none;
}
.bn-series-comment-card__author-link:hover .bn-series-comment-card__author,.bn-series-comment-card__author-link:focus-visible .bn-series-comment-card__author{
color:#f4ede3;
text-decoration:underline;
text-underline-offset:2px;
}
.bn-series-comment-card__avatar--fallback{
color:var(--bn-text);
font-size:0.88rem;
font-weight:700;
letter-spacing:0.04em;
}
.bn-comment-form__field--account[hidden]{
display:none !important;
}
.bn-comment-form__account-card{
display:grid;
grid-template-columns:44px minmax(0,1fr);
align-items:center;
column-gap:12px;
padding:12px 14px;
border:1px solid var(--bn-white-08);
border-radius:16px;
background:linear-gradient(180deg,rgba(183,180,174,0.08),rgba(55,30,30,0.06));
}
.bn-comment-form__account-avatar{
display:inline-flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
border-radius:50%;
overflow:hidden;
border:1px solid var(--bn-white-08);
background:rgba(255,255,255,0.06);
flex:0 0 44px;
}
.bn-comment-form__account-avatar img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.bn-comment-form__account-avatar span{
color:var(--bn-text);
font-weight:700;
}
.bn-comment-form__account-copy{
display:grid;
gap:3px;
align-content:center;
min-width:0;
}
.bn-comment-form__account-label{
color:var(--bn-muted);
font-size:0.72rem;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase;
}
.bn-comment-form__account-name{
color:var(--bn-text);
font-size:0.98rem;
font-weight:700;
line-height:1.2;
}
.bn-comment-form__account-meta{
display:flex;
align-items:center;
justify-content:flex-start;
gap:10px;
color:var(--bn-muted);
font-size:0.82rem;
line-height:1.3;
word-break:break-word;
flex-wrap:wrap;
}
.bn-comment-form__account-username{
display:inline-flex;
align-items:center;
}
.bn-comment-form__account-email{
display:inline-flex;
align-items:center;
}
.bn-comment-form__account-card--placeholder{
opacity:0.92;
}
.bn-series-comment-card__author{
color:var(--bn-text);
font-size:0.95rem;
font-weight:600;
}
.bn-series-comment-card__date{
color:var(--bn-muted);
position:absolute;
top:0;
right:0;
white-space:nowrap;
text-align:right;
font-size:0.78rem;
line-height:1.25;
max-width:8.25rem;
}
.bn-series-comment-card__content{
color:var(--bn-text-soft);
line-height:1.7;
margin:0;
}
.bn-series-comment-card__content p{
margin:0;
}
.bn-series-comment-card__actions{
position:relative;
z-index:1;
margin-top:0.9rem;
display:inline-flex;
align-items:center;
justify-content:flex-end;
flex:0 0 auto;
margin:0;
}
.bn-series-comment-card__delete{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
padding:0;
border:1px solid var(--bn-danger-line);
border-radius:var(--bn-radius-pill);
background:var(--bn-danger-soft);
color:var(--bn-danger-text);
font-size:1rem;
font-weight:600;
line-height:1;
text-decoration:none;
transition:background 0.18s ease,border-color 0.18s ease,color 0.18s ease,transform 0.18s ease,box-shadow 0.18s ease;
}
.bn-series-comment-card__delete:hover,.bn-series-comment-card__delete:focus-visible{
background:rgba(255,90,90,0.14);
border-color:rgba(255,90,90,0.34);
color:#e8c4c4;
transform:translateY(-1px);
box-shadow:0 10px 18px rgba(0,0,0,0.14);
}
.bn-series-comment-card__delete-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
}
.bn-series-comment-card__delete-icon svg{
display:block;
width:16px;
height:16px;
fill:currentColor;
}
.bn-series-comment-form{
margin-top:18px;
padding:14px;
border-top:1px solid var(--bn-line);
background:var(--bn-white-02);
}
.bn-series-comment-form__stack{
display:block;
}
.bn-series-comment-form__panel{
display:none;
}
.bn-series-comment-form__panel.is-active{
display:block;
}
.bn-comment-form__shell{
display:grid;
gap:0;
padding:13px 14px;
border:1px solid var(--bn-white-06);
border-radius:18px;
background:linear-gradient(180deg,var(--bn-white-035),rgba(255,255,255,0.015)),rgba(20,18,18,0.88);
box-shadow:0 12px 28px rgba(0,0,0,0.16);
}
.bn-comment-form__header{
display:grid;
gap:1px;
margin-bottom:10px;
}
.bn-comment-form__eyebrow{
color:var(--bn-muted);
font-size:0.76rem;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase;
}
.bn-series-comment-form__title{
margin:0;
font-size:clamp(1.04rem,1rem + 0.38vw,1.24rem);
line-height:1.15;
}
.bn-comment-form__grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px 12px;
align-items:start;
margin-top:2px;
}
.bn-comment-form__field{
display:grid;
gap:0;
min-width:0;
align-content:start;
}
.bn-comment-form__field--full{
grid-column:1 / -1;
margin-top:4px;
}
.bn-comment-form label,.bn-comment-form__center-label{
display:block;
color:var(--bn-text);
}
.bn-comment-form label{
margin:0 0 3px;
font-size:0.88rem;
font-weight:600;
line-height:1.1;
transform:translateY(-1px);
}
.bn-comment-form__center-label{
width:100%;
margin:0 0 4px !important;
font-size:clamp(1.12rem,1rem + 0.45vw,1.38rem) !important;
font-weight:700 !important;
line-height:1.1 !important;
text-align:center !important;
transform:none !important;
}
.bn-comment-form__optional{
color:var(--bn-muted);
font-weight:500;
}
.bn-comment-form__meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-top:2px !important;
color:var(--bn-muted);
font-size:0.77rem;
line-height:1.2;
}
.bn-comment-form__checks{
display:grid;
gap:8px;
margin-top:8px;
}
.bn-comment-form__check-row{
display:flex;
align-items:center;
gap:6px;
color:var(--bn-text-soft);
font-size:0.92rem;
line-height:1.35;
}
.bn-comment-form__check-row input{
flex:0 0 16px;
width:16px !important;
height:16px !important;
margin:0 !important;
accent-color:var(--bn-accent);
}
.bn-comment-form__check-row > span{
display:inline-flex;
align-items:center;
flex-wrap:wrap;
gap:4px;
min-width:0;
}
.bn-comment-form__login-reminder{
margin:0 0 2px;
padding:10px 12px;
border:1px solid rgba(183,180,174,0.12);
border-radius:12px;
background:rgba(255,255,255,0.03);
color:var(--bn-muted);
font-size:0.82rem;
line-height:1.45;
}
.bn-comment-form__policy-link{
display:inline;
color:#d7d0c7;
font-weight:600;
text-decoration:none;
white-space:nowrap;
}
.bn-comment-form__policy-link:hover{
color:#e7ded5;
text-decoration:underline;
}
.bn-comment-form__actions{
display:flex;
justify-content:flex-start;
align-self:start;
margin-top:8px !important;
}
.bn-comment-form__hidden-fields,.bn-comment-form__hidden-fields *{
position:absolute !important;
width:1px !important;
height:1px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
overflow:hidden !important;
clip:rect(0 0 0 0) !important;
clip-path:inset(50%) !important;
white-space:nowrap !important;
opacity:0 !important;
pointer-events:none !important;
}
.bn-comment-form input.is-error,.bn-comment-form textarea.is-error{
border-color:rgba(255,95,95,0.6) !important;
background:var(--bn-danger-soft-2) !important;
box-shadow:0 0 0 4px var(--bn-danger-ring) !important;
}
.bn-comment-form__error-modal{
position:fixed;
inset:0;
z-index:999999;
}
.bn-comment-form__error-modal[hidden]{
display:none !important;
}
.bn-comment-form__error-backdrop{
position:absolute;
inset:0;
background:rgba(10,10,10,0.82);
backdrop-filter:blur(8px);
}
.bn-comment-form__error-dialog{
position:absolute;
top:50%;
left:50%;
width:min(calc(100vw - 24px),420px);
max-height:calc(100vh - 24px);
overflow:auto;
padding:22px 20px 18px;
border:1px solid var(--bn-white-08);
border-radius:22px;
background:linear-gradient(180deg,rgba(36,34,32,0.98),rgba(22,18,18,0.98));
box-shadow:0 24px 54px rgba(0,0,0,0.42),0 1px 0 var(--bn-white-04) inset;
transform:translate(-50%,-50%);
text-align:center;
box-sizing:border-box;
}
.bn-comment-form__error-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:54px;
height:54px;
margin:0 auto 12px;
border:1px solid rgba(166,92,92,0.24);
border-radius:var(--bn-radius-pill);
background:rgba(166,92,92,0.1);
color:#e4b7b7;
font-size:1.3rem;
font-weight:800;
line-height:1;
}
.bn-comment-form__error-title{
margin:0 0 8px;
color:var(--bn-text);
font-size:clamp(1.06rem,1rem + 0.25vw,1.22rem);
font-weight:700;
line-height:1.2;
}
.bn-comment-form__error-text{
margin:0;
color:var(--bn-text-soft);
font-size:0.94rem;
line-height:1.55;
}
.bn-comment-form__error-button{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:120px;
min-height:40px;
margin-top:16px;
padding:0 16px;
border:1px solid rgba(183,180,174,0.22);
border-radius:var(--bn-radius-pill);
background:rgba(183,180,174,0.16);
color:var(--bn-text);
font-size:0.92rem;
font-weight:600;
cursor:pointer;
transition:background 0.18s ease,border-color 0.18s ease,transform 0.18s ease;
}
.bn-comment-form__error-button:hover{
background:rgba(183,180,174,0.22);
border-color:rgba(183,180,174,0.34);
transform:translateY(-1px);
}
.bn-comment-error-fallback{
max-width:460px;
margin:32px auto;
padding:24px 22px;
border:1px solid var(--bn-white-08);
border-radius:20px;
background:#33312f;
color:var(--bn-text);
text-align:center;
}
.bn-comment-error-fallback h1{
margin:0 0 10px;
font-size:1.3rem;
}
.bn-comment-error-fallback p{
margin:0;
color:var(--bn-text-soft);
}
.bn-rating-input{
display:grid;
align-items:start;
justify-items:center;
gap:2px;
width:100%;
text-align:center;
}
.bn-rating-input__stars{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px !important;
width:100%;
}
.bn-rating-input__star{
appearance:none;
padding:0 2px;
border:none;
background:transparent;
color:var(--bn-white-18);
cursor:pointer;
font-size:clamp(2.2rem,1.95rem + 0.9vw,2.9rem) !important;
line-height:1;
transition:transform 0.16s ease,color 0.16s ease,opacity 0.16s ease;
}
.bn-rating-input__star:hover{
transform:translateY(-1px) scale(1.04);
}
.bn-rating-input__star.is-active{
color:var(--bn-gold-text);
}
.bn-rating-input__text{
margin-top:2px !important;
color:var(--bn-muted);
font-size:0.86rem;
font-weight:500;
text-align:center;
}
.bn-series-ratings-header p:empty,.bn-series-ratings-main p:empty,.bn-series-rating-breakdown-wrap p:empty,.bn-series-discussion p:empty,.bn-series-discussion__top p:empty,.bn-series-discussion__tabs p:empty,.bn-series-discussion__filters p:empty,.bn-series-comment-card__content p:empty,.bn-series-body__inner p:empty,.bn-series-header p:empty,.bn-comment-form p:empty,.bn-comment-form__field > p:empty,.bn-comment-form__field--full > p:empty,.bn-comment-form__grid > p:empty,.bn-comment-form__shell > p:empty,.bn-comment-form label:empty,.bn-comment-form__field label:empty,.bn-comment-form__field--full label:empty,.bn-comment-form__center-label:empty,.bn-rating-input__text:empty{
display:none !important;
height:0 !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
line-height:0 !important;
overflow:hidden !important;
}
.bn-series-ratings-header br,.bn-series-ratings-main br,.bn-series-rating-breakdown-wrap br,.bn-series-discussion__top br,.bn-series-discussion__tabs br,.bn-series-discussion__filters br,.bn-series-body__inner br,.bn-comment-form__field > br,.bn-comment-form__field--full > br,.bn-comment-form__grid > br,.bn-comment-form__shell > br{
display:none !important;
}
@media (max-width: 640px){
.bn-comment-form__grid{
grid-template-columns:1fr;
}
.bn-comment-form__shell{
padding:13px;
border-radius:16px;
}
.bn-series-discussion__panel,.bn-series-comment-form{
padding:12px;
}
.bn-comment-form__meta{
gap:8px;
white-space:nowrap;
}
.bn-comment-form__count{
margin-left:auto;
text-align:right;
}
.bn-comment-form__check-row{
align-items:flex-start;
gap:5px;
}
.bn-comment-form__check-row input{
margin-top:2px !important;
}
.bn-comment-form__actions{
margin-top:6px !important;
}
.bn-rating-input__stars{
gap:5px !important;
}
.bn-series-discussion__top{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
column-gap:4px;
padding:10px 12px;
}
.bn-series-discussion__tabs{
gap:3px;
}
.bn-series-discussion__tab{
min-height:32px;
padding:0 10px;
font-size:0.82rem;
}
.bn-comment-form__error-dialog{
width:min(calc(100vw - 20px),360px);
max-width:calc(100vw - 20px);
max-height:calc(100vh - 20px);
padding:16px 14px 14px;
border-radius:18px;
}
.bn-comment-form__error-icon{
width:46px;
height:46px;
margin-bottom:10px;
font-size:1.12rem;
}
.bn-comment-form__error-title{
font-size:1rem;
}
.bn-comment-form__error-text{
font-size:0.88rem;
line-height:1.45;
}
.bn-comment-form__error-button{
min-width:100px;
min-height:38px;
margin-top:14px;
padding:0 14px;
font-size:0.88rem;
}
.bn-comment-error-fallback{
width:min(calc(100vw - 20px),360px);
margin:20px auto;
padding:18px 14px;
box-sizing:border-box;
}
.bn-comment-error-fallback h1{
font-size:1.08rem;
line-height:1.2;
}
.bn-comment-error-fallback p{
font-size:0.9rem;
line-height:1.45;
}}
@media (max-width: 480px){
.bn-series-comment-card,.bn-series-comment-form,.bn-series-body__inner{
padding:16px;
}
.bn-series-discussion__panel{
padding:16px;
}}
.bn-series-comment-card__series-header{
display:flex;
align-items:center;
justify-content:flex-start;
gap:12px;
margin-bottom:16px;
padding-bottom:14px;
border-bottom:1px solid rgba(183,180,174,0.1);
}
.bn-series-comment-card__series-title{
display:inline-flex;
align-items:center;
gap:10px;
max-width:100%;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
color:#f0e8de;
font-size:1.02rem;
font-weight:800;
line-height:1.25;
text-align:left;
text-decoration:none;
transition:transform 0.18s ease,color 0.18s ease,opacity 0.18s ease;
}
.bn-series-comment-card__series-title:hover,.bn-series-comment-card__series-title:focus-visible{
border-color:rgba(183,180,174,0.28);
background:linear-gradient(180deg,rgba(183,180,174,0.18),rgba(183,180,174,0.06)),rgba(10,10,10,0.62);
box-shadow:0 12px 24px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.05);
color:#f4ede3;
transform:translateY(-1px);
}
.bn-comment-form__field--guest-author[hidden],.bn-comment-form__field--guest-author.is-hidden-by-account{
display:none !important;
visibility:hidden !important;
max-height:0 !important;
overflow:hidden !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
}
.bn-series-comment-card.is-highlighted{
border-color:rgba(183,180,174,0.34);
box-shadow:0 0 0 1px rgba(183,180,174,0.18),0 20px 48px rgba(0,0,0,0.34);
background:linear-gradient(180deg,rgba(183,180,174,0.08),rgba(183,180,174,0.02)),var(--bn-surface-2,rgba(51,49,47,0.92));
}
html.bpp-series-logged-in-like .bn-comment-form__field--guest-author,html.bpp-series-logged-in-like .bn-comment-form__field--guest-author[hidden],html.bpp-series-logged-in-like .bn-comment-form__field--guest-author.is-hidden-by-account{
display:none !important;
visibility:hidden !important;
max-height:0 !important;
overflow:hidden !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
}
html.bpp-series-logged-in-like .bn-comment-form,html.bpp-series-logged-in-like .bn-comment-form.is-account-mode{
contain:layout style;
}
html.bpp-series-logged-in-like .bn-comment-form .bn-comment-form__account-card,html.bpp-series-logged-in-like .bn-comment-form.is-account-mode .bn-comment-form__account-card,html.bpp-series-logged-in-like .bn-comment-form .bn-comment-form__account-card--placeholder,html.bpp-series-logged-in-like .bn-comment-form.is-account-mode .bn-comment-form__account-card--placeholder{
display:grid;
}
html.bpp-series-logged-in-like .bn-comment-form__field--account,html[data-bpp-auth="logged-in-like"] .bn-comment-form__field--account,html.bpp-series-logged-in-like .bn-comment-form.is-account-mode .bn-comment-form__field--account,html[data-bpp-auth="logged-in-like"] .bn-comment-form.is-account-mode .bn-comment-form__field--account{
display:block !important;
}
html.bpp-series-logged-in-like .bn-comment-form__check-row--cookies,html[data-bpp-auth="logged-in-like"] .bn-comment-form__check-row--cookies{
display:none !important;
}
html.bpp-series-logged-in-like .bn-comment-form--comment .bn-comment-form__check-row--notify,html[data-bpp-auth="logged-in-like"] .bn-comment-form--comment .bn-comment-form__check-row--notify{
display:flex !important;
}
html.bpp-series-logged-in-like .bn-comment-form--review .bn-comment-form__check-row--notify,html[data-bpp-auth="logged-in-like"] .bn-comment-form--review .bn-comment-form__check-row--notify{
display:none !important;
}
@media (max-width: 640px){
.bn-comment-form__account-card{
grid-template-columns:44px minmax(0,1fr);
}
.bn-comment-form__account-meta{
gap:6px;
}}
.bn-series-comment-card__meta-side{
display:inline-flex;
align-items:center;
justify-content:flex-end;
margin-left:auto;
flex:0 0 auto;
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
align-self:auto;
padding-top:0;
}
.bn-series-comment-card__rating{
border-radius:999px;
font-weight:800;
line-height:1;
white-space:nowrap;
font-size:1.45rem;
letter-spacing:0.08em;
color:#f5d67a;
text-shadow:0 0 14px rgba(245,214,122,0.18);
display:inline-flex;
align-items:center;
justify-content:center;
min-width:0;
padding:0;
border:0;
background:transparent;
}
.bn-comment-form__status{
min-height:1.2em;
margin-top:8px;
color:var(--bn-muted);
font-size:0.84rem;
line-height:1.25;
}
.bn-comment-form__status.is-pending{
color:var(--bn-text-soft);
}
.bn-comment-form .bn-series-button.is-loading{
opacity:0.8;
pointer-events:none;
}
@media (max-width: 700px){
.bn-series-comment-card__head{
align-items:flex-start;
flex-wrap:wrap;
}
.bn-series-comment-card__meta-side{
width:100%;
justify-content:flex-end;
margin-left:0;
}}
.bn-series-comment-card__topline{
min-width:0;
align-items:flex-start;
grid-area:topline;
display:block;
margin:0;
}
.bn-series-comment-card__author-link,.bn-series-comment-card__author{
display:inline-flex;
min-width:0;
max-width:100%;
}
.bn-series-comment-card__badge-row{
align-items:center;
gap:6px;
align-self:flex-start;
grid-area:badge;
display:inline-flex;
margin-top:6px;
}
.bn-series-comment-card--with-series .bn-series-comment-card__head{
margin-top:4px;
}
@media (max-width: 700px){
.bn-series-comment-card__head{
padding-right:0;
min-height:0;
}
.bn-series-comment-card__date{
position:static;
max-width:none;
margin-top:4px;
text-align:left;
}
.bn-series-comment-card__meta-side{
position:static;
transform:none;
width:auto;
margin-left:auto;
margin-top:6px;
}
.bn-series-comment-card__rating{
font-size:1.25rem;
}}
.bn-series-comment-card__topline,.bn-series-comment-card__author-meta,.bn-series-comment-card__badge-row{
width:fit-content;
max-width:100%;
}
.bn-series-comment-card__rating .bn-stars{
font-size:clamp(1.2rem,1.05rem + 0.45vw,1.55rem);
letter-spacing:0.08em;
position:relative;
display:inline-block;
width:5.45em;
min-width:5.45em;
line-height:1;
vertical-align:top;
}
.bn-series-comment-card__rating .bn-stars__base{
color:var(--bn-white-16);
}
.bn-series-comment-card__rating .bn-stars__fill{
color:var(--bn-gold-text);
position:absolute;
inset:0 auto 0 0;
overflow:hidden;
}
.bn-series-comment-card--with-series .bn-series-comment-card__identity{
align-items:flex-start;
}
.bn-series-comment-card--with-series .bn-series-comment-card__identity-copy{
display:inline-grid;
width:max-content;
max-width:min(100%,24rem);
justify-items:start;
}
.bn-series-comment-card--with-series .bn-series-comment-card__topline,.bn-series-comment-card--with-series .bn-series-comment-card__author-meta,.bn-series-comment-card--with-series .bn-series-comment-card__badge-row{
width:max-content;
max-width:100%;
}
.bn-series-comment-card__rating .bn-stars__base,.bn-series-comment-card__rating .bn-stars__fill{
display:block;
line-height:1;
white-space:nowrap;
}
.bn-series-comment-card__head,.bn-series-comment-card--with-series .bn-series-comment-card__head{
position:relative;
padding-right:7rem;
margin-bottom:10px;
justify-content:space-between;
gap:0.85rem;
width:100%;
max-width:100%;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
column-gap:0.85rem;
row-gap:0;
min-height:var(--bn-comment-card-head-block-size);
}
.bn-series-comment-card__identity,.bn-series-comment-card--with-series .bn-series-comment-card__identity{
gap:0.8rem;
position:relative;
justify-content:start;
max-width:calc(100% - 7.25rem);
display:grid;
grid-template-columns:52px minmax(0,1fr);
grid-template-areas:"avatar topline" "avatar meta" "avatar badge";
column-gap:12px;
row-gap:3px;
align-items:center;
flex:1 1 auto;
grid-column:1;
min-width:0;
width:100%;
}
.bn-series-comment-card__identity-copy,.bn-series-comment-card--with-series .bn-series-comment-card__identity-copy{
display:inline-grid;
width:fit-content;
max-width:min(100%,24rem);
justify-items:start;
align-content:start;
gap:0.16rem;
min-width:0;
}
.bn-series-comment-card__topline,.bn-series-comment-card__author-meta,.bn-series-comment-card__badge-row,.bn-series-comment-card--with-series .bn-series-comment-card__topline,.bn-series-comment-card--with-series .bn-series-comment-card__author-meta,.bn-series-comment-card--with-series .bn-series-comment-card__badge-row{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
grid-column:2;
width:100%;
max-width:100%;
min-width:0;
justify-self:start;
align-self:start;
}
.bn-series-comment-card__author-meta,.bn-series-comment-card--with-series .bn-series-comment-card__author-meta{
display:inline-flex;
flex-direction:column;
align-items:flex-start;
justify-self:start;
width:fit-content;
max-width:100%;
grid-area:meta;
margin:0;
padding:0;
gap:0.12rem;
}
.bn-series-comment-card__date,.bn-series-comment-card--with-series .bn-series-comment-card__date{
font-size:0.78rem;
width:max-content;
left:16px;
right:auto;
top:auto;
bottom:16px;
position:static;
display:inline-flex;
align-items:center;
flex:1 1 auto;
min-width:0;
max-width:none;
margin:0;
text-align:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:1.2;
}
.bn-series-comment-card__meta-side,.bn-series-comment-card--with-series .bn-series-comment-card__meta-side{
justify-items:end;
align-content:center;
position:absolute;
top:0;
right:0;
transform:none;
flex:1 0 clamp(5.75rem,20vw,11rem);
align-self:stretch;
display:flex;
align-items:center;
justify-content:flex-end;
width:auto;
max-width:min(48%,13rem);
margin-left:auto;
padding-left:16px;
min-width:clamp(5.75rem,18vw,9rem);
}
.bn-series-comment-card__rating,.bn-series-comment-card--with-series .bn-series-comment-card__rating{
margin-left:auto;
min-height:auto;
border-radius:0;
box-shadow:none;
flex:0 0 auto;
width:max-content;
margin:0;
padding:0;
border:0;
background:transparent;
grid-column:2;
justify-self:end;
align-self:stretch;
display:inline-flex;
align-items:center;
justify-content:flex-end;
min-width:0;
max-width:var(--bn-comment-card-rating-inline-max);
white-space:nowrap;
overflow:hidden;
}
.bn-series-comment-card__rating .bn-stars,.bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars{
position:relative;
overflow:hidden;
display:inline-grid;
grid-template-areas:"stars";
width:max-content;
max-width:100%;
min-width:0;
font-size:min(var(--bn-comment-card-rating-max-font-size),calc(var(--bn-comment-card-head-block-size) - 0.375rem),calc((100vw - 9rem) / 5.65));
line-height:0.8;
letter-spacing:var(--bn-comment-card-rating-letter-spacing);
white-space:nowrap;
flex-wrap:nowrap;
vertical-align:middle;
}
.bn-series-comment-card__rating .bn-stars__base,.bn-series-comment-card__rating .bn-stars__fill,.bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars__base,.bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars__fill{
display:block;
grid-area:stars;
line-height:inherit;
white-space:nowrap;
}
.bn-series-comment-card__rating .bn-stars__base,.bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars__base{
color:var(--bn-white-16);
}
.bn-series-comment-card__rating .bn-stars__fill,.bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars__fill{
color:var(--bn-gold-text);
position:relative;
inset:auto;
overflow:hidden;
}
@media (max-width: 700px){
.bn-series-comment-card__head,.bn-series-comment-card--with-series .bn-series-comment-card__head{
padding-right:0;
min-height:0;
flex-wrap:wrap;
}
.bn-series-comment-card__date,.bn-series-comment-card--with-series .bn-series-comment-card__date{
position:static;
max-width:none;
margin-top:4px;
text-align:left;
}
.bn-series-comment-card__meta-side,.bn-series-comment-card--with-series .bn-series-comment-card__meta-side{
position:static;
transform:none;
width:auto;
margin-left:auto;
margin-top:6px;
}}
.bn-series-comment-card__avatar,.bn-series-comment-card__avatar-link,.bn-series-comment-card--with-series .bn-series-comment-card__avatar,.bn-series-comment-card--with-series .bn-series-comment-card__avatar-link{
align-self:flex-start;
}
.bn-series-comment-card__date,.bn-series-comment-card--with-series .bn-series-comment-card__date,.bn-series-comment-card__meta-side,.bn-series-comment-card--with-series .bn-series-comment-card__meta-side{
right:0;
}
.bn-series-comment-card__avatar-link,.bn-series-comment-card__avatar,.bn-series-comment-card--with-series .bn-series-comment-card__avatar-link,.bn-series-comment-card--with-series .bn-series-comment-card__avatar{
grid-area:avatar;
display:inline-flex;
align-items:center;
justify-content:center;
justify-self:center;
align-self:center;
width:44px;
height:44px;
min-width:44px;
border-radius:50%;
overflow:hidden;
border:1px solid var(--bn-white-08);
background:rgba(255,255,255,0.06);
margin:0;
}
.bn-series-comment-card__topline,.bn-series-comment-card--with-series .bn-series-comment-card__topline{
grid-area:topline;
margin:0;
padding:0;
}
.bn-series-comment-card__badge-row,.bn-series-comment-card--with-series .bn-series-comment-card__badge-row{
justify-self:start;
width:fit-content;
max-width:100%;
grid-area:badge;
flex-direction:row;
flex-wrap:wrap;
gap:0.3rem;
}
@media (max-width: 700px){
.bn-series-comment-card__identity,.bn-series-comment-card--with-series .bn-series-comment-card__identity{
max-width:100%;
}
.bn-series-comment-card__head,.bn-series-comment-card--with-series .bn-series-comment-card__head{
padding-right:6.6rem;
min-height:3.2rem;
}
.bn-series-comment-card__identity,.bn-series-comment-card--with-series .bn-series-comment-card__identity{
max-width:calc(100% - 7rem);
}
.bn-series-comment-card__date,.bn-series-comment-card--with-series .bn-series-comment-card__date{
max-width:6.3rem;
font-size:0.72rem;
}
.bn-series-comment-card__meta-side,.bn-series-comment-card--with-series .bn-series-comment-card__meta-side{
max-width:6.4rem;
}
.bn-series-comment-card__rating .bn-stars,.bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars{
font-size:1rem;
letter-spacing:0.04em;
}}
.bn-series-comment-card,.bn-series-comment-card--with-series{
display:flex;
flex-direction:column;
gap:0;
padding-bottom:16px;
min-height:0;
--bn-comment-card-head-block-size:48px;
--bn-comment-card-rating-max-font-size:2.625rem;
--bn-comment-card-rating-letter-spacing:0.02em;
--bn-comment-card-rating-inline-max:min(46vw,12.5rem);
}
@media (max-width: 700px){
.bn-series-comment-card,.bn-series-comment-card--with-series{
padding-bottom:3.75rem;
}
.bn-series-comment-card__head,.bn-series-comment-card--with-series .bn-series-comment-card__head{
padding-right:5.9rem;
}
.bn-series-comment-card__identity,.bn-series-comment-card--with-series .bn-series-comment-card__identity{
max-width:calc(100% - 6.2rem);
}
.bn-series-comment-card__date,.bn-series-comment-card--with-series .bn-series-comment-card__date{
left:16px;
bottom:16px;
max-width:calc(100% - 4.4rem);
font-size:0.72rem;
}}
.bn-series-comment-card__avatar-link .bn-series-comment-card__avatar,.bn-series-comment-card--with-series .bn-series-comment-card__avatar-link .bn-series-comment-card__avatar{
width:100%;
height:100%;
min-width:0;
margin:0 auto;
border:0;
background:transparent;
}
.bn-series-comment-card__avatar img,.bn-series-comment-card--with-series .bn-series-comment-card__avatar img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.bn-series-comment-card__context,.bn-series-comment-card--with-series .bn-series-comment-card__context{
display:flex;
align-items:center;
width:100%;
max-width:100%;
margin:0 0 14px;
padding:0 0 12px;
border-bottom:1px solid var(--bn-white-12);
box-shadow:inset 0 -1px 0 rgba(255,255,255,0.04);
}
.bn-series-comment-card__context-link,.bn-series-comment-card--with-series .bn-series-comment-card__context-link{
display:inline-flex;
align-items:center;
justify-content:flex-start;
width:100%;
max-width:100%;
padding:0;
border:0;
border-radius:0;
background:transparent;
color:var(--bn-text);
font-size:0.92rem;
font-weight:800;
letter-spacing:0.01em;
line-height:1.35;
text-decoration:none;
text-transform:none;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
transition:color 0.18s ease,opacity 0.18s ease;
}
.bn-series-comment-card__context-link:hover,.bn-series-comment-card__context-link:focus-visible,.bn-series-comment-card--with-series .bn-series-comment-card__context-link:hover,.bn-series-comment-card--with-series .bn-series-comment-card__context-link:focus-visible{
color:#f4ede3;
opacity:1;
}
.bn-series-comment-card:not(.bn-series-comment-card--with-series) .bn-series-comment-card__context{
display:none;
}
.bn-series-comment-card__footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:12px;
padding-top:2px;
min-height:34px;
}
.bn-series-comment-card__date--empty{
visibility:hidden;
}
@media (max-width: 700px){
.bn-series-comment-card__head,.bn-series-comment-card--with-series .bn-series-comment-card__head{
gap:10px;
}
.bn-series-comment-card__identity,.bn-series-comment-card--with-series .bn-series-comment-card__identity{
grid-template-columns:48px minmax(0,1fr);
}
.bn-series-comment-card__avatar-link,.bn-series-comment-card__avatar,.bn-series-comment-card--with-series .bn-series-comment-card__avatar-link,.bn-series-comment-card--with-series .bn-series-comment-card__avatar{
width:48px;
min-width:48px;
}
.bn-series-comment-card__meta-side,.bn-series-comment-card--with-series .bn-series-comment-card__meta-side{
max-width:7.5rem;
padding-left:8px;
}
.bn-series-comment-card__context,.bn-series-comment-card--with-series .bn-series-comment-card__context{
margin-bottom:12px;
padding-bottom:10px;
}
.bn-series-comment-card__context-link,.bn-series-comment-card--with-series .bn-series-comment-card__context-link{
font-size:0.84rem;
}
.bn-series-comment-card__footer{
gap:10px;
}
.bn-series-comment-card__date,.bn-series-comment-card--with-series .bn-series-comment-card__date{
font-size:0.72rem;
}
.bn-series-comment-card__rating .bn-stars,.bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars{
font-size:0.98rem;
letter-spacing:0.08em;
}
.bn-series-comment-card,.bn-series-comment-card--with-series{
--bn-comment-card-head-block-size:42px;
--bn-comment-card-rating-max-font-size:2.3rem;
--bn-comment-card-rating-letter-spacing:0.02em;
}
.bn-series-comment-card__head,.bn-series-comment-card--with-series .bn-series-comment-card__head{
column-gap:0.6rem;
}
.bn-series-comment-card__rating .bn-stars,.bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars{
font-size:min(var(--bn-comment-card-rating-max-font-size),calc((100vw - 7rem) / 5.7));
}
.bn-series-comment-card,.bn-series-comment-card--with-series{
--bn-comment-card-head-block-size:42px;
--bn-comment-card-rating-max-font-size:2.3rem;
--bn-comment-card-rating-inline-max:min(44vw,10.5rem);
}
.bn-series-comment-card__rating .bn-stars,.bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars{
font-size:min(var(--bn-comment-card-rating-max-font-size),calc(var(--bn-comment-card-head-block-size) - 0.3rem),calc((100vw - 7.5rem) / 5.9));
}}
.bn-comment-form__field-label{
display:block;
margin:0 0 8px;
color:var(--bn-text);
font-size:0.88rem;
font-weight:700;
line-height:1.15;
pointer-events:none;
user-select:none;
}
.bn-comment-form__field-label--center{
text-align:center;
}
.bn-comment-form__editor-shell{
position:relative;
border:1px solid rgba(183,180,174,0.16);
border-radius:18px;
background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.02));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
overflow:hidden;
transition:border-color 0.18s ease,box-shadow 0.18s ease,background 0.18s ease;
}
.bn-comment-form__field--rich.is-rich-active .bn-comment-form__editor-shell{
border-color:rgba(215,208,199,0.3);
box-shadow:0 0 0 1px rgba(215,208,199,0.1),0 18px 36px rgba(0,0,0,0.22);
background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.025));
}
.bn-comment-form__rich-tools{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:10px 12px;
border-bottom:1px solid rgba(183,180,174,0.12);
background:rgba(12,12,12,0.52);
backdrop-filter:blur(12px);
}
.bn-comment-form__rich-toolbar{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
}
.bn-comment-form__rich-button,.bn-comment-form__preview-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-width:40px;
height:40px;
padding:0 12px;
border:1px solid rgba(183,180,174,0.12);
border-radius:12px;
background:rgba(255,255,255,0.045);
color:var(--bn-text);
cursor:pointer;
transition:transform 0.16s ease,border-color 0.16s ease,background 0.16s ease,opacity 0.16s ease;
}
.bn-comment-form__rich-button:hover,.bn-comment-form__preview-toggle:hover,.bn-comment-form__preview-toggle.is-active{
border-color:rgba(215,208,199,0.26);
background:rgba(255,255,255,0.085);
transform:translateY(-1px);
}
.bn-comment-form__rich-button svg,.bn-comment-form__preview-toggle svg{
width:18px;
height:18px;
flex:0 0 18px;
}
.bn-comment-form__rich-button span,.bn-comment-form__preview-toggle span{
font-size:0.78rem;
font-weight:700;
line-height:1;
}
.bn-comment-form__editor{
min-height:176px;
padding:16px 16px 18px;
outline:0;
color:var(--bn-text);
font-size:0.98rem;
line-height:1.65;
}
.bn-comment-form__editor:empty::before{
content:attr(data-placeholder);
color:rgba(215,208,199,0.45);
pointer-events:none;
}
.bn-comment-form__editor p:first-child,.bn-comment-form__rich-preview p:first-child{
margin-top:0;
}
.bn-comment-form__editor p:last-child,.bn-comment-form__rich-preview p:last-child{
margin-bottom:0;
}
.bn-comment-form__rich-preview{
min-height:176px;
padding:16px 16px 18px;
color:var(--bn-text);
font-size:0.98rem;
line-height:1.65;
}
.bn-comment-form__field--rich.is-uploading .bn-comment-form__editor-shell::after{
content:"Uploading…";
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
background:rgba(10,10,10,0.56);
backdrop-filter:blur(3px);
color:#f2eadf;
font-size:0.92rem;
font-weight:700;
letter-spacing:0.02em;
}
.bn-comment-spoiler{
display:inline-block;
padding:0.08em 0.42em;
border-radius:0.45em;
background:rgba(215,208,199,0.18);
color:transparent;
cursor:pointer;
transition:background 0.16s ease,color 0.16s ease;
}
.bn-comment-spoiler:hover,.bn-comment-spoiler:focus{
background:rgba(215,208,199,0.28);
color:var(--bn-text);
}
.bn-comment-embed img,.bn-series-comment-card__content img{
display:block;
max-width:min(100%,420px);
width:auto;
height:auto;
border-radius:14px;
border:1px solid rgba(183,180,174,0.12);
box-shadow:0 10px 24px rgba(0,0,0,0.18);
}
@media (max-width: 640px){
.bn-comment-form__rich-tools{
align-items:stretch;
flex-direction:column;
}
.bn-comment-form__rich-toolbar{
width:100%;
}
.bn-comment-form__rich-button,.bn-comment-form__preview-toggle{
flex:1 1 calc(33.333% - 8px);
}}
.bn-comment-form__editor-textarea{
width:100%;
min-height:180px;
padding:16px 18px;
border:1px solid rgba(255,255,255,0.1);
border-radius:16px;
background:rgba(10,10,10,0.22);
color:var(--bn-text);
line-height:1.7;
resize:vertical;
}
.bn-comment-form__editor-textarea:focus{
outline:none;
border-color:rgba(255,255,255,0.18);
box-shadow:0 0 0 3px rgba(255,255,255,0.04);
}
.bn-comment-form__media-modal[hidden]{
display:none !important;
}
.bn-comment-form__media-modal{
position:fixed;
inset:0;
z-index:1000;
}
.bn-comment-form__media-modal-backdrop{
position:absolute;
inset:0;
background:rgba(0,0,0,0.68);
backdrop-filter:blur(8px);
}
.bn-comment-form__media-dialog{
position:relative;
z-index:1;
width:min(92vw,560px);
margin:min(12vh,88px) auto 0;
padding:20px;
border:1px solid rgba(255,255,255,0.12);
border-radius:20px;
background:#111;
box-shadow:0 24px 80px rgba(0,0,0,0.45);
}
.bn-comment-form__media-dismiss{
position:absolute;
top:10px;
right:10px;
width:36px;
height:36px;
border:0;
border-radius:999px;
background:rgba(255,255,255,0.08);
color:var(--bn-text);
font-size:24px;
cursor:pointer;
}
.bn-comment-form__media-title{
margin:0 36px 14px 0;
font-size:1.05rem;
font-weight:700;
}
.bn-comment-form__media-tabs{
display:flex;
gap:8px;
margin-bottom:14px;
}
.bn-comment-form__media-tab,.bn-comment-form__series-button--media{
min-height:40px;
padding:0 14px;
border:1px solid rgba(255,255,255,0.1);
border-radius:999px;
background:rgba(255,255,255,0.05);
color:var(--bn-text);
cursor:pointer;
}
.bn-comment-form__media-tab.is-active{
background:rgba(255,255,255,0.14);
border-color:rgba(255,255,255,0.18);
}
.bn-comment-form__media-panel{
display:none;
}
.bn-comment-form__media-panel.is-active{
display:block;
}
.bn-comment-form__media-copy{
margin:0 0 14px;
color:var(--bn-muted);
line-height:1.55;
}
.bn-comment-form__media-url-label{
display:block;
margin-bottom:8px;
font-size:0.92rem;
font-weight:600;
}
.bn-comment-form__media-url{
width:100%;
min-height:44px;
padding:0 14px;
border:1px solid rgba(255,255,255,0.1);
border-radius:14px;
background:rgba(255,255,255,0.04);
color:var(--bn-text);
}
.bn-comment-form__media-actions{
display:flex;
justify-content:flex-end;
margin:12px 0;
}
.bn-comment-form__preview-empty{
color:var(--bn-muted);
margin:0;
}
@media (max-width: 720px){
.bn-comment-form__rich-toolbar{
overflow-x:auto;
flex-wrap:nowrap;
padding-bottom:4px;
scrollbar-width:thin;
}
.bn-comment-form__rich-button{
flex:0 0 auto;
min-width:42px;
padding:0 10px;
}
.bn-comment-form__rich-button span:last-child{
display:none;
}
.bn-comment-form__preview-toggle{
width:100%;
justify-content:center;
}
.bn-comment-form__media-dialog{
width:calc(100vw - 20px);
margin-top:16px;
padding:16px;
max-height:calc(100vh - 32px);
overflow:auto;
}
.bn-comment-form__media-tabs{
flex-wrap:wrap;
}}
.bn-comment-form__field--rich.is-preview-mode .bn-comment-form__editor-textarea{
display:none !important;
}
.bn-comment-form__field--rich:not(.is-preview-mode) .bn-comment-form__rich-preview{
display:none !important;
}
.bn-comment-form__rich-preview blockquote,.bn-series-comment-card__content blockquote{
margin:1em 0;
padding:0.9em 1em;
border-left:3px solid rgba(215,208,199,0.35);
background:rgba(255,255,255,0.04);
border-radius:0 12px 12px 0;
}
.bn-comment-form__rich-preview ul,.bn-comment-form__rich-preview ol,.bn-series-comment-card__content ul,.bn-series-comment-card__content ol{
margin:0.85em 0 0.85em 1.25em;
padding-left:1.1em;
}
.bn-comment-form__rich-preview li,.bn-series-comment-card__content li{
margin:0.35em 0;
}
.bn-comment-form__media-modal{
display:flex;
align-items:center;
justify-content:center;
padding:20px;
}
.bn-comment-form__media-dialog{
width:min(100%,520px);
margin:0;
max-height:min(78vh,680px);
overflow:auto;
}
@media (max-width: 720px){
.bn-comment-form__media-modal{
padding:12px;
}
.bn-comment-form__media-dialog{
width:min(100%,420px);
max-height:min(84vh,560px);
padding:14px;
border-radius:16px;
}
.bn-comment-form__media-actions{
justify-content:stretch;
}
.bn-comment-form__media-actions .bn-comment-form__series-button--media{
width:100%;
}
.bn-comment-form__rich-preview,.bn-comment-form__editor-textarea{
min-height:150px;
}}
.bn-comment-form__rich-preview ul,.bn-series-comment-card__content ul{
list-style:disc;
}
.bn-comment-form__rich-preview ol,.bn-series-comment-card__content ol{
list-style:decimal;
}
.bn-comment-form__rich-preview ul,.bn-comment-form__rich-preview ol,.bn-series-comment-card__content ul,.bn-series-comment-card__content ol{
padding-left:1.4em;
}
.bn-comment-spoiler{
display:inline;
padding:0.12em 0.4em;
border-radius:0.45em;
background:rgba(255,255,255,0.14);
color:transparent;
cursor:pointer;
transition:color 0.18s ease,background 0.18s ease;
}
.bn-comment-spoiler::selection{
color:transparent;
background:rgba(255,255,255,0.2);
}
.bn-comment-spoiler.is-revealed,.bn-comment-spoiler:hover,.bn-comment-spoiler:focus{
color:var(--bn-text);
background:rgba(255,255,255,0.08);
outline:none;
}
.bn-comment-form__media-modal{
position:fixed;
inset:0;
z-index:9999;
display:flex;
align-items:center;
justify-content:center;
padding:18px;
}
.bn-comment-form__media-dialog{
position:relative;
width:min(100%,500px);
margin:0;
max-height:min(76vh,640px);
overflow:auto;
}
@media (max-width: 720px){
.bn-comment-form__media-modal{
padding:10px;
}
.bn-comment-form__media-dialog{
width:min(100%,380px);
max-height:min(82vh,560px);
padding:14px;
border-radius:16px;
}}
.bn-comment-form__field--rich.is-preview-mode .bn-comment-form__editor-textarea{
display:none !important;
position:absolute !important;
left:-99999px !important;
top:auto !important;
opacity:0 !important;
pointer-events:none !important;
}
.bn-comment-form__editor-shell{
position:relative;
}
.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
margin:0;
min-height:190px;
box-sizing:border-box;
}
.bn-comment-form__editor-shell{
overflow:hidden;
border:1px solid rgba(255,255,255,0.1);
border-radius:16px;
background:rgba(10,10,10,0.22);
}
.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
display:block;
width:100%;
margin:0;
padding:16px 18px;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
min-height:190px;
box-sizing:border-box;
}
.bn-comment-form__editor-textarea:focus{
box-shadow:none !important;
}
.bn-comment-form__field--rich.is-preview-mode .bn-comment-form__rich-preview{
display:block !important;
}
.bn-series-comment-card__content figure,.bn-comment-form__rich-preview figure{
display:block;
margin:14px 0;
}
.bn-series-comment-card__content img,.bn-comment-form__rich-preview img{
display:block;
max-width:min(100%,420px);
width:auto;
height:auto;
border-radius:14px;
}
.bn-series-comment-card__content ul,.bn-series-comment-card__content ol,.bn-comment-form__rich-preview ul,.bn-comment-form__rich-preview ol{
display:block;
list-style-position:outside;
}
.bn-series-comment-card__content ul,.bn-comment-form__rich-preview ul{
list-style-type:disc !important;
}
.bn-series-comment-card__content ol,.bn-comment-form__rich-preview ol{
list-style-type:decimal !important;
}
.bn-series-comment-card__content li,.bn-comment-form__rich-preview li{
display:list-item;
}
.bn-series-comment-card__content .bn-comment-spoiler,.bn-comment-form__rich-preview .bn-comment-spoiler{
display:inline-block;
}
.bn-comment-form__media-status{
min-height:1.2em;
margin-top:12px;
color:var(--bn-muted);
font-size:0.84rem;
line-height:1.35;
}
.bn-comment-form__media-status.is-pending{
color:var(--bn-text-soft);
}
.bn-comment-form__media-status.is-success{
color:#b8e0b2;
}
.bn-comment-form__media-status.is-error{
color:#ffb4b4;
}
.bn-series-filter-trigger__icon,.bn-series-filter-trigger__icon svg{
display:block;
width:22px;
height:22px;
min-width:22px;
}
.bn-series-filter-trigger{
min-width:42px;
min-height:38px;
padding-inline:10px;
}
.bn-comment-form,.bn-comment-form__shell,.bn-comment-form__editor-shell,.bn-comment-form__field,.bn-series-discussion,.bn-series-comment-card{
max-width:100%;
min-width:0;
box-sizing:border-box;
}
.bn-comment-form__editor-textarea{
max-width:100%;
overflow-x:hidden;
}
.bn-comment-form__field--rich.is-rich-lazy .bn-comment-form__rich-tools,.bn-comment-form__field--rich.is-rich-lazy .bn-comment-form__rich-preview,.bn-comment-form__field--rich.is-rich-lazy .bn-comment-form__media-modal{
display:none !important;
}
.bn-comment-form__field--rich.is-rich-lazy .bn-comment-form__editor-shell{
overflow:visible;
}
@-moz-document url-prefix(){
.bn-account-panel,.bn-account-card,.bn-account-settings-preview,.bn-account-settings-rail,.bn-comment-form__editor-shell,.bn-series-comment-card,.bn-series-details,.bn-series-cover,.bn-comment-embed img,.bn-series-comment-card__content img{
outline:1px solid transparent;
backface-visibility:hidden;
transform:translateZ(0);
}
.bn-comment-form__editor-shell,.bn-series-comment-card,.bn-account-panel{
background-clip:padding-box;
}}
.bn-comment-form__field--rich,.bn-comment-form__editor-shell,.bn-comment-form__rich-tools,.bn-comment-form__rich-toolbar,.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
max-width:100%;
min-width:0;
box-sizing:border-box;
}
.bn-comment-form__editor-shell{
position:relative;
border-radius:20px;
overflow:hidden;
background-clip:padding-box;
isolation:isolate;
}
.bn-comment-form__rich-tools{
border-radius:20px 20px 0 0;
overflow:hidden;
background-clip:padding-box;
}
.bn-comment-form__rich-toolbar{
max-width:100%;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
}
.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
display:block;
width:100%;
border-radius:18px;
background-clip:padding-box;
overflow-wrap:anywhere;
word-break:normal;
}
.bn-comment-form__field--rich.is-rich-active .bn-comment-form__editor-textarea,.bn-comment-form__field--rich.is-rich-active .bn-comment-form__rich-preview{
border-top-left-radius:18px;
border-top-right-radius:18px;
}
.bn-comment-form__field--rich.is-rich-active .bn-comment-form__rich-tools + .bn-comment-form__editor-textarea,.bn-comment-form__field--rich.is-rich-active .bn-comment-form__rich-tools + .bn-comment-form__editor-textarea + .bn-comment-form__rich-preview{
margin-top:8px;
}
.bn-comment-form__field--rich.is-rich-lazy .bn-comment-form__editor-shell{
overflow:visible;
background:transparent;
border-color:transparent;
box-shadow:none;
}
.bn-comment-form__field--rich.is-rich-lazy .bn-comment-form__editor-textarea{
margin-top:0;
}
@-moz-document url-prefix(){
.bn-comment-form,.bn-comment-form__shell,.bn-comment-form__editor-shell,.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview,.bn-series-discussion,.bn-series-comment-card,.bn-series-cover,.bn-series-details{
transform:none !important;
backface-visibility:visible !important;
background-clip:padding-box !important;
isolation:isolate;
contain:paint;
}}
.bn-comment-form__field--rich,.bn-comment-form__editor-shell,.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview,.bn-comment-form__rich-tools{
box-sizing:border-box;
}
.bn-comment-form__editor-shell{
border-radius:18px !important;
overflow:clip !important;
contain:paint;
isolation:isolate;
background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.02)) !important;
}
.bn-comment-form__rich-tools{
position:relative;
z-index:2;
margin:0;
border-radius:17px 17px 0 0;
overflow:hidden;
}
.bn-comment-form__rich-tools[hidden]{
display:none !important;
}
.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
position:relative;
z-index:1;
max-width:100%;
overflow-x:hidden;
border-radius:0 0 17px 17px !important;
background:transparent !important;
background-clip:padding-box !important;
}
.bn-comment-form__field--rich.is-rich-lazy:not(.is-rich-active) .bn-comment-form__editor-textarea,.bn-comment-form__field--rich.is-rich-lazy:not(.is-rich-active) .bn-comment-form__rich-preview,.bn-comment-form__field--rich:not(.is-rich-active):not(.is-preview-mode) .bn-comment-form__editor-textarea{
border-radius:17px !important;
}
.bn-comment-form__field--rich.is-preview-mode .bn-comment-form__rich-preview{
border-radius:0 0 17px 17px !important;
overflow-wrap:anywhere;
}
.bn-comment-form__field--rich.is-preview-mode.is-rich-lazy .bn-comment-form__rich-preview{
border-radius:17px !important;
}
.bn-comment-form__rich-preview,.bn-comment-form__rich-preview *{
max-width:100%;
}
@-moz-document url-prefix(){
.bn-comment-form__editor-shell,.bn-comment-form__rich-tools,.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview,.bn-series-comment-card,.bn-series-comment-card__content,.bn-comment-embed img,.bn-series-comment-card__content img{
backface-visibility:visible !important;
transform:none !important;
will-change:auto !important;
background-clip:padding-box !important;
}
.bn-comment-form__editor-shell{
overflow:clip !important;
contain:paint;
}
.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
outline:1px solid transparent;
}
.bn-series-comment-card,.bn-comment-embed img,.bn-series-comment-card__content img{
overflow:clip !important;
background-clip:padding-box !important;
}}
.bn-comment-form__editor-shell,.bn-comment-form__rich-tools,.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
background-clip:padding-box !important;
}
.bn-comment-form__editor-shell{
border-radius:18px !important;
overflow:hidden !important;
}
.bn-comment-form__rich-tools{
border-radius:17px 17px 0 0 !important;
}
.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
border-radius:0 0 17px 17px !important;
outline:0 !important;
}
.bn-comment-form__field--rich:not(.is-rich-active):not(.is-preview-mode) .bn-comment-form__editor-textarea,.bn-comment-form__field--rich.is-rich-lazy:not(.is-rich-active) .bn-comment-form__editor-textarea{
border-radius:17px !important;
}
.bn-comment-form__rich-preview{
cursor:text;
}
@-moz-document url-prefix(){
.bn-comment-form__editor-shell,.bn-comment-form__rich-tools,.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview,.bn-series-comment-card,.bn-series-cover,.bn-series-details,.bn-comment-embed img,.bn-series-comment-card__content img{
transform:none !important;
backface-visibility:visible !important;
will-change:auto !important;
background-clip:padding-box !important;
box-shadow:none !important;
mask-image:radial-gradient(white,black) !important;
outline:1px solid rgba(183,180,174,0.1) !important;
outline-offset:-1px !important;
}
.bn-comment-form__editor-shell,.bn-series-comment-card,.bn-series-cover,.bn-series-details{
position:relative;
isolation:isolate;
}
.bn-comment-form__editor-shell::before,.bn-series-comment-card::before,.bn-series-cover::before,.bn-series-details::before{
content:"";
position:absolute;
inset:0;
z-index:0;
border-radius:inherit;
pointer-events:none;
box-shadow:inset 0 0 0 1px rgba(183,180,174,0.11);
}
.bn-comment-form__editor-shell > *,.bn-series-comment-card > *,.bn-series-cover > *,.bn-series-details > *{
position:relative;
z-index:1;
}
.bn-series-discussion,.bn-series-discussion__panel,.bn-series-comment-card,.bn-series-review-card,.bn-rich-editor,.bn-rich-editor__shell,.bn-rich-editor__content,.bn-rich-editor__toolbar,.bn-discussion-form,.bn-discussion-form__inner{
background-clip:padding-box !important;
background-origin: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-rich-editor,.bn-rich-editor__shell,.bn-rich-editor__content,.bn-series-comment-card,.bn-series-review-card,.bn-discussion-form__inner{
overflow:hidden !important;
}}
.bn-series-ratings-header,.bn-series-ratings-main,.bn-series-rating-breakdown-wrap,.bn-series-comment-form,.bn-comment-form__shell,.bn-comment-form__editor-shell,.bn-comment-form__editor-textarea,.bn-comment-form input[type="text"],.bn-comment-form input[type="email"],.bn-comment-form input[type="url"],.bn-comment-form textarea{
border-radius:0 !important;
background-clip:padding-box !important;
clip-path:none !important;
mask-image:none !important;
-webkit-mask-image:none !important;
filter:none !important;
}
.bn-series-ratings-header,.bn-series-ratings-main,.bn-series-rating-breakdown-wrap,.bn-series-comment-form,.bn-comment-form__shell,.bn-comment-form__editor-shell{
position:relative;
isolation:isolate;
box-shadow:inset 0 0 0 1px rgba(183,180,174,0.11),0 14px 34px rgba(0,0,0,0.16) !important;
}
.bn-series-ratings-header::before,.bn-series-ratings-main::before,.bn-series-rating-breakdown-wrap::before,.bn-series-comment-form::before,.bn-comment-form__shell::before,.bn-comment-form__editor-shell::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:linear-gradient(90deg,rgba(183,180,174,0.22),transparent 74px) 0 0 / 100% 1px no-repeat,linear-gradient(180deg,rgba(183,180,174,0.18),transparent 58px) 0 0 / 1px 100% no-repeat,linear-gradient(270deg,rgba(183,180,174,0.14),transparent 64px) 100% 100% / 100% 1px no-repeat,linear-gradient(0deg,rgba(183,180,174,0.12),transparent 48px) 100% 100% / 1px 100% no-repeat;
}
.bn-series-ratings-header > *,.bn-series-ratings-main > *,.bn-series-rating-breakdown-wrap > *,.bn-series-comment-form > *,.bn-comment-form__shell > *,.bn-comment-form__editor-shell > *{
position:relative;
z-index:1;
}
@-moz-document url-prefix(){
.bn-series-ratings-header,.bn-series-ratings-main,.bn-series-rating-breakdown-wrap,.bn-series-comment-form,.bn-comment-form__shell,.bn-comment-form__editor-shell,.bn-comment-form__editor-textarea,.bn-comment-form input[type="text"],.bn-comment-form input[type="email"],.bn-comment-form input[type="url"],.bn-comment-form textarea{
border-radius:0 !important;
outline:1px solid transparent !important;
outline-offset:-1px !important;
contain:layout paint !important;
overflow:visible !important;
}}
.bn-series-comment-form,.bn-comment-form__shell,.bn-comment-form__editor-shell,.bn-comment-form input[type="text"],.bn-comment-form input[type="email"],.bn-comment-form input[type="url"],.bn-comment-form textarea,.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
--bn-comment-corner-size:18px;
--bn-comment-corner-diameter:calc(var(--bn-comment-corner-size) * 2);
border-radius:0 !important;
clip-path:none !important;
-webkit-mask:linear-gradient(#000 0 0) center / calc(100% - var(--bn-comment-corner-diameter)) 100% no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - var(--bn-comment-corner-diameter)) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top left / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top right / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom left / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom right / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat !important;
mask:linear-gradient(#000 0 0) center / calc(100% - var(--bn-comment-corner-diameter)) 100% no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - var(--bn-comment-corner-diameter)) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top left / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top right / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom left / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom right / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat !important;
background-clip:padding-box !important;
contain:paint;
}
.bn-comment-form input[type="text"],.bn-comment-form input[type="email"],.bn-comment-form input[type="url"],.bn-comment-form textarea,.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
--bn-comment-corner-size:14px;
}
.bn-comment-form__field--rich.is-rich-active .bn-comment-form__editor-textarea,.bn-comment-form__field--rich.is-rich-active .bn-comment-form__rich-preview,.bn-comment-form__field--rich.is-rich-active .bn-comment-form__rich-tools + .bn-comment-form__editor-textarea,.bn-comment-form__field--rich.is-rich-active .bn-comment-form__rich-tools + .bn-comment-form__editor-textarea + .bn-comment-form__rich-preview{
border-radius:0 !important;
}
.bn-comment-form__editor-shell{
overflow:hidden !important;
}
.bn-comment-form__rich-tools{
border-radius:0 !important;
clip-path:none !important;
-webkit-mask-image:none !important;
mask-image:none !important;
}
.bn-comment-form__shell::before,.bn-comment-form__editor-shell::before,.bn-series-comment-form::before{
border-radius:0 !important;
-webkit-mask:linear-gradient(#000 0 0) center / calc(100% - var(--bn-comment-corner-diameter)) 100% no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - var(--bn-comment-corner-diameter)) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top left / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top right / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom left / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom right / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat !important;
mask:linear-gradient(#000 0 0) center / calc(100% - var(--bn-comment-corner-diameter)) 100% no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - var(--bn-comment-corner-diameter)) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top left / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top right / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom left / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom right / var(--bn-comment-corner-diameter) var(--bn-comment-corner-diameter) no-repeat !important;
}
@-moz-document url-prefix(){
.bn-series-comment-form,.bn-comment-form__shell,.bn-comment-form__editor-shell,.bn-comment-form input[type="text"],.bn-comment-form input[type="email"],.bn-comment-form input[type="url"],.bn-comment-form textarea,.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
border-radius:0 !important;
clip-path:none !important;
outline:1px solid transparent !important;
outline-offset:-1px !important;
overflow:hidden !important;
contain:paint !important;
}
.bn-comment-form__rich-tools{
border-radius:0 !important;
clip-path:none !important;
}}
.bn-comment-form__field--rich{
--bn-comment-editor-corner-size:18px;
--bn-comment-editor-corner-diameter:calc(var(--bn-comment-editor-corner-size) * 2);
}
.bn-comment-form__editor-shell{
padding:0 !important;
border-radius:0 !important;
overflow:hidden !important;
contain:paint !important;
-webkit-mask:linear-gradient(#000 0 0) center / calc(100% - var(--bn-comment-editor-corner-diameter)) 100% no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - var(--bn-comment-editor-corner-diameter)) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top left / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top right / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom left / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom right / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat !important;
mask:linear-gradient(#000 0 0) center / calc(100% - var(--bn-comment-editor-corner-diameter)) 100% no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - var(--bn-comment-editor-corner-diameter)) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top left / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top right / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom left / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom right / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat !important;
}
.bn-comment-form__rich-tools{
border-radius:0 !important;
margin:0 !important;
-webkit-mask:linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--bn-comment-editor-corner-size)) no-repeat,linear-gradient(#000 0 0) top center / calc(100% - var(--bn-comment-editor-corner-diameter)) var(--bn-comment-editor-corner-size) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top left / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top right / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat !important;
mask:linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--bn-comment-editor-corner-size)) no-repeat,linear-gradient(#000 0 0) top center / calc(100% - var(--bn-comment-editor-corner-diameter)) var(--bn-comment-editor-corner-size) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top left / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top right / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat !important;
}
.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
border-radius:0 !important;
margin:0 !important;
width:100% !important;
max-width:100% !important;
display:block;
background:transparent !important;
background-clip:padding-box !important;
-webkit-mask:linear-gradient(#000 0 0) center / calc(100% - var(--bn-comment-editor-corner-diameter)) 100% no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - var(--bn-comment-editor-corner-diameter)) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top left / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top right / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom left / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom right / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat !important;
mask:linear-gradient(#000 0 0) center / calc(100% - var(--bn-comment-editor-corner-diameter)) 100% no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - var(--bn-comment-editor-corner-diameter)) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top left / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) top right / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom left / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom right / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat !important;
}
.bn-comment-form__field--rich.is-rich-active .bn-comment-form__rich-tools + .bn-comment-form__editor-textarea,.bn-comment-form__field--rich.is-rich-active .bn-comment-form__rich-tools + .bn-comment-form__editor-textarea + .bn-comment-form__rich-preview,.bn-comment-form__field--rich.is-preview-mode .bn-comment-form__rich-tools + .bn-comment-form__editor-textarea + .bn-comment-form__rich-preview{
margin-top:0 !important;
-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--bn-comment-editor-corner-size)) no-repeat,linear-gradient(#000 0 0) bottom center / calc(100% - var(--bn-comment-editor-corner-diameter)) var(--bn-comment-editor-corner-size) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom left / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom right / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat !important;
mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--bn-comment-editor-corner-size)) no-repeat,linear-gradient(#000 0 0) bottom center / calc(100% - var(--bn-comment-editor-corner-diameter)) var(--bn-comment-editor-corner-size) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom left / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat,radial-gradient(farthest-side,#000 98%,transparent 100%) bottom right / var(--bn-comment-editor-corner-diameter) var(--bn-comment-editor-corner-diameter) no-repeat !important;
}
.bn-comment-form__field--rich.is-rich-active .bn-comment-form__editor-shell{
background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.025)) !important;
}
.bn-comment-form__field--rich.is-rich-active .bn-comment-form__rich-tools{
border-bottom:1px solid rgba(183,180,174,0.12) !important;
}
@-moz-document url-prefix(){
.bn-comment-form__editor-shell,.bn-comment-form__rich-tools,.bn-comment-form__editor-textarea,.bn-comment-form__rich-preview{
border-radius:0 !important;
clip-path:none !important;
contain:paint !important;
transform:none !important;
backface-visibility:visible !important;
}}
.bn-comment-form__field--rich > .bn-comment-form__media-modal{
position:fixed !important;
inset:0 !important;
z-index:2147483000 !important;
display:flex;
align-items:center;
justify-content:center;
}
.bn-comment-form__field--rich > .bn-comment-form__media-modal[hidden]{
display:none !important;
}
.bn-comment-form__field--rich > .bn-comment-form__media-modal .bn-comment-form__media-dialog{
position:relative;
z-index:1;
}
.bn-comment-form__media-dismiss{
display:grid !important;
place-items:center !important;
padding:0 !important;
line-height:1 !important;
text-align:center !important;
appearance:none !important;
}
.bn-comment-form.is-error-modal-open .bn-comment-form__field--rich,.bn-comment-form.is-error-modal-open .bn-comment-form__editor-shell,.bn-comment-form.is-error-modal-open .bn-comment-form__rich-tools,.bn-comment-form.is-error-modal-open .bn-comment-form__editor-textarea{
visibility:visible !important;
}
.bn-comment-form.is-error-modal-open .bn-comment-form__rich-tools{
display:flex !important;
}
.bn-comment-form.is-error-modal-open .bn-comment-form__field--rich.is-rich-error-paused{
position:relative !important;
}
.bn-comment-form.is-error-modal-open .bn-comment-form__field--rich.is-rich-error-paused .bn-comment-form__rich-tools,.bn-comment-form.is-error-modal-open .bn-comment-form__field--rich.is-rich-error-paused .bn-comment-form__rich-preview,.bn-comment-form.is-error-modal-open .bn-comment-form__field--rich.is-rich-error-paused .bn-comment-form__media-modal{
display:none !important;
}
.bn-comment-form.is-error-modal-open .bn-comment-form__field--rich.is-rich-error-paused .bn-comment-form__editor-textarea{
display:block !important;
visibility:visible !important;
border-radius:17px !important;
}
.bn-series-comments-list--threads{
display:grid;
gap:1rem;
}
.bn-series-comment-thread{
display:grid;
gap:0.85rem;
min-width:0;
}
.bn-series-comment-replies{
display:grid;
gap:0.85rem;
margin-left:clamp(1rem,3vw,2.25rem);
padding-left:clamp(0.85rem,2vw,1.25rem);
border-left:1px solid color-mix(in srgb,currentColor 14%,transparent);
}
.bn-series-comment-replies[hidden]{
display:none !important;
}
.bn-series-comment-replies-toggle{
appearance:none;
justify-self:start;
border:1px solid color-mix(in srgb,currentColor 16%,transparent);
border-radius:999px;
background:color-mix(in srgb,currentColor 6%,transparent);
color:var(--bn-text-soft);
cursor:pointer;
font:inherit;
font-size:0.78rem;
font-weight:800;
line-height:1;
padding:0.38rem 0.72rem;
}
.bn-series-comment-replies-toggle:hover,.bn-series-comment-replies-toggle:focus-visible{
color:var(--bn-text);
border-color:color-mix(in srgb,currentColor 28%,transparent);
}
.bn-series-comment-replies-toggle__show{
display:none;
}
.bn-series-comment-replies-toggle.is-collapsed .bn-series-comment-replies-toggle__show{
display:inline;
}
.bn-series-comment-replies-toggle.is-collapsed .bn-series-comment-replies-toggle__hide{
display:none;
}
.bn-series-comment-card__reply,.bn-comment-form__cancel-reply{
appearance:none;
border:0;
background:transparent;
cursor:pointer;
text-decoration:none;
}
.bn-series-comment-card__reply{
display:inline-grid;
place-items:center;
width:2.15rem;
height:2.15rem;
border:1px solid color-mix(in srgb,currentColor 16%,transparent);
border-radius:999px;
color:var(--bn-text-soft);
}
.bn-series-comment-card__reply svg,.bn-comment-form__cancel-reply svg{
display:block;
width:1.1rem;
height:1.1rem;
}
.bn-series-comment-card__reply:hover,.bn-series-comment-card__reply:focus-visible{
color:var(--bn-text);
background:color-mix(in srgb,currentColor 7%,transparent);
border-color:color-mix(in srgb,currentColor 28%,transparent);
}
.bn-comment-form__header{
position:relative;
display:grid;
grid-template-columns:minmax(0,auto) auto;
justify-content:start;
align-items:center;
column-gap:0.45rem;
}
.bn-comment-form__eyebrow{
grid-column:1/-1;
}
.bn-series-comment-form__title{
min-width:0;
overflow-wrap:anywhere;
}
.bn-comment-form__cancel-reply{
display:inline-grid;
place-items:center;
width:1.8rem;
height:1.8rem;
padding:0;
border-radius:999px;
color:#ff5b5b;
}
.bn-comment-form__cancel-reply[hidden]{
display:none !important;
}
.bn-comment-form__cancel-reply:hover,.bn-comment-form__cancel-reply:focus-visible{
background:rgba(255,91,91,0.12);
color:#ff7b7b;
}
.bn-series-comments-pagination{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:0.5rem;
margin:1.25rem 0 0;
}
.bn-series-comments-pagination__link{
display:inline-grid;
place-items:center;
min-width:2.25rem;
height:2.25rem;
border:1px solid color-mix(in srgb,currentColor 18%,transparent);
border-radius:999px;
text-decoration:none;
font-weight:700;
}
.bn-series-comments-pagination__link.is-active{
pointer-events:none;
background:currentColor;
color:Canvas;
}
.bn-series-comment-card__head{
min-width:0;
}
.bn-series-comment-card__identity{
min-width:0;
max-width:100%;
}
.bn-series-comment-card__topline,.bn-series-comment-card__author,.bn-series-comment-card__author-link{
min-width:0;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.bn-series-comment-card__author-meta,.bn-series-comment-card__badge-row{
max-width:100%;
overflow-wrap:anywhere;
}
.bn-series-comment-card__rating{
flex:0 0 auto;
}
@media (max-width: 760px){
.bn-series-comment-card__head{
display:grid;
grid-template-columns:minmax(0,1fr);
padding-right:0;
gap:0.7rem;
}
.bn-series-comment-card__rating{
position:static !important;
justify-self:start;
max-width:100%;
overflow:hidden;
}
.bn-series-comment-card__identity{
width:100%;
}}
@media (max-width: 640px){
.bn-series-comment-replies{
margin-left:0.65rem;
padding-left:0.65rem;
}
.bn-series-comments-pagination__link{
min-width:2rem;
height:2rem;
}
.bn-series-comment-card__author{
display:block;
}}
.bn-series-comment-card__actions{
gap:0.45rem;
}
.bn-series-comment-card__reply,.bn-series-comment-card__delete{
margin-left:0.1rem;
}
@media (max-width: 640px){
.bn-series-comment-card__actions{
gap:0.38rem;
flex-wrap:wrap;
}
.bn-series-comment-replies{
margin-left:0.55rem;
padding-left:0.55rem;
}
.bn-series-comment-thread[data-depth="5"] .bn-series-comment-replies{
margin-left:0.25rem;
padding-left:0.45rem;
}}
.bn-series-comment-card,.bn-series-comment-card--with-series{
height:100%;
min-height:100%;
display:flex;
flex-direction:column;
}
.bn-series-comment-card__content{
flex:1 1 auto;
min-height:0;
}
.bn-series-comment-card__footer{
margin-top:auto;
position:relative;
left:auto;
right:auto;
bottom:auto;
}
.bn-series-comment-card__date{
position:static;
max-width:100%;
text-align:left;
white-space:normal;
}
.bn-series-comment-card__actions{
margin-left:auto;
}
@media (max-width: 700px){
.bn-series-comment-card,.bn-series-comment-card--with-series{
padding-bottom:16px;
}
.bn-series-comment-card__footer{
align-items:flex-end;
gap:0.65rem;
}
.bn-series-comment-card__date,.bn-series-comment-card--with-series .bn-series-comment-card__date{
position:static;
max-width:min(100%,14rem);
text-align:left;
}
.bn-series-comment-card__actions{
justify-content:flex-end;
flex-wrap:wrap;
}}
.bn-series-comment-card__author-badge,.bn-series-comment-card--with-series .bn-series-comment-card__author-badge{
max-inline-size:100%;
min-inline-size:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:1.2;
flex:0 1 auto;
}
.bn-series-comment-card__badge-row,.bn-series-comment-card--with-series .bn-series-comment-card__badge-row{
min-inline-size:0;
max-inline-size:100%;
flex-wrap:nowrap;
overflow:hidden;
}
@media (max-width: 760px){
.bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__head,.bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__head{
grid-template-columns:minmax(0,1fr);
padding-right:0;
min-height:0;
gap:0.7rem;
}
.bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__identity,.bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__identity{
width:100%;
max-width:100%;
}
.bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__meta-side,.bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__meta-side{
position:static;
width:100%;
min-width:0;
max-width:100%;
margin:0;
padding-left:0;
transform:none;
justify-content:flex-start;
justify-self:start;
}
.bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__rating,.bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__rating{
margin:0;
max-inline-size:100%;
justify-content:flex-start;
justify-self:start;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__head,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__head{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:0.62rem;
padding-right:0 !important;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__meta-side,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__meta-side{
position:static !important;
transform:none !important;
justify-self:start;
max-width:100%;
margin:0;
padding:0;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__rating,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__rating{
position:static !important;
justify-content:flex-start;
max-width:100%;
overflow:hidden;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-stars,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-stars{
font-size:clamp(0.72rem,3vw,0.9rem);
letter-spacing:-0.04em;
max-width:100%;
min-width:0;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__badge-row{
min-width:0;
max-width:100%;
flex-wrap:nowrap;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__author-badge{
max-width:min(100%,14rem);
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__rating,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__rating{
inline-size:auto;
max-inline-size:100%;
overflow:visible;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-stars,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-stars{
font-size:1rem;
letter-spacing:0.04em;
line-height:0.85;
max-inline-size:100%;
overflow:hidden;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__badge-row{
inline-size:100%;
max-inline-size:100%;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__author-badge{
max-inline-size:100%;
}}
@media (max-width: 420px){
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-stars,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-stars{
font-size:0.96rem;
}}
@media (max-width: 760px){
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__rating,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__rating{
inline-size:auto;
max-inline-size:100%;
overflow:visible;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-stars,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-stars{
font-size:clamp(1.85rem,8vw,2.3rem);
letter-spacing:0.02em;
line-height:0.8;
max-inline-size:100%;
overflow:hidden;
}
.bn-series-comments-list--reviews .bn-series-comment-card__rating,.bn-series-comments-list--reviews .bn-series-comment-card--with-series .bn-series-comment-card__rating{
inline-size:auto;
max-inline-size:100%;
overflow:visible;
}
.bn-series-comments-list--reviews .bn-series-comment-card__rating .bn-stars,.bn-series-comments-list--reviews .bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars{
font-size:clamp(1.85rem,8vw,2.3rem) !important;
letter-spacing:0.02em;
line-height:0.8;
max-inline-size:100%;
overflow:hidden;
}
.bn-series-comments-list--reviews .bn-series-comment-card__head,.bn-series-comments-list--reviews .bn-series-comment-card--with-series .bn-series-comment-card__head{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:0.7rem;
padding-right:0 !important;
}
.bn-series-comments-list--reviews .bn-series-comment-card__author-badge{
max-inline-size:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__identity-copy{
display:grid !important;
grid-template-areas:"topline" "meta" "badge" !important;
grid-auto-flow:row !important;
align-content:start !important;
justify-items:start !important;
gap:3px !important;
min-width:0 !important;
max-width:100% !important;
width:auto !important;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__topline{
grid-area:topline !important;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__author-meta{
grid-area:meta !important;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__badge-row{
grid-area:badge !important;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__topline,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__author-meta,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__badge-row{
display:flex !important;
flex-direction:row !important;
align-items:flex-start !important;
justify-content:flex-start !important;
justify-self:start !important;
align-self:start !important;
width:auto !important;
max-width:100% !important;
min-width:0 !important;
margin-inline:0 !important;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__author,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__author-link,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__author-handle,.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__author-badge{
max-width:100% !important;
min-width:0 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
.bn-series-comments-list:not(.bn-series-comments-list--account) .bn-series-comment-card__author-badge{
display:inline-flex !important;
width:auto !important;
}
.bn-series-comment-card__content.is-collapsible{
position:relative;
overflow:hidden;
}
.bn-series-comment-card__content.is-collapsible.is-collapsed{
max-height:11.2em;
}
.bn-series-comment-card__content.is-collapsible.is-collapsed:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:3.2em;
background:linear-gradient(to bottom,rgba(255,255,255,0),var(--wp--preset--color--base,#fff));
}
.bn-series-comment-card__collapse{
width:max-content;
margin:-4px 0 10px;
padding:0;
border:0;
background:transparent;
color:var(--wp--preset--color--primary,currentColor);
font:inherit;
font-size:.86rem;
font-weight:900;
cursor:pointer;
}
.bn-series-comment-card__collapse[aria-expanded="false"] .bn-series-comment-card__less,.bn-series-comment-card__collapse[aria-expanded="true"] .bn-series-comment-card__more{
display:none;
}
.bn-series-comment-card__edit{
display:inline-grid;
place-items:center;
width:34px;
height:34px;
border:0;
border-radius:999px;
background:rgba(255,255,255,.06);
color:inherit;
cursor:pointer;
}
.bn-series-comment-card__edit:hover,.bn-series-comment-card__edit:focus-visible{
background:rgba(255,255,255,.12);
outline:0;
}
.bn-series-comment-card__edit svg{
width:18px;
height:18px;
}
.bn-series-comment-edit-form{
display:grid;
gap:10px;
margin:0 0 12px;
}
.bn-series-comment-edit-form__textarea{
width:100%;
min-height:132px;
box-sizing:border-box;
resize:vertical;
border:1px solid var(--bn-line,rgba(0,0,0,.14));
border-radius:16px;
padding:12px;
background:var(--wp--preset--color--base,#fff);
color:inherit;
font:inherit;
line-height:1.55;
}
.bn-series-comment-edit-form__actions{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}
.bn-series-comment-edit-form__save,.bn-series-comment-edit-form__cancel{
border:0;
border-radius:999px;
padding:8px 14px;
font-weight:900;
cursor:pointer;
}
.bn-series-comment-edit-form__save{
background:var(--wp--preset--color--primary,currentColor);
color:var(--wp--preset--color--base,#fff);
}
.bn-series-comment-edit-form__cancel{
background:rgba(255,255,255,.08);
color:inherit;
}
.bn-series-comment-edit-form__status{
font-size:.86rem;
font-weight:800;
opacity:.78;
}
.bn-comment-form__rich-button[data-rich-action="underline"] span,.bn-comment-form__rich-button[data-rich-action="strike"] span{
white-space:nowrap;
}
.bn-series-comment-card__content.is-collapsible.is-collapsed:after{
background:linear-gradient(to bottom,rgba(20,19,18,0),var(--bn-card-bg,var(--bn-surface,#181716))) !important;
}
.bn-series-comment-card__collapse{
color:var(--bn-gold-text,#d7b071) !important;
text-decoration:none !important;
}
.bn-series-comment-card__collapse:hover,.bn-series-comment-card__collapse:focus-visible{
color:#fff0c2 !important;
outline:0;
text-decoration:underline;
text-underline-offset:3px;
}
.bn-comment-form__rich-button[data-rich-action="underline"] span:last-child,.bn-comment-form__rich-button[data-rich-action="strike"] span:last-child{
white-space:nowrap;
}
.bn-comment-form__rich-button-mark{
display:inline-flex !important;
align-items:center;
justify-content:center;
min-width:1.1em;
font-size:1rem;
font-weight:900;
line-height:1;
color:inherit;
}
.bn-comment-form__rich-button[data-rich-action="underline"] .bn-comment-form__rich-button-mark{
text-decoration:underline;
text-underline-offset:3px;
}
.bn-comment-form__rich-button[data-rich-action="strike"] .bn-comment-form__rich-button-mark{
text-decoration:line-through;
}
.bn-series-comment-edit-form{
display:grid;
gap:10px;
margin:0 0 14px;
}
.bn-series-comment-edit-form .bn-comment-form__field--rich{
grid-column:1/-1;
}
.bn-series-comment-edit-form .bn-comment-form__rich-tools{
display:flex !important;
align-items:center;
justify-content:space-between;
gap:10px;
}
.bn-series-comment-edit-form .bn-comment-form__rich-toolbar{
flex:1 1 auto;
min-width:0;
}
.bn-series-comment-edit-form__actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
flex:0 0 auto;
}
.bn-series-comment-edit-form__save,.bn-series-comment-edit-form__cancel{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:0 16px;
border:1px solid rgba(215,208,199,.18);
border-radius:999px;
font-size:.82rem;
font-weight:950;
line-height:1;
cursor:pointer;
transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,opacity .16s ease;
}
.bn-series-comment-edit-form__save{
background:linear-gradient(135deg,#e7bd75,#b87934);
border-color:rgba(231,189,117,.45);
color:#1b130b;
box-shadow:0 10px 24px rgba(0,0,0,.2);
}
.bn-series-comment-edit-form__cancel{
background:rgba(255,255,255,.055);
color:var(--bn-text,#b7b4ae);
}
.bn-series-comment-edit-form__save:hover,.bn-series-comment-edit-form__cancel:hover,.bn-series-comment-edit-form__save:focus-visible,.bn-series-comment-edit-form__cancel:focus-visible{
transform:translateY(-1px);
outline:0;
}
.bn-series-comment-edit-form__save:disabled,.bn-series-comment-edit-form__cancel:disabled{
opacity:.62;
cursor:wait;
transform:none;
}
.bn-series-comment-edit-form__status{
min-height:1.2em;
color:var(--bn-text-soft,#9f9a91);
font-size:.86rem;
font-weight:800;
}
.bn-series-comment-edit-form .bn-series-comment-edit-form__textarea{
width:100%;
min-height:150px;
background:transparent !important;
color:var(--bn-text,#b7b4ae) !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
}
.bn-series-comment-edit-form .bn-comment-form__meta{
padding:9px 2px 0;
}
.bn-series-comment-edit-form .bn-comment-form__field-label{
color:var(--bn-text,#b7b4ae);
}
@media (max-width:760px){
.bn-series-comment-edit-form .bn-comment-form__rich-tools{
align-items:stretch;
flex-direction:column;
}
.bn-series-comment-edit-form__actions{
justify-content:flex-start;
}
.bn-series-comment-edit-form__save,.bn-series-comment-edit-form__cancel{
flex:1 1 auto;
}}
.bn-series-comment-card__content.is-collapsible.is-collapsed:after{
background:linear-gradient(to bottom,rgba(215,176,113,0),rgba(215,176,113,.18)) !important;
}
.bn-series-comment-card__collapse{
display:inline-flex !important;
align-items:center !important;
justify-content:flex-start !important;
width:max-content !important;
margin:10px 0 10px !important;
padding:6px 12px !important;
border:1px solid rgba(215,176,113,.32) !important;
border-radius:999px !important;
background:linear-gradient(180deg,rgba(215,176,113,.16),rgba(215,176,113,.06)) !important;
color:var(--bn-gold-text,#d7b071) !important;
font-weight:900 !important;
letter-spacing:.01em !important;
box-shadow:0 4px 18px rgba(0,0,0,.2) !important;
text-decoration:none !important;
}
.bn-series-comment-card__collapse:hover,.bn-series-comment-card__collapse:focus-visible{
border-color:rgba(255,240,194,.48) !important;
background:linear-gradient(180deg,rgba(215,176,113,.24),rgba(215,176,113,.1)) !important;
color:#fff0c2 !important;
outline:0 !important;
text-decoration:none !important;
}
.bn-comment-form__field--rich.is-rich-active .bn-comment-form__editor-shell{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
gap:10px !important;
}
.bn-comment-form__rich-tools{
display:flex !important;
flex-direction:row !important;
align-items:center !important;
justify-content:space-between !important;
flex-wrap:nowrap !important;
gap:10px !important;
min-width:0 !important;
}
.bn-comment-form__rich-toolbar{
display:flex !important;
flex:1 1 auto !important;
flex-wrap:nowrap !important;
gap:8px !important;
min-width:0 !important;
max-width:100% !important;
overflow-x:auto !important;
overflow-y:hidden !important;
scrollbar-width:thin !important;
}
.bn-comment-form__rich-button,.bn-comment-form__preview-toggle{
flex:0 0 auto !important;
white-space:nowrap !important;
}
.bn-comment-form__rich-button span:last-child,.bn-comment-form__preview-toggle span:last-child{
display:inline !important;
}
.bn-series-comment-edit-form .bn-comment-form__rich-tools{
align-items:center !important;
flex-direction:row !important;
flex-wrap:nowrap !important;
}
.bn-series-comment-edit-form .bn-comment-form__rich-toolbar{
flex-wrap:nowrap !important;
overflow-x:auto !important;
}
.bn-series-comment-edit-form__actions{
flex:0 0 auto !important;
white-space:nowrap !important;
}
@media (max-width:760px){
.bn-comment-form__rich-tools,.bn-series-comment-edit-form .bn-comment-form__rich-tools{
align-items:stretch !important;
flex-direction:column !important;
flex-wrap:nowrap !important;
}
.bn-comment-form__rich-toolbar,.bn-series-comment-edit-form .bn-comment-form__rich-toolbar{
flex-wrap:wrap !important;
overflow-x:visible !important;
}
.bn-series-comment-edit-form__actions{
justify-content:flex-start !important;
}
.bn-series-comment-edit-form__save,.bn-series-comment-edit-form__cancel{
flex:1 1 auto !important;
}}
.bn-series-comment-card.is-editing .bn-series-comment-card__collapse,.bn-series-comment-card__collapse[hidden]{
display:none !important;
}
.bn-series-comment-card__collapse{
display:inline !important;
width:auto !important;
margin:8px 0 10px !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
color:var(--bn-gold-text,#d7b071) !important;
font-weight:900 !important;
line-height:1.35 !important;
text-decoration:none !important;
}
.bn-series-comment-card__collapse:hover,.bn-series-comment-card__collapse:focus-visible{
background:transparent !important;
color:#fff0c2 !important;
outline:0 !important;
text-decoration:underline !important;
text-underline-offset:3px !important;
}
.bn-series-comment-card__collapse span{
display:inline !important;
}
.bn-series-comment-card__collapse[aria-expanded="false"] .bn-series-comment-card__less,.bn-series-comment-card__collapse[aria-expanded="true"] .bn-series-comment-card__more{
display:none !important;
}
@media (min-width:820px){
.bn-chapter-comment-drawer__form .bn-comment-form__field--account{
grid-column:1/-1 !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__account-card{
grid-template-columns:44px minmax(0,1fr) !important;
width:100% !important;
box-sizing:border-box !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__account-copy{
min-width:0 !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__account-meta{
flex-wrap:nowrap !important;
min-width:0 !important;
overflow:hidden !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__account-username,.bn-chapter-comment-drawer__form .bn-comment-form__account-email{
min-width:0 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}}
.bn-series-comment-card__collapse{
display:inline-flex !important;
align-items:center !important;
justify-content:flex-start !important;
width:auto !important;
margin:8px 0 10px !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
color:var(--bn-gold-text,#d7b071) !important;
font-weight:900 !important;
line-height:1.35 !important;
text-align:left !important;
text-decoration:none !important;
vertical-align:top !important;
float:none !important;
clear:none !important;
transform:none !important;
}
.bn-comment-form__rich-tools,.bn-series-comment-edit-form .bn-comment-form__rich-tools{
display:flex !important;
flex-direction:row !important;
align-items:center !important;
justify-content:space-between !important;
flex-wrap:nowrap !important;
gap:10px !important;
min-width:0 !important;
width:100% !important;
max-width:100% !important;
}
.bn-comment-form__rich-toolbar,.bn-series-comment-edit-form .bn-comment-form__rich-toolbar{
display:flex !important;
flex:1 1 auto !important;
align-items:center !important;
flex-wrap:nowrap !important;
gap:8px !important;
min-width:0 !important;
max-width:100% !important;
overflow-x:auto !important;
overflow-y:hidden !important;
scrollbar-width:thin !important;
-webkit-overflow-scrolling:touch !important;
}
.bn-comment-form__rich-button,.bn-comment-form__preview-toggle{
flex:0 0 auto !important;
width:auto !important;
white-space:nowrap !important;
}
.bn-series-comment-edit-form__actions{
display:flex !important;
flex:0 0 auto !important;
align-items:center !important;
justify-content:flex-end !important;
gap:8px !important;
white-space:nowrap !important;
}
.bn-series-comment-edit-form__save,.bn-series-comment-edit-form__cancel{
flex:0 0 auto !important;
}
@media (max-width:760px){
.bn-comment-form__rich-tools,.bn-series-comment-edit-form .bn-comment-form__rich-tools{
flex-direction:row !important;
align-items:center !important;
justify-content:space-between !important;
flex-wrap:nowrap !important;
}
.bn-comment-form__rich-toolbar,.bn-series-comment-edit-form .bn-comment-form__rich-toolbar{
flex-wrap:nowrap !important;
overflow-x:auto !important;
overflow-y:hidden !important;
}
.bn-series-comment-edit-form__actions{
justify-content:flex-end !important;
}
.bn-series-comment-edit-form__save,.bn-series-comment-edit-form__cancel{
flex:0 0 auto !important;
min-width:0 !important;
}}
@media (max-width:420px){
.bn-comment-form__rich-tools,.bn-series-comment-edit-form .bn-comment-form__rich-tools{
gap:8px !important;
}
.bn-comment-form__rich-toolbar,.bn-series-comment-edit-form .bn-comment-form__rich-toolbar{
gap:6px !important;
}
.bn-comment-form__rich-button,.bn-comment-form__preview-toggle{
height:38px !important;
min-width:38px !important;
padding:0 10px !important;
}
.bn-comment-form__rich-button span:last-child,.bn-comment-form__preview-toggle span:last-child{
display:none !important;
}
.bn-series-comment-edit-form__save,.bn-series-comment-edit-form__cancel{
min-height:38px !important;
padding:0 12px !important;
}}
.bn-comment-form__rich-secondary-row{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
flex:0 0 auto;
min-width:0;
}
.bn-series-comment-edit-form .bn-comment-form__rich-tools{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
align-items:stretch !important;
gap:10px !important;
}
.bn-series-comment-edit-form .bn-comment-form__rich-toolbar{
width:100%;
min-width:0;
overflow-x:auto;
overflow-y:hidden;
flex-wrap:nowrap !important;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
}
.bn-series-comment-edit-form .bn-comment-form__rich-secondary-row{
width:100%;
justify-content:flex-end;
}
.bn-series-comment-edit-form__actions{
display:flex;
align-items:stretch;
justify-content:flex-end;
gap:8px;
flex:0 0 auto;
}
.bn-series-comment-edit-form .bn-comment-form__preview-toggle,.bn-series-comment-edit-form__save,.bn-series-comment-edit-form__cancel{
min-height:42px;
}
@media (max-width:760px){
.bn-comment-form__rich-tools{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
align-items:stretch !important;
justify-content:stretch !important;
gap:10px !important;
}
.bn-comment-form__rich-toolbar{
width:100% !important;
min-width:0 !important;
max-width:100% !important;
display:flex !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-width:thin !important;
}
.bn-comment-form__rich-tools>.bn-comment-form__preview-toggle{
width:100% !important;
min-width:0 !important;
}
.bn-comment-form__rich-secondary-row{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,2fr) !important;
align-items:stretch !important;
width:100% !important;
gap:8px !important;
}
.bn-comment-form__rich-secondary-row>.bn-comment-form__preview-toggle{
width:100% !important;
min-width:0 !important;
}
.bn-series-comment-edit-form__actions{
display:grid !important;
grid-template-columns:1fr 1fr !important;
align-items:stretch !important;
width:100% !important;
gap:8px !important;
}
.bn-series-comment-edit-form__save,.bn-series-comment-edit-form__cancel{
width:100% !important;
min-width:0 !important;
padding-inline:10px !important;
}
.bn-series-comment-edit-form .bn-comment-form__rich-tools{
flex-direction:initial !important;
}
.bn-series-comment-edit-form__actions{
justify-content:stretch !important;
}}
@media (max-width:430px){
.bn-comment-form__rich-secondary-row{
grid-template-columns:1fr !important;
}
.bn-series-comment-edit-form__actions{
grid-template-columns:1fr 1fr !important;
}
.bn-comment-form__rich-tools>.bn-comment-form__preview-toggle span:last-child,.bn-comment-form__rich-secondary-row>.bn-comment-form__preview-toggle span:last-child{
display:inline !important;
}}
.bn-series-comment-edit-form .bn-comment-form__rich-tools{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
gap:10px !important;
align-items:stretch !important;
justify-content:stretch !important;
max-width:100% !important;
overflow:visible !important;
}
.bn-series-comment-edit-form .bn-comment-form__rich-toolbar{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
display:flex !important;
align-items:center !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-width:thin !important;
}
.bn-series-comment-edit-form .bn-comment-form__rich-secondary-row{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
display:grid !important;
grid-template-columns:minmax(0,auto) minmax(150px,220px) !important;
grid-template-areas:"actions preview" !important;
align-items:stretch !important;
justify-content:end !important;
gap:8px !important;
overflow:visible !important;
}
.bn-series-comment-edit-form .bn-series-comment-edit-form__actions{
grid-area:actions !important;
display:grid !important;
grid-template-columns:minmax(88px,1fr) minmax(88px,1fr) !important;
align-items:stretch !important;
justify-content:stretch !important;
gap:8px !important;
min-width:0 !important;
max-width:100% !important;
width:auto !important;
white-space:normal !important;
}
.bn-series-comment-edit-form .bn-comment-form__preview-toggle{
grid-area:preview !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-width:0 !important;
max-width:100% !important;
min-height:42px !important;
box-sizing:border-box !important;
padding:0 14px !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
.bn-series-comment-edit-form .bn-series-comment-edit-form__save,.bn-series-comment-edit-form .bn-series-comment-edit-form__cancel{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-width:0 !important;
max-width:100% !important;
min-height:42px !important;
box-sizing:border-box !important;
padding:0 14px !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
@media (max-width:760px){
.bn-series-comment-edit-form .bn-comment-form__rich-secondary-row{
grid-template-columns:1fr !important;
grid-template-areas:"actions" "preview" !important;
justify-content:stretch !important;
gap:8px !important;
}
.bn-series-comment-edit-form .bn-series-comment-edit-form__actions{
width:100% !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}
.bn-series-comment-edit-form .bn-comment-form__preview-toggle{
width:100% !important;
}
.bn-series-comment-edit-form .bn-series-comment-edit-form__save,.bn-series-comment-edit-form .bn-series-comment-edit-form__cancel,.bn-series-comment-edit-form .bn-comment-form__preview-toggle{
min-height:40px !important;
padding:0 10px !important;
font-size:.82rem !important;
}}
@media (max-width:360px){
.bn-series-comment-edit-form .bn-series-comment-edit-form__actions{
grid-template-columns:1fr !important;
}
.bn-series-comment-edit-form .bn-series-comment-edit-form__save,.bn-series-comment-edit-form .bn-series-comment-edit-form__cancel,.bn-series-comment-edit-form .bn-comment-form__preview-toggle{
min-height:38px !important;
font-size:.8rem !important;
}}
.bn-series-comment-edit-form .bn-comment-form__preview-toggle span:last-child{
text-transform:none;
}
@media (min-width:761px){
.bn-series-comment-edit-form .bn-comment-form__rich-secondary-row{
justify-content:center !important;
grid-template-columns:minmax(180px,220px) minmax(150px,220px) !important;
}
.bn-series-comment-edit-form .bn-series-comment-edit-form__actions{
width:100% !important;
}}
@media (max-width:760px){
.bn-series-comment-edit-form .bn-comment-form__rich-secondary-row{
grid-template-areas:"preview" "actions" !important;
grid-template-columns:1fr !important;
}
.bn-series-comment-edit-form .bn-comment-form__preview-toggle{
grid-area:preview !important;
}
.bn-series-comment-edit-form .bn-series-comment-edit-form__actions{
grid-area:actions !important;
}}
@media (min-width:761px){
.bn-series-comments-list--reviews .bn-series-comment-card__head,.bn-series-comments-list--reviews .bn-series-comment-card--with-series .bn-series-comment-card__head{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:center !important;
column-gap:.85rem !important;
row-gap:0 !important;
padding-right:0 !important;
min-height:var(--bn-comment-card-head-block-size) !important;
}
.bn-series-comments-list--reviews .bn-series-comment-card__identity,.bn-series-comments-list--reviews .bn-series-comment-card--with-series .bn-series-comment-card__identity{
max-width:100% !important;
width:100% !important;
min-width:0 !important;
grid-column:1 !important;
}
.bn-series-comments-list--reviews .bn-series-comment-card__rating,.bn-series-comments-list--reviews .bn-series-comment-card--with-series .bn-series-comment-card__rating{
grid-column:2 !important;
position:static !important;
justify-self:end !important;
align-self:center !important;
margin:0 !important;
max-width:var(--bn-comment-card-rating-inline-max) !important;
overflow:hidden !important;
}}
.bpp-recent-activity-carousel .bn-series-comment-card__edit{
display:none !important;
}
.bpp-recent-activity-carousel .bn-series-comment-card__collapse{
cursor:pointer !important;
}
.bpp-recent-activity-carousel .bn-series-comment-card__collapse--link{
display:inline-flex !important;
text-decoration:none !important;
}
.bpp-recent-activity-carousel .bn-series-comment-card__collapse .bn-series-comment-card__less{
display:none !important;
}
.bpp-recent-activity-carousel .bn-series-comment-card__content.is-collapsible.is-collapsed{
display:-webkit-box !important;
-webkit-line-clamp:4 !important;
-webkit-box-orient:vertical !important;
max-height:none !important;
overflow:hidden !important;
}
.bpp-recent-activity-carousel .bn-series-comment-card__content.is-collapsible.is-collapsed:after{
display:none !important;
}
.bpp-recent-activity-carousel .bn-series-comment-card__content.is-collapsible,.bpp-recent-activity-carousel__item .bn-series-comment-card__content.is-collapsible{
position:relative !important;
}
.bpp-recent-activity-carousel .bn-series-comment-card__content.is-collapsible.is-collapsed:after,.bpp-recent-activity-carousel__item .bn-series-comment-card__content.is-collapsible.is-collapsed:after{
content:"" !important;
display:block !important;
position:absolute !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
height:3.25em !important;
background:linear-gradient(to bottom,rgba(215,176,113,0),rgba(215,176,113,.18)) !important;
pointer-events:none !important;
z-index:1 !important;
}
.bpp-recent-activity-carousel .bn-series-comment-card__content.is-collapsible:not(.is-collapsed):after,.bpp-recent-activity-carousel__item .bn-series-comment-card__content.is-collapsible:not(.is-collapsed):after{
content:none !important;
display:none !important;
}