.bn-chapter-template-shell{
max-width:none;
}
.bn-chapter-page{
--bn-reader-font:19px;
--bn-reader-leading:1.85;
--bn-reader-width:780px;
position:relative;
width:min(100%,1180px);
margin:0 auto;
padding:28px clamp(12px,3vw,24px) 72px;
}
.bn-chapter-topnav,.bn-chapter-header,.bn-chapter-reader,.bn-chapter-nav{
max-width:var(--bn-reader-width);
margin-left:auto;
margin-right:auto;
}
.bn-chapter-topnav{
margin-bottom:24px;
}
.bn-chapter-topnav a{
color:inherit;
text-decoration:none;
opacity:0.78;
}
.bn-chapter-header{
margin-bottom:34px;
text-align:center;
}
.bn-chapter-kicker{
margin:0 0 8px;
text-transform:uppercase;
letter-spacing:0.14em;
font-size:12px;
opacity:0.65;
}
.bn-chapter-header h1{
margin:0;
font-size:clamp(32px,6vw,56px);
line-height:1.05;
}
.bn-chapter-reader{
font-size:var(--bn-reader-font);
line-height:var(--bn-reader-leading);
transition:max-width 0.2s ease;
}
.bn-chapter-reader.is-wide{
--bn-reader-width:980px;
}
.bn-chapter-line{
position:relative;
margin:0 0 8px;
border-radius:18px;
transition:background 0.15s ease;
}
.bn-chapter-line.is-selected{
background:color-mix(in srgb,var(--wp--preset--color--primary,currentColor) 8%,transparent);
}
.bn-chapter-line__body{
min-width:0;
padding:1px 0;
}
.bn-chapter-line__body > *:first-child{
margin-top:0;
}
.bn-chapter-line__body > *:last-child{
margin-bottom:0.9em;
}
.bn-chapter-line__bubble{
position:absolute;
right:-56px;
top:0.35em;
width:40px;
height:40px;
border:0;
border-radius:999px;
background:var(--wp--preset--color--contrast,#111);
color:var(--wp--preset--color--base,#fff);
cursor:pointer;
display:inline-grid;
place-items:center;
box-shadow:0 12px 28px rgba(0,0,0,0.16);
}
.bn-chapter-line__bubble svg{
width:18px;
height:18px;
}
.bn-chapter-line__bubble span{
position:absolute;
right:-5px;
top:-5px;
min-width:19px;
height:19px;
padding:0 5px;
border-radius:999px;
background:var(--wp--preset--color--base,#fff);
color:var(--wp--preset--color--contrast,#111);
font-size:11px;
line-height:19px;
font-weight:800;
box-shadow:0 5px 16px rgba(0,0,0,0.12);
}
.bn-chapter-note{
display:block;
clear:both;
width:min(100%,var(--bn-reader-width));
max-width:calc(100vw - 24px);
margin:30px auto;
padding:0;
overflow:hidden;
border:1px solid color-mix(in srgb,currentColor 12%,transparent);
border-radius:22px;
background:color-mix(in srgb,currentColor 4%,transparent);
box-sizing:border-box;
}
.bn-chapter-note__head{
padding:16px clamp(16px,4vw,22px);
border-bottom:1px solid color-mix(in srgb,currentColor 9%,transparent);
}
.bn-chapter-note__head h2{
margin:0 !important;
font-size:clamp(18px,4vw,24px) !important;
line-height:1.2;
}
.bn-chapter-note__body{
display:block;
padding:clamp(16px,4vw,22px);
overflow-wrap:break-word;
}
.bn-chapter-note__body > *:first-child,.bn-chapter-footer-entry__text > *:first-child{
margin-top:0;
}
.bn-chapter-note__body > *:last-child,.bn-chapter-footer-entry__text > *:last-child{
margin-bottom:0;
}
.bn-chapter-footnote-ref{
background:transparent !important;
border-radius:0 !important;
padding:0 !important;
}
.bn-chapter-footnote-ref__num{
display:inline-block;
margin-left:0.16em;
font-size:0.68em;
font-weight:800;
line-height:1;
vertical-align:super;
text-decoration:none;
color:var(--wp--preset--color--primary,currentColor);
}
.bn-chapter-footnotes{
display:block;
clear:both;
width:min(100%,var(--bn-reader-width));
max-width:calc(100vw - 24px);
margin:46px auto 30px;
padding:0 0 4px;
font-size:clamp(14px,0.92em,16px);
line-height:1.6;
color:inherit;
}
.bn-chapter-footnotes__rule{
height:1px;
width:min(220px,45%);
margin:0 0 18px;
background:color-mix(in srgb,currentColor 28%,transparent);
}
.bn-chapter-footnotes h2{
margin:0 0 14px !important;
font-size:clamp(17px,3vw,21px) !important;
line-height:1.25;
}
.bn-chapter-footnotes__list{
margin:0;
padding:0;
list-style:none;
display:grid;
gap:10px;
}
.bn-chapter-footer-entry{
display:grid;
grid-template-columns:2.4em minmax(0,1fr);
gap:10px;
align-items:start;
padding:0;
}
.bn-chapter-footer-entry__num{
display:inline-flex;
align-items:baseline;
justify-content:flex-start;
color:inherit;
text-decoration:none;
font-weight:800;
opacity:0.78;
}
.bn-chapter-footer-entry__num:after{
content:".";
}
.bn-chapter-footer-entry__text{
min-width:0;
overflow-wrap:anywhere;
}
.bn-chapter-footer-entry:target .bn-chapter-footer-entry__text,.bn-chapter-footnote-ref:target{
background:transparent !important;
border-radius:0 !important;
}
.bn-chapter-list,.bn-chapter-locked{
width:min(100%,980px);
max-width:calc(100vw - 24px);
margin:26px auto;
padding:clamp(14px,3vw,22px);
border:1px solid color-mix(in srgb,currentColor 12%,transparent);
border-radius:24px;
background:color-mix(in srgb,currentColor 4%,transparent);
box-sizing:border-box;
}
.bn-chapter-list__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin:0 0 16px;
}
.bn-chapter-list__head h2{
margin:0 !important;
font-size:clamp(20px,4vw,26px);
}
.bn-chapter-list__actions{
display:flex;
align-items:center;
gap:10px;
position:relative;
flex-wrap:wrap;
}
.bn-chapter-list__start{
white-space:nowrap;
}
.bn-chapter-list__filter{
width:44px;
height:44px;
display:inline-grid !important;
place-items:center;
padding:0 !important;
border-radius:999px;
}
.bn-chapter-list__filter .bn-series-filter-trigger__icon{
display:inline-grid;
width:22px;
height:22px;
}
.bn-chapter-list__filter svg{
width:22px;
height:22px;
}
.bn-chapter-list__menu{
right:0;
left:auto;
z-index:20;
}
.bn-chapter-list ol{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:10px;
}
.bn-chapter-list__item{
display:grid;
grid-template-columns:minmax(96px,142px) minmax(0,1fr);
gap:16px;
padding:16px;
border-radius:18px;
background:color-mix(in srgb,currentColor 5%,transparent);
overflow:hidden;
}
.bn-chapter-list__meta{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}
.bn-chapter-list__num{
font-size:13px;
font-weight:800;
opacity:0.72;
}
.bn-chapter-list__title{
font-size:clamp(16px,3vw,20px);
font-weight:800;
text-decoration:none;
color:inherit;
}
.bn-chapter-list__main p{
max-width:68ch;
margin:4px 0 0;
font-size:14px;
opacity:0.72;
}
.bn-chapter-list__badge{
font-size:12px;
border-radius:999px;
padding:5px 9px;
background:color-mix(in srgb,currentColor 10%,transparent);
}
.bn-chapter-nav{
margin-top:42px;
margin-bottom:42px;
display:flex;
gap:12px;
justify-content:center;
flex-wrap:wrap;
}
.bn-chapter-tools{
position:fixed;
left:calc(50% + min(45vw,500px));
right:auto;
top:50%;
transform:translateY(-50%);
display:grid;
gap:10px;
z-index:50;
}
.bn-chapter-tool{
width:46px;
height:46px;
border:0;
border-radius:999px;
background:var(--wp--preset--color--contrast,#111);
color:var(--wp--preset--color--base,#fff);
box-shadow:0 12px 34px rgba(0,0,0,0.18);
cursor:pointer;
display:grid;
place-items:center;
font-weight:800;
}
.bn-chapter-floating__panel{
position:absolute;
right:auto;
left:56px;
top:0;
width:min(230px,calc(100vw - 84px));
padding:16px;
border-radius:18px;
background:var(--wp--preset--color--base,#fff);
color:var(--wp--preset--color--contrast,#111);
box-shadow:0 18px 60px rgba(0,0,0,0.18);
border:1px solid color-mix(in srgb,currentColor 12%,transparent);
}
.bn-chapter-floating__panel label{
display:grid;
gap:6px;
margin-bottom:12px;
font-size:13px;
}
.bn-chapter-floating__panel button{
width:100%;
border:1px solid color-mix(in srgb,currentColor 14%,transparent);
border-radius:999px;
padding:9px;
background:transparent;
color:inherit;
}
.bn-chapter-selection-popover{
position:fixed;
z-index:1000;
}
.bn-chapter-selection-popover button{
display:inline-flex;
align-items:center;
gap:7px;
border:0;
border-radius:999px;
padding:9px 13px;
background:var(--wp--preset--color--contrast,#111);
color:var(--wp--preset--color--base,#fff);
box-shadow:0 14px 36px rgba(0,0,0,0.22);
font-weight:800;
cursor:pointer;
}
.bn-chapter-selection-popover svg{
width:17px;
height:17px;
}
.bn-chapter-comment-drawer{
position:fixed;
right:calc(50% - min(48vw,590px));
top:92px;
bottom:92px;
width:min(390px,calc(100vw - 24px));
z-index:80;
background:var(--wp--preset--color--base,#fff);
color:var(--wp--preset--color--contrast,#111);
border:1px solid color-mix(in srgb,currentColor 12%,transparent);
border-radius:24px;
box-shadow:0 24px 80px rgba(0,0,0,0.22);
overflow:hidden;
}
.bn-chapter-comment-drawer__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:14px 16px;
border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);
}
.bn-chapter-comment-drawer__head button{
width:34px;
height:34px;
border:0;
border-radius:999px;
background:color-mix(in srgb,currentColor 8%,transparent);
color:inherit;
cursor:pointer;
font-size:22px;
line-height:1;
}
.bn-chapter-comment-drawer [data-comment-drawer-body]{
height:calc(100% - 63px);
overflow:auto;
padding:14px;
box-sizing:border-box;
}
.bn-chapter-comment-drawer__context{
padding:14px;
border-radius:16px;
background:color-mix(in srgb,var(--wp--preset--color--primary,currentColor) 8%,transparent);
margin-bottom:12px;
}
.bn-chapter-comment-drawer__context span{
display:block;
font-size:12px;
text-transform:uppercase;
letter-spacing:0.08em;
font-weight:800;
opacity:0.72;
}
.bn-chapter-comment-drawer__context p{
margin:7px 0 0;
font-size:14px;
overflow-wrap:anywhere;
}
.bn-chapter-comment-drawer__list{
display:grid;
gap:10px;
margin-bottom:14px;
}
.bn-chapter-comment-drawer__item{
display:block;
padding:12px;
border-radius:16px;
background:color-mix(in srgb,currentColor 5%,transparent);
color:inherit;
text-decoration:none;
}
.bn-chapter-comment-drawer__item span{
display:block;
font-weight:800;
font-size:13px;
}
.bn-chapter-comment-drawer__item em{
display:block;
margin:5px 0;
font-size:12px;
opacity:0.72;
}
.bn-chapter-comment-drawer__item p{
margin:0;
font-size:14px;
}
.bn-chapter-comment-drawer__empty{
margin:0 0 14px;
opacity:0.72;
}
.bn-chapter-comment-drawer__form .bn-comment-form__shell{
margin:0;
}
.bn-chapter-comment-drawer__form .bn-comment-form__header{
display:none;
}
.bn-chapter-comment-drawer__form .bn-comment-form{
display:grid;
grid-template-columns:1fr !important;
gap:10px;
}
.bn-chapter-comment-drawer__form .bn-comment-form__field,.bn-chapter-comment-drawer__form .bn-comment-form__actions{
grid-column:1/-1 !important;
}
.bn-chapter-comment-context{
margin:0 0 10px;
padding:10px 12px;
border-left:3px solid currentColor;
background:color-mix(in srgb,currentColor 6%,transparent);
border-radius:12px;
}
.bn-chapter-comment-context a{
display:block;
font-size:12px;
text-transform:uppercase;
letter-spacing:0.08em;
font-weight:800;
color:inherit;
text-decoration:none;
}
.bn-chapter-comment-context span{
display:block;
margin-top:4px;
opacity:0.76;
font-size:13px;
}
.bn-chapter-comments{
max-width:980px;
margin-left:auto;
margin-right:auto;
}
.bn-chapter-locked{
text-align:center;
max-width:720px;
}
.bn-chapter-locked h2{
font-size:30px;
margin:0 0 10px;
}
.bn-series-action-row--below-description{
display:none !important;
}
@media (max-width: 1180px){
.bn-chapter-tools{
left:auto;
right:18px;
}
.bn-chapter-floating__panel{
left:auto;
right:56px;
}
.bn-chapter-comment-drawer{
right:12px;
}
.bn-chapter-line__bubble{
right:4px;
top:-8px;
}
.bn-chapter-line.has-comments .bn-chapter-line__body{
padding-right:46px;
}}
@media (max-width: 980px){
.bn-chapter-tools{
left:auto;
right:max(12px,env(safe-area-inset-right));
top:auto;
bottom:max(14px,env(safe-area-inset-bottom));
transform:none;
grid-template-columns:repeat(3,46px);
}
.bn-chapter-floating__panel{
left:auto;
right:0;
bottom:56px;
top:auto;
}
.bn-chapter-comment-drawer{
top:auto;
left:10px;
right:10px;
bottom:76px;
width:auto;
max-height:min(68vh,560px);
}
.bn-chapter-comment-drawer [data-comment-drawer-body]{
height:auto;
max-height:calc(min(68vh,560px) - 63px);
}}
@media (max-width: 680px){
.bn-chapter-page{
padding-left:10px;
padding-right:10px;
}
.bn-chapter-reader{
font-size:clamp(17px,4.5vw,var(--bn-reader-font));
}
.bn-chapter-note,.bn-chapter-footnotes,.bn-chapter-list{
width:calc(100vw - 20px);
max-width:calc(100vw - 20px);
margin-left:auto;
margin-right:auto;
}
.bn-chapter-note,.bn-chapter-list{
border-radius:18px;
}
.bn-chapter-list__head{
align-items:flex-start;
flex-direction:column;
}
.bn-chapter-list__actions{
width:100%;
justify-content:space-between;
}
.bn-chapter-list__start{
flex:1;
text-align:center;
}
.bn-chapter-list__item{
grid-template-columns:1fr;
gap:8px;
}
.bn-chapter-footer-entry{
grid-template-columns:2em minmax(0,1fr);
}
.bn-chapter-selection-popover button span{
display:none;
}}
@media (max-width: 430px){
.bn-chapter-tool{
width:42px;
height:42px;
}
.bn-chapter-tools{
grid-template-columns:repeat(3,42px);
}
.bn-chapter-note__head,.bn-chapter-note__body{
padding:14px;
}
.bn-chapter-line__bubble{
width:34px;
height:34px;
}
.bn-chapter-line.has-comments .bn-chapter-line__body{
padding-right:40px;
}
.bn-chapter-comment-drawer{
left:8px;
right:8px;
bottom:68px;
border-radius:18px;
}
.bn-chapter-comment-drawer [data-comment-drawer-body]{
padding:12px;
}
.bn-chapter-footer-entry{
gap:8px;
}}
.bn-chapter-list__item.is-locked .bn-chapter-list__title{
pointer-events:auto;
opacity:1;
}
.bn-chapter-list__item.is-locked .bn-chapter-list__title:after{
content:"";
}
.bn-chapter-footer-entry{
scroll-margin-top:calc(var(--wp-admin--admin-bar--height,0px) + 84px);
border-radius:10px;
}
.bn-chapter-footer-entry:target{
outline:0;
}
.bn-chapter-footer-entry:target .bn-chapter-footer-entry__text{
background:transparent !important;
}
.bn-chapter-footer-entry__text{
position:static;
}
.bn-chapter-footnote-ref{
scroll-margin-top:calc(var(--wp-admin--admin-bar--height,0px) + 84px);
}
.bn-chapter-footnote-ref:target{
background:transparent !important;
}
.bn-chapter-footnote-ref:target .bn-chapter-footnote-ref__num{
box-shadow:0 0 0 6px color-mix(in srgb,var(--wp--preset--color--primary,currentColor) 11%,transparent);
border-radius:999px;
}
.bn-chapter-comment-drawer{
left:calc(50% + min(45vw,500px) + 72px);
right:auto;
top:88px;
bottom:88px;
background:var(--wp--preset--color--base,#fff);
color:var(--wp--preset--color--contrast,#111);
border-color:color-mix(in srgb,var(--wp--preset--color--contrast,#111) 12%,transparent);
}
.bn-chapter-comment-drawer__head{
background:color-mix(in srgb,var(--wp--preset--color--primary,currentColor) 7%,transparent);
}
.bn-chapter-comment-drawer__head strong{
font-size:15px;
letter-spacing:0.01em;
}
.bn-chapter-comment-drawer__label{
display:block;
font-size:12px;
text-transform:uppercase;
letter-spacing:0.08em;
font-weight:800;
opacity:0.72;
}
.bn-chapter-comment-drawer__context{
background:color-mix(in srgb,var(--wp--preset--color--contrast,#111) 4%,transparent);
border:1px solid color-mix(in srgb,var(--wp--preset--color--contrast,#111) 10%,transparent);
}
.bn-chapter-comment-context--drawer{
margin:0;
padding:10px 12px;
border-left:3px solid var(--wp--preset--color--primary,currentColor);
background:color-mix(in srgb,var(--wp--preset--color--primary,currentColor) 8%,transparent);
border-radius:12px;
}
.bn-chapter-comment-context--drawer span{
display:block !important;
margin:0 !important;
font-size:13px !important;
line-height:1.45;
opacity:0.86;
}
.bn-chapter-comment-drawer__item{
border:1px solid color-mix(in srgb,var(--wp--preset--color--contrast,#111) 8%,transparent);
background:color-mix(in srgb,var(--wp--preset--color--contrast,#111) 3%,transparent);
}
.bn-chapter-comment-drawer__item .bn-chapter-comment-context--drawer{
margin:8px 0;
}
.bn-chapter-line.is-context-target .bn-chapter-line__body{
outline:1px solid color-mix(in srgb,var(--wp--preset--color--primary,currentColor) 16%,transparent);
background:color-mix(in srgb,var(--wp--preset--color--primary,currentColor) 5%,transparent);
border-radius:12px;
}
.bn-chapter-text-flash{
background:color-mix(in srgb,var(--wp--preset--color--primary,currentColor) 22%,transparent);
color:inherit;
border-radius:0.25em;
padding:0.03em 0.12em;
box-decoration-break:clone;
-webkit-box-decoration-break:clone;
}
.bn-chapter-tools{
left:calc(50% + min(45vw,500px) + 14px);
}
@media (min-width: 1181px) and (max-width: 1580px){
.bn-chapter-comment-drawer{
width:min(340px,calc(100vw - (50% + min(45vw,500px) + 94px) - 16px));
left:calc(50% + min(45vw,500px) + 72px);
}}
@media (max-width: 1180px){
.bn-chapter-comment-drawer{
left:auto;
right:12px;
}
.bn-chapter-tools{
left:auto;
right:18px;
}}
@media (max-width: 980px){
.bn-chapter-comment-drawer{
left:10px;
right:10px;
}
.bn-chapter-tools{
left:auto;
right:max(12px,env(safe-area-inset-right));
}}
.bn-chapter-page{
--bn-chapter-bg:var(--wp--preset--color--bn-bg,#0a0a0a);
--bn-chapter-surface:var(--wp--preset--color--bn-card,#242220);
--bn-chapter-surface-2:var(--wp--preset--color--bn-surface,#33312f);
--bn-chapter-text:var(--wp--preset--color--bn-text,#b7b4ae);
--bn-chapter-soft:var(--wp--preset--color--bn-text-soft,#9a948c);
--bn-chapter-accent:var(--wp--preset--color--bn-gold,#8f7462);
}
.bn-chapter-note,.bn-chapter-list,.bn-chapter-footnotes{
width:min(var(--bn-reader-width),100%);
max-width:100%;
box-sizing:border-box;
}
.bn-chapter-note,.bn-chapter-list{
background:color-mix(in srgb,var(--bn-chapter-surface) 88%,transparent);
color:var(--bn-chapter-text);
border-color:color-mix(in srgb,var(--bn-chapter-soft) 18%,transparent);
}
.bn-chapter-note__head{
background:color-mix(in srgb,var(--bn-chapter-surface-2) 58%,transparent);
border-color:color-mix(in srgb,var(--bn-chapter-soft) 15%,transparent);
}
.bn-chapter-note__body{
color:var(--bn-chapter-text);
max-width:100%;
overflow-wrap:anywhere;
}
.bn-chapter-footnotes{
color:var(--bn-chapter-text);
scroll-margin-top:90px;
}
.bn-chapter-footer-entry{
scroll-margin-top:110px;
border-radius:10px;
padding:4px 6px;
margin-left:-6px;
margin-right:-6px;
}
.bn-chapter-footer-entry__text{
padding:0 !important;
border-radius:0 !important;
background:transparent !important;
}
.bn-chapter-footer-entry:target .bn-chapter-footer-entry__text,.bn-chapter-footnote-ref:target{
background:transparent !important;
}
.bn-chapter-footer-entry:target,.bn-chapter-footer-entry.is-footnote-target{
background:color-mix(in srgb,var(--bn-chapter-accent) 18%,transparent);
box-shadow:inset 3px 0 0 var(--bn-chapter-accent);
border-radius:0 8px 8px 0;
}
.bn-chapter-footnote-ref.is-footnote-target{
background:color-mix(in srgb,var(--bn-chapter-accent) 16%,transparent) !important;
border-radius:6px !important;
}
.bn-chapter-sort{
width:44px;
height:44px;
display:inline-grid;
place-items:center;
border:1px solid color-mix(in srgb,var(--bn-chapter-soft) 28%,transparent);
border-radius:999px;
background:color-mix(in srgb,var(--bn-chapter-surface-2) 78%,transparent);
color:var(--bn-chapter-text);
cursor:pointer;
transition:transform 0.18s ease,background 0.18s ease,border-color 0.18s ease;
}
.bn-chapter-sort:hover,.bn-chapter-sort:focus-visible{
background:color-mix(in srgb,var(--bn-chapter-accent) 22%,var(--bn-chapter-surface-2));
border-color:color-mix(in srgb,var(--bn-chapter-accent) 65%,transparent);
outline:none;
}
.bn-chapter-sort svg{
width:22px;
height:22px;
}
.bn-chapter-sort.is-latest svg{
transform:rotate(180deg);
}
.bn-chapter-comment-drawer{
right:calc(50% - min(49vw,640px));
width:min(460px,calc(100vw - 28px));
background:linear-gradient(180deg,color-mix(in srgb,var(--bn-chapter-surface-2) 94%,#000 6%),var(--bn-chapter-surface));
color:var(--bn-chapter-text);
border-color:color-mix(in srgb,var(--bn-chapter-soft) 18%,transparent);
box-shadow:0 28px 90px rgba(0,0,0,0.46);
}
.bn-chapter-comment-drawer__head{
background:color-mix(in srgb,var(--bn-chapter-bg) 42%,transparent);
border-color:color-mix(in srgb,var(--bn-chapter-soft) 14%,transparent);
}
.bn-chapter-comment-drawer__head strong{
color:var(--bn-chapter-text);
}
.bn-chapter-comment-drawer__head button{
background:color-mix(in srgb,var(--bn-chapter-soft) 12%,transparent);
color:var(--bn-chapter-text);
}
.bn-chapter-comment-drawer__context{
background:color-mix(in srgb,var(--bn-chapter-accent) 11%,var(--bn-chapter-surface));
border:1px solid color-mix(in srgb,var(--bn-chapter-accent) 24%,transparent);
color:var(--bn-chapter-text);
}
.bn-chapter-comment-drawer__context span,.bn-chapter-comment-drawer__label{
color:var(--bn-chapter-soft);
}
.bn-chapter-comment-drawer__item{
background:color-mix(in srgb,var(--bn-chapter-bg) 35%,var(--bn-chapter-surface));
border:1px solid color-mix(in srgb,var(--bn-chapter-soft) 13%,transparent);
color:var(--bn-chapter-text);
}
.bn-chapter-comment-drawer__item:hover{
background:color-mix(in srgb,var(--bn-chapter-accent) 10%,var(--bn-chapter-surface));
border-color:color-mix(in srgb,var(--bn-chapter-accent) 28%,transparent);
}
.bn-chapter-comment-drawer__item strong{
display:block;
font-size:13px;
color:var(--bn-chapter-text);
}
.bn-chapter-comment-drawer__empty{
color:var(--bn-chapter-soft);
}
.bn-chapter-comment-drawer__form .bn-comment-form__shell{
max-width:100%;
padding:0;
background:transparent;
border:0;
box-shadow:none;
}
.bn-chapter-comment-drawer__form .bn-comment-form{
max-width:100%;
min-width:0;
}
.bn-chapter-comment-drawer__form .bn-comment-form__field,.bn-chapter-comment-drawer__form .bn-comment-form__field--rich,.bn-chapter-comment-drawer__form .bn-comment-form__editor-shell,.bn-chapter-comment-drawer__form .bn-comment-form__editor-textarea,.bn-chapter-comment-drawer__form textarea{
max-width:100%;
min-width:0;
box-sizing:border-box;
}
.bn-chapter-comment-drawer__form .bn-comment-form__error-modal{
position:fixed !important;
inset:0 !important;
z-index:999999 !important;
}
.bn-chapter-tools{
left:calc(50% + min(38vw,440px));
z-index:70;
}
.bn-chapter-floating__panel{
background:var(--bn-chapter-surface);
color:var(--bn-chapter-text);
border-color:color-mix(in srgb,var(--bn-chapter-soft) 18%,transparent);
}
@media (min-width: 1400px){
.bn-chapter-tools{
left:calc(50% + 395px);
}
.bn-chapter-comment-drawer{
right:calc(50% - 655px);
}}
@media (max-width: 1180px){
.bn-chapter-tools{
left:auto;
right:18px;
}
.bn-chapter-comment-drawer{
right:76px;
width:min(440px,calc(100vw - 100px));
}}
@media (max-width: 980px){
.bn-chapter-comment-drawer{
top:auto !important;
left:10px !important;
right:10px !important;
bottom:max(76px,calc(68px + env(safe-area-inset-bottom))) !important;
width:auto !important;
max-height:min(68vh,560px);
border-radius:22px;
}
.bn-chapter-comment-drawer [data-comment-drawer-body]{
height:auto;
max-height:calc(min(68vh,560px) - 63px);
}
.bn-chapter-tools{
right:max(12px,env(safe-area-inset-right));
}}
@media (max-width: 680px){
.bn-chapter-page{
width:100%;
max-width:100%;
padding-left:10px;
padding-right:10px;
overflow-x:hidden;
}
.bn-chapter-note,.bn-chapter-footnotes,.bn-chapter-list,.bn-chapter-locked{
width:100%;
max-width:100%;
margin-left:0;
margin-right:0;
}
.bn-chapter-list{
padding:14px;
}
.bn-chapter-list__head{
width:100%;
min-width:0;
}
.bn-chapter-list__actions{
width:100%;
justify-content:space-between;
}
.bn-chapter-list__start{
min-width:0;
flex:1 1 auto;
}
.bn-chapter-sort{
flex:0 0 44px;
}
.bn-chapter-note__head,.bn-chapter-note__body{
padding-left:14px;
padding-right:14px;
}
.bn-chapter-footer-entry{
grid-template-columns:1.8em minmax(0,1fr);
margin-left:0;
margin-right:0;
}
.bn-chapter-comment-drawer{
left:8px !important;
right:8px !important;
bottom:max(68px,calc(62px + env(safe-area-inset-bottom))) !important;
border-radius:18px;
}
.bn-chapter-comment-drawer [data-comment-drawer-body]{
padding:12px;
}
.bn-chapter-selection-popover button{
width:42px;
height:42px;
padding:0;
justify-content:center;
}
.bn-chapter-selection-popover svg{
width:18px;
height:18px;
}}
@media (max-width: 430px){
.bn-chapter-list__item{
padding:13px;
}
.bn-chapter-note,.bn-chapter-list{
border-radius:16px;
}
.bn-chapter-comment-drawer{
max-height:min(72vh,580px);
}}
.bn-chapter-list{
--bn-cl-bg:var(--bn-chapter-surface,var(--wp--preset--color--bn-card,#242220));
--bn-cl-bg-2:var(--bn-chapter-surface-2,var(--wp--preset--color--bn-surface,#33312f));
--bn-cl-text:var(--bn-chapter-text,var(--wp--preset--color--bn-text,#b7b4ae));
--bn-cl-soft:var(--bn-chapter-soft,var(--wp--preset--color--bn-text-soft,#9a948c));
--bn-cl-accent:var(--bn-chapter-accent,var(--wp--preset--color--bn-gold,#8f7462));
width:min(var(--bn-reader-width,780px),100%);
max-width:100%;
margin:34px auto;
padding:clamp(16px,3.4vw,28px);
border:1px solid color-mix(in srgb,var(--bn-cl-soft) 14%,transparent) !important;
outline:0 !important;
border-radius:28px;
background:linear-gradient(180deg,color-mix(in srgb,var(--bn-cl-bg-2) 34%,transparent),color-mix(in srgb,var(--bn-cl-bg) 90%,transparent)) !important;
color:var(--bn-cl-text);
box-shadow:0 22px 70px rgba(0,0,0,0.18);
overflow:hidden;
}
.bn-chapter-list__head{
display:block !important;
text-align:center;
margin:0 0 14px !important;
}
.bn-chapter-list__head h2{
margin:0 !important;
text-align:center;
font-size:clamp(24px,4vw,34px) !important;
line-height:1.12;
letter-spacing:0.01em;
}
.bn-chapter-list__actions{
display:flex !important;
align-items:center;
justify-content:center !important;
gap:12px;
width:100%;
margin:0 0 20px;
position:relative;
}
.bn-chapter-list__start{
min-height:44px;
display:inline-flex !important;
align-items:center;
justify-content:center;
border-color:color-mix(in srgb,var(--bn-cl-accent) 38%,transparent) !important;
}
.bn-chapter-sort{
position:relative;
flex:0 0 44px;
width:44px;
height:44px;
display:inline-grid;
place-items:center;
border:1px solid color-mix(in srgb,var(--bn-cl-soft) 24%,transparent) !important;
border-radius:999px;
background:color-mix(in srgb,var(--bn-cl-bg-2) 82%,transparent) !important;
color:var(--bn-cl-text) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 10px 24px rgba(0,0,0,0.18);
cursor:pointer;
transition:transform 0.16s ease,background 0.16s ease,border-color 0.16s ease,box-shadow 0.16s ease;
}
.bn-chapter-sort:hover,.bn-chapter-sort:focus-visible,.bn-chapter-sort.is-latest{
background:color-mix(in srgb,var(--bn-cl-accent) 24%,var(--bn-cl-bg-2)) !important;
border-color:color-mix(in srgb,var(--bn-cl-accent) 62%,transparent) !important;
box-shadow:0 0 0 4px color-mix(in srgb,var(--bn-cl-accent) 14%,transparent),0 14px 28px rgba(0,0,0,0.22);
outline:0;
}
.bn-chapter-sort svg{
width:22px;
height:22px;
transition:transform 0.22s ease;
}
.bn-chapter-sort.is-sorting{
animation:bnChapterSortPulse 0.34s ease;
}
.bn-chapter-list.is-latest .bn-chapter-sort:after{
content:"Latest";
position:absolute;
left:50%;
top:calc(100% + 7px);
transform:translateX(-50%);
padding:3px 7px;
border-radius:999px;
background:color-mix(in srgb,var(--bn-cl-accent) 24%,var(--bn-cl-bg));
color:var(--bn-cl-text);
font-size:10px;
font-weight:800;
letter-spacing:0.02em;
white-space:nowrap;
pointer-events:none;
}
@keyframes bnChapterSortPulse{
0%{
transform:scale(1);
}
45%{
transform:scale(0.9);
}
100%{
transform:scale(1);
}}
.bn-chapter-list ol{
display:grid !important;
gap:12px !important;
margin:0 !important;
padding:0 !important;
list-style:none !important;
}
.bn-chapter-list__item{
display:grid !important;
grid-template-columns:max-content minmax(0,1fr) !important;
align-items:start;
gap:14px !important;
padding:15px 16px !important;
border:1px solid color-mix(in srgb,var(--bn-cl-soft) 10%,transparent);
border-radius:20px;
background:color-mix(in srgb,var(--bn-cl-bg-2) 42%,transparent) !important;
box-shadow:none !important;
transition:background 0.16s ease,border-color 0.16s ease,transform 0.16s ease;
}
.bn-chapter-list__item:hover{
transform:translateY(-1px);
background:color-mix(in srgb,var(--bn-cl-accent) 9%,var(--bn-cl-bg-2)) !important;
border-color:color-mix(in srgb,var(--bn-cl-accent) 25%,transparent);
}
.bn-chapter-list__meta{
display:flex !important;
align-items:center;
gap:8px;
min-width:0;
max-width:190px;
}
.bn-chapter-list__num{
display:inline-flex;
align-items:center;
min-height:28px;
padding:5px 9px;
border-radius:999px;
background:color-mix(in srgb,var(--bn-cl-bg) 60%,transparent);
color:var(--bn-cl-soft);
font-size:12px !important;
font-weight:800;
line-height:1.1;
white-space:nowrap;
opacity:1 !important;
}
.bn-chapter-list__badge{
display:inline-flex;
align-items:center;
min-height:26px;
padding:5px 8px !important;
border-radius:999px;
background:color-mix(in srgb,var(--bn-cl-accent) 16%,transparent) !important;
color:var(--bn-cl-text);
font-size:11px !important;
font-weight:800;
white-space:nowrap;
}
.bn-chapter-list__main{
min-width:0;
}
.bn-chapter-list__title{
display:inline;
font-size:clamp(16px,2.1vw,20px) !important;
font-weight:850;
line-height:1.25;
color:var(--bn-cl-text) !important;
text-decoration:none;
}
.bn-chapter-list__title:hover{
color:color-mix(in srgb,var(--bn-cl-accent) 78%,var(--bn-cl-text)) !important;
}
.bn-chapter-list__main p{
max-width:72ch;
margin:5px 0 0 !important;
color:var(--bn-cl-soft);
font-size:14px !important;
line-height:1.55;
opacity:1 !important;
}
.bn-chapter-line.is-selected{
background:transparent !important;
}
.bn-chapter-line.is-selected .bn-chapter-line__body{
box-shadow:inset 3px 0 0 color-mix(in srgb,var(--bn-chapter-accent,var(--bn-cl-accent)) 70%,transparent);
background:color-mix(in srgb,var(--bn-chapter-accent,var(--bn-cl-accent)) 8%,transparent);
border-radius:12px;
padding-left:12px;
padding-right:10px;
}
.bn-chapter-line.is-context-target .bn-chapter-line__body{
outline:0 !important;
box-shadow:inset 3px 0 0 color-mix(in srgb,var(--bn-chapter-accent,var(--bn-cl-accent)) 68%,transparent);
background:color-mix(in srgb,var(--bn-chapter-accent,var(--bn-cl-accent)) 7%,transparent);
border-radius:12px;
padding-left:12px;
}
.bn-chapter-comment-drawer{
--bn-drawer-bg:var(--bn-chapter-surface,var(--wp--preset--color--bn-card,#242220));
--bn-drawer-bg-2:var(--bn-chapter-surface-2,var(--wp--preset--color--bn-surface,#33312f));
--bn-drawer-text:var(--bn-chapter-text,var(--wp--preset--color--bn-text,#b7b4ae));
--bn-drawer-soft:var(--bn-chapter-soft,var(--wp--preset--color--bn-text-soft,#9a948c));
--bn-drawer-accent:var(--bn-chapter-accent,var(--wp--preset--color--bn-gold,#8f7462));
left:calc(50% + min(38vw,420px) + 72px) !important;
right:auto !important;
top:86px !important;
bottom:76px !important;
width:min(520px,calc(100vw - (50% + min(38vw,420px) + 94px))) !important;
min-width:430px;
max-width:520px;
background:linear-gradient(180deg,color-mix(in srgb,var(--bn-drawer-bg-2) 80%,#000 20%),var(--bn-drawer-bg)) !important;
color:var(--bn-drawer-text) !important;
border:1px solid color-mix(in srgb,var(--bn-drawer-soft) 16%,transparent) !important;
box-shadow:0 26px 86px rgba(0,0,0,0.44) !important;
overflow:hidden;
}
.bn-chapter-comment-drawer__head{
background:color-mix(in srgb,var(--bn-drawer-bg-2) 72%,#000 12%) !important;
border-bottom:1px solid color-mix(in srgb,var(--bn-drawer-soft) 13%,transparent) !important;
color:var(--bn-drawer-text) !important;
}
.bn-chapter-comment-drawer [data-comment-drawer-body]{
padding:16px !important;
overflow-x:visible !important;
}
.bn-chapter-comment-drawer__context,.bn-chapter-comment-drawer__comments,.bn-chapter-comment-drawer__form{
min-width:0;
max-width:100%;
}
.bn-chapter-comment-drawer__context{
background:color-mix(in srgb,var(--bn-drawer-accent) 9%,var(--bn-drawer-bg)) !important;
border:1px solid color-mix(in srgb,var(--bn-drawer-accent) 22%,transparent) !important;
color:var(--bn-drawer-text) !important;
}
.bn-chapter-comment-drawer__bar{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin:0 0 12px;
padding:8px 10px;
border:1px solid color-mix(in srgb,var(--bn-drawer-soft) 12%,transparent);
border-radius:999px;
background:color-mix(in srgb,var(--bn-drawer-bg-2) 52%,transparent);
color:var(--bn-drawer-soft);
font-size:12px;
font-weight:800;
}
.bn-chapter-drawer-sort{
width:34px;
height:34px;
display:inline-grid;
place-items:center;
border:1px solid color-mix(in srgb,var(--bn-drawer-soft) 16%,transparent);
border-radius:999px;
background:color-mix(in srgb,var(--bn-drawer-bg) 70%,transparent);
color:var(--bn-drawer-text);
cursor:pointer;
transition:background 0.16s ease,border-color 0.16s ease,transform 0.16s ease;
}
.bn-chapter-drawer-sort:hover,.bn-chapter-drawer-sort:focus-visible,.bn-chapter-drawer-sort.is-oldest{
background:color-mix(in srgb,var(--bn-drawer-accent) 18%,var(--bn-drawer-bg-2));
border-color:color-mix(in srgb,var(--bn-drawer-accent) 46%,transparent);
outline:0;
}
.bn-chapter-drawer-sort svg{
width:18px;
height:18px;
transition:transform 0.2s ease;
}
.bn-chapter-drawer-sort.is-oldest svg{
transform:rotate(180deg);
}
.bn-chapter-comment-drawer__list{
gap:11px !important;
margin-bottom:14px;
}
.bn-chapter-comment-drawer__item{
background:color-mix(in srgb,var(--bn-drawer-bg-2) 55%,transparent) !important;
border:1px solid color-mix(in srgb,var(--bn-drawer-soft) 12%,transparent) !important;
color:var(--bn-drawer-text) !important;
border-radius:18px !important;
}
.bn-chapter-comment-drawer__item:hover{
background:color-mix(in srgb,var(--bn-drawer-accent) 10%,var(--bn-drawer-bg-2)) !important;
border-color:color-mix(in srgb,var(--bn-drawer-accent) 26%,transparent) !important;
}
.bn-chapter-comment-context--drawer{
background:color-mix(in srgb,var(--bn-drawer-accent) 8%,var(--bn-drawer-bg)) !important;
border-left-color:var(--bn-drawer-accent) !important;
color:var(--bn-drawer-text) !important;
}
.bn-chapter-comment-drawer__form{
margin-top:12px;
padding:12px;
border:1px solid color-mix(in srgb,var(--bn-drawer-soft) 13%,transparent);
border-radius:20px;
background:color-mix(in srgb,var(--bn-drawer-bg-2) 44%,transparent);
}
.bn-chapter-comment-drawer__form .bn-comment-form__shell{
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form,.bn-chapter-comment-drawer__form .bn-comment-form__grid{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
display:grid !important;
grid-template-columns:1fr !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__field,.bn-chapter-comment-drawer__form .bn-comment-form__field--full,.bn-chapter-comment-drawer__form .bn-comment-form__field--rich,.bn-chapter-comment-drawer__form .bn-comment-form__editor-shell,.bn-chapter-comment-drawer__form textarea{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
}
.bn-chapter-comment-drawer .bn-series-filter-menu{
position:absolute !important;
right:0 !important;
left:auto !important;
top:calc(100% + 8px) !important;
z-index:99999 !important;
max-width:min(220px,calc(100vw - 32px));
overflow:visible !important;
}
.bn-chapter-comments .bn-series-discussion__filters{
overflow:visible !important;
}
.bn-chapter-comments .bn-series-filter-menu{
z-index:100000 !important;
}
.bn-chapter-tools{
left:calc(50% + min(38vw,420px)) !important;
right:auto !important;
}
@media (min-width: 1500px){
.bn-chapter-tools{
left:calc(50% + 405px) !important;
}
.bn-chapter-comment-drawer{
left:calc(50% + 477px) !important;
width:520px !important;
}}
@media (max-width: 1320px){
.bn-chapter-comment-drawer{
left:auto !important;
right:12px !important;
width:min(480px,calc(100vw - 92px)) !important;
min-width:0;
}
.bn-chapter-tools{
left:auto !important;
right:18px !important;
}}
@media (max-width: 980px){
.bn-chapter-comment-drawer{
top:auto !important;
left:10px !important;
right:10px !important;
bottom:max(76px,calc(68px + env(safe-area-inset-bottom))) !important;
width:auto !important;
min-width:0 !important;
max-width:none !important;
max-height:min(72vh,580px);
border-radius:22px !important;
}
.bn-chapter-comment-drawer [data-comment-drawer-body]{
max-height:calc(min(72vh,580px) - 63px);
height:auto;
}
.bn-chapter-tools{
left:auto !important;
right:max(12px,env(safe-area-inset-right)) !important;
}}
@media (max-width: 720px){
.bn-chapter-list{
width:100% !important;
max-width:100% !important;
padding:14px !important;
margin-left:0 !important;
margin-right:0 !important;
border-radius:20px !important;
}
.bn-chapter-list__actions{
gap:10px;
justify-content:center !important;
}
.bn-chapter-list__start{
flex:1 1 auto;
max-width:260px;
}
.bn-chapter-list__item{
grid-template-columns:1fr !important;
gap:9px !important;
padding:14px !important;
}
.bn-chapter-list__meta{
max-width:100%;
justify-content:flex-start;
}
.bn-chapter-list__num{
white-space:normal;
}
.bn-chapter-note,.bn-chapter-footnotes{
width:100% !important;
max-width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
}
.bn-chapter-line.is-selected .bn-chapter-line__body,.bn-chapter-line.is-context-target .bn-chapter-line__body{
padding-left:9px;
padding-right:8px;
}
.bn-chapter-comment-drawer__form{
padding:10px;
border-radius:16px;
}
.bn-chapter-comment-drawer [data-comment-drawer-body]{
padding:12px !important;
}}
.bn-chapter-comments,.bn-chapter-comments .bn-series-discussion,.bn-chapter-comments .bn-series-discussion__top,.bn-chapter-comments .bn-series-discussion__filters,.bn-chapter-comment-drawer,.bn-chapter-comment-drawer__bar,.bn-chapter-comment-drawer .bn-series-discussion__filters{
overflow:visible !important;
}
.bn-chapter-comments .bn-series-filter-menu,.bn-chapter-comment-drawer .bn-series-filter-menu{
z-index:2147483000 !important;
clip-path:none !important;
contain:none !important;
transform:translateZ(0);
}
.bn-chapter-comment-drawer{
overflow:visible !important;
}
.bn-chapter-comment-drawer [data-comment-drawer-body]{
overflow-y:auto !important;
overflow-x:visible !important;
}
.bn-chapter-comment-drawer .bn-series-filter-trigger{
width:38px !important;
height:38px !important;
border-radius:999px !important;
}
.bn-chapter-comment-drawer .bn-series-filter-trigger__icon{
display:grid !important;
place-items:center !important;
}
.bn-chapter-comment-drawer .bn-series-filter-menu{
right:0 !important;
left:auto !important;
top:calc(100% + 10px) !important;
min-width:154px !important;
background:var(--bn-drawer-bg-2,var(--wp--preset--color--bn-surface,#33312f)) !important;
border-color:color-mix(in srgb,var(--bn-drawer-soft,var(--wp--preset--color--bn-text-soft,#9a948c)) 18%,transparent) !important;
box-shadow:0 18px 48px rgba(0,0,0,0.48) !important;
}
.bn-chapter-drawer-filter[hidden]{
display:none !important;
}
.bn-chapter-list__start{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 auto !important;
width:auto !important;
min-width:156px !important;
min-height:44px !important;
padding:0 20px !important;
white-space:nowrap !important;
}
.bn-chapter-list__actions{
align-items:center !important;
}
.bn-chapter-comment-drawer{
left:calc(50% + min(38vw,420px) + 54px) !important;
right:auto !important;
width:min(540px,calc(100vw - (50% + min(38vw,420px) + 86px))) !important;
min-width:min(460px,calc(100vw - 48px)) !important;
max-width:540px !important;
}
@media (min-width: 1700px){
.bn-chapter-comment-drawer{
left:calc(50% + 459px) !important;
width:min(540px,calc(100vw - (50% + 459px) - 34px)) !important;
min-width:500px !important;
}}
@media (min-width: 1321px) and (max-width: 1699px){
.bn-chapter-comment-drawer{
left:auto !important;
right:28px !important;
width:min(520px,calc(100vw - 112px)) !important;
min-width:430px !important;
}}
@media (max-width: 1320px){
.bn-chapter-comment-drawer{
right:22px !important;
width:min(500px,calc(100vw - 104px)) !important;
}}
@media (max-width: 980px){
.bn-chapter-comment-drawer{
left:10px !important;
right:10px !important;
width:auto !important;
min-width:0 !important;
overflow:hidden !important;
}
.bn-chapter-list__start{
min-width:156px !important;
max-width:none !important;
flex:0 0 auto !important;
}}
@media (max-width: 520px){
.bn-chapter-list__actions{
display:flex !important;
flex-wrap:nowrap !important;
}
.bn-chapter-list__start{
min-width:156px !important;
padding:0 18px !important;
}
.bn-chapter-sort{
flex:0 0 44px !important;
}}
.bn-chapter-comments,.bn-chapter-comments .bn-series-discussion,.bn-chapter-comments .bn-series-discussion__panel,.bn-chapter-comments .bn-series-discussion__top,.bn-chapter-comments .bn-series-discussion__filters,.bn-chapter-comments .bn-series-comments-list,.bn-chapter-comment-drawer,.bn-chapter-comment-drawer [data-comment-drawer-body],.bn-chapter-comment-drawer__bar,.bn-chapter-comment-drawer__form,.bn-chapter-comment-drawer .bn-comment-form__shell,.bn-chapter-comment-drawer .bn-comment-form,.bn-chapter-comment-drawer .bn-comment-form__grid,.bn-chapter-comment-drawer .bn-comment-form__field,.bn-chapter-comment-drawer .bn-comment-form__field--rich{
overflow:visible !important;
contain:none !important;
clip-path:none !important;
}
.bn-chapter-comments .bn-series-discussion__filters,.bn-chapter-comment-drawer .bn-series-discussion__filters,.bn-chapter-drawer-filter{
position:relative !important;
z-index:2147482500 !important;
}
.bn-chapter-comments .bn-series-filter-menu,.bn-chapter-comment-drawer .bn-series-filter-menu{
position:absolute !important;
top:calc(100% + 8px) !important;
right:0 !important;
left:auto !important;
display:grid;
z-index:2147483000 !important;
min-width:150px !important;
overflow:visible !important;
transform:none !important;
clip-path:none !important;
contain:none !important;
}
.bn-chapter-comments .bn-series-filter-menu[hidden],.bn-chapter-comment-drawer .bn-series-filter-menu[hidden]{
display:none !important;
}
.bn-chapter-comment-drawer{
--bn-drawer-bg:var(--bn-card,var(--wp--preset--color--bn-card,#242220));
--bn-drawer-bg-2:var(--bn-surface,var(--wp--preset--color--bn-surface,#33312f));
--bn-drawer-text:var(--bn-text,var(--wp--preset--color--bn-text,#b7b4ae));
--bn-drawer-soft:var(--bn-text-soft,var(--wp--preset--color--bn-text-soft,#9a948c));
--bn-drawer-line:var(--bn-line,rgba(255,255,255,0.1));
--bn-drawer-accent:var(--bn-accent,var(--wp--preset--color--bn-gold,#8f7462));
border-radius:30px !important;
background:linear-gradient(180deg,color-mix(in srgb,var(--bn-drawer-bg-2) 88%,#000 12%),var(--bn-drawer-bg)) !important;
color:var(--bn-drawer-text) !important;
border:1px solid color-mix(in srgb,var(--bn-drawer-line) 82%,transparent) !important;
box-shadow:none !important;
}
.bn-chapter-comment-drawer__head{
border-radius:30px 30px 0 0 !important;
background:linear-gradient(180deg,color-mix(in srgb,var(--bn-drawer-bg-2) 92%,#000 8%),color-mix(in srgb,var(--bn-drawer-bg) 80%,#000 20%)) !important;
color:var(--bn-drawer-text) !important;
border-bottom:1px solid var(--bn-drawer-line) !important;
}
.bn-chapter-comment-drawer__bar{
background:color-mix(in srgb,var(--bn-drawer-bg-2) 68%,transparent) !important;
border-color:var(--bn-drawer-line) !important;
color:var(--bn-drawer-soft) !important;
}
.bn-chapter-comment-drawer .bn-series-filter-trigger{
width:36px !important;
min-width:36px !important;
height:36px !important;
border-radius:var(--bn-radius-xs,12px) !important;
border:1px solid var(--bn-drawer-line) !important;
background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.02)) !important;
color:var(--bn-drawer-text) !important;
box-shadow:none !important;
}
.bn-chapter-comment-drawer .bn-series-filter-trigger:hover,.bn-chapter-comment-drawer .bn-series-discussion__filters.is-open .bn-series-filter-trigger{
background:color-mix(in srgb,var(--bn-drawer-accent) 15%,var(--bn-drawer-bg-2)) !important;
border-color:color-mix(in srgb,var(--bn-drawer-accent) 36%,transparent) !important;
}
.bn-chapter-comment-drawer .bn-series-filter-menu{
background:linear-gradient(180deg,color-mix(in srgb,var(--bn-drawer-bg-2) 96%,#000 4%),color-mix(in srgb,var(--bn-drawer-bg) 92%,#000 8%)) !important;
border-color:var(--bn-drawer-line) !important;
box-shadow:none !important;
}
.bn-chapter-comment-drawer .bn-series-filter-menu:before{
background:color-mix(in srgb,var(--bn-drawer-bg-2) 96%,#000 4%) !important;
border-color:var(--bn-drawer-line) !important;
}
.bn-chapter-comment-drawer .bn-series-filter-menu .bn-series-filter{
color:var(--bn-drawer-soft) !important;
}
.bn-chapter-comment-drawer .bn-series-filter-menu .bn-series-filter:hover,.bn-chapter-comment-drawer .bn-series-filter-menu .bn-series-filter.is-active{
background:color-mix(in srgb,var(--bn-drawer-accent) 16%,transparent) !important;
border-color:color-mix(in srgb,var(--bn-drawer-accent) 28%,transparent) !important;
color:var(--bn-drawer-text) !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__field--rich.is-rich-active .bn-comment-form__editor-shell{
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools{
display:grid !important;
gap:8px !important;
width:100% !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-toolbar{
display:flex !important;
flex-wrap:nowrap !important;
gap:6px !important;
overflow-x:auto !important;
overflow-y:hidden !important;
padding-bottom:4px !important;
scrollbar-width:thin;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button{
flex:0 0 auto !important;
min-width:42px !important;
padding:0 10px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button span:last-child{
display:none !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle{
width:100% !important;
justify-content:center !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__editor-textarea,.bn-chapter-comment-drawer__form .bn-comment-form__rich-preview{
min-height:150px !important;
width:100% !important;
max-width:100% !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__media-dialog{
width:min(100%,460px) !important;
max-width:calc(100vw - 32px) !important;
left:50% !important;
transform:translateX(-50%) !important;
}
.bn-chapter-drawer-filter[hidden]{
display:block !important;
}
@media (min-width: 1321px){
.bn-chapter-comment-drawer{
left:calc(var(--bpp-reader-tools-x,50% + min(38vw,420px)) + 58px) !important;
right:auto !important;
width:min(520px,calc(100vw - (50% + min(38vw,420px) + 108px))) !important;
min-width:min(500px,calc(100vw - 64px)) !important;
max-width:520px !important;
}}
@media (min-width: 1500px){
.bn-chapter-comment-drawer{
left:calc(50% + 462px) !important;
width:min(520px,calc(100vw - (50% + 492px))) !important;
}}
@media (max-width: 1320px){
.bn-chapter-comment-drawer{
right:18px !important;
left:auto !important;
width:min(500px,calc(100vw - 96px)) !important;
min-width:0 !important;
}}
@media (max-width: 980px){
.bn-chapter-comment-drawer{
top:auto !important;
left:10px !important;
right:10px !important;
bottom:max(76px,calc(68px + env(safe-area-inset-bottom))) !important;
width:auto !important;
max-width:none !important;
min-width:0 !important;
max-height:min(72vh,580px) !important;
border-radius:26px 26px 0 0 !important;
overflow:hidden !important;
}
.bn-chapter-comment-drawer__head{
border-radius:26px 26px 0 0 !important;
}
.bn-chapter-comment-drawer [data-comment-drawer-body]{
overflow-y:auto !important;
overflow-x:visible !important;
max-height:calc(min(72vh,580px) - 63px) !important;
}
.bn-chapter-comment-drawer .bn-series-filter-menu{
right:0 !important;
max-width:calc(100vw - 36px) !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__media-dialog{
width:calc(100vw - 28px) !important;
}}
.bn-chapter-comment-drawer__form .bn-comment-form__field--rich.is-rich-active .bn-comment-form__editor-shell{
display:block !important;
grid-template-columns:none !important;
gap:0 !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
width:100% !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-toolbar{
display:flex !important;
align-items:center !important;
flex-wrap:wrap !important;
gap:8px !important;
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch !important;
padding-bottom:0 !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button{
flex:0 1 auto !important;
min-width:40px !important;
padding:0 12px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button span:last-child{
display:inline !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle{
width:auto !important;
justify-content:center !important;
flex:0 0 auto !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__editor-textarea,.bn-chapter-comment-drawer__form .bn-comment-form__rich-preview{
min-height:190px !important;
width:100% !important;
max-width:100% !important;
}
@media (max-width: 720px){
.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools{
align-items:stretch !important;
flex-direction:column !important;
gap:12px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-toolbar{
width:100% !important;
flex-wrap:nowrap !important;
padding-bottom:4px !important;
scrollbar-width:thin;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button{
flex:0 0 auto !important;
min-width:42px !important;
padding:0 10px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button span:last-child{
display:none !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle{
width:100% !important;
flex:0 0 auto !important;
justify-content:center !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__editor-textarea,.bn-chapter-comment-drawer__form .bn-comment-form__rich-preview{
min-height:190px !important;
}}
.bn-chapter-comment-drawer__form,.bn-chapter-comment-drawer__form *{
box-sizing:border-box;
}
.bn-chapter-comment-drawer__form,.bn-chapter-comment-drawer__form .bn-comment-form__shell,.bn-chapter-comment-drawer__form .bn-comment-form,.bn-chapter-comment-drawer__form .bn-comment-form__grid,.bn-chapter-comment-drawer__form .bn-comment-form__field,.bn-chapter-comment-drawer__form .bn-comment-form__field--rich,.bn-chapter-comment-drawer__form .bn-comment-form__editor-shell,.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools,.bn-chapter-comment-drawer__form .bn-comment-form__rich-toolbar{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__field--rich.is-rich-active{
overflow:hidden !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__field--rich.is-rich-active .bn-comment-form__editor-shell{
overflow:hidden !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools{
flex-wrap:wrap !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-toolbar{
flex:1 1 260px !important;
min-width:0 !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle{
max-width:100% !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__editor-textarea,.bn-chapter-comment-drawer__form .bn-comment-form__rich-preview{
display:block !important;
max-width:100% !important;
min-width:0 !important;
resize:vertical;
}
@media (min-width: 981px){
.bn-chapter-comment-drawer [data-comment-drawer-body]{
overflow-y:auto !important;
overflow-x:hidden !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-toolbar{
overflow-x:auto !important;
overflow-y:hidden !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button span:last-child{
max-width:9.5ch;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}}
.bn-chapter-list--empty{
text-align:center;
display:grid;
justify-items:center;
}
.bn-chapter-list--empty h2,.bn-chapter-list--empty .bn-series-empty{
text-align:center;
width:100%;
margin-left:auto !important;
margin-right:auto !important;
}
.bn-chapter-list__badge--lock{
display:inline-grid;
place-items:center;
width:30px;
height:30px;
padding:0 !important;
border-radius:999px;
}
.bn-chapter-list__badge--lock svg{
width:16px;
height:16px;
}
.bn-chapter-locked{
text-align:center;
display:grid;
justify-items:center;
}
.bn-chapter-locked__icon{
display:grid;
place-items:center;
width:54px;
height:54px;
margin:0 auto 10px;
border-radius:999px;
background:color-mix(in srgb,currentColor 10%,transparent);
}
.bn-chapter-locked__icon svg{
width:26px;
height:26px;
}
.bn-chapter-comment-drawer__form .bn-comment-form__editor-shell{
overflow:hidden !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools{
padding:10px 12px !important;
}
@media (max-width: 720px){
.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools{
display:flex !important;
align-items:stretch !important;
flex-direction:column !important;
gap:12px !important;
width:100% !important;
max-width:100% !important;
overflow:hidden !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-toolbar{
display:flex !important;
align-items:center !important;
width:100% !important;
max-width:100% !important;
flex:0 1 auto !important;
flex-wrap:nowrap !important;
gap:8px !important;
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch !important;
padding-bottom:4px !important;
scrollbar-width:thin;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button{
flex:0 0 auto !important;
min-width:42px !important;
height:40px !important;
padding:0 10px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button span:last-child{
display:none !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle{
width:100% !important;
max-width:100% !important;
flex:0 0 auto !important;
justify-content:center !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__editor-textarea,.bn-chapter-comment-drawer__form .bn-comment-form__rich-preview{
min-height:176px !important;
border-radius:0 0 17px 17px !important;
}}
.bn-chapter-reader.has-reader-color{
color:var(--bn-reader-color) !important;
}
.bn-chapter-reader.has-reader-family,.bn-chapter-reader.has-reader-family *{
font-family:var(--bn-reader-family) !important;
}
.bn-chapter-floating__panel select,.bn-chapter-floating__panel input[type="color"]{
width:100%;
min-height:38px;
border:1px solid color-mix(in srgb,currentColor 16%,transparent);
border-radius:12px;
background:transparent;
color:inherit;
}
.bn-chapter-floating__panel input[type="color"]{
padding:3px;
cursor:pointer;
}
.bn-chapter-list__meta .bn-chapter-unlock-countdown{
flex-basis:100%;
display:inline-flex;
width:max-content;
max-width:100%;
padding:5px 8px;
border-radius:999px;
background:color-mix(in srgb,var(--wp--preset--color--primary,currentColor) 12%,transparent);
font-size:11px;
font-weight:900;
line-height:1.15;
letter-spacing:0.02em;
white-space:nowrap;
}
.bn-chapter-locked__countdown{
display:inline-flex;
margin:0 auto 8px;
padding:8px 12px;
border-radius:999px;
background:color-mix(in srgb,var(--wp--preset--color--primary,currentColor) 13%,transparent);
font-size:13px;
font-weight:900;
letter-spacing:0.03em;
}
.bn-chapter-list__badge--lock{
color:inherit;
}
.bn-chapter-comment-drawer__form{
overflow:hidden !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__field--rich.is-rich-active,.bn-chapter-comment-drawer__form .bn-comment-form__editor-shell{
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools{
min-width:0 !important;
max-width:100% !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-toolbar{
max-width:100% !important;
min-width:0 !important;
}
@media (max-width: 720px){
.bn-chapter-comment-drawer__form .bn-comment-form__field--rich.is-rich-active .bn-comment-form__editor-shell{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
gap:0 !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
padding:8px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-toolbar{
display:flex !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch !important;
padding:0 0 4px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle{
height:40px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__editor-textarea,.bn-chapter-comment-drawer__form .bn-comment-form__rich-preview{
min-height:164px !important;
}}
.bn-chapter-list__meta{
align-content:center;
}
.bn-chapter-list__meta .bn-chapter-unlock-countdown{
flex:0 0 auto !important;
width:auto !important;
max-width:max-content !important;
display:inline-flex !important;
align-items:center;
justify-content:center;
align-self:center;
white-space:nowrap;
}
.bn-chapter-list__badge--lock{
display:inline-flex !important;
align-items:center;
justify-content:center;
flex:0 0 auto;
width:28px;
height:28px;
padding:0 !important;
}
.bn-chapter-list__badge--lock svg{
display:block;
width:16px;
height:16px;
}
.bn-reader-color-row{
display:grid;
grid-template-columns:1fr auto;
gap:8px;
align-items:center;
}
.bn-reader-color-reset{
min-height:38px;
padding:0 10px;
border:1px solid color-mix(in srgb,currentColor 16%,transparent);
border-radius:12px;
background:transparent;
color:inherit;
font:inherit;
font-size:12px;
font-weight:800;
cursor:pointer;
}
.bn-reader-color-reset:hover{
background:color-mix(in srgb,currentColor 8%,transparent);
}
@media (max-width: 760px){
.bn-chapter-list__item{
grid-template-columns:minmax(0,1fr);
gap:8px;
}
.bn-chapter-list__meta{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:7px !important;
}
.bn-chapter-list__meta .bn-chapter-unlock-countdown{
font-size:10.5px;
padding:5px 7px;
}
.bn-chapter-list__main{
min-width:0;
}
.bn-chapter-list__title{
display:block;
}}
.bn-chapter-line__bubble{
overflow:visible;
}
.bn-chapter-line__bubble svg{
display:block;
overflow:visible;
}
.bn-chapter-comment-drawer__comments .bn-series-comments-list{
display:grid;
gap:14px;
}
.bn-chapter-comment-drawer__thread{
display:grid;
gap:10px;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card{
width:100%;
box-sizing:border-box;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card__head{
align-items:flex-start;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card__identity{
min-width:0;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card__footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card__actions{
display:flex;
align-items:center;
gap:8px;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-replies{
margin-left:18px;
padding-left:14px;
border-left:1px solid color-mix(in srgb,currentColor 14%,transparent);
display:grid;
gap:10px;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-replies[hidden]{
display:none;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-replies-toggle{
justify-self:start;
}
.bn-chapter-comment-drawer__form .bn-comment-form__shell{
max-width:100%;
min-width:0;
}
.bn-chapter-comment-drawer__form .bn-comment-form,.bn-chapter-comment-drawer__form .bn-comment-form__grid,.bn-chapter-comment-drawer__form .bn-comment-form__editor-field{
max-width:100%;
min-width:0;
box-sizing:border-box;
}
@media (max-width: 640px){
.bn-chapter-comment-drawer__thread .bn-series-comment-replies{
margin-left:8px;
padding-left:10px;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card__footer{
align-items:flex-start;
flex-direction:column;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card__actions{
align-self:flex-end;
}}
.bn-chapter-comment-drawer__replying{
display:flex;
align-items:center;
gap:8px;
margin:0 0 10px;
padding:9px 11px;
border-radius:999px;
background:color-mix(in srgb,var(--wp--preset--color--primary,currentColor) 12%,transparent);
font-size:12px;
font-weight:900;
line-height:1.2;
}
.bn-chapter-comment-drawer__replying:before{
content:"↳";
font-size:16px;
line-height:1;
}
.bn-chapter-comment-drawer__replying[hidden]{
display:none !important;
}
.bn-chapter-list{
padding:clamp(12px,2.4vw,18px) !important;
}
.bn-chapter-list__head{
margin-bottom:12px !important;
}
.bn-chapter-list ol{
gap:7px !important;
}
.bn-chapter-list__item{
grid-template-columns:minmax(86px,128px) minmax(0,1fr) !important;
gap:12px !important;
padding:11px 13px !important;
border-radius:15px !important;
}
.bn-chapter-list__meta{
gap:6px !important;
}
.bn-chapter-list__num{
font-size:12px !important;
line-height:1.2;
}
.bn-chapter-list__title{
font-size:clamp(15px,2.4vw,18px) !important;
line-height:1.25;
}
.bn-chapter-list__main p{
margin-top:2px !important;
font-size:13px !important;
line-height:1.35;
}
.bn-chapter-list__badge--lock{
width:24px !important;
height:24px !important;
}
.bn-chapter-list__badge--lock svg{
width:14px !important;
height:14px !important;
}
.bn-chapter-list__meta .bn-chapter-unlock-countdown{
font-size:10px !important;
padding:4px 7px !important;
}
.bn-chapter-list__pager{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
flex-wrap:wrap;
margin:14px 0 0;
}
.bn-chapter-list__pager button,.bn-chapter-list__pager input{
min-height:36px;
border:1px solid color-mix(in srgb,currentColor 14%,transparent);
border-radius:999px;
background:color-mix(in srgb,currentColor 5%,transparent);
color:inherit;
font:inherit;
font-size:12px;
font-weight:800;
}
.bn-chapter-list__pager button{
min-width:36px;
padding:0 12px;
cursor:pointer;
}
.bn-chapter-list__pager button[aria-current="page"]{
background:var(--wp--preset--color--contrast,#111);
color:var(--wp--preset--color--base,#fff);
}
.bn-chapter-list__pager button:disabled{
cursor:not-allowed;
opacity:0.42;
}
.bn-chapter-list__pager-pages{
display:flex;
align-items:center;
gap:5px;
flex-wrap:wrap;
justify-content:center;
}
.bn-chapter-list__pager label{
display:flex;
align-items:center;
gap:6px;
font-size:12px;
font-weight:800;
opacity:0.82;
}
.bn-chapter-list__pager input{
width:62px;
padding:0 9px;
text-align:center;
-moz-appearance:textfield;
}
.bn-chapter-list__pager input::-webkit-outer-spin-button,.bn-chapter-list__pager input::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0;
}
@media (max-width: 720px){
.bn-chapter-list__item{
gap:7px !important;
padding:10px 11px !important;
}
.bn-chapter-list__meta{
align-items:center !important;
}
.bn-chapter-list__pager{
gap:6px;
}
.bn-chapter-list__pager-pages{
order:3;
width:100%;
}
.bn-chapter-list__pager button{
min-width:34px;
padding:0 10px;
}
.bn-chapter-list__pager input{
width:54px;
}
.bn-chapter-comment-drawer__replying{
border-radius:14px;
}}
.bn-chapter-comment-drawer__replying span{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.bn-chapter-comment-drawer__replying button{
margin-left:auto;
width:24px;
height:24px;
border:0;
border-radius:999px;
background:color-mix(in srgb,currentColor 12%,transparent);
color:inherit;
font-size:18px;
line-height:1;
cursor:pointer;
display:inline-grid;
place-items:center;
}
.bn-chapter-nav{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
align-items:center !important;
justify-content:center !important;
gap:10px !important;
}
.bn-chapter-nav__prev{
grid-column:1;
justify-self:end;
}
.bn-chapter-nav__index{
grid-column:2;
justify-self:center;
}
.bn-chapter-nav__next{
grid-column:3;
justify-self:start;
}
.bn-chapter-list__item[hidden]{
display:none !important;
}
.bn-chapter-list__pager{
position:relative;
}
.bn-chapter-list__jump{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
}
.bn-chapter-list__jump-menu{
position:absolute;
left:50%;
bottom:calc(100% + 8px);
z-index:30;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px;
align-items:end;
width:min(220px,calc(100vw - 48px));
padding:10px;
border:1px solid color-mix(in srgb,currentColor 15%,transparent);
border-radius:16px;
background:var(--wp--preset--color--base,#fff);
color:var(--wp--preset--color--contrast,#111);
box-shadow:0 18px 50px rgba(0,0,0,0.18);
transform:translateX(-50%);
}
.bn-chapter-list__jump-menu[hidden]{
display:none !important;
}
.bn-chapter-list__jump-menu label{
display:grid !important;
gap:5px !important;
align-items:start !important;
opacity:1 !important;
}
.bn-chapter-list__jump-menu label span{
font-size:11px;
text-transform:uppercase;
letter-spacing:0.06em;
}
.bn-chapter-list__jump-menu input{
width:100% !important;
min-width:0;
}
.bn-chapter-list__jump-menu button{
white-space:nowrap;
}
.bn-chapter-list__pager-pages > span{
display:inline-grid;
place-items:center;
min-width:18px;
font-weight:900;
opacity:0.65;
}
@media (max-width: 640px){
.bn-chapter-nav{
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
gap:6px !important;
}
.bn-chapter-nav .bn-series-button{
min-width:0 !important;
padding-left:10px !important;
padding-right:10px !important;
font-size:12px !important;
}
.bn-chapter-list__jump-menu{
bottom:auto;
top:calc(100% + 8px);
}}
.bn-chapter-list,.bn-chapter-list__pager{
overflow:visible !important;
}
.bn-chapter-list__pager{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:6px !important;
flex-wrap:nowrap !important;
white-space:nowrap !important;
max-width:100%;
isolation:isolate;
}
.bn-chapter-list__pager-pages{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:4px !important;
flex:0 1 auto !important;
flex-wrap:nowrap !important;
width:auto !important;
order:0 !important;
min-width:0;
}
.bn-chapter-list__pager button{
flex:0 0 auto !important;
min-width:32px !important;
min-height:32px !important;
height:32px !important;
padding:0 10px !important;
font-size:11px !important;
line-height:1 !important;
}
.bn-chapter-list__pager-pages button{
min-width:30px !important;
padding:0 8px !important;
}
.bn-chapter-list__pager-pages > span{
flex:0 0 auto !important;
min-width:12px !important;
}
.bn-chapter-list__jump{
position:static !important;
display:inline-flex !important;
flex:0 0 auto !important;
align-items:center !important;
justify-content:center !important;
}
.bn-chapter-list__jump-toggle{
font-size:16px !important;
font-weight:900 !important;
letter-spacing:0.08em !important;
}
.bn-chapter-list__jump-menu{
position:fixed !important;
z-index:9999 !important;
display:grid !important;
grid-template-columns:66px auto !important;
gap:5px !important;
align-items:center !important;
width:auto !important;
min-width:128px !important;
max-width:calc(100vw - 16px) !important;
padding:6px !important;
border:1px solid color-mix(in srgb,var(--bn-chapter-soft,#9a948c) 24%,transparent) !important;
border-radius:999px !important;
background:linear-gradient(180deg,color-mix(in srgb,var(--bn-chapter-surface-2,#33312f) 94%,#000 6%),var(--bn-chapter-surface,#242220)) !important;
color:var(--bn-chapter-text,#b7b4ae) !important;
box-shadow:0 16px 44px rgba(0,0,0,0.42) !important;
transform:none !important;
overflow:visible !important;
}
.bn-chapter-list__jump-menu label,.bn-chapter-list__jump-menu label span{
display:none !important;
}
.bn-chapter-list__jump-menu input{
width:66px !important;
min-width:0 !important;
min-height:30px !important;
height:30px !important;
padding:0 8px !important;
border:1px solid color-mix(in srgb,var(--bn-chapter-soft,#9a948c) 22%,transparent) !important;
border-radius:999px !important;
background:color-mix(in srgb,var(--bn-chapter-bg,#0a0a0a) 68%,transparent) !important;
color:var(--bn-chapter-text,#b7b4ae) !important;
font:inherit !important;
font-size:12px !important;
font-weight:900 !important;
text-align:center !important;
box-sizing:border-box !important;
outline:none !important;
}
.bn-chapter-list__jump-menu input:focus{
border-color:color-mix(in srgb,var(--bn-chapter-accent,#8f7462) 72%,transparent) !important;
box-shadow:0 0 0 2px color-mix(in srgb,var(--bn-chapter-accent,#8f7462) 22%,transparent) !important;
}
.bn-chapter-list__jump-menu button{
min-width:38px !important;
height:30px !important;
min-height:30px !important;
padding:0 10px !important;
border:1px solid color-mix(in srgb,var(--bn-chapter-accent,#8f7462) 52%,transparent) !important;
border-radius:999px !important;
background:color-mix(in srgb,var(--bn-chapter-accent,#8f7462) 26%,var(--bn-chapter-surface-2,#33312f)) !important;
color:var(--bn-chapter-text,#b7b4ae) !important;
font-size:11px !important;
font-weight:900 !important;
line-height:1 !important;
white-space:nowrap !important;
cursor:pointer !important;
}
.bn-chapter-list__jump-menu button:hover,.bn-chapter-list__jump-menu button:focus-visible{
background:color-mix(in srgb,var(--bn-chapter-accent,#8f7462) 42%,var(--bn-chapter-surface-2,#33312f)) !important;
outline:none !important;
}
@media (max-width: 720px){
.bn-chapter-list__pager{
gap:4px !important;
flex-wrap:nowrap !important;
justify-content:center !important;
}
.bn-chapter-list__pager-pages{
gap:3px !important;
width:auto !important;
order:0 !important;
}
.bn-chapter-list__pager button{
min-width:29px !important;
height:30px !important;
min-height:30px !important;
padding:0 7px !important;
}
.bn-chapter-list__pager-pages button{
min-width:28px !important;
padding:0 6px !important;
}
.bn-chapter-list__jump-menu{
grid-template-columns:58px auto !important;
min-width:116px !important;
padding:5px !important;
}
.bn-chapter-list__jump-menu input{
width:58px !important;
height:28px !important;
min-height:28px !important;
}
.bn-chapter-list__jump-menu button{
height:28px !important;
min-height:28px !important;
min-width:34px !important;
padding:0 8px !important;
}}
.bn-chapter-list__jump[hidden]{
display:none !important;
}
.bn-chapter-list__pager-pages > .bn-chapter-list__jump{
display:inline-flex !important;
}
.bn-chapter-list__jump-slot{
display:none !important;
}
.bn-chapter-locked__purchase{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px;
margin-top:12px;
}
.bn-chapter-locked__purchase a,.bn-chapter-locked__purchase button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:0 22px;
border:0;
border-radius:999px;
background:linear-gradient(135deg,#e7bd75,#b87934);
color:#1b130b !important;
font-size:.9rem;
font-weight:950;
text-decoration:none;
box-shadow:0 14px 34px rgba(0,0,0,.22);
cursor:pointer;
}
.bn-chapter-locked__price{
color:#d7b071 !important;
font-weight:900;
}
.bn-chapter-crisp-price{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
width:max-content;
margin:12px auto 0;
padding:7px 11px;
border:1px solid color-mix(in srgb,var(--bn-chapter-accent,#8f7462) 32%,transparent);
border-radius:999px;
background:color-mix(in srgb,var(--bn-chapter-accent,#8f7462) 13%,transparent);
color:#d7b071;
font-size:.9rem;
font-weight:950;
line-height:1;
}
.bn-chapter-crisp-price__icon,.bn-chapter-crisp-price__icon svg{
display:inline-block;
width:18px;
height:18px;
flex:0 0 18px;
}
.bn-chapter-list__price{
margin:0 0 0 6px;
padding:5px 8px;
font-size:12px;
}
.bn-chapter-list__price .bn-chapter-crisp-price__icon,.bn-chapter-list__price .bn-chapter-crisp-price__icon svg{
width:15px;
height:15px;
flex-basis:15px;
}
.bn-chapter-locked__purchase{
margin-top:18px !important;
}
.bn-chapter-locked__pay-form{
display:inline-flex;
margin:0;
}
.bn-chapter-locked>.bn-series-button{
margin-top:18px;
}
.bn-chapter-locked__notice{
max-width:48ch;
margin:12px auto 0;
color:#f0c58a;
font-weight:850;
}
.bn-chapter-comment-drawer{
z-index:2147482500 !important;
}
.bn-chapter-selection-popover,.bn-chapter-tools,.bn-chapter-floating__panel{
z-index:2147482000 !important;
}
.bn-chapter-list__badge--unlock{
color:#d7b071;
background:color-mix(in srgb,#d7b071 14%,transparent);
border-color:color-mix(in srgb,#d7b071 30%,transparent);
}
.bn-chapter-list__item.is-purchased .bn-chapter-list__title:after{
display:none !important;
}
.bn-chapter-locked__pay-form,.bn-chapter-locked__pay-button,.bn-chapter-locked__topup{
position:relative;
z-index:3;
pointer-events:auto;
}
.bn-chapter-locked__purchase{
position:relative;
z-index:2;
}
.bn-chapter-list__badge--unlock svg{
display:block;
width:18px;
height:18px;
flex:0 0 18px;
}
.bn-chapter-list__badge--unlock{
min-width:30px;
min-height:30px;
padding:5px;
}
.bn-chapter-unlock-countdown:empty{
display:none !important;
}
.bn-chapter-list__badge--lock,.bn-chapter-list__badge--unlock{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 24px !important;
width:24px !important;
min-width:24px !important;
height:24px !important;
min-height:24px !important;
box-sizing:border-box !important;
padding:0 !important;
border-radius:999px !important;
line-height:1 !important;
vertical-align:middle !important;
}
.bn-chapter-list__badge--lock svg,.bn-chapter-list__badge--unlock svg{
display:block !important;
width:14px !important;
height:14px !important;
min-width:14px !important;
min-height:14px !important;
max-width:14px !important;
max-height:14px !important;
flex:0 0 14px !important;
margin:0 !important;
}
.bn-chapter-list__badge--unlock{
color:#d7b071 !important;
background:color-mix(in srgb,#d7b071 14%,transparent) !important;
border:1px solid color-mix(in srgb,#d7b071 30%,transparent) !important;
}
.bn-chapter-list__badge--lock{
border:1px solid color-mix(in srgb,currentColor 18%,transparent) !important;
}
.bn-chapter-bookmark{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border:1px solid rgba(39,31,25,.14);
border-radius:999px;
background:#fff8ef;
color:#2f241d;
box-shadow:0 8px 22px rgba(42,31,24,.08);
cursor:pointer;
transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
.bn-chapter-bookmark:hover,.bn-chapter-bookmark:focus-visible,.bn-chapter-bookmark.is-bookmarked{
border-color:rgba(138,100,80,.3);
background:#2f241d;
color:#fff;
transform:translateY(-1px);
}
.bn-chapter-bookmark svg{
width:20px;
height:20px;
}
.bn-chapter-bookmark.is-bookmarked svg path{
fill:currentColor;
}
.bn-chapter-bookmark{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:46px !important;
min-width:46px !important;
height:42px !important;
border:1px solid color-mix(in srgb,var(--bn-chapter-accent,#d7b071) 38%,rgba(255,255,255,.18)) !important;
border-radius:999px !important;
background:linear-gradient(180deg,rgba(255,248,239,.98),rgba(239,222,199,.94)) !important;
color:#3a2618 !important;
box-shadow:0 10px 26px rgba(42,31,24,.14),inset 0 1px 0 rgba(255,255,255,.7) !important;
cursor:pointer !important;
overflow:visible !important;
transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease !important;
}
.bn-chapter-bookmark:hover,.bn-chapter-bookmark:focus-visible{
border-color:color-mix(in srgb,var(--bn-chapter-accent,#d7b071) 64%,transparent) !important;
background:linear-gradient(180deg,#fffaf3,#efd9b7) !important;
color:#24160e !important;
box-shadow:0 14px 34px rgba(42,31,24,.2),0 0 0 4px color-mix(in srgb,var(--bn-chapter-accent,#d7b071) 14%,transparent) !important;
transform:translateY(-1px) scale(1.035) !important;
outline:0 !important;
}
.bn-chapter-bookmark:active{
transform:translateY(0) scale(.97) !important;
filter:saturate(1.08) !important;
}
.bn-chapter-bookmark.is-bookmarked{
border-color:color-mix(in srgb,var(--bn-chapter-accent,#d7b071) 72%,transparent) !important;
background:linear-gradient(135deg,#f0c97a,#9a632d) !important;
color:#1e130b !important;
box-shadow:0 16px 38px color-mix(in srgb,var(--bn-chapter-accent,#d7b071) 28%,rgba(0,0,0,.18)),inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.bn-chapter-bookmark.is-bookmarked:hover,.bn-chapter-bookmark.is-bookmarked:focus-visible{
background:linear-gradient(135deg,#ffd98d,#b87934) !important;
color:#120b06 !important;
box-shadow:0 18px 42px color-mix(in srgb,var(--bn-chapter-accent,#d7b071) 34%,rgba(0,0,0,.2)),0 0 0 4px color-mix(in srgb,var(--bn-chapter-accent,#d7b071) 18%,transparent) !important;
}
.bn-chapter-bookmark svg{
display:block !important;
width:23px !important;
height:23px !important;
min-width:23px !important;
max-width:23px !important;
flex:0 0 23px !important;
transform:none !important;
}
.bn-chapter-bookmark svg path{
vector-effect:non-scaling-stroke !important;
}
.bn-chapter-bookmark.is-bookmarked svg path{
fill:currentColor !important;
stroke:currentColor !important;
}
.bn-chapter-bookmark.is-saving{
opacity:.92 !important;
}
.bn-chapter-bookmark.is-saving:after{
content:"";
position:absolute;
inset:-3px;
border-radius:999px;
border:1px solid currentColor;
border-right-color:transparent;
opacity:.5;
animation:bn-bookmark-spin .55s linear infinite;
}
@keyframes bn-bookmark-spin{
to{
transform:rotate(360deg);
}}
.bn-unlock-modal-open,body.bn-unlock-modal-open{
overflow:hidden;
}
.bn-unlock-modal[hidden]{
display:none !important;
}
.bn-unlock-modal{
position:fixed;
inset:0;
z-index:2147483647;
display:grid;
place-items:center;
padding:var(--bn-gutter);
font-family:var(--bn-font-sans);
color:var(--bn-text);
isolation:isolate;
}
.bn-unlock-modal__backdrop{
position:absolute;
inset:0;
z-index:0;
background:rgba(0,0,0,.78);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
.bn-unlock-modal__dialog{
position:relative;
z-index:1;
width:min(100%,640px);
max-height:min(720px,88dvh);
display:flex;
flex-direction:column;
overflow:hidden;
border:1px solid var(--bn-line);
border-radius:var(--bn-radius-lg);
background:linear-gradient(180deg,var(--bn-card) 0%,#1b1917 100%);
box-shadow:var(--bn-shadow-xl),inset 0 1px 0 var(--bn-white-04);
color:var(--bn-text);
}
.bn-unlock-modal__head{
display:grid;
grid-template-columns:minmax(0,1fr) 48px;
align-items:start;
gap:16px;
padding:22px 24px;
border-bottom:1px solid var(--bn-white-06);
background:var(--bn-white-02);
}
.bn-unlock-modal__head>div{
min-width:0;
text-align:left;
}
.bn-unlock-modal__head p{
margin:0 0 4px !important;
color:var(--bn-gold-text);
font-size:12px;
font-weight:900;
letter-spacing:.1em;
line-height:1;
text-align:left;
text-transform:uppercase;
}
.bn-unlock-modal__head h3{
margin:0 !important;
color:var(--bn-white-96);
font-size:clamp(1.35rem,1rem + 1vw,2rem);
letter-spacing:var(--bn-letter-tight);
line-height:1.05;
text-align:left;
}
.bn-unlock-modal__close,.bn-unlock-modal__toolbar button{
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid var(--bn-line);
border-radius:var(--bn-radius-pill);
background:var(--bn-white-04);
color:var(--bn-text);
font:inherit;
cursor:pointer;
transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.bn-unlock-modal__close:hover,.bn-unlock-modal__close:focus-visible,.bn-unlock-modal__toolbar button:hover,.bn-unlock-modal__toolbar button:focus-visible{
border-color:var(--bn-accent-line);
background:var(--bn-white-08);
color:#fff;
outline:0;
}
.bn-unlock-modal__close{
width:48px;
height:48px;
flex:0 0 48px;
align-self:start;
color:var(--bn-white-96);
font-size:36px;
font-weight:700;
line-height:1;
letter-spacing:0;
}
.bn-unlock-modal__toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px 18px;
border-bottom:1px solid var(--bn-white-06);
background:var(--bn-white-01);
font-size:13px;
font-weight:850;
}
.bn-unlock-modal__toolbar button{
min-height:36px;
padding:0 14px;
color:var(--bn-gold-text);
font-size:12px;
font-weight:950;
}
.bn-unlock-modal__toolbar span{
color:var(--bn-text-soft);
}
.bn-unlock-modal__toolbar strong,.bn-unlock-modal__foot strong{
color:var(--bn-gold-text);
font-weight:950;
}
.bn-unlock-modal__list{
display:grid;
gap:8px;
overflow:auto;
padding:12px;
scrollbar-width:thin;
scrollbar-color:var(--bn-white-16) transparent;
}
.bn-unlock-modal__item{
position:relative;
display:grid;
grid-template-columns:22px minmax(0,1fr) auto;
align-items:center;
gap:12px;
margin:0;
padding:14px 16px;
border:1px solid var(--bn-line);
border-radius:var(--bn-radius-md);
background:var(--bn-white-035);
color:inherit;
cursor:pointer;
transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.bn-unlock-modal__item:hover,.bn-unlock-modal__item:focus-within{
border-color:var(--bn-accent-line);
background:var(--bn-white-06);
transform:translateY(-1px);
}
.bn-unlock-modal__item input{
width:20px;
height:20px;
margin:0;
accent-color:var(--bn-gold);
}
.bn-unlock-modal__item span{
min-width:0;
display:grid;
gap:3px;
text-align:left;
}
.bn-unlock-modal__item strong{
overflow:hidden;
color:var(--bn-white-96);
font-size:15px;
font-weight:900;
line-height:1.2;
text-overflow:ellipsis;
white-space:nowrap;
}
.bn-unlock-modal__item em{
overflow:hidden;
color:var(--bn-text-soft);
font-size:13px;
font-style:normal;
line-height:1.35;
text-overflow:ellipsis;
white-space:nowrap;
}
.bn-unlock-modal__price{
margin:0 !important;
white-space:nowrap;
justify-self:end;
}
.bn-unlock-modal__status{
min-height:20px;
margin:0;
padding:0 18px;
color:var(--bn-danger-text);
font-size:13px;
font-weight:850;
}
.bn-unlock-modal__foot{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:14px 18px 18px;
border-top:1px solid var(--bn-white-06);
background:linear-gradient(180deg,var(--bn-white-01),var(--bn-white-035));
font-size:14px;
font-weight:900;
}
.bn-unlock-modal__foot span{
color:var(--bn-text-soft);
}
.bn-unlock-modal__foot button{
min-height:44px;
padding:0 20px;
}
.bn-unlock-modal__foot button:disabled{
opacity:.45;
cursor:not-allowed;
filter:saturate(.65);
}
.bn-chapter-locked__pay-form--fallback{
display:inline-flex;
}
@media (scripting:enabled){
.bn-chapter-locked__pay-form--fallback{
display:none;
}}
@media (max-width:640px){
.bn-unlock-modal{
align-items:center;
justify-items:center;
padding:12px;
}
.bn-unlock-modal__dialog{
width:min(100%,560px);
max-height:calc(100dvh - 24px);
border-radius:22px;
}
.bn-unlock-modal__head{
grid-template-columns:minmax(0,1fr) 46px;
gap:12px;
padding:16px;
}
.bn-unlock-modal__close{
width:46px;
height:46px;
flex-basis:46px;
font-size:34px;
}
.bn-unlock-modal__toolbar{
gap:10px;
padding:12px 14px;
}
.bn-unlock-modal__toolbar button{
width:max-content;
}
.bn-unlock-modal__list{
max-height:none;
padding:10px;
}
.bn-unlock-modal__item{
grid-template-columns:20px minmax(0,1fr) auto;
gap:9px;
padding:12px 10px;
}
.bn-unlock-modal__item input{
width:19px;
height:19px;
}
.bn-unlock-modal__item strong{
font-size:14px;
white-space:nowrap;
}
.bn-unlock-modal__item em{
font-size:12px;
white-space:nowrap;
}
.bn-unlock-modal__price{
grid-column:auto;
justify-self:end;
font-size:12px;
}
.bn-unlock-modal__status{
padding:0 14px;
}
.bn-unlock-modal__foot{
position:sticky;
bottom:0;
align-items:stretch;
flex-direction:column;
padding:12px 14px calc(14px + env(safe-area-inset-bottom));
background:linear-gradient(180deg,rgba(27,25,23,.92),#1b1917);
}
.bn-unlock-modal__foot .bn-series-button{
width:100%;
justify-content:center;
}}
@media (max-width:380px){
.bn-unlock-modal{
padding:8px;
}
.bn-unlock-modal__dialog{
width:100%;
max-height:calc(100dvh - 16px);
border-radius:18px;
}
.bn-unlock-modal__head{
grid-template-columns:minmax(0,1fr) 44px;
padding:14px;
}
.bn-unlock-modal__head h3{
font-size:1.28rem;
}
.bn-unlock-modal__close{
width:44px;
height:44px;
flex-basis:44px;
font-size:32px;
}
.bn-unlock-modal__toolbar{
flex-direction:column;
align-items:stretch;
}
.bn-unlock-modal__toolbar button{
width:100%;
}
.bn-unlock-modal__item{
grid-template-columns:18px minmax(0,1fr) auto;
gap:8px;
padding:11px 8px;
}
.bn-unlock-modal__item input{
width:18px;
height:18px;
}
.bn-unlock-modal__item strong{
font-size:13px;
}
.bn-unlock-modal__item em{
font-size:11px;
}
.bn-unlock-modal__price{
font-size:11px;
}}
html.bn-unlock-modal-open,body.bn-unlock-modal-open{
overflow:hidden !important;
}
.bn-unlock-modal{
position:fixed !important;
inset:0 !important;
z-index:2147483647 !important;
transform:none !important;
contain:layout style paint;
isolation:isolate;
}
.bn-unlock-modal__backdrop{
z-index:2147483646 !important;
}
.bn-unlock-modal__dialog{
z-index:2147483647 !important;
margin:auto !important;
}
.bn-unlock-modal__close{
position:relative;
width:46px;
height:46px;
min-width:46px;
min-height:46px;
padding:0 !important;
font-size:0 !important;
line-height:1 !important;
}
.bn-unlock-modal__close span{
display:block;
width:100%;
height:100%;
color:#fff;
font-size:30px;
font-weight:800;
line-height:42px;
text-align:center;
transform:translateY(-1px);
}
.bn-unlock-modal__toolbar button[data-bpp-unlock-all]{
border-color:color-mix(in srgb,var(--bn-gold,#d7b071) 52%,transparent) !important;
background:color-mix(in srgb,var(--bn-gold,#d7b071) 15%,transparent) !important;
color:#ffe2a8 !important;
text-shadow:0 1px 2px rgba(0,0,0,.55);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.bn-unlock-modal__toolbar button[data-bpp-unlock-all]:hover,.bn-unlock-modal__toolbar button[data-bpp-unlock-all]:focus-visible{
border-color:color-mix(in srgb,var(--bn-gold,#d7b071) 78%,transparent) !important;
background:color-mix(in srgb,var(--bn-gold,#d7b071) 23%,transparent) !important;
color:#fff0c2 !important;
}
.bn-unlock-modal__balance,.bn-unlock-modal__total{
display:inline-flex !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
color:var(--bn-gold-text,#d7b071) !important;
vertical-align:middle;
}
.bn-unlock-modal__balance .bn-chapter-crisp-price__icon,.bn-unlock-modal__balance .bn-chapter-crisp-price__icon svg,.bn-unlock-modal__total .bn-chapter-crisp-price__icon,.bn-unlock-modal__total .bn-chapter-crisp-price__icon svg{
width:16px !important;
height:16px !important;
flex:0 0 16px !important;
}
.bn-unlock-modal__price{
display:inline-flex !important;
align-items:center !important;
gap:6px !important;
}
.bn-unlock-modal__item{
grid-template-columns:22px minmax(0,1fr) max-content !important;
}
.bn-unlock-modal__item span{
overflow:hidden;
}
.bn-unlock-modal__item .bn-chapter-crisp-price__icon{
margin-left:0;
}
@media (max-width:640px){
.bn-unlock-modal{
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:12px !important;
}
.bn-unlock-modal__dialog{
width:min(100%,560px) !important;
max-height:calc(100dvh - 24px) !important;
}
.bn-unlock-modal__close{
width:44px;
height:44px;
min-width:44px;
min-height:44px;
}
.bn-unlock-modal__close span{
font-size:28px;
line-height:40px;
}
.bn-unlock-modal__item{
grid-template-columns:20px minmax(0,1fr) max-content !important;
}}
@media (max-width:380px){
.bn-unlock-modal{
padding:8px !important;
}
.bn-unlock-modal__close{
width:42px;
height:42px;
min-width:42px;
min-height:42px;
}
.bn-unlock-modal__close span{
font-size:27px;
line-height:38px;
}
.bn-unlock-modal__price{
gap:4px !important;
}
.bn-unlock-modal__price .bn-chapter-crisp-price__icon,.bn-unlock-modal__price .bn-chapter-crisp-price__icon svg{
width:14px !important;
height:14px !important;
flex-basis:14px !important;
}}
@media (min-width: 820px){
.bn-chapter-comment-drawer{
width:min(560px,calc(100vw - 48px));
}
.bn-chapter-comment-drawer__form .bn-comment-form{
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
align-items:start;
}
.bn-chapter-comment-drawer__form .bn-comment-form__field--account,.bn-chapter-comment-drawer__form .bn-comment-form__field--guest-identity,.bn-chapter-comment-drawer__form .bn-comment-form__field--guest-author{
grid-column:auto !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__field--rich,.bn-chapter-comment-drawer__form .bn-comment-form__checks,.bn-chapter-comment-drawer__form .bn-comment-form__actions{
grid-column:1/-1 !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-toolbar{
flex:1 1 auto;
display:flex;
flex-wrap:wrap;
gap:6px;
}
.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle{
flex:0 0 auto;
}}
.bn-chapter-comment-drawer__form .bn-series-comment-card__content.is-collapsible.is-collapsed:after{
background:linear-gradient(to bottom,rgba(20,19,18,0),var(--bn-chapter-surface,#181716)) !important;
}
.bn-chapter-comment-drawer__form .bn-series-comment-card__collapse{
color:var(--bn-chapter-accent,#d7b071) !important;
}
.bn-chapter-comment-drawer__form .bn-series-comment-card__collapse:hover,.bn-chapter-comment-drawer__form .bn-series-comment-card__collapse:focus-visible{
color:#fff0c2 !important;
}
@media (min-width:820px){
.bn-chapter-comment-drawer{
width:min(760px,calc(100vw - 48px)) !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form{
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
gap:8px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-toolbar{
display:flex !important;
flex:1 1 auto !important;
min-width:0 !important;
flex-wrap:wrap !important;
gap:6px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button,.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle{
height:38px !important;
min-width:38px !important;
padding:0 9px !important;
gap:5px !important;
border-radius:12px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button span:last-child,.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle span:last-child{
display:none !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__editor-textarea,.bn-chapter-comment-drawer__form .bn-comment-form__rich-preview{
min-height:168px !important;
}}
@media (min-width:1180px){
.bn-chapter-comment-drawer{
width:min(820px,calc(100vw - 64px)) !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button span:last-child{
display:inline !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle span:last-child{
display:inline !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button,.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle{
padding:0 11px !important;
}}
.bn-chapter-comment-drawer__form .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-chapter-comment-drawer__form .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-chapter-accent,#d7b071) !important;
font-weight:900 !important;
text-decoration:none !important;
}
.bn-chapter-comment-drawer__form .bn-series-comment-card__collapse:hover,.bn-chapter-comment-drawer__form .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;
}
@media (min-width:981px){
.bn-chapter-comment-drawer{
width:min(820px,calc(100vw - 64px)) !important;
}
.bn-chapter-comment-drawer__form .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-chapter-comment-drawer__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;
}
.bn-chapter-comment-drawer__form .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-chapter-comment-drawer__form .bn-comment-form__rich-button,.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle{
flex:0 0 auto !important;
width:auto !important;
height:42px !important;
min-width:42px !important;
padding:0 12px !important;
gap:7px !important;
white-space:nowrap !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button span:last-child,.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle span:last-child{
display:inline !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__editor-textarea,.bn-chapter-comment-drawer__form .bn-comment-form__rich-preview{
min-height:168px !important;
}}
.bn-chapter-comment-drawer__form .bn-series-comment-card.is-editing .bn-series-comment-card__collapse,.bn-chapter-comment-drawer__form .bn-series-comment-card__collapse[hidden]{
display:none !important;
}
.bn-chapter-comment-drawer__form .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-chapter-accent,#d7b071) !important;
font-weight:900 !important;
line-height:1.35 !important;
text-decoration:none !important;
}
.bn-chapter-comment-drawer__form .bn-series-comment-card__collapse:hover,.bn-chapter-comment-drawer__form .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-chapter-comment-drawer__form .bn-series-comment-card__collapse span{
display:inline !important;
}
.bn-chapter-comment-drawer__form .bn-series-comment-card__collapse[aria-expanded="false"] .bn-series-comment-card__less,.bn-chapter-comment-drawer__form .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-chapter-comment-drawer__form .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-chapter-accent,#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-chapter-comment-drawer__form .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-chapter-comment-drawer__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-chapter-comment-drawer__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-chapter-comment-drawer__form .bn-comment-form__rich-button,.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle{
flex:0 0 auto !important;
width:auto !important;
min-width:42px !important;
height:42px !important;
padding:0 12px !important;
gap:7px !important;
white-space:nowrap !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button span:last-child,.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle span:last-child{
display:inline !important;
}
@media (max-width:420px){
.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools{
gap:8px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-toolbar{
gap:6px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button,.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle{
height:38px !important;
min-width:38px !important;
padding:0 10px !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-button span:last-child,.bn-chapter-comment-drawer__form .bn-comment-form__preview-toggle span:last-child{
display:none !important;
}}
@media (max-width:760px){
.bn-chapter-comment-drawer__form .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-chapter-comment-drawer__form .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-chapter-comment-drawer__form .bn-comment-form__rich-tools>.bn-comment-form__preview-toggle{
width:100% !important;
min-width:0 !important;
}
.bn-chapter-comment-drawer__form .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-chapter-comment-drawer__form .bn-comment-form__rich-secondary-row>.bn-comment-form__preview-toggle{
width:100% !important;
min-width:0 !important;
}
.bn-chapter-comment-drawer__form .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-chapter-comment-drawer__form .bn-series-comment-edit-form__save,.bn-chapter-comment-drawer__form .bn-series-comment-edit-form__cancel{
width:100% !important;
min-width:0 !important;
padding-inline:10px !important;
}}
@media (max-width:430px){
.bn-chapter-comment-drawer__form .bn-comment-form__rich-secondary-row{
grid-template-columns:1fr !important;
}
.bn-chapter-comment-drawer__form .bn-series-comment-edit-form__actions{
grid-template-columns:1fr 1fr !important;
}
.bn-chapter-comment-drawer__form .bn-comment-form__rich-tools>.bn-comment-form__preview-toggle span:last-child,.bn-chapter-comment-drawer__form .bn-comment-form__rich-secondary-row>.bn-comment-form__preview-toggle span:last-child{
display:inline !important;
}}
@media (max-width:640px){
.bn-chapter-comment-drawer__thread .bn-series-comment-card{
display:flex !important;
flex-direction:column !important;
min-height:0 !important;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card__content{
flex:0 1 auto !important;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card__footer{
margin-top:auto !important;
width:100% !important;
align-self:stretch !important;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card{
display:flex !important;
flex-direction:column !important;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card__footer{
display:flex !important;
flex-direction:row !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
margin-top:auto !important;
width:100% !important;
align-self:stretch !important;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card__date{
flex:1 1 auto !important;
min-width:0 !important;
margin:0 !important;
align-self:center !important;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card__actions{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:8px !important;
flex:0 0 auto !important;
align-self:center !important;
margin-left:auto !important;
}}
.bn-chapter-comment-drawer__thread .bn-series-comment-edit-form{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
}
.bn-chapter-comment-drawer__thread .bn-series-comment-card.is-editing .bn-series-comment-card__footer{
margin-top:10px !important;
}
.bn-chapter-tool--bubbles svg{
width:19px;
height:19px;
display:block;
}
.bn-chapter-tool--bubbles.is-active{
opacity:.62;
}
.bn-chapter-page.has-hidden-comment-bubbles .bn-chapter-line__bubble{
display:none !important;
}
.bn-chapter-tools{
box-sizing:border-box;
overflow:visible;
}
.bn-chapter-tools>*{
box-sizing:border-box;
}
@media (max-width:980px){
.bn-chapter-tools{
display:grid !important;
grid-template-columns:repeat(4,46px) !important;
grid-auto-flow:row !important;
align-items:center !important;
justify-content:end !important;
gap:8px !important;
right:max(10px,env(safe-area-inset-right)) !important;
bottom:max(12px,env(safe-area-inset-bottom)) !important;
left:auto !important;
top:auto !important;
width:max-content !important;
max-width:calc(100vw - 20px) !important;
transform:none !important;
}
.bn-chapter-tool{
width:46px !important;
min-width:46px !important;
height:46px !important;
min-height:46px !important;
}
.bn-chapter-floating__panel{
position:absolute !important;
left:auto !important;
right:0 !important;
top:auto !important;
bottom:calc(100% + 8px) !important;
width:min(230px,calc(100vw - 20px)) !important;
max-height:calc(100dvh - 96px) !important;
overflow:auto !important;
-webkit-overflow-scrolling:touch !important;
}}
@media (max-width:430px){
.bn-chapter-tools{
grid-template-columns:repeat(4,40px) !important;
gap:7px !important;
right:max(8px,env(safe-area-inset-right)) !important;
bottom:max(10px,env(safe-area-inset-bottom)) !important;
max-width:calc(100vw - 16px) !important;
}
.bn-chapter-tool{
width:40px !important;
min-width:40px !important;
height:40px !important;
min-height:40px !important;
}
.bn-chapter-floating__panel{
width:min(230px,calc(100vw - 16px)) !important;
max-height:calc(100dvh - 88px) !important;
}}
@media (max-width:340px){
.bn-chapter-tools{
grid-template-columns:repeat(4,38px) !important;
gap:6px !important;
}
.bn-chapter-tool{
width:38px !important;
min-width:38px !important;
height:38px !important;
min-height:38px !important;
}}
.bn-chapter-list__volumes{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
flex-wrap:wrap;
margin:0 0 18px;
}
.bn-chapter-list__volumes button{
border:1px solid color-mix(in srgb,var(--bn-cl-soft) 22%,transparent);
border-radius:999px;
background:color-mix(in srgb,var(--bn-cl-bg-2) 70%,transparent);
color:var(--bn-cl-text);
padding:8px 12px;
font-size:12px;
font-weight:850;
line-height:1;
cursor:pointer;
transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.bn-chapter-list__volumes button:hover,.bn-chapter-list__volumes button:focus-visible,.bn-chapter-list__volumes button.is-active{
background:color-mix(in srgb,var(--bn-cl-accent) 22%,var(--bn-cl-bg-2));
border-color:color-mix(in srgb,var(--bn-cl-accent) 56%,transparent);
outline:0;
}
.bn-chapter-list__volumes button:active{
transform:scale(.97);
}
.bn-chapter-list__badge--volume{
background:color-mix(in srgb,var(--bn-cl-accent) 20%,transparent) !important;
color:var(--bn-cl-text) !important;
}
@media (max-width:720px){
.bn-chapter-list__volumes{
justify-content:flex-start;
overflow-x:auto;
flex-wrap:nowrap;
margin-left:-2px;
margin-right:-2px;
padding:0 2px 4px;
scrollbar-width:thin;
}
.bn-chapter-list__volumes button{
flex:0 0 auto;
}
.bn-chapter-list__meta{
gap:6px;
}}
.bn-chapter-list__item{
grid-template-columns:minmax(0,auto) minmax(0,1fr) !important;
}
.bn-chapter-list__meta{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:6px !important;
max-width:none !important;
min-width:0 !important;
}
.bn-chapter-list__badges{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:6px !important;
flex-wrap:nowrap !important;
min-width:0 !important;
max-width:100% !important;
}
.bn-chapter-list__badges>.bn-chapter-list__num,.bn-chapter-list__badges>.bn-chapter-list__badge,.bn-chapter-list__badges>.bn-chapter-crisp-price{
flex:0 0 auto !important;
}
.bn-chapter-list__badge--volume{
min-height:24px !important;
padding:3px 7px !important;
font-size:10.5px !important;
line-height:1 !important;
letter-spacing:.01em;
background:color-mix(in srgb,var(--bn-cl-accent) 18%,transparent) !important;
color:var(--bn-cl-text) !important;
border:1px solid color-mix(in srgb,var(--bn-cl-accent) 28%,transparent) !important;
}
.bn-chapter-list__badges .bn-chapter-list__badge--lock,.bn-chapter-list__badges .bn-chapter-list__badge--unlock{
order:3;
}
.bn-chapter-list__badges .bn-chapter-list__badge--volume{
order:2;
}
.bn-chapter-list__badges .bn-chapter-list__num{
order:1;
}
.bn-chapter-list__meta>.bn-chapter-unlock-countdown{
display:inline-flex !important;
align-self:flex-start !important;
margin:0 !important;
max-width:100% !important;
white-space:nowrap !important;
}
.bn-chapter-list__volumes{
order:2;
margin:0 0 12px !important;
}
.bn-chapter-list__actions{
order:3;
}
.bn-chapter-list__item.has-no-excerpt{
align-items:center !important;
}
.bn-chapter-list__item.has-no-excerpt .bn-chapter-list__main{
align-self:center !important;
}
.bn-chapter-list__item.has-no-excerpt .bn-chapter-list__title{
display:inline-block !important;
}
.bn-chapter-list__main{
align-self:start !important;
}
.bn-chapter-list__title{
vertical-align:top !important;
}
@media (max-width:760px){
.bn-chapter-list__item{
grid-template-columns:minmax(0,auto) minmax(0,1fr) !important;
align-items:start !important;
gap:10px !important;
}
.bn-chapter-list__meta{
grid-column:1 !important;
grid-row:1 !important;
}
.bn-chapter-list__main{
grid-column:2 !important;
grid-row:1 !important;
min-width:0 !important;
}
.bn-chapter-list__badges{
gap:5px !important;
}
.bn-chapter-list__num{
min-height:24px !important;
padding:4px 7px !important;
font-size:10.5px !important;
}
.bn-chapter-list__badge--volume{
padding:3px 6px !important;
}
.bn-chapter-list__main p{
margin-top:4px !important;
}
.bn-chapter-list__volumes{
justify-content:flex-start !important;
overflow-x:auto !important;
flex-wrap:nowrap !important;
margin:0 0 12px !important;
padding:0 2px 4px !important;
}
.bn-chapter-list__volumes button{
flex:0 0 auto !important;
padding:7px 10px !important;
}}
@media (max-width:520px){
.bn-chapter-list__item{
grid-template-columns:minmax(0,1fr) !important;
}
.bn-chapter-list__meta,.bn-chapter-list__main{
grid-column:1 !important;
}
.bn-chapter-list__meta{
grid-row:1 !important;
}
.bn-chapter-list__main{
grid-row:2 !important;
}
.bn-chapter-list__item.has-no-excerpt .bn-chapter-list__main{
grid-row:1 !important;
padding-left:calc(var(--bn-chapter-list-meta-width,0px));
}
.bn-chapter-list__badges{
max-width:100% !important;
overflow-x:auto !important;
scrollbar-width:none !important;
}
.bn-chapter-list__badges::-webkit-scrollbar{
display:none;
}
.bn-chapter-list__meta>.bn-chapter-unlock-countdown{
white-space:normal !important;
}}
.bn-chapter-list__volumes{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:max-content !important;
max-width:100% !important;
margin:0 auto 12px !important;
padding:0 0 4px !important;
overflow-x:auto !important;
overflow-y:hidden !important;
flex-wrap:wrap !important;
scrollbar-width:thin !important;
}
.bn-chapter-list__volumes button{
flex:0 0 auto !important;
}
.bn-chapter-list__item{
grid-template-columns:max-content minmax(0,1fr) !important;
align-items:start !important;
}
.bn-chapter-list__meta{
grid-column:1 !important;
grid-row:1 !important;
align-self:start !important;
width:max-content !important;
max-width:min(42vw,220px) !important;
}
.bn-chapter-list__main{
grid-column:2 !important;
grid-row:1 !important;
align-self:start !important;
min-width:0 !important;
}
.bn-chapter-list__badges{
width:max-content !important;
max-width:100% !important;
}
.bn-chapter-list__title{
display:block !important;
min-width:0 !important;
overflow-wrap:anywhere !important;
}
.bn-chapter-list__main p{
overflow-wrap:anywhere !important;
}
.bn-chapter-list__item.has-no-excerpt .bn-chapter-list__meta,.bn-chapter-list__item.has-no-excerpt .bn-chapter-list__main{
align-self:center !important;
}
.bn-chapter-list__item.has-no-excerpt .bn-chapter-list__main{
padding-left:0 !important;
}
@media (max-width:760px){
.bn-chapter-list__volumes{
justify-content:center !important;
flex-wrap:wrap !important;
margin-left:auto !important;
margin-right:auto !important;
padding-left:0 !important;
padding-right:0 !important;
}
.bn-chapter-list__item{
grid-template-columns:max-content minmax(0,1fr) !important;
gap:10px !important;
align-items:start !important;
}
.bn-chapter-list__meta{
grid-column:1 !important;
grid-row:1 !important;
max-width:min(46vw,210px) !important;
width:max-content !important;
}
.bn-chapter-list__main{
grid-column:2 !important;
grid-row:1 !important;
min-width:0 !important;
}
.bn-chapter-list__badges{
display:flex !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
overflow-y:hidden !important;
max-width:min(46vw,210px) !important;
scrollbar-width:none !important;
}
.bn-chapter-list__badges::-webkit-scrollbar{
display:none;
}
.bn-chapter-list__meta>.bn-chapter-unlock-countdown{
max-width:min(46vw,210px) !important;
white-space:normal !important;
}
.bn-chapter-list__title{
font-size:clamp(15px,4.2vw,18px) !important;
line-height:1.25 !important;
}
.bn-chapter-list__main p{
margin-top:5px !important;
font-size:13px !important;
line-height:1.45 !important;
}
.bn-chapter-list__item.has-no-excerpt .bn-chapter-list__main{
grid-row:1 !important;
padding-left:0 !important;
}}
@media (max-width:520px){
.bn-chapter-list__item{
grid-template-columns:max-content minmax(0,1fr) !important;
gap:9px !important;
}
.bn-chapter-list__meta,.bn-chapter-list__main{
grid-row:1 !important;
}
.bn-chapter-list__meta{
grid-column:1 !important;
max-width:min(50vw,188px) !important;
}
.bn-chapter-list__main{
grid-column:2 !important;
}
.bn-chapter-list__badges{
max-width:min(50vw,188px) !important;
}
.bn-chapter-list__meta>.bn-chapter-unlock-countdown{
max-width:min(50vw,188px) !important;
}
.bn-chapter-list__num{
padding:4px 7px !important;
}
.bn-chapter-list__badge--volume{
padding:3px 6px !important;
}
.bn-chapter-list__badge{
padding:4px 7px !important;
}
.bn-chapter-list__title{
font-size:15px !important;
}
.bn-chapter-list__main p{
display:block !important;
}}
.bn-chapter-list__unlock-row{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:6px !important;
width:max-content !important;
max-width:100% !important;
margin:0 !important;
}
.bn-chapter-list__unlock-row>.bn-chapter-unlock-countdown{
display:inline-flex !important;
align-self:center !important;
margin:0 !important;
max-width:100% !important;
min-width:0 !important;
white-space:nowrap !important;
}
.bn-chapter-list__unlock-row>.bn-chapter-list__price{
display:inline-flex !important;
align-self:center !important;
flex:0 0 auto !important;
margin:0 !important;
white-space:nowrap !important;
}
.bn-chapter-list__badges>.bn-chapter-list__price{
display:none !important;
}
.bn-chapter-list__meta>.bn-chapter-list__price{
display:none !important;
}
@media (max-width:760px){
.bn-chapter-list__unlock-row{
max-width:min(46vw,210px) !important;
overflow-x:auto !important;
overflow-y:hidden !important;
scrollbar-width:none !important;
}
.bn-chapter-list__unlock-row::-webkit-scrollbar{
display:none;
}
.bn-chapter-list__unlock-row>.bn-chapter-unlock-countdown{
white-space:nowrap !important;
}
.bn-chapter-list__price{
padding:4px 7px !important;
font-size:11px !important;
}
.bn-chapter-list__price .bn-chapter-crisp-price__icon,.bn-chapter-list__price .bn-chapter-crisp-price__icon svg{
width:13px !important;
height:13px !important;
flex-basis:13px !important;
}}
@media (max-width:520px){
.bn-chapter-list__unlock-row{
max-width:min(50vw,188px) !important;
gap:5px !important;
}
.bn-chapter-list__price{
padding:4px 6px !important;
font-size:10.5px !important;
}}