.bn-account-shell{
width:min(100%,1120px);
margin:clamp(24px,5vw,72px) auto;
padding:0 clamp(14px,3vw,24px);
}
.bn-account-tabs{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:0;
justify-content:flex-end;
}
.bn-account-tab{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 18px;
border:1px solid rgba(183,180,174,0.12);
border-radius:var(--bn-radius-pill);
background:linear-gradient(180deg,rgba(55,30,30,0.78) 0%,rgba(36,34,32,0.92) 100%);
color:var(--bn-text);
text-decoration:none;
font-weight:600;
letter-spacing:-0.01em;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 10px 24px rgba(0,0,0,0.14);
transition:transform 0.18s ease,border-color 0.18s ease,background 0.18s ease,color 0.18s ease;
}
.bn-account-tab:hover,.bn-account-tab:focus-visible{
transform:translateY(-1px);
border-color:rgba(183,180,174,0.22);
outline:none;
}
.bn-account-tab.is-active{
background:linear-gradient(180deg,#b7b4ae 0%,#8f897f 100%);
border-color:rgba(183,180,174,0.26);
color:#0a0a0a;
}
.bn-account-panel{
border:1px solid rgba(183,180,174,0.12);
border-radius:28px;
background:linear-gradient(180deg,rgba(55,30,30,0.28) 0%,rgba(20,18,18,0.92) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 18px 42px rgba(0,0,0,0.28);
backdrop-filter:blur(16px);
overflow:hidden;
}
.bn-account-panel--auth{
display:grid;
grid-template-columns:minmax(0,1fr);
}
.bn-account-panel--auth.has-split-auth{
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.bn-account-panel__column{
padding:clamp(20px,3vw,34px);
}
.bn-account-panel--auth.has-split-auth .bn-account-panel__column + .bn-account-panel__column{
border-left:1px solid rgba(183,180,174,0.08);
background:linear-gradient(180deg,rgba(255,255,255,0.015) 0%,rgba(255,255,255,0.03) 100%);
}
.bn-account-grid{
display:grid;
grid-template-columns:minmax(0,1.5fr) minmax(280px,0.9fr);
gap:clamp(16px,2vw,22px);
padding:clamp(20px,3vw,32px);
}
.bn-account-card{
border:1px solid rgba(183,180,174,0.1);
border-radius:24px;
background:linear-gradient(180deg,rgba(255,255,255,0.035) 0%,rgba(255,255,255,0.02) 100%);
padding:clamp(20px,2.5vw,28px);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
}
.bn-account-hero{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:18px;
align-items:center;
}
.bn-account-avatar{
display:inline-flex;
align-items:center;
justify-content:center;
width:clamp(72px,7vw,94px);
height:clamp(72px,7vw,94px);
border-radius:28px;
background:linear-gradient(145deg,#b7b4ae 0%,#726e68 100%);
color:#0a0a0a;
font-size:clamp(1.25rem,1rem + 1vw,2rem);
font-weight:800;
letter-spacing:-0.04em;
box-shadow:0 18px 32px rgba(0,0,0,0.24);
}
.bn-account-hero__content h2,.bn-account-form__header h2{
margin:0 0 8px;
font-size:clamp(1.5rem,1.15rem + 1vw,2.3rem);
}
.bn-account-hero__content p,.bn-account-form__header p{
margin:0;
color:var(--bn-text-soft);
}
.bn-account-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:18px;
}
.bn-account-action,.bn-account-submit{
min-height:46px;
padding:0 18px;
border:1px solid rgba(183,180,174,0.16);
background:linear-gradient(180deg,#b7b4ae 0%,#8f897f 100%);
color:#0a0a0a;
box-shadow:0 12px 24px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.24);
position:relative;
overflow:hidden;
transition:transform 0.16s ease,box-shadow 0.18s ease,border-color 0.18s ease,filter 0.18s ease,background 0.18s ease;
cursor:pointer;
}
.bn-account-action.is-secondary{
background:linear-gradient(180deg,rgba(183,180,174,0.08) 0%,rgba(114,110,104,0.18) 100%);
color:var(--bn-text);
}
.bn-account-stats{
display:grid;
gap:14px;
}
.bn-account-stats div{
display:grid;
gap:4px;
padding-bottom:14px;
border-bottom:1px solid rgba(183,180,174,0.08);
}
.bn-account-stats div:last-child{
padding-bottom:0;
border-bottom:0;
}
.bn-account-stats span{
color:var(--bn-muted);
font-size:0.85rem;
text-transform:uppercase;
letter-spacing:0.08em;
}
.bn-account-stats strong{
color:var(--bn-text);
word-break:break-word;
}
.bn-account-form{
display:grid;
width:100%;
gap:clamp(14px,2vw,18px);
}
.bn-account-form--wide{
padding:clamp(20px,3vw,34px);
}
.bn-account-form__header{
padding-bottom:14px;
border-bottom:1px solid rgba(183,180,174,0.08);
margin-bottom:2px;
}
.bn-account-form__grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}
.bn-account-form label{
display:grid;
gap:8px;
}
.bn-account-form label > span{
color:var(--bn-text);
font-size:0.92rem;
font-weight:600;
}
.bn-account-form input[type="text"],.bn-account-form input[type="email"],.bn-account-form input[type="password"],.bn-account-form textarea{
width:100%;
color:var(--bn-text);
box-sizing:border-box;
transition:border-color 0.18s ease,box-shadow 0.18s ease,background 0.18s ease;
min-height:56px;
padding:0 18px;
border:1px solid rgba(183,180,174,0.14);
border-radius:18px;
background:linear-gradient(180deg,rgba(7,7,7,0.92) 0%,rgba(31,27,25,0.96) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 10px 22px rgba(0,0,0,0.2);
font-size:0.98rem;
}
.bn-account-form textarea{
min-height:clamp(132px,16vw,160px) !important;
height:auto !important;
padding:16px 18px !important;
line-height:1.55 !important;
resize:vertical;
}
.bn-account-form input:focus,.bn-account-form textarea:focus{
outline:none;
border-color:rgba(183,180,174,0.46) !important;
background:linear-gradient(180deg,rgba(13,13,13,0.96) 0%,rgba(43,30,30,0.98) 100%) !important;
box-shadow:0 0 0 4px rgba(183,180,174,0.09),0 16px 28px rgba(0,0,0,0.24) !important;
}
.bn-account-checkbox{
position:relative;
display:flex !important;
align-items:flex-start;
gap:12px;
color:var(--bn-text-soft);
}
.bn-account-checkbox input{
padding:0 !important;
accent-color:#b7b4ae;
appearance:none;
-webkit-appearance:none;
width:20px !important;
height:20px;
min-height:20px !important;
margin:2px 0 0;
border:1px solid rgba(183,180,174,0.26);
border-radius:6px;
background:linear-gradient(180deg,rgba(10,10,10,0.92) 0%,rgba(41,34,31,0.95) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 8px 16px rgba(0,0,0,0.16);
cursor:default;
position:relative;
flex:0 0 20px;
}
.bn-account-alert{
display:grid;
gap:6px;
margin-bottom:18px;
padding:16px 18px;
border:1px solid rgba(183,180,174,0.14);
border-radius:18px;
background:rgba(183,180,174,0.08);
box-shadow:0 12px 24px rgba(0,0,0,0.12);
}
.bn-account-alert strong,.bn-account-alert p{
margin:0;
}
.bn-account-alert.is-success{
border-color:rgba(183,180,174,0.2);
background:linear-gradient(180deg,rgba(183,180,174,0.12) 0%,rgba(114,110,104,0.12) 100%);
}
.bn-account-alert.is-error{
border-color:rgba(255,143,143,0.24);
background:linear-gradient(180deg,rgba(255,95,95,0.1) 0%,rgba(55,30,30,0.18) 100%);
color:#ffd0d0;
}
@media (max-width: 900px){
.bn-account-panel--auth.has-split-auth,.bn-account-grid,.bn-account-form__grid,.bn-account-hero{
grid-template-columns:1fr;
}
.bn-account-panel--auth.has-split-auth .bn-account-panel__column + .bn-account-panel__column{
border-left:0;
border-top:1px solid rgba(183,180,174,0.08);
}}
@media (max-width: 640px){
.bn-account-shell{
padding-inline:10px;
}
.bn-account-tab,.bn-account-action,.bn-account-submit{
width:100%;
}
.bn-account-actions{
flex-direction:column;
}}
.bn-account-auth-header{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:18px;
align-items:end;
padding-bottom:20px;
border-bottom:1px solid rgba(183,180,174,0.08);
margin-bottom:24px;
}
.bn-account-auth-header__content{
display:grid;
gap:8px;
}
.bn-account-auth-body{
max-width:720px;
}
.bn-account-panel__column--auth{
padding:clamp(22px,3vw,36px);
display:flex;
flex-direction:column;
gap:24px;
}
.bn-account-form__row{
display:flex;
flex-wrap:wrap;
gap:14px;
align-items:center;
}
.bn-account-form__row--between{
display:flex;
justify-content:space-between;
align-items:center;
gap:14px;
}
.bn-account-form__stack{
display:grid;
gap:12px;
}
.bn-account-form input::placeholder,.bn-account-form textarea::placeholder{
color:rgba(183,180,174,0.52) !important;
opacity:1 !important;
}
.bn-account-checkbox input:checked{
border-color:rgba(183,180,174,0.5);
background:linear-gradient(180deg,#b7b4ae 0%,#8f897f 100%);
}
.bn-account-checkbox input:checked::after{
content:"";
position:absolute;
left:6px;
top:2px;
width:5px;
height:10px;
border:solid #0a0a0a;
border-width:0 2px 2px 0;
transform:rotate(45deg);
}
.bn-account-checkbox input:disabled{
opacity:0.72;
cursor:not-allowed;
}
.bn-account-checkbox > span{
display:grid;
gap:4px;
line-height:1.45;
}
.bn-account-checkbox > span strong{
color:var(--bn-text);
font-size:0.96rem;
font-weight:650;
}
.bn-account-checkbox > span small{
color:var(--bn-muted);
font-size:0.82rem;
}
.bn-account-checkbox--card{
padding:14px 16px;
border:1px solid rgba(183,180,174,0.1);
border-radius:18px;
background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.015) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.02);
}
.bn-account-inline-link{
color:var(--bn-text);
text-decoration:none;
font-weight:600;
}
.bn-account-inline-link:hover,.bn-account-inline-link:focus-visible{
color:#b7b4ae;
}
@media (max-width: 900px){
.bn-account-auth-header{
grid-template-columns:1fr;
align-items:stretch;
}
.bn-account-tabs{
justify-content:flex-start;
}}
@media (max-width: 640px){
.bn-account-auth-body{
max-width:none;
}
.bn-account-form__row--between{
flex-direction:column;
align-items:flex-start;
}}
.bn-account-panel__column--login{
background:linear-gradient(180deg,rgba(55,30,30,0.16) 0%,rgba(20,18,18,0.18) 100%);
}
.bn-account-panel__column--register{
background:linear-gradient(180deg,rgba(183,180,174,0.03) 0%,rgba(183,180,174,0.01) 100%);
}
.bn-account-auth-header--split{
grid-template-columns:1fr;
padding-bottom:0;
border-bottom:0;
margin-bottom:0;
}
.bn-account-auth-body,.bn-account-auth-body--register{
max-width:none;
}
.bn-account-field{
display:grid !important;
gap:8px;
width:100%;
position:relative;
}
.bn-account-form .bn-account-field input,.bn-account-form .bn-account-field textarea,.bn-account-form input[type="text"],.bn-account-form input[type="email"],.bn-account-form input[type="password"],.bn-account-form input[type="url"],.bn-account-form textarea{
-webkit-appearance:none;
appearance:none;
display:block;
width:100%;
min-width:0;
min-height:56px;
padding:0 18px;
margin:0;
border:1px solid rgba(183,180,174,0.16) !important;
border-radius:18px !important;
background:linear-gradient(180deg,rgba(7,7,7,0.95) 0%,rgba(31,27,25,0.98) 100%) !important;
color:var(--bn-text) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 10px 22px rgba(0,0,0,0.2) !important;
outline:none;
visibility:visible;
opacity:1;
}
.bn-account-form .bn-account-field textarea,.bn-account-form textarea{
min-height:148px;
padding:16px 18px;
resize:vertical;
}
.bn-account-form .bn-account-field input::placeholder,.bn-account-form .bn-account-field textarea::placeholder,.bn-account-form input::placeholder,.bn-account-form textarea::placeholder{
color:rgba(183,180,174,0.52) !important;
}
.bn-account-form .bn-account-field input:focus,.bn-account-form .bn-account-field textarea:focus,.bn-account-form input:focus,.bn-account-form textarea:focus{
border-color:rgba(183,180,174,0.46) !important;
background:linear-gradient(180deg,rgba(13,13,13,0.96) 0%,rgba(43,30,30,0.98) 100%) !important;
box-shadow:0 0 0 4px rgba(183,180,174,0.09),0 16px 28px rgba(0,0,0,0.24) !important;
}
.bn-account-form .bn-account-checkbox{
display:flex !important;
align-items:flex-start;
gap:12px;
width:100%;
}
.bn-account-form .bn-account-checkbox input[type="checkbox"]{
-webkit-appearance:none;
appearance:none;
display:inline-block !important;
width:20px !important;
height:20px !important;
min-height:20px !important;
min-width:20px !important;
margin:2px 0 0 !important;
padding:0 !important;
border:1px solid rgba(183,180,174,0.26) !important;
border-radius:6px !important;
background:linear-gradient(180deg,rgba(10,10,10,0.92) 0%,rgba(41,34,31,0.95) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 8px 16px rgba(0,0,0,0.16) !important;
cursor:pointer;
position:relative;
flex:0 0 20px;
visibility:visible !important;
opacity:1 !important;
}
.bn-account-form .bn-account-checkbox input[type="checkbox"]:checked{
border-color:rgba(183,180,174,0.5) !important;
background:linear-gradient(180deg,#b7b4ae 0%,#8f897f 100%) !important;
}
.bn-account-form .bn-account-checkbox input[type="checkbox"]:checked::after{
content:"";
position:absolute;
left:6px;
top:2px;
width:5px;
height:10px;
border:solid #0a0a0a;
border-width:0 2px 2px 0;
transform:rotate(45deg);
}
@media (max-width: 900px){
.bn-account-panel--auth.has-split-auth{
grid-template-columns:1fr;
}
.bn-account-panel--auth.has-split-auth .bn-account-panel__column + .bn-account-panel__column{
border-left:0;
border-top:1px solid rgba(183,180,174,0.08);
}}
.bn-account-auth-header,.bn-account-auth-header--split{
display:none !important;
}
.bn-account-panel__column--login,.bn-account-panel__column--register{
padding:clamp(20px,3.2vw,36px);
}
.bn-account-form__header--welcome{
min-height:100%;
}
.bn-account-form__header--welcome h2,.bn-account-panel__column--register .bn-account-form__header h2{
font-size:clamp(1.9rem,1.35rem + 1.1vw,2.75rem);
}
.bn-account-form__header--welcome p:last-child,.bn-account-panel__column--register .bn-account-form__header p:last-child{
max-width:34ch;
}
.bn-account-form .bn-account-field{
display:grid !important;
gap:10px;
width:100%;
}
.bn-account-form .bn-account-field > label,.bn-account-form .bn-account-field > span,.bn-account-form label.bn-account-field > span{
display:block !important;
margin:0;
color:var(--bn-text) !important;
font-size:0.94rem;
font-weight:650;
letter-spacing:-0.01em;
}
.bn-account-form input[type="text"],.bn-account-form input[type="email"],.bn-account-form input[type="password"],.bn-account-form input[type="url"],.bn-account-form textarea{
-webkit-appearance:none !important;
appearance:none !important;
display:block !important;
width:100% !important;
min-width:0 !important;
margin:0 !important;
padding:0 18px !important;
height:clamp(50px,5vw,56px) !important;
line-height:normal !important;
border:1px solid rgba(183,180,174,0.16) !important;
border-radius:clamp(14px,2vw,18px) !important;
background:linear-gradient(180deg,rgba(7,7,7,0.96) 0%,rgba(31,27,25,0.99) 100%) !important;
background-color:rgba(15,14,13,0.98) !important;
color:var(--bn-text) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 10px 22px rgba(0,0,0,0.2) !important;
outline:none !important;
visibility:visible !important;
opacity:1 !important;
}
.bn-account-form input[type="checkbox"]{
position:absolute !important;
opacity:0 !important;
pointer-events:none !important;
}
.bn-account-check{
position:relative;
color:var(--bn-text-soft);
display:grid !important;
grid-template-columns:auto minmax(0,1fr);
gap:12px;
align-items:start;
width:100%;
padding:14px 16px;
border:1px solid rgba(183,180,174,0.1);
border-radius:18px;
background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.015) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.02);
cursor:default;
}
.bn-account-check__box{
flex:0 0 20px;
width:20px;
height:20px;
border:1px solid rgba(183,180,174,0.26);
border-radius:6px;
background:linear-gradient(180deg,rgba(10,10,10,0.92) 0%,rgba(41,34,31,0.95) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 8px 16px rgba(0,0,0,0.16);
pointer-events:none;
transition:border-color 0.18s ease,background 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease;
display:block;
position:relative !important;
overflow:hidden;
margin-top:0 !important;
}
.bn-account-check__label,.bn-account-check__content{
display:grid;
gap:4px;
line-height:1.45;
}
.bn-account-check__content strong,.bn-account-check__label{
color:var(--bn-text);
font-size:clamp(0.92rem,0.89rem + 0.15vw,0.98rem);
font-weight:650;
}
.bn-account-check__content small{
color:var(--bn-muted);
font-size:clamp(0.8rem,0.78rem + 0.12vw,0.86rem);
}
.bn-account-check input[type="checkbox"]:checked + .bn-account-check__box{
border-color:rgba(183,180,174,0.5);
background:linear-gradient(180deg,#b7b4ae 0%,#8f897f 100%);
}
.bn-account-check input[type="checkbox"]:checked + .bn-account-check__box::after{
content:"";
position:absolute;
left:6px;
top:2px;
width:5px;
height:10px;
border:solid #0a0a0a;
border-width:0 2px 2px 0;
transform:rotate(45deg);
}
.bn-account-check--card{
padding:14px 16px;
border:1px solid rgba(183,180,174,0.1);
border-radius:18px;
background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.015) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.02);
}
@media (max-width: 900px){
.bn-account-panel--auth.has-split-auth{
grid-template-columns:1fr;
}}
.bn-account-panel,.bn-account-panel *,.bn-account-form,.bn-account-form *{
box-sizing:border-box;
}
.bn-account-field label,.bn-account-field > label,.bn-account-field > span{
display:block;
margin:0;
color:var(--bn-text);
font-size:clamp(0.92rem,0.88rem + 0.15vw,0.98rem);
font-weight:650;
}
.bn-account-check__control{
width:20px;
height:20px;
margin-top:2px;
cursor:pointer;
position:relative;
isolation:isolate;
flex:0 0 auto;
display:flex;
align-items:flex-start;
justify-content:center;
padding-top:1px;
}
.bn-account-check input[type="checkbox"]{
-webkit-appearance:none !important;
appearance:none !important;
position:absolute !important;
inset:0 !important;
z-index:2;
width:20px !important;
height:20px !important;
min-width:20px !important;
min-height:20px !important;
margin:0 !important;
padding:0 !important;
opacity:0 !important;
cursor:pointer !important;
pointer-events:auto !important;
}
.bn-account-check.is-disabled input[type="checkbox"],.bn-account-check input[type="checkbox"]:disabled{
cursor:not-allowed !important;
}
.bn-account-check input[type="checkbox"]:focus + .bn-account-check__box{
box-shadow:0 0 0 4px rgba(183,180,174,0.09),inset 0 1px 0 rgba(255,255,255,0.03),0 8px 16px rgba(0,0,0,0.16);
}
.bn-account-check__content,.bn-account-check__label{
display:grid;
gap:4px;
align-content:start;
line-height:1.45;
pointer-events:auto;
}
.bn-account-check__content strong{
font-weight:650;
}
.bn-account-check__content strong a{
color:#b7b4ae;
text-decoration:underline;
text-underline-offset:0.16em;
pointer-events:auto;
}
.bn-account-check__content strong a:hover,.bn-account-check__content strong a:focus-visible{
color:#d3d0ca;
}
@media (max-width: 640px){
.bn-account-shell{
width:min(100%,100%);
margin:20px auto 40px;
padding:0 10px;
}
.bn-account-panel,.bn-account-card{
border-radius:22px;
}
.bn-account-panel__column--login,.bn-account-panel__column--register,.bn-account-form--wide,.bn-account-grid{
padding:16px;
}
.bn-account-form__row--between{
flex-direction:column;
align-items:stretch;
}
.bn-account-inline-link,.bn-account-submit,.bn-account-action,.bn-account-tab{
width:100%;
}}
.bn-account-field__hint,.bn-account-field__message{
display:block;
margin-top:2px;
color:rgba(183,180,174,0.72);
font-size:0.82rem;
line-height:1.45;
}
.bn-account-field__message{
min-height:0;
}
.bn-account-field__message:empty{
display:none;
margin-top:0;
}
.bn-account-field.is-invalid label,.bn-account-field.is-invalid > span,.bn-account-field.is-invalid .bn-account-field__hint,.bn-account-field.is-invalid .bn-account-field__message,.bn-account-check.is-invalid .bn-account-check__content strong,.bn-account-check.is-invalid .bn-account-check__content small{
color:#ffd0d0 !important;
}
.bn-account-form .bn-account-field.is-error input,.bn-account-form .bn-account-field.is-error textarea,.bn-account-form .bn-account-field.is-invalid input,.bn-account-form .bn-account-field.is-invalid textarea,.bn-account-form input[aria-invalid="true"],.bn-account-form textarea[aria-invalid="true"]{
border-color:rgba(255,120,120,0.58) !important;
background:linear-gradient(180deg,rgba(28,10,10,0.98) 0%,rgba(51,19,19,0.98) 100%) !important;
box-shadow:0 0 0 4px rgba(255,120,120,0.12),0 18px 28px rgba(0,0,0,0.26) !important;
}
.bn-account-form .bn-account-field.is-valid input,.bn-account-form .bn-account-field.is-valid textarea{
border-color:rgba(183,180,174,0.34) !important;
box-shadow:0 0 0 3px rgba(183,180,174,0.08),0 14px 24px rgba(0,0,0,0.22) !important;
}
.bn-account-check.is-invalid{
border-color:rgba(255,120,120,0.42);
background:linear-gradient(180deg,rgba(48,16,16,0.32) 0%,rgba(26,11,11,0.2) 100%);
}
.bn-account-check.is-invalid .bn-account-check__box,.bn-account-check input[aria-invalid="true"] + .bn-account-check__box{
border-color:rgba(255,120,120,0.58);
box-shadow:0 0 0 4px rgba(255,120,120,0.12),inset 0 1px 0 rgba(255,255,255,0.03),0 8px 16px rgba(0,0,0,0.16);
}
.bn-account-check__control:hover .bn-account-check__box,.bn-account-check__control:focus-within .bn-account-check__box{
border-color:rgba(183,180,174,0.52);
transform:translateY(-1px);
}
.bn-account-action span,.bn-account-submit span{
position:relative;
z-index:1;
}
.bn-account-action::after,.bn-account-submit::after{
content:"";
position:absolute;
inset:0;
opacity:0;
background:linear-gradient(135deg,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 58%);
transition:opacity 0.18s ease;
pointer-events:none;
}
.bn-account-action:hover,.bn-account-submit:hover,.bn-account-action:focus-visible,.bn-account-submit:focus-visible{
transform:translateY(-1px);
box-shadow:0 18px 32px rgba(0,0,0,0.24),inset 0 1px 0 rgba(255,255,255,0.28);
filter:brightness(1.04);
}
.bn-account-action:hover::after,.bn-account-submit:hover::after,.bn-account-action:focus-visible::after,.bn-account-submit:focus-visible::after{
opacity:1;
}
.bn-account-action:active,.bn-account-submit:active,.bn-account-action.is-pressed,.bn-account-submit.is-pressed,.bn-account-submit.is-busy{
transform:translateY(1px) scale(0.992);
box-shadow:0 8px 18px rgba(0,0,0,0.2),inset 0 2px 5px rgba(0,0,0,0.14);
}
.bn-account-submit.is-busy{
pointer-events:none;
filter:saturate(0.9);
}
.bn-account-form .bn-account-field input[type="text"],.bn-account-form .bn-account-field input[type="email"],.bn-account-form .bn-account-field input[type="password"],.bn-account-form .bn-account-field input[type="url"],.bn-account-form .bn-account-field textarea{
border-width:1px !important;
border-style:solid !important;
}
@media (max-width: 900px){
.bn-account-field__hint,.bn-account-field__message{
font-size:0.8rem;
}}
.bn-account-check__box::after{
left:6px;
top:2px;
width:5px;
height:10px;
border:solid #0a0a0a;
border-width:0 2px 2px 0;
transform:rotate(45deg);
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background:linear-gradient(180deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 60%);
opacity:0;
transition:opacity 0.16s ease;
pointer-events:none !important;
}
.bn-account-check.is-checked .bn-account-check__box,.bn-account-check input[type="checkbox"]:checked + .bn-account-check__box{
border-color:rgba(183,180,174,0.64) !important;
background:linear-gradient(180deg,#c9c3b8 0%,#a89f93 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.28),0 10px 18px rgba(0,0,0,0.18) !important;
}
.bn-account-check.is-checked .bn-account-check__box::after,.bn-account-check input[type="checkbox"]:checked + .bn-account-check__box::after{
background-size:14px 14px !important;
opacity:1 !important;
transform:translate(-50%,-58%) rotate(45deg) scale(1) !important;
}
.bn-account-mobile-tabs{
display:none;
grid-column:1 / -1;
position:relative;
align-items:end;
padding:18px 16px 0;
gap:0;
}
.bn-account-mobile-tab{
-webkit-appearance:none;
appearance:none;
font:inherit;
font-weight:600;
letter-spacing:-0.01em;
transition:transform 0.18s ease,border-color 0.18s ease,background 0.18s ease,color 0.18s ease,box-shadow 0.18s ease;
cursor:pointer;
position:relative;
isolation:isolate;
flex:1 1 0;
min-height:48px;
padding:0 18px;
margin-right:-1px;
border:1px solid rgba(183,180,174,0.14);
border-bottom:0;
border-radius:16px 16px 0 0;
background:linear-gradient(180deg,rgba(77,70,64,0.56) 0%,rgba(39,35,33,0.96) 100%);
color:rgba(183,180,174,0.88);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 -1px 0 rgba(255,255,255,0.02);
transform:translateY(8px);
outline:none;
}
.bn-account-mobile-tab:hover,.bn-account-mobile-tab:focus-visible{
outline:none;
transform:translateY(5px);
border-color:rgba(183,180,174,0.22);
color:var(--bn-text);
z-index:2;
}
.bn-account-mobile-tab.is-active{
transform:translateY(0);
background:linear-gradient(180deg,rgba(68,58,54,0.92) 0%,rgba(24,21,20,1) 100%);
border-color:rgba(183,180,174,0.22);
color:var(--bn-text);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 16px 28px rgba(0,0,0,0.14);
z-index:3;
}
@media (max-width: 900px){
.bn-account-panel--auth.has-mobile-auth-tabs{
display:block;
}
.bn-account-panel--auth.has-mobile-auth-tabs .bn-account-mobile-tabs{
display:flex;
}
.bn-account-panel--auth.has-mobile-auth-tabs .bn-account-panel__column--auth{
display:none;
padding-top:18px;
}
.bn-account-panel--auth.has-mobile-auth-tabs .bn-account-panel__column--auth.is-active{
display:block;
}
.bn-account-panel--auth.has-mobile-auth-tabs .bn-account-panel__column--auth + .bn-account-panel__column--auth{
border:0;
background:transparent;
}}
.bn-account-check__box::before{
transition:opacity 0.16s ease,transform 0.16s ease;
position:absolute !important;
left:50% !important;
top:45% !important;
width:6px !important;
height:11px !important;
border:solid #0a0a0a !important;
border-width:0 2px 2px 0 !important;
transform:translate(-50%,-50%) rotate(45deg) scale(0.86) !important;
opacity:0 !important;
z-index:3 !important;
pointer-events:none !important;
content:none !important;
}
.bn-account-check.is-checked .bn-account-check__box::before,.bn-account-check input[type="checkbox"]:checked + .bn-account-check__box::before{
opacity:1 !important;
transform:translate(-50%,-50%) rotate(45deg) scale(1) !important;
}
.bn-account-mobile-tabs::after{
content:"";
position:absolute;
left:16px;
right:16px;
bottom:-1px;
height:1px;
background:rgba(183,180,174,0.12);
}
.bn-account-mobile-tab::before{
content:"";
position:absolute;
left:12px;
right:12px;
top:0;
height:3px;
border-radius:999px 999px 0 0;
background:linear-gradient(90deg,rgba(183,180,174,0.34) 0%,rgba(114,110,104,0.16) 100%);
opacity:0.9;
}
.bn-account-mobile-tab.is-active::before{
background:linear-gradient(90deg,#b7b4ae 0%,#726e68 100%);
opacity:1;
}
@media (max-width: 900px){
.bn-account-panel--auth.has-mobile-auth-tabs{
overflow:visible;
}
.bn-account-panel--auth.has-mobile-auth-tabs .bn-account-panel__column--auth{
border-radius:0 0 28px 28px;
}}
.bn-account-mobile-tab,.bn-account-mobile-tab::before,.bn-account-mobile-tab::after{
-webkit-tap-highlight-color:transparent;
}
.bn-account-mobile-tab:focus,.bn-account-mobile-tab:active,.bn-account-mobile-tab:focus-visible{
outline:none;
}
.bn-account-check__control input[type="checkbox"]{
display:block !important;
}
.bn-account-check__box,.bn-account-check input[type="checkbox"] + .bn-account-check__box{
position:relative !important;
width:22px !important;
height:22px !important;
min-width:22px !important;
overflow:hidden !important;
border-radius:6px !important;
border:1px solid rgba(183,180,174,0.28) !important;
background:linear-gradient(180deg,rgba(15,15,15,0.98) 0%,rgba(45,40,37,0.98) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 6px 16px rgba(0,0,0,0.16) !important;
}
.bn-account-check__box::after,.bn-account-check input[type="checkbox"] + .bn-account-check__box::after{
inset:0 !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.75 10.4 8.1 13.75 15.25 6.6' fill='none' stroke='%230A0A0A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:13px 13px !important;
pointer-events:none !important;
content:"" !important;
position:absolute !important;
left:50% !important;
top:48% !important;
width:6px !important;
height:11px !important;
border:solid #121110 !important;
border-width:0 2px 2px 0 !important;
border-radius:0 !important;
background:none !important;
transform:translate(-50%,-58%) rotate(45deg) scale(0.88) !important;
transform-origin:center !important;
opacity:0 !important;
transition:opacity 0.14s ease,transform 0.14s ease !important;
}
.bn-account-form[data-live-validate="false"] .bn-account-field.is-valid,.bn-account-form[data-live-validate="false"] .bn-account-field.is-invalid,.bn-account-form[data-live-validate="false"] .bn-account-check.is-valid,.bn-account-form[data-live-validate="false"] .bn-account-check.is-invalid{
animation:none !important;
}
.bn-account-modal[hidden]{
display:none !important;
}
.bn-account-modal{
position:fixed;
inset:0;
z-index:9999;
display:grid;
place-items:center;
padding:20px;
}
.bn-account-modal__backdrop{
position:absolute;
inset:0;
background:rgba(10,10,10,0.72);
backdrop-filter:blur(8px);
}
.bn-account-modal__dialog{
position:relative;
z-index:1;
width:min(100%,540px);
border:1px solid rgba(183,180,174,0.14);
border-radius:26px;
background:linear-gradient(180deg,rgba(55,30,30,0.36) 0%,rgba(16,15,14,0.98) 100%);
box-shadow:0 28px 80px rgba(0,0,0,0.42),inset 0 1px 0 rgba(255,255,255,0.04);
overflow:hidden;
}
.bn-account-modal__body{
padding:clamp(24px,4vw,34px);
}
.bn-account-modal__body > p{
margin:0 0 20px;
color:var(--bn-muted);
}
.bn-account-modal__close{
position:absolute;
top:14px;
right:14px;
width:40px;
height:40px;
border:1px solid rgba(183,180,174,0.14);
border-radius:999px;
background:rgba(255,255,255,0.03);
color:var(--bn-text);
font:inherit;
font-size:1.45rem;
line-height:1;
cursor:pointer;
transition:transform 0.18s ease,border-color 0.18s ease,background 0.18s ease;
}
.bn-account-modal__close:hover,.bn-account-modal__close:focus-visible{
transform:translateY(-1px);
border-color:rgba(183,180,174,0.28);
background:rgba(255,255,255,0.06);
outline:none;
}
.bn-account-modal__actions{
display:flex;
justify-content:flex-start;
margin-top:8px;
}
body.bn-account-modal-open{
overflow:hidden;
}
@media (max-width: 900px){
.bn-account-panel--auth.has-mobile-auth-tabs{
overflow:visible;
padding-top:0;
}
.bn-account-panel--auth.has-mobile-auth-tabs .bn-account-mobile-tabs{
display:flex;
padding:0 14px;
margin:-1px 0 0;
align-items:end;
gap:0;
position:relative;
z-index:4;
}
.bn-account-mobile-tabs::after,.bn-account-mobile-tab::before{
display:none !important;
content:none !important;
}
.bn-account-mobile-tab{
min-height:46px;
margin:0 0 -1px;
border-bottom:1px solid rgba(183,180,174,0.14);
border-radius:18px 18px 0 0;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
transform:none !important;
}
.bn-account-mobile-tab:hover,.bn-account-mobile-tab:focus-visible,.bn-account-mobile-tab:active{
transform:none !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
.bn-account-mobile-tab.is-active{
border-bottom-color:rgba(20,18,18,0.98);
background:linear-gradient(180deg,rgba(72,63,59,0.96) 0%,rgba(20,18,18,0.98) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
}
.bn-account-panel--auth.has-mobile-auth-tabs .bn-account-panel__column--auth{
padding-top:22px;
border-radius:0 0 22px 22px;
}
.bn-account-form__row--between{
align-items:flex-start;
}
.bn-account-form__row--between .bn-account-check{
width:auto;
min-width:0;
padding:10px 12px;
grid-template-columns:20px minmax(0,1fr);
}
.bn-account-form__row--between .bn-account-check__content strong{
font-size:0.92rem;
}
.bn-account-inline-link{
align-self:center;
text-align:right;
}}
@media (max-width: 520px){
.bn-account-form__row--between{
grid-template-columns:1fr;
gap:12px;
}
.bn-account-form__row--between .bn-account-check{
width:100%;
}
.bn-account-inline-link{
text-align:left;
}
.bn-account-modal{
padding:12px;
}
.bn-account-modal__dialog{
border-radius:22px;
}}
.bn-account-form__row--between > .bn-account-inline-link{
flex:0 0 auto;
width:auto !important;
display:inline-flex;
align-items:center;
align-self:center;
padding:0;
border:0;
background:transparent;
box-shadow:none;
transition:color 0.18s ease,text-decoration-color 0.18s ease,opacity 0.18s ease;
color:#b7b4ae;
font-weight:600;
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:0.16em;
text-decoration-color:rgba(183,180,174,0.62);
opacity:0.96;
}
.bn-account-form__row--between > .bn-account-inline-link:hover,.bn-account-form__row--between > .bn-account-inline-link:focus-visible{
outline:none;
color:#d3d0ca;
text-decoration-color:rgba(211,208,202,0.92);
opacity:1;
}
.bn-account-auth-shell{
position:relative;
}
@media (max-width: 900px){
.bn-account-auth-shell.has-mobile-auth-tabs{
display:grid;
grid-template-columns:1fr;
gap:0;
}
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-mobile-tabs{
display:flex;
align-items:end;
gap:0;
margin:0 14px -1px;
position:relative;
z-index:6;
}
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-panel--auth.has-mobile-auth-tabs{
overflow:visible;
padding-top:0;
}
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-panel--auth.has-mobile-auth-tabs .bn-account-panel__column--auth{
padding-top:22px;
border-radius:0 0 22px 22px;
}
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-panel--auth.has-mobile-auth-tabs .bn-account-panel__column--auth + .bn-account-panel__column--auth{
border-top:0;
}}
@media (max-width: 520px){
.bn-account-form__row--between{
grid-template-columns:unset;
align-items:flex-start;
}
.bn-account-form__row--between > .bn-account-inline-link{
width:auto !important;
align-self:flex-start;
}}
@media (max-width: 900px){
.bn-account-auth-shell.has-mobile-auth-tabs{
overflow:visible;
}
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-mobile-tabs{
justify-content:flex-start;
align-items:flex-end;
gap:0;
width:max-content;
max-width:100%;
margin:0 0 -1px 0;
padding:0;
position:relative;
left:0;
z-index:8;
}
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-panel--auth.has-mobile-auth-tabs{
position:relative;
z-index:1;
}
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-mobile-tabs .bn-account-mobile-tab{
position:relative;
flex:0 0 auto;
min-width:138px;
min-height:48px;
margin:0 0 -1px 0;
padding:0 22px;
border:1px solid rgba(183,180,174,0.16);
border-bottom:1px solid rgba(183,180,174,0.12);
border-radius:18px 18px 0 0;
background:linear-gradient(180deg,rgba(55,30,30,0.84) 0%,rgba(37,33,31,0.96) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
transform:none !important;
}
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-mobile-tabs .bn-account-mobile-tab + .bn-account-mobile-tab{
margin-left:-1px;
}
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-mobile-tabs .bn-account-mobile-tab:hover,.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-mobile-tabs .bn-account-mobile-tab:focus-visible,.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-mobile-tabs .bn-account-mobile-tab:active{
transform:none !important;
border-color:rgba(183,180,174,0.24);
border-bottom-color:rgba(183,180,174,0.12);
background:linear-gradient(180deg,rgba(68,54,50,0.92) 0%,rgba(42,38,35,0.98) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
}
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-mobile-tabs .bn-account-mobile-tab.is-active{
z-index:3;
border-color:rgba(183,180,174,0.18);
border-bottom-color:rgba(20,18,18,0.98);
background:linear-gradient(180deg,rgba(86,73,68,0.98) 0%,rgba(20,18,18,0.98) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-panel--auth.has-mobile-auth-tabs .bn-account-panel__column--auth{
padding-top:22px;
}}
@media (max-width: 520px){
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-mobile-tabs{
width:100%;
}
.bn-account-auth-shell.has-mobile-auth-tabs > .bn-account-mobile-tabs .bn-account-mobile-tab{
min-width:0;
flex:1 1 0;
padding:0 14px;
}}
.bn-account-auth-stack{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0;
align-items:stretch;
}
.bn-account-folder-panel{
position:relative;
display:block;
min-width:0;
}
.bn-account-folder-panel .bn-account-panel--folder{
height:100%;
border-radius:28px;
overflow:hidden;
}
.bn-account-folder-panel--login .bn-account-panel--folder{
border-top-right-radius:0;
}
.bn-account-folder-panel--register .bn-account-panel--folder{
border-top-left-radius:0;
}
.bn-account-folder-panel--register .bn-account-panel__column--register{
border-left:1px solid rgba(183,180,174,0.08);
}
.bn-account-folder-tab{
display:none;
}
.bn-account-panel--folder .bn-account-panel__column--auth{
height:100%;
}
.bn-account-form__row--between .bn-account-check{
flex:0 1 auto;
width:auto;
max-width:100%;
align-items:center;
padding:10px 12px;
}
.bn-account-form__row--between .bn-account-check__control,.bn-account-form__row--between .bn-account-check__box{
margin-top:0;
}
.bn-account-form__row--between .bn-account-check__content{
min-height:20px;
align-content:center;
}
.bn-account-form__row--between .bn-account-inline-link{
align-self:center;
padding:2px 0;
}
@media (max-width: 900px){
.bn-account-auth-stack{
position:relative;
display:block;
padding-top:54px;
min-height:clamp(640px,78vw,860px);
}
.bn-account-folder-panel{
position:absolute;
left:0;
right:0;
top:0;
z-index:1;
}
.bn-account-folder-panel.is-active{
position:relative;
z-index:4;
}
.bn-account-folder-panel:not(.is-active) .bn-account-panel--folder{
display:none;
}
.bn-account-folder-panel.is-active .bn-account-panel--folder{
display:block;
}
.bn-account-folder-panel .bn-account-panel--folder{
border-radius:0 24px 24px 24px;
}
.bn-account-folder-panel--login .bn-account-panel--folder,.bn-account-folder-panel--register .bn-account-panel--folder{
border-top-left-radius:0;
border-top-right-radius:24px;
}
.bn-account-folder-panel--register .bn-account-panel__column--register{
border-left:0;
}
.bn-account-folder-tab{
position:absolute;
top:-42px;
left:0;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 18px;
border:1px solid rgba(183,180,174,0.16);
border-bottom:0;
border-radius:18px 18px 0 0;
background:linear-gradient(180deg,rgba(55,30,30,0.92) 0%,rgba(35,31,29,0.98) 100%);
color:rgba(183,180,174,0.88);
font-size:0.94rem;
font-weight:700;
letter-spacing:-0.01em;
box-shadow:0 -8px 20px rgba(0,0,0,0.16),inset 0 1px 0 rgba(255,255,255,0.04);
cursor:pointer;
z-index:6;
transition:color 0.18s ease,background 0.18s ease,border-color 0.18s ease,transform 0.18s ease;
-webkit-tap-highlight-color:transparent;
}
.bn-account-folder-panel--register .bn-account-folder-tab{
left:132px;
}
.bn-account-folder-tab:hover,.bn-account-folder-tab:focus-visible{
color:#f3eee6;
border-color:rgba(183,180,174,0.24);
outline:none;
}
.bn-account-folder-tab.is-active{
background:linear-gradient(180deg,rgba(55,30,30,0.98) 0%,rgba(23,21,20,1) 100%);
color:#f5f0e8;
border-color:rgba(183,180,174,0.2);
box-shadow:0 -12px 26px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.05);
}
.bn-account-folder-panel.is-active .bn-account-panel--folder::before{
content:"";
position:absolute;
top:0;
left:0;
width:150px;
height:1px;
background:rgba(55,30,30,0.98);
pointer-events:none;
}
.bn-account-panel--folder .bn-account-panel__column--auth{
padding:clamp(18px,4.4vw,28px);
}
.bn-account-form__row--between{
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:12px;
}
.bn-account-form__row--between .bn-account-check{
max-width:calc(100% - 128px);
padding:10px 12px;
border-radius:16px;
}
.bn-account-form__row--between .bn-account-check__content{
min-width:0;
}
.bn-account-form__row--between .bn-account-check__label,.bn-account-form__row--between .bn-account-check__content strong{
font-size:0.92rem;
}}
@media (max-width: 560px){
.bn-account-auth-stack{
padding-top:50px;
min-height:clamp(620px,118vw,900px);
}
.bn-account-folder-tab{
top:-38px;
min-height:38px;
padding:0 14px;
font-size:0.88rem;
}
.bn-account-folder-panel--register .bn-account-folder-tab{
left:108px;
}
.bn-account-form__row--between{
gap:10px;
}
.bn-account-form__row--between .bn-account-check{
max-width:calc(100% - 110px);
padding:8px 10px;
}
.bn-account-form__row--between .bn-account-inline-link{
font-size:0.9rem;
}}
@media (max-width: 900px){
.bn-account-auth-stack{
position:relative;
display:block;
padding-top:0;
min-height:clamp(680px,86vw,920px);
}
.bn-account-folder-panel{
position:absolute;
inset:0;
padding-top:42px;
z-index:1;
}
.bn-account-folder-panel.is-active{
position:relative;
z-index:4;
}
.bn-account-folder-panel:not(.is-active){
pointer-events:none;
}
.bn-account-folder-panel .bn-account-panel--folder{
position:relative;
margin-top:0;
border-radius:0 24px 24px 24px;
}
.bn-account-folder-panel--register .bn-account-panel--folder,.bn-account-folder-panel--login .bn-account-panel--folder{
border-top-left-radius:0;
border-top-right-radius:24px;
}
.bn-account-folder-tab{
top:0;
min-height:42px;
padding:0 18px;
border-radius:18px 18px 0 0;
box-shadow:0 -6px 16px rgba(0,0,0,0.14),inset 0 1px 0 rgba(255,255,255,0.04);
transform:none !important;
}
.bn-account-folder-tab.is-active{
box-shadow:0 -8px 18px rgba(0,0,0,0.16),inset 0 1px 0 rgba(255,255,255,0.05);
}
.bn-account-folder-panel.is-active .bn-account-panel--folder::before{
width:146px;
top:0;
}
.bn-account-form__row--between .bn-account-check{
align-items:center;
}
.bn-account-form__row--between .bn-account-check__content,.bn-account-form__row--between .bn-account-check__label,.bn-account-form__row--between .bn-account-check__content strong{
display:inline-flex;
align-items:center;
line-height:1.2;
}
.bn-account-form__row--between .bn-account-check__content strong,.bn-account-form__row--between .bn-account-check__label{
position:relative;
top:1px;
}}
@media (max-width: 560px){
.bn-account-auth-stack{
min-height:clamp(660px,124vw,960px);
}
.bn-account-folder-panel{
padding-top:38px;
}
.bn-account-folder-tab{
top:0;
min-height:38px;
padding:0 14px;
font-size:0.88rem;
}
.bn-account-folder-panel--register .bn-account-folder-tab{
left:108px;
}
.bn-account-form__row--between .bn-account-check__content strong,.bn-account-form__row--between .bn-account-check__label{
top:2px;
}}
@media (max-width: 900px){
.bn-account-auth-stack{
--bn-folder-login-tab-width:94px;
--bn-folder-register-tab-width:146px;
--bn-folder-tab-gap:8px;
}
.bn-account-folder-panel{
pointer-events:none;
}
.bn-account-folder-panel .bn-account-folder-tab,.bn-account-folder-panel.is-active .bn-account-panel--folder{
pointer-events:auto;
}
.bn-account-folder-panel:not(.is-active) .bn-account-panel--folder{
visibility:hidden;
}
.bn-account-folder-tab{
width:var(--bn-folder-login-tab-width);
padding-left:12px;
padding-right:12px;
justify-content:center;
white-space:nowrap;
}
.bn-account-folder-panel--register .bn-account-folder-tab{
left:calc(var(--bn-folder-login-tab-width) + var(--bn-folder-tab-gap));
width:var(--bn-folder-register-tab-width);
}}
@media (max-width: 560px){
.bn-account-auth-stack{
--bn-folder-login-tab-width:86px;
--bn-folder-register-tab-width:134px;
--bn-folder-tab-gap:7px;
}
.bn-account-folder-panel--register .bn-account-folder-tab{
left:calc(var(--bn-folder-login-tab-width) + var(--bn-folder-tab-gap));
width:var(--bn-folder-register-tab-width);
}}
.bn-account-tabs--folder{
position:relative;
z-index:3;
gap:12px;
margin:0 0 -1px;
padding-left:clamp(12px,2vw,22px);
align-items:end;
}
.bn-account-folder-tab-link{
position:relative;
min-height:52px;
padding:14px 22px 13px;
border:1px solid rgba(183,180,174,0.16);
border-bottom:0;
border-radius:18px 18px 0 0;
background:linear-gradient(180deg,rgba(92,74,70,0.84) 0%,rgba(51,49,47,0.96) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 14px 28px rgba(0,0,0,0.18);
transform:translateY(0);
}
.bn-account-folder-tab-link:hover,.bn-account-folder-tab-link:focus-visible{
transform:translateY(-1px);
}
.bn-account-folder-tab-link.is-active{
background:linear-gradient(180deg,rgba(183,180,174,0.96) 0%,rgba(151,145,136,0.96) 100%);
color:#0a0a0a;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.28),0 16px 32px rgba(0,0,0,0.22);
}
.bn-account-panel--logged-in{
border-top-left-radius:0;
padding:0;
overflow:visible;
}
.bn-account-panel__column--logged-in{
padding:clamp(26px,4vw,40px);
}
.bn-account-profile-card{
display:grid;
justify-items:center;
text-align:center;
gap:18px;
}
.bn-account-avatar--large{
width:clamp(108px,13vw,148px);
height:clamp(108px,13vw,148px);
font-size:clamp(2rem,4vw,3rem);
margin-inline:auto;
}
.bn-account-profile-card__header{
display:grid;
justify-items:center;
max-width:100%;
gap:5px;
}
.bn-account-profile-card__header h2,.bn-account-profile-card__header p{
margin:0;
}
.bn-account-profile-card__header p:last-child{
color:var(--bn-text-soft);
word-break:break-word;
}
.bn-account-profile-stats{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
width:min(100%,780px);
}
.bn-account-stat-box{
display:grid;
gap:8px;
padding:18px 20px;
border:1px solid rgba(183,180,174,0.12);
border-radius:20px;
background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.015) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 14px 28px rgba(0,0,0,0.16);
text-align:left;
}
.bn-account-stat-box span{
font-size:0.84rem;
color:var(--bn-text-soft);
text-transform:uppercase;
letter-spacing:0.08em;
}
.bn-account-stat-box strong{
font-size:clamp(1rem,2vw,1.18rem);
color:var(--bn-text);
word-break:break-word;
}
.bn-account-stat-box--coins strong{
font-size:clamp(1.2rem,2.4vw,1.5rem);
}
.bn-account-settings-shell{
display:grid;
gap:24px;
}
.bn-account-settings-header{
display:grid;
gap:16px;
align-items:end;
}
.bn-account-settings-header h2,.bn-account-settings-header p{
margin:0;
}
.bn-account-settings-tabs{
flex-wrap:wrap;
width:100%;
max-width:none;
margin:0;
flex-direction:column;
align-items:stretch;
gap:0;
display:contents;
}
.bn-account-settings-tab{
display:inline-flex;
align-items:center;
color:var(--bn-text);
text-decoration:none;
font-weight:600;
transition:transform 0.18s ease,border-color 0.18s ease,color 0.18s ease;
justify-content:flex-start;
width:100%;
min-height:48px;
padding:12px 16px;
border:1px solid rgba(183,180,174,0.12);
border-radius:16px;
border-bottom:1px solid rgba(183,180,174,0.12);
background:linear-gradient(180deg,rgba(63,45,43,0.82) 0%,rgba(38,35,34,0.96) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 12px 22px rgba(0,0,0,0.12);
}
.bn-account-settings-tab:hover,.bn-account-settings-tab:focus-visible{
outline:none;
border-color:rgba(183,180,174,0.24);
transform:translateX(2px);
}
.bn-account-settings-tab.is-active{
border-color:rgba(183,180,174,0.24);
background:transparent;
color:#f5f0e8;
border:0;
box-shadow:none;
text-decoration-color:rgba(183,180,174,0.7);
text-underline-offset:0.2em;
text-decoration:none;
}
.bn-account-settings-actions{
flex-wrap:wrap;
display:grid;
gap:2px;
padding-top:0;
border-top:0;
margin-top:10px;
}
.bn-account-danger-form{
margin:0;
}
.bn-account-action--danger{
background:linear-gradient(180deg,rgba(121,43,43,0.95) 0%,rgba(72,24,24,0.98) 100%);
border-color:rgba(255,129,129,0.2);
color:#fff1f1;
}
.bn-account-action--danger:hover,.bn-account-action--danger:focus-visible{
border-color:rgba(255,172,172,0.28);
}
@media (min-width: 901px){
.bn-account-settings-header{
grid-template-columns:minmax(0,1fr) auto;
}}
@media (max-width: 900px){
.bn-account-tabs--folder{
padding-left:10px;
gap:8px;
}
.bn-account-folder-tab-link{
min-height:48px;
padding-inline:18px;
}
.bn-account-profile-stats{
grid-template-columns:1fr;
}
.bn-account-settings-actions{
flex-direction:column;
}
.bn-account-settings-actions > *{
width:100%;
}}
@media (max-width: 640px){
.bn-account-tabs--folder{
padding-left:8px;
}
.bn-account-folder-tab-link{
min-width:0;
padding:12px 16px 11px;
font-size:0.95rem;
}
.bn-account-profile-card,.bn-account-profile-card__header{
justify-items:center;
text-align:center;
}
.bn-account-settings-tabs{
gap:8px;
}
.bn-account-settings-tab{
flex:1 1 calc(50% - 8px);
}}
.bn-account-tabs--logged-in{
flex-wrap:nowrap;
margin-bottom:0;
overflow-x:auto;
overflow-y:visible;
scrollbar-width:none;
justify-content:flex-start;
align-items:flex-end;
gap:8px;
padding-left:8px;
padding-right:0;
margin-left:0;
}
.bn-account-tabs--logged-in::-webkit-scrollbar{
display:none;
}
.bn-account-tabs--logged-in .bn-account-folder-tab-link{
flex:0 0 auto;
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:auto;
min-width:0;
border:1px solid rgba(183,180,174,0.16);
border-bottom:0;
border-radius:var(--bn-logged-tab-radius) var(--bn-logged-tab-radius) 0 0;
background:linear-gradient(180deg,rgba(55,30,30,0.92) 0%,rgba(35,31,29,0.98) 100%);
box-shadow:0 -6px 16px rgba(0,0,0,0.14),inset 0 1px 0 rgba(255,255,255,0.04);
color:rgba(183,180,174,0.88);
font-size:0.94rem;
font-weight:700;
letter-spacing:-0.01em;
line-height:1;
white-space:nowrap;
text-decoration:none;
transform:none;
transition:color 0.18s ease,background 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease;
padding:0 15px;
min-height:40px;
}
.bn-account-profile-card__username{
font-size:0.92rem;
font-weight:600;
color:var(--bn-text-soft);
letter-spacing:0.03em;
}
.bn-account-settings-layout{
display:grid;
align-items:start;
grid-template-columns:minmax(132px,168px) minmax(0,1fr);
gap:clamp(22px,3vw,40px);
}
.bn-account-settings-rail,.bn-account-settings-preview{
border:1px solid rgba(183,180,174,0.1);
border-radius:24px;
background:linear-gradient(180deg,rgba(255,255,255,0.035) 0%,rgba(255,255,255,0.018) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
}
.bn-account-settings-rail{
gap:18px;
top:24px;
position:static;
align-self:stretch;
background:transparent;
border:0;
border-right:1px solid rgba(183,180,174,0.14);
border-radius:0;
box-shadow:none;
padding:2px 18px 2px 0;
min-width:0;
padding-right:14px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.bn-account-settings-rail__header{
gap:8px;
display:none;
}
.bn-account-settings-rail__header h2,.bn-account-settings-preview__header h3,.bn-account-settings-preview__header p{
margin:0;
}
.bn-account-settings-preview{
padding:clamp(20px,3vw,34px);
min-width:0;
}
.bn-account-settings-preview__header{
display:grid;
gap:8px;
margin-bottom:8px;
}
.bn-account-settings-actions > *{
width:100%;
}
.bn-account-settings-actions .bn-account-action,.bn-account-settings-actions .bn-account-danger-form button{
width:100%;
justify-content:center;
}
@media (min-width: 901px){
.bn-account-tabs--folder.bn-account-tabs--logged-in{
justify-content:flex-start;
}}
@media (max-width: 900px){
.bn-account-tabs--logged-in{
justify-content:flex-start;
gap:8px;
padding-left:0;
}
.bn-account-tabs--logged-in .bn-account-folder-tab-link{
width:auto;
min-width:132px;
text-align:center;
}
.bn-account-settings-layout{
grid-template-columns:1fr;
}
.bn-account-settings-rail{
position:static;
}}
@media (max-width: 640px){
.bn-account-tabs--logged-in .bn-account-folder-tab-link{
min-width:126px;
padding:11px 16px 10px;
font-size:0.94rem;
}
.bn-account-settings-preview,.bn-account-settings-rail{
border-radius:20px;
}}
.bn-account-profile-card__meta{
margin:0;
font-size:0.8rem;
color:rgba(183,180,174,0.72);
letter-spacing:0.04em;
text-transform:uppercase;
}
.bn-account-profile-stats--single{
grid-template-columns:1fr;
width:min(100%,360px);
justify-items:center;
}
.bn-account-profile-stats--single .bn-account-stat-box{
width:100%;
text-align:center;
justify-items:center;
}
@media (min-width: 901px){
.bn-account-tabs--logged-in{
padding-left:8px;
}}
@media (max-width: 900px){
.bn-account-tabs--logged-in{
gap:8px;
padding-left:8px;
flex-wrap:nowrap;
}
.bn-account-tabs--logged-in .bn-account-folder-tab-link{
min-width:0;
padding:10px 15px 9px;
font-size:0.92rem;
}
.bn-account-settings-layout{
grid-template-columns:minmax(132px,180px) minmax(0,1fr);
gap:14px;
}
.bn-account-settings-rail,.bn-account-settings-preview{
border-radius:20px;
}}
@media (max-width: 640px){
.bn-account-tabs--logged-in{
gap:7px;
padding-left:6px;
}
.bn-account-tabs--logged-in .bn-account-folder-tab-link{
padding:9px 14px 8px;
font-size:0.89rem;
border-radius:13px 13px 0 0;
}
.bn-account-settings-layout{
grid-template-columns:minmax(112px,148px) minmax(0,1fr);
gap:12px;
}
.bn-account-settings-rail{
padding:14px;
}
.bn-account-settings-preview{
padding:14px;
}
.bn-account-settings-tab,.bn-account-settings-actions .bn-account-action,.bn-account-settings-actions .bn-account-danger-form button{
min-height:44px;
padding:10px 12px;
font-size:0.9rem;
}
.bn-account-profile-stats--single{
width:min(100%,320px);
}}
.bn-account-tabs--folder.bn-account-tabs--logged-in,.bn-account-tabs--logged-in{
--bn-logged-tab-height:42px;
--bn-logged-tab-radius:18px;
align-items:flex-end;
flex-wrap:nowrap;
gap:8px;
margin:0 0 -1px;
padding:0 0 0 12px;
overflow-x:auto;
overflow-y:visible;
scrollbar-width:none;
justify-content:flex-start;
align-self:flex-start;
margin-left:0;
margin-right:auto;
padding-left:0;
padding-right:0;
}
.bn-account-tabs--folder.bn-account-tabs--logged-in::-webkit-scrollbar,.bn-account-tabs--logged-in::-webkit-scrollbar{
display:none;
}
.bn-account-tabs--logged-in .bn-account-folder-tab-link:hover,.bn-account-tabs--logged-in .bn-account-folder-tab-link:focus-visible{
color:#f3eee6;
border-color:rgba(183,180,174,0.24);
outline:none;
transform:none;
}
.bn-account-tabs--logged-in .bn-account-folder-tab-link.is-active{
background:linear-gradient(180deg,rgba(55,30,30,0.98) 0%,rgba(23,21,20,1) 100%);
color:#f5f0e8;
border-color:rgba(183,180,174,0.2);
box-shadow:0 -8px 18px rgba(0,0,0,0.16),inset 0 1px 0 rgba(255,255,255,0.05);
}
.bn-account-settings-tabs,.bn-account-settings-actions{
flex-direction:column;
width:100%;
max-width:156px;
display:grid;
grid-template-columns:1fr;
align-content:start;
gap:10px;
justify-items:center;
align-items:center;
margin-inline:auto;
}
.bn-account-settings-tab,.bn-account-settings-actions .bn-account-action,.bn-account-settings-actions .bn-account-danger-form,.bn-account-settings-actions .bn-account-danger-form button{
width:100%;
}
@media (min-width: 901px){
.bn-account-settings-layout{
grid-template-columns:minmax(240px,320px) minmax(0,1fr);
}}
@media (max-width: 900px){
.bn-account-tabs--folder.bn-account-tabs--logged-in,.bn-account-tabs--logged-in{
padding-left:10px;
gap:8px;
}
.bn-account-tabs--logged-in .bn-account-folder-tab-link{
min-height:40px;
padding:0 16px;
font-size:0.92rem;
}
.bn-account-settings-layout{
grid-template-columns:minmax(180px,220px) minmax(0,1fr);
gap:16px;
}}
@media (max-width: 640px){
.bn-account-tabs--folder.bn-account-tabs--logged-in,.bn-account-tabs--logged-in{
padding-left:8px;
gap:7px;
}
.bn-account-tabs--logged-in .bn-account-folder-tab-link{
--bn-logged-tab-height:38px;
--bn-logged-tab-radius:16px;
padding:0 14px;
font-size:0.88rem;
}
.bn-account-settings-layout{
grid-template-columns:minmax(150px,188px) minmax(0,1fr);
gap:14px;
}
.bn-account-settings-rail{
padding:16px;
}}
.bn-account-shell > .bn-account-tabs--folder.bn-account-tabs--logged-in,.bn-account-shell > .bn-account-tabs--logged-in{
display:inline-flex;
justify-content:flex-start;
align-items:flex-end;
align-self:flex-start;
margin-left:0;
margin-right:auto;
padding-left:0;
padding-right:0;
max-width:100%;
}
.bn-account-settings-tab,.bn-account-settings-actions .bn-account-action,.bn-account-settings-actions .bn-account-danger-form button{
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
color:rgba(183,180,174,0.82);
font-weight:600;
letter-spacing:0;
position:relative;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
text-decoration:none;
isolation:isolate;
transition:color 180ms ease,background 180ms ease,box-shadow 180ms ease,border-color 180ms ease;
width:100%;
max-width:156px;
margin-inline:auto;
min-height:42px;
padding:10px 12px;
font-size:0.92rem;
line-height:1.25;
}
.bn-account-settings-tab:hover,.bn-account-settings-tab:focus-visible,.bn-account-settings-actions .bn-account-action:hover,.bn-account-settings-actions .bn-account-action:focus-visible,.bn-account-settings-actions .bn-account-danger-form button:hover,.bn-account-settings-actions .bn-account-danger-form button:focus-visible{
transform:none;
background:transparent;
box-shadow:none;
color:#f3eee6;
text-decoration-color:rgba(183,180,174,0.54);
text-underline-offset:0.18em;
text-decoration-thickness:1px;
text-decoration:none;
}
.bn-account-settings-actions .bn-account-danger-form,.bn-account-settings-actions .bn-account-danger-form button{
width:100%;
}
@media (min-width: 901px){
.bn-account-settings-layout{
grid-template-columns:minmax(180px,230px) minmax(0,1fr);
}}
@media (max-width: 900px){
.bn-account-shell > .bn-account-tabs--folder.bn-account-tabs--logged-in,.bn-account-shell > .bn-account-tabs--logged-in,.bn-account-tabs--folder.bn-account-tabs--logged-in,.bn-account-tabs--logged-in{
padding-left:0;
gap:7px;
}
.bn-account-settings-layout{
grid-template-columns:minmax(156px,196px) minmax(0,1fr);
gap:18px;
}}
@media (max-width: 640px){
.bn-account-tabs--logged-in .bn-account-folder-tab-link{
min-height:38px;
padding:0 13px;
}
.bn-account-settings-layout{
grid-template-columns:minmax(148px,180px) minmax(0,1fr);
gap:14px;
}
.bn-account-settings-rail{
padding:14px 12px;
}
.bn-account-settings-preview{
padding:16px;
}
.bn-account-settings-tab,.bn-account-settings-actions .bn-account-action,.bn-account-settings-actions .bn-account-danger-form button{
padding:9px 4px;
font-size:0.9rem;
}}
.bn-account-settings-tab::before,.bn-account-settings-actions .bn-account-action::before,.bn-account-settings-actions .bn-account-danger-form button::before{
content:"";
position:absolute;
height:1px;
background:rgba(183,180,174,0.12);
left:10px;
right:10px;
top:-5px;
}
.bn-account-settings-tabs > *:first-child::before,.bn-account-settings-actions > *:first-child::before,.bn-account-settings-actions > .bn-account-danger-form:first-child button::before{
background:rgba(183,180,174,0.12);
}
.bn-account-settings-actions .bn-account-danger-form{
margin:0;
}
.bn-account-settings-actions .bn-account-danger-form button{
color:#d28787;
}
.bn-account-settings-actions .bn-account-danger-form button:hover,.bn-account-settings-actions .bn-account-danger-form button:focus-visible{
color:#f1b0b0;
text-decoration-color:rgba(210,135,135,0.6);
}
@media (min-width: 901px){
.bn-account-settings-layout{
grid-template-columns:minmax(156px,196px) minmax(0,1fr);
}}
@media (max-width: 900px){
.bn-account-settings-layout{
grid-template-columns:minmax(124px,158px) minmax(0,1fr);
gap:16px;
}
.bn-account-settings-rail{
padding-right:14px;
}}
@media (max-width: 640px){
.bn-account-settings-layout{
grid-template-columns:minmax(112px,140px) minmax(0,1fr);
gap:12px;
}
.bn-account-settings-rail{
padding:0 12px 0 0;
}
.bn-account-settings-preview{
padding:16px 14px;
}
.bn-account-settings-tab,.bn-account-settings-actions .bn-account-action,.bn-account-settings-actions .bn-account-danger-form button{
padding:10px 4px;
font-size:0.88rem;
}}
.bn-account-settings-tab::after,.bn-account-settings-actions .bn-account-action::after,.bn-account-settings-actions .bn-account-danger-form button::after{
content:"";
position:absolute;
inset:4px 0;
border-radius:10px;
background:linear-gradient(180deg,rgba(86,68,64,0.22) 0%,rgba(32,28,27,0.18) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 10px 22px rgba(0,0,0,0.14);
opacity:0;
transform:scale(0.985);
transition:opacity 180ms ease,transform 180ms ease;
z-index:-1;
}
.bn-account-settings-tab:hover::after,.bn-account-settings-tab:focus-visible::after,.bn-account-settings-tab.is-active::after,.bn-account-settings-actions .bn-account-action:hover::after,.bn-account-settings-actions .bn-account-action:focus-visible::after,.bn-account-settings-actions .bn-account-danger-form button:hover::after,.bn-account-settings-actions .bn-account-danger-form button:focus-visible::after{
opacity:1;
transform:scale(1);
}
.bn-account-settings-tab.is-active::after{
background:linear-gradient(180deg,rgba(183,180,174,0.16) 0%,rgba(114,110,104,0.18) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 10px 24px rgba(0,0,0,0.18);
}
.bn-account-settings-actions .bn-account-danger-form button::after{
background:linear-gradient(180deg,rgba(121,43,43,0.18) 0%,rgba(72,24,24,0.2) 100%);
}
@media (min-width: 901px){
.bn-account-settings-layout{
grid-template-columns:minmax(140px,176px) minmax(0,1fr);
}}
@media (max-width: 900px){
.bn-account-settings-layout{
grid-template-columns:minmax(128px,150px) minmax(0,1fr);
gap:16px;
}}
@media (max-width: 640px){
.bn-account-settings-layout{
grid-template-columns:minmax(116px,132px) minmax(0,1fr);
gap:12px;
}
.bn-account-settings-rail{
padding-right:10px;
}
.bn-account-settings-tab,.bn-account-settings-actions .bn-account-action,.bn-account-settings-actions .bn-account-danger-form button{
min-height:42px;
padding:10px 8px;
font-size:0.89rem;
}}
.bn-account-settings-actions > *,.bn-account-settings-tabs > *{
width:100%;
}
@media (min-width: 901px){
.bn-account-settings-tabs,.bn-account-settings-actions{
max-width:164px;
gap:12px;
}
.bn-account-settings-tab,.bn-account-settings-actions .bn-account-action,.bn-account-settings-actions .bn-account-danger-form button{
max-width:164px;
}}
@media (max-width: 640px){
.bn-account-settings-tabs,.bn-account-settings-actions{
max-width:124px;
gap:8px;
}
.bn-account-settings-actions{
margin-top:8px;
}
.bn-account-settings-tab,.bn-account-settings-actions .bn-account-action,.bn-account-settings-actions .bn-account-danger-form button{
max-width:124px;
min-height:36px;
padding:8px 8px;
font-size:0.8rem;
border-radius:10px;
}
.bn-account-settings-tab::before,.bn-account-settings-actions .bn-account-action::before,.bn-account-settings-actions .bn-account-danger-form button::before{
left:8px;
right:8px;
top:-4px;
}}
.bn-account-settings-tabs > *,.bn-account-settings-actions > *{
display:flex;
justify-content:center;
width:100%;
}
.bn-account-settings-tab::before,.bn-account-settings-actions .bn-account-action::before,.bn-account-settings-actions .bn-account-danger-form button::before,.bn-account-settings-tabs > *:first-child::before,.bn-account-settings-actions > *:first-child::before,.bn-account-settings-actions > .bn-account-danger-form:first-child button::before{
content:none !important;
display:none !important;
background:transparent !important;
}
.bn-account-settings-menu{
justify-items:center;
align-content:start;
width:100%;
max-width:176px;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:0.5rem;
}
.bn-account-settings-menu .bn-account-settings-tabs{
width:min(100%,260px);
margin:0;
}
.bn-account-settings-menu > .bn-account-danger-form,.bn-account-settings-menu > .bn-account-action{
width:min(100%,260px);
margin:0;
}
.bn-account-settings-menu .bn-account-settings-tab,.bn-account-settings-menu > .bn-account-action,.bn-account-settings-menu > .bn-account-danger-form button{
width:100%;
}
.bn-account-settings-menu > *{
width:100%;
max-width:170px;
margin:0;
}
.bn-account-settings-menu > .bn-account-danger-form{
display:block;
width:100%;
max-width:none;
margin:0;
}
.bn-account-settings-menu > .bn-account-action,.bn-account-settings-menu > .bn-account-danger-form button,.bn-account-settings-tab{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
max-width:none;
min-height:42px;
padding:11px 12px;
margin:0;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
text-align:center;
text-decoration:none;
}
.bn-account-settings-menu > .bn-account-action::before,.bn-account-settings-menu > .bn-account-danger-form button::before,.bn-account-settings-tab::before{
content:"";
position:absolute;
left:8px;
right:8px;
top:0;
height:1px;
background:rgba(183,180,174,0.14);
}
.bn-account-settings-tabs .bn-account-settings-tab:first-child::before{
background:transparent;
}
.bn-account-settings-menu > .bn-account-danger-form::before,.bn-account-settings-menu > .bn-account-action::before{
background:rgba(183,180,174,0.14);
}
.bn-account-settings-menu > .bn-account-action,.bn-account-settings-menu > .bn-account-danger-form{
padding-top:8px;
margin-top:8px;
}
.bn-account-settings-menu > .bn-account-action::before{
top:0;
}
.bn-account-settings-menu > .bn-account-danger-form button,.bn-account-settings-menu > .bn-account-action--danger{
color:#d28787 !important;
}
.bn-account-settings-menu > .bn-account-danger-form button:hover,.bn-account-settings-menu > .bn-account-danger-form button:focus-visible,.bn-account-settings-menu > .bn-account-action--danger:hover,.bn-account-settings-menu > .bn-account-action--danger:focus-visible{
color:#f1b0b0 !important;
}
.bn-account-settings-tab::after,.bn-account-settings-menu > .bn-account-action::after,.bn-account-settings-menu > .bn-account-danger-form button::after{
inset:4px 0;
}
@media (min-width: 901px){
.bn-account-settings-menu,.bn-account-settings-menu > *{
max-width:176px;
}}
@media (max-width: 640px){
.bn-account-settings-menu,.bn-account-settings-menu > *{
max-width:150px;
}
.bn-account-settings-menu > .bn-account-action,.bn-account-settings-menu > .bn-account-danger-form button,.bn-account-settings-tab{
min-height:40px;
padding:10px 8px;
font-size:0.88rem;
}}
.bn-account-settings-menu > *,.bn-account-settings-menu .bn-account-settings-tab{
width:100%;
max-width:176px;
margin:0;
}
.bn-account-settings-menu > .bn-account-danger-form,.bn-account-settings-menu > .bn-account-action,.bn-account-settings-menu .bn-account-settings-tab{
background:transparent !important;
box-shadow:none !important;
border:0 !important;
}
.bn-account-settings-menu > .bn-account-action::before,.bn-account-settings-menu > .bn-account-danger-form::before,.bn-account-settings-menu > .bn-account-danger-form button::before,.bn-account-settings-menu .bn-account-settings-tab::before{
content:none !important;
}
.bn-account-settings-menu > .bn-account-action,.bn-account-settings-menu > .bn-account-danger-form button,.bn-account-settings-menu .bn-account-settings-tab{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
max-width:none;
min-height:42px;
padding:11px 12px;
margin:0;
border:0 !important;
border-radius:10px !important;
background:transparent !important;
box-shadow:none !important;
text-align:center;
text-decoration:none;
color:var(--wp--preset--color--sand,#b7b4ae);
transition:color 180ms ease,transform 180ms ease;
isolation:isolate;
overflow:hidden;
}
.bn-account-settings-menu > .bn-account-action::after,.bn-account-settings-menu > .bn-account-danger-form button::after,.bn-account-settings-menu .bn-account-settings-tab::after{
content:"";
position:absolute;
inset:4px 0;
border-radius:10px;
background:linear-gradient(180deg,rgba(86,68,64,0.22) 0%,rgba(32,28,27,0.18) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 10px 22px rgba(0,0,0,0.14);
opacity:0;
transform:scale(0.985);
transition:opacity 180ms ease,transform 180ms ease;
z-index:-1;
}
.bn-account-settings-menu > .bn-account-action:hover::after,.bn-account-settings-menu > .bn-account-action:focus-visible::after,.bn-account-settings-menu > .bn-account-danger-form button:hover::after,.bn-account-settings-menu > .bn-account-danger-form button:focus-visible::after,.bn-account-settings-menu .bn-account-settings-tab:hover::after,.bn-account-settings-menu .bn-account-settings-tab:focus-visible::after,.bn-account-settings-menu .bn-account-settings-tab.is-active::after{
opacity:1;
transform:scale(1);
}
.bn-account-settings-menu > .bn-account-action:hover,.bn-account-settings-menu > .bn-account-action:focus-visible,.bn-account-settings-menu > .bn-account-danger-form button:hover,.bn-account-settings-menu > .bn-account-danger-form button:focus-visible,.bn-account-settings-menu .bn-account-settings-tab:hover,.bn-account-settings-menu .bn-account-settings-tab:focus-visible,.bn-account-settings-menu .bn-account-settings-tab.is-active{
text-decoration:none;
transform:none;
}
.bn-account-settings-menu .bn-account-settings-tab.is-active::after{
background:linear-gradient(180deg,rgba(183,180,174,0.16) 0%,rgba(114,110,104,0.18) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 10px 24px rgba(0,0,0,0.18);
}
@media (max-width: 640px){
.bn-account-settings-menu,.bn-account-settings-menu > *,.bn-account-settings-menu .bn-account-settings-tab{
max-width:150px;
}
.bn-account-settings-menu > .bn-account-action,.bn-account-settings-menu > .bn-account-danger-form button,.bn-account-settings-menu .bn-account-settings-tab{
min-height:40px;
padding:10px 8px;
font-size:0.88rem;
}}
.bn-account-settings-menu .bn-account-settings-tab,.bn-account-settings-menu > .bn-account-action,.bn-account-settings-menu .bn-account-danger-form,.bn-account-settings-menu .bn-account-danger-form .bn-account-action{
width:100%;
}
.bn-account-settings-menu .bn-account-danger-form{
margin:0;
}
.bn-account-avatar-form{
margin:0;
align-self:center;
}
.bn-account-avatar-file{
position:absolute;
width:1px;
height:1px;
opacity:0;
pointer-events:none;
}
.bn-account-avatar--editable{
display:block;
overflow:hidden;
line-height:0;
position:relative;
cursor:default;
}
.bn-account-avatar--editable img,.bn-account-avatar--editable .bn-account-avatar__initials{
position:absolute;
inset:0;
width:100%;
height:100%;
pointer-events:none;
}
.bn-account-avatar--editable img{
object-fit:cover;
display:block;
z-index:1;
}
.bn-account-avatar__initials{
display:inline-flex;
align-items:center;
justify-content:center;
z-index:1;
}
.bn-account-avatar__edit,.bn-account-avatar-reset{
position:absolute;
z-index:3;
width:2rem;
height:2rem;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:0.95rem;
color:#f2eee7;
background:linear-gradient(180deg,rgba(55,30,30,0.72),rgba(10,10,10,0.8));
border:1px solid rgba(183,180,174,0.26);
box-shadow:0 10px 22px rgba(0,0,0,0.22);
opacity:0.52;
transition:opacity 180ms ease,transform 180ms ease,background 180ms ease,border-color 180ms ease;
backdrop-filter:blur(6px);
appearance:none;
cursor:pointer;
pointer-events:auto;
}
.bn-account-avatar__edit{
right:0.55rem;
bottom:0.55rem;
padding:0;
line-height:1;
}
.bn-account-avatar-reset{
padding:0;
appearance:none;
cursor:pointer;
line-height:0;
left:auto;
right:2.95rem;
bottom:0.55rem;
}
.bn-account-avatar-reset__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:1rem;
height:1rem;
}
.bn-account-avatar-reset__icon svg{
display:block;
width:100%;
height:100%;
}
.bn-account-avatar--editable:hover .bn-account-avatar__edit,.bn-account-avatar--editable:focus-within .bn-account-avatar__edit,.bn-account-avatar-form:hover .bn-account-avatar-reset,.bn-account-avatar-form:focus-within .bn-account-avatar-reset,.bn-account-avatar-reset:hover,.bn-account-avatar-reset:focus-visible{
opacity:1;
transform:translateY(-1px);
outline:none;
}
.bn-account-avatar-reset[hidden]{
display:none !important;
}
.bn-account-profile-sections{
margin-top:1.5rem;
display:flex;
flex-direction:column;
gap:1rem;
}
.bn-account-activity-section{
background:linear-gradient(180deg,rgba(51,49,47,0.9),rgba(10,10,10,0.94));
border:1px solid rgba(183,180,174,0.12);
border-radius:1.35rem;
padding:1.2rem 1.15rem;
box-shadow:0 18px 42px rgba(0,0,0,0.22);
}
.bn-account-activity-section__header h3{
margin:0 0 0.9rem;
font-size:1rem;
color:#f2eee7;
}
.bn-account-activity-list{
display:flex;
flex-direction:column;
gap:0.75rem;
}
.bn-account-activity-item{
padding:0.85rem 0.95rem;
border-radius:1rem;
background:rgba(183,180,174,0.06);
border:1px solid rgba(183,180,174,0.08);
}
.bn-account-activity-item__meta{
display:flex;
align-items:center;
gap:0.65rem;
font-size:0.74rem;
letter-spacing:0.08em;
text-transform:uppercase;
color:rgba(183,180,174,0.72);
margin-bottom:0.45rem;
}
.bn-account-activity-item__rating{
padding:0.18rem 0.48rem;
border-radius:999px;
background:rgba(55,30,30,0.65);
color:#e7ddd2;
}
.bn-account-activity-item h4{
margin:0 0 0.35rem;
font-size:0.96rem;
}
.bn-account-activity-item h4 a{
color:#f2eee7;
text-decoration:none;
}
.bn-account-activity-item h4 a:hover,.bn-account-activity-item h4 a:focus-visible{
color:#b7b4ae;
}
.bn-account-activity-item p,.bn-account-activity-empty{
margin:0;
color:rgba(183,180,174,0.82);
line-height:1.6;
}
@media (max-width: 782px){
.bn-account-avatar__edit{
right:0.45rem;
bottom:0.45rem;
width:1.85rem;
height:1.85rem;
}
.bn-account-activity-section{
padding:1rem;
}}
.bn-account-activity-list .bn-series-comments-list{
display:grid;
gap:0.9rem;
}
.bn-account-activity-list .bn-series-comment-card{
padding:1rem;
border:1px solid rgba(183,180,174,0.12);
border-radius:1rem;
background:rgba(183,180,174,0.06);
}
.bn-account-activity-list .bn-series-comment-card__head{
display:flex;
justify-content:space-between;
gap:0.85rem;
margin-bottom:0.75rem;
flex-wrap:nowrap;
align-items:flex-start;
padding-right:0;
}
.bn-account-activity-list .bn-series-comment-card__identity{
display:flex;
align-items:center;
gap:0.8rem;
min-width:0;
flex:1 1 auto;
}
.bn-account-activity-list .bn-series-comment-card__identity-copy{
display:grid;
gap:0.16rem;
min-width:0;
flex:1 1 auto;
}
.bn-account-activity-list .bn-series-comment-card__avatar{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.7rem;
height:2.7rem;
border-radius:999px;
overflow:hidden;
border:1px solid rgba(183,180,174,0.18);
background:linear-gradient(180deg,rgba(183,180,174,0.18),rgba(114,110,104,0.12));
flex:0 0 2.7rem;
}
.bn-account-activity-list .bn-series-comment-card__avatar img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.bn-account-activity-list .bn-series-comment-card__avatar--fallback{
color:#f2eee7;
font-size:0.88rem;
font-weight:700;
letter-spacing:0.04em;
}
.bn-account-activity-list .bn-series-comment-card__author{
color:#f2eee7;
font-weight:700;
}
.bn-account-activity-list .bn-series-comment-card__author-meta{
flex-wrap:wrap;
color:rgba(183,180,174,0.78);
font-size:0.76rem;
line-height:1.2;
justify-items:start;
display:block;
flex-direction:column;
align-items:flex-start;
gap:0.18rem;
}
.bn-account-activity-list .bn-series-comment-card__author-badge{
display:inline-flex;
align-items:center;
padding:0.13rem 0.45rem;
border-radius:999px;
border:1px solid rgba(183,180,174,0.12);
background:rgba(255,255,255,0.04);
color:rgba(215,208,199,0.96);
font-size:0.68rem;
font-weight:700;
letter-spacing:0.04em;
text-transform:uppercase;
order:2;
}
.bn-account-activity-list .bn-series-comment-card__author-handle,.bn-account-activity-list .bn-series-comment-card__date{
color:rgba(183,180,174,0.72);
font-size:0.76rem;
}
.bn-account-activity-list .bn-series-comment-card__meta-side{
display:inline-flex;
flex-direction:column;
align-items:flex-end;
justify-content:center;
gap:0.5rem;
margin-left:auto;
position:static;
padding-top:0.1rem;
align-self:flex-start;
}
.bn-account-activity-list .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__meta-side{
padding-top:2rem;
}
.bn-account-activity-list .bn-series-comment-card__rating{
top:1rem;
right:1rem;
z-index:2;
border-radius:999px;
font-weight:800;
line-height:1;
position:static;
font-size:1.3rem;
letter-spacing:0.08em;
color:#f5d67a;
text-shadow:0 0 14px rgba(245,214,122,0.18);
display:inline-flex;
align-items:center;
justify-content:center;
min-width:0;
padding:0;
border:0;
background:transparent;
}
.bn-account-activity-list .bn-series-comment-card__content{
color:rgba(242,238,231,0.9);
line-height:1.65;
}
.bn-account-activity-list .bn-series-comment-card__content p{
margin:0.5rem 0 0;
}
.bn-account-activity-list .bn-series-comment-card__content p:first-child{
margin-top:0;
}
.bn-account-activity-list .bn-series-comment-card__actions{
display:flex;
justify-content:flex-end;
align-items:center;
margin-top:12px;
}
.bn-account-activity-list .bn-series-comment-card__series-header{
display:flex;
align-items:center;
justify-content:flex-start;
gap:12px;
margin:0 0 0.95rem;
padding:0 0 0.9rem;
border-bottom:1px solid rgba(183,180,174,0.1);
}
.bn-account-activity-list .bn-series-comment-card__series-title{
display:inline-flex;
align-items:center;
gap:0.65rem;
max-width:100%;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
color:#f0e8de;
font-size:1.02rem;
font-weight:800;
line-height:1.22;
text-decoration:none;
cursor:pointer;
transition:transform 180ms ease,color 180ms ease,opacity 180ms ease;
}
.bn-account-activity-list .bn-series-comment-card__series-title:hover,.bn-account-activity-list .bn-series-comment-card__series-title:focus-visible{
color:#fbf4ea;
opacity:0.9;
transform:translateY(-1px);
}
.bn-account-activity-list .bn-series-comment-card__delete{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
padding:0;
border:1px solid rgba(255,112,112,0.24);
border-radius:999px;
background:rgba(255,90,90,0.08);
color:#efcbcb;
font-size:1rem;
font-weight:600;
line-height:1;
text-decoration:none;
cursor:pointer;
transition:background 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease,box-shadow 180ms ease;
margin-left:0;
align-self:flex-end;
}
.bn-account-activity-list .bn-series-comment-card__delete:hover,.bn-account-activity-list .bn-series-comment-card__delete:focus-visible{
background:rgba(255,90,90,0.14);
border-color:rgba(255,112,112,0.34);
box-shadow:0 10px 18px rgba(0,0,0,0.14);
color:#f6d5d5;
transform:translateY(-1px);
}
.bn-account-activity-list .bn-series-comment-card__delete-icon,.bn-account-activity-list .bn-series-comment-card__delete-icon svg{
width:16px;
height:16px;
}
.bn-account-activity-list .bn-series-comment-card__author-handle{
order:1;
}
.bn-account-activity-list .bn-series-comment-card__topline{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.bn-account-activity-list .bn-series-comment-card__badge-row{
margin-top:0.16rem;
}
.bn-account-activity-list .bn-series-comment-card__date{
margin-left:auto;
white-space:nowrap;
text-align:right;
}
@media (max-width: 700px){
.bn-account-activity-list .bn-series-comment-card__head{
flex-wrap:wrap;
}
.bn-account-activity-list .bn-series-comment-card__topline{
flex-wrap:wrap;
}
.bn-account-activity-list .bn-series-comment-card__date{
width:100%;
margin-left:0;
text-align:left;
}}
.bn-account-avatar--editable:hover .bn-account-avatar__edit,.bn-account-avatar--editable:focus-within .bn-account-avatar__edit{
opacity:1;
transform:translateY(-1px);
outline:none;
}
.bn-account-avatar--editable:hover .bn-account-avatar-reset,.bn-account-avatar--editable:focus-within .bn-account-avatar-reset{
opacity:0.52;
transform:none;
}
.bn-account-avatar-reset:hover,.bn-account-avatar-reset:focus-visible{
opacity:1;
transform:translateY(-1px);
outline:none;
}
.bn-account-activity-list .bn-series-comment-card__topline,.bn-account-activity-list .bn-series-comment-card__author-meta,.bn-account-activity-list .bn-series-comment-card__badge-row{
width:fit-content;
max-width:100%;
display:inline-flex;
align-self:flex-start;
}
.bn-account-activity-list .bn-series-comment-card__rating .bn-stars{
font-size:clamp(1.15rem,1rem + 0.4vw,1.45rem);
letter-spacing:0.08em;
}
.bn-account-avatar__edit:hover,.bn-account-avatar__edit:focus-visible{
opacity:1;
transform:translateY(-1px);
outline:none;
}
.bn-account-avatar__edit:hover + .bn-account-avatar-reset,.bn-account-avatar__edit:focus-visible + .bn-account-avatar-reset{
opacity:0.52;
transform:none;
}
.bn-series-comment-card--with-series .bn-series-comment-card__identity,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__identity{
align-items:flex-start;
}
.bn-series-comment-card--with-series .bn-series-comment-card__identity-copy,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__identity-copy{
display:inline-grid;
width:max-content;
max-width:min(100%,24rem);
justify-items:start;
flex:0 1 auto;
}
.bn-series-comment-card--with-series .bn-series-comment-card__topline,.bn-series-comment-card--with-series .bn-series-comment-card__author-meta,.bn-series-comment-card--with-series .bn-series-comment-card__badge-row,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__topline,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__author-meta,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__badge-row{
width:max-content;
max-width:100%;
}
.bn-series-comment-card__rating .bn-stars,.bn-account-activity-list .bn-series-comment-card__rating .bn-stars{
position:relative;
display:inline-block;
width:5.45em;
min-width:5.45em;
line-height:1;
vertical-align:top;
}
.bn-series-comment-card__rating .bn-stars__base,.bn-series-comment-card__rating .bn-stars__fill,.bn-account-activity-list .bn-series-comment-card__rating .bn-stars__base,.bn-account-activity-list .bn-series-comment-card__rating .bn-stars__fill{
display:block;
line-height:1;
white-space:nowrap;
}
.bn-series-comment-card__rating .bn-stars__fill,.bn-account-activity-list .bn-series-comment-card__rating .bn-stars__fill{
position:absolute;
inset:0 auto 0 0;
overflow:hidden;
}
.bn-account-avatar--editable:hover .bn-account-avatar__edit,.bn-account-avatar--editable:focus-within .bn-account-avatar__edit,.bn-account-avatar--editable:hover .bn-account-avatar-reset,.bn-account-avatar--editable:focus-within .bn-account-avatar-reset,.bn-account-avatar-form:hover .bn-account-avatar__edit,.bn-account-avatar-form:focus-within .bn-account-avatar__edit,.bn-account-avatar-form:hover .bn-account-avatar-reset,.bn-account-avatar-form:focus-within .bn-account-avatar-reset{
opacity:0.52;
transform:none;
}
.bn-account-avatar__edit:hover,.bn-account-avatar__edit:focus-visible,.bn-account-avatar-reset:hover,.bn-account-avatar-reset:focus-visible{
outline:none;
opacity:1;
transform:translateY(-1px);
background:linear-gradient(180deg,rgba(76,43,43,0.86),rgba(24,18,18,0.92));
border-color:rgba(242,238,231,0.34);
}
.bn-account-activity-list .bn-series-comment-card__head,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__head{
position:relative;
flex-wrap:nowrap;
padding-right:8rem;
margin-bottom:10px;
justify-content:space-between;
gap:0.85rem;
width:100%;
max-width:100%;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
column-gap:0.85rem;
row-gap:0;
min-height:var(--bn-comment-card-head-block-size);
}
.bn-account-activity-list .bn-series-comment-card__identity,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__identity{
gap:0.8rem;
position:relative;
justify-content:start;
max-width:calc(100% - 8.75rem);
display:grid;
grid-template-columns:52px minmax(0,1fr);
grid-template-areas:"avatar topline" "avatar meta" "avatar badge";
column-gap:12px;
row-gap:3px;
align-items:center;
flex:1 1 auto;
grid-column:1;
min-width:0;
width:100%;
}
.bn-account-activity-list .bn-series-comment-card__identity-copy,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__identity-copy{
display:inline-grid;
width:fit-content;
max-width:min(100%,24rem);
justify-items:start;
align-content:start;
gap:0.16rem;
min-width:0;
}
.bn-account-activity-list .bn-series-comment-card__topline,.bn-account-activity-list .bn-series-comment-card__author-meta,.bn-account-activity-list .bn-series-comment-card__badge-row,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__topline,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__author-meta,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__badge-row{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
grid-column:2;
width:100%;
max-width:100%;
min-width:0;
justify-self:start;
align-self:start;
}
.bn-account-activity-list .bn-series-comment-card__author-meta,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__author-meta{
flex-direction:column;
align-items:flex-start;
gap:0.18rem;
grid-area:meta;
display:inline-flex;
margin-top:2px;
}
.bn-account-activity-list .bn-series-comment-card__date,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__date{
margin-left:0;
font-size:0.76rem;
top:0;
right:0;
width:max-content;
line-height:1.2;
position:static;
display:inline-flex;
align-items:center;
flex:1 1 auto;
min-width:0;
max-width:none;
margin:0;
text-align:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.bn-account-activity-list .bn-series-comment-card__meta-side,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__meta-side{
padding-top:0;
position:absolute;
top:50%;
right:0;
transform:translateY(-50%);
justify-items:end;
align-content:center;
flex:1 0 clamp(5.75rem,20vw,11rem);
align-self:stretch;
display:flex;
align-items:center;
justify-content:flex-end;
width:auto;
max-width:min(48%,13rem);
margin-left:auto;
padding-left:16px;
min-width:clamp(5.75rem,18vw,9rem);
}
.bn-account-activity-list .bn-series-comment-card__rating,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__rating{
position:static;
margin-left:auto;
min-height:auto;
border-radius:0;
box-shadow:none;
flex:0 0 auto;
width:max-content;
margin:0;
padding:0;
border:0;
background:transparent;
grid-column:2;
justify-self:end;
align-self:stretch;
display:inline-flex;
align-items:center;
justify-content:flex-end;
min-width:0;
max-width:var(--bn-comment-card-rating-inline-max);
white-space:nowrap;
overflow:hidden;
}
.bn-account-activity-list .bn-series-comment-card__rating .bn-stars,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars{
position:relative;
overflow:hidden;
display:inline-grid;
grid-template-areas:"stars";
width:max-content;
max-width:100%;
min-width:0;
font-size:min(var(--bn-comment-card-rating-max-font-size),calc(var(--bn-comment-card-head-block-size) - 0.375rem),calc((100vw - 9rem) / 5.65));
line-height:0.8;
letter-spacing:var(--bn-comment-card-rating-letter-spacing);
white-space:nowrap;
flex-wrap:nowrap;
vertical-align:middle;
}
.bn-account-activity-list .bn-series-comment-card__rating .bn-stars__base,.bn-account-activity-list .bn-series-comment-card__rating .bn-stars__fill,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars__base,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars__fill{
display:block;
grid-area:stars;
line-height:inherit;
white-space:nowrap;
}
.bn-account-activity-list .bn-series-comment-card__rating .bn-stars__base,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars__base{
color:var(--bn-white-16);
}
.bn-account-activity-list .bn-series-comment-card__rating .bn-stars__fill,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars__fill{
color:var(--bn-gold-text);
position:relative;
inset:auto;
overflow:hidden;
}
@media (max-width: 700px){
.bn-account-activity-list .bn-series-comment-card__head,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__head{
flex-wrap:wrap;
padding-right:0;
min-height:0;
}
.bn-account-activity-list .bn-series-comment-card__date,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__date{
position:static;
max-width:none;
text-align:left;
margin-top:4px;
}
.bn-account-activity-list .bn-series-comment-card__meta-side,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__meta-side{
position:static;
transform:none;
margin-top:6px;
margin-left:auto;
}}
.bn-account-avatar--editable:hover .bn-account-avatar__edit,.bn-account-avatar--editable:focus-within .bn-account-avatar__edit,.bn-account-avatar--editable:hover .bn-account-avatar-reset,.bn-account-avatar--editable:focus-within .bn-account-avatar-reset,.bn-account-avatar-form:hover .bn-account-avatar__edit,.bn-account-avatar-form:focus-within .bn-account-avatar__edit,.bn-account-avatar-form:hover .bn-account-avatar-reset,.bn-account-avatar-form:focus-within .bn-account-avatar-reset,.bn-account-avatar__edit:hover + .bn-account-avatar-reset,.bn-account-avatar__edit:focus-visible + .bn-account-avatar-reset{
opacity:0.52;
transform:none;
}
.bn-account-activity-list .bn-series-comment-card__avatar,.bn-account-activity-list .bn-series-comment-card__avatar-link,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__avatar,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__avatar-link{
align-self:flex-start;
}
.bn-account-activity-list .bn-series-comment-card__date,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__date,.bn-account-activity-list .bn-series-comment-card__meta-side,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__meta-side{
right:0;
}
.bn-account-activity-list .bn-series-comment-card__topline,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__topline{
grid-area:topline;
display:block;
margin:0;
}
.bn-account-activity-list .bn-series-comment-card__badge-row,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__badge-row{
flex-direction:row;
flex-wrap:wrap;
gap:0.3rem;
grid-area:badge;
display:inline-flex;
margin-top:6px;
}
@media (max-width: 700px){
.bn-account-activity-list .bn-series-comment-card__head,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__head{
padding-right:6.6rem;
min-height:3.2rem;
}
.bn-account-activity-list .bn-series-comment-card__identity,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__identity{
max-width:calc(100% - 7rem);
}
.bn-account-activity-list .bn-series-comment-card__date,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__date{
max-width:6.3rem;
font-size:0.72rem;
}
.bn-account-activity-list .bn-series-comment-card__meta-side,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__meta-side{
max-width:6.4rem;
}
.bn-account-activity-list .bn-series-comment-card__rating .bn-stars,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars{
font-size:1rem;
letter-spacing:0.04em;
}}
.bn-account-form .g-recaptcha,.bn-account-form .h-captcha,.bn-account-form .cf-turnstile,.bn-account-form .grecaptcha-badge,.bn-account-form .aiowps-captcha-equation,.bn-account-form .aiowps-captcha-field,.bn-account-form .aios-captcha-equation,.bn-account-form .aios-captcha-field{
margin:12px auto 0;
}
.bn-account-form .g-recaptcha,.bn-account-form .h-captcha,.bn-account-form .cf-turnstile,.bn-account-form .aiowps-captcha-equation,.bn-account-form .aios-captcha-equation{
display:flex;
justify-content:center;
max-width:100%;
text-align:center;
}
.bn-account-form .g-recaptcha > div,.bn-account-form .h-captcha > iframe,.bn-account-form .cf-turnstile > iframe{
margin-inline:auto;
}
.bn-account-activity-list .bn-series-comment-card,.bn-account-activity-list .bn-series-comment-card--with-series{
display:flex;
flex-direction:column;
gap:0;
padding-bottom:16px;
min-height:0;
--bn-comment-card-head-block-size:48px;
--bn-comment-card-rating-max-font-size:2.625rem;
--bn-comment-card-rating-letter-spacing:0.02em;
--bn-comment-card-rating-inline-max:min(46vw,12.5rem);
}
.bn-account-activity-list .bn-series-comment-card__avatar-link,.bn-account-activity-list .bn-series-comment-card__avatar,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__avatar-link,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__avatar{
grid-area:avatar;
display:inline-flex;
align-items:center;
justify-content:center;
justify-self:center;
align-self:center;
width:44px;
height:44px;
min-width:44px;
border-radius:50%;
overflow:hidden;
border:1px solid var(--bn-white-08);
background:rgba(255,255,255,0.06);
margin:0;
}
.bn-account-activity-list .bn-series-comment-card__avatar-link .bn-series-comment-card__avatar,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__avatar-link .bn-series-comment-card__avatar{
width:100%;
height:100%;
min-width:0;
margin:0 auto;
border:0;
background:transparent;
}
.bn-account-activity-list .bn-series-comment-card__avatar img,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__avatar img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.bn-account-activity-list .bn-series-comment-card__context,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__context{
display:flex;
align-items:center;
width:100%;
max-width:100%;
margin:0 0 14px;
padding:0 0 12px;
border-bottom:1px solid var(--bn-white-12);
box-shadow:inset 0 -1px 0 rgba(255,255,255,0.04);
}
.bn-account-activity-list .bn-series-comment-card__context-link,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__context-link{
display:inline-flex;
align-items:center;
justify-content:flex-start;
width:100%;
max-width:100%;
padding:0;
border:0;
border-radius:0;
background:transparent;
color:var(--bn-text);
font-size:0.92rem;
font-weight:800;
letter-spacing:0.01em;
line-height:1.35;
text-decoration:none;
text-transform:none;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
transition:color 0.18s ease,opacity 0.18s ease;
}
.bn-account-activity-list .bn-series-comment-card__context-link:hover,.bn-account-activity-list .bn-series-comment-card__context-link:focus-visible,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__context-link:hover,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__context-link:focus-visible{
color:#f4ede3;
opacity:1;
}
.bn-account-activity-list .bn-series-comment-card:not(.bn-series-comment-card--with-series) .bn-series-comment-card__context{
display:none;
}
.bn-account-activity-list .bn-series-comment-card__footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:12px;
padding-top:2px;
min-height:34px;
}
.bn-account-activity-list .bn-series-comment-card__actions,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__actions{
display:inline-flex;
align-items:center;
justify-content:flex-end;
flex:0 0 auto;
margin:0;
}
@media (max-width: 700px){
.bn-account-activity-list .bn-series-comment-card__head,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__head{
gap:10px;
}
.bn-account-activity-list .bn-series-comment-card__identity,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__identity{
grid-template-columns:48px minmax(0,1fr);
}
.bn-account-activity-list .bn-series-comment-card__avatar-link,.bn-account-activity-list .bn-series-comment-card__avatar,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__avatar-link,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__avatar{
width:48px;
min-width:48px;
}
.bn-account-activity-list .bn-series-comment-card__meta-side,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__meta-side{
max-width:7.5rem;
padding-left:8px;
}
.bn-account-activity-list .bn-series-comment-card__context,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__context{
margin-bottom:12px;
padding-bottom:10px;
}
.bn-account-activity-list .bn-series-comment-card__context-link,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__context-link{
font-size:0.84rem;
}}
textarea[name="g-recaptcha-response"],textarea.g-recaptcha-response{
position:absolute !important;
left:-9999px !important;
width:1px !important;
height:1px !important;
min-height:1px !important;
opacity:0 !important;
pointer-events:none !important;
resize:none !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
}
@media (max-width: 700px){
.bn-account-activity-list .bn-series-comment-card__head,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__head{
gap:10px;
}
.bn-account-activity-list .bn-series-comment-card__identity,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__identity{
grid-template-columns:48px minmax(0,1fr);
max-width:calc(100% - 92px);
}
.bn-account-activity-list .bn-series-comment-card__avatar-link,.bn-account-activity-list .bn-series-comment-card__identity > .bn-avatar{
width:48px;
}
.bn-account-activity-list .bn-series-comment-card__rating .bn-stars,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars{
font-size:0.98rem;
letter-spacing:0.08em;
}}
.bn-account-activity-item,.bn-account-card{
content-visibility:auto;
contain-intrinsic-size:280px;
}
@media (max-width: 700px){
.bn-account-activity-list .bn-series-comment-card,.bn-account-activity-list .bn-series-comment-card--with-series{
--bn-comment-card-head-block-size:42px;
--bn-comment-card-rating-max-font-size:2.3rem;
--bn-comment-card-rating-letter-spacing:0.02em;
}
.bn-account-activity-list .bn-series-comment-card__head,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__head{
column-gap:0.6rem;
}
.bn-account-activity-list .bn-series-comment-card__rating .bn-stars,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars{
font-size:min(var(--bn-comment-card-rating-max-font-size),calc((100vw - 7rem) / 5.7));
}
.bn-account-activity-list .bn-series-comment-card,.bn-account-activity-list .bn-series-comment-card--with-series{
--bn-comment-card-head-block-size:42px;
--bn-comment-card-rating-max-font-size:2.3rem;
--bn-comment-card-rating-inline-max:min(44vw,10.5rem);
}
.bn-account-activity-list .bn-series-comment-card__rating .bn-stars,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__rating .bn-stars{
font-size:min(var(--bn-comment-card-rating-max-font-size),calc(var(--bn-comment-card-head-block-size) - 0.3rem),calc((100vw - 7.5rem) / 5.9));
}}
.bn-account-danger-form .bn-account-field--danger{
margin:0 0 14px;
}
.bn-account-danger-form .bn-account-field--danger label{
display:block;
margin-bottom:8px;
}
.bn-account-danger-form .bn-account-field--danger input{
width:100%;
letter-spacing:0.08em;
}
.bn-account-code-wrap{
display:block !important;
position:relative;
width:100%;
}
.bn-account-form .bn-account-code-wrap input{
padding-right:116px !important;
}
.bn-account-code-send{
appearance:none;
display:inline-flex !important;
align-items:center;
justify-content:center;
position:absolute;
top:50%;
right:8px;
min-width:92px;
height:40px;
padding:0 12px;
border:1px solid rgba(183,180,174,0.22);
border-radius:999px;
background:rgba(183,180,174,0.12);
color:var(--bn-text);
font:inherit;
font-size:0.82rem;
font-weight:700;
line-height:1;
transform:translateY(-50%);
cursor:pointer;
transition:opacity 0.18s ease,background 0.18s ease,border-color 0.18s ease;
z-index:2;
}
.bn-account-code-send:hover,.bn-account-code-send:focus-visible{
background:rgba(183,180,174,0.18);
border-color:rgba(183,180,174,0.38);
outline:none;
}
.bn-account-code-send:disabled{
cursor:not-allowed;
opacity:0.62;
}
.bn-account-code-send.is-sending span{
opacity:0.78;
}
.bn-account-danger-form .bn-account-field--danger .bn-account-field__hint{
display:block;
margin-top:8px;
}
.bn-account-modal__dialog--danger{
border:1px solid rgba(208,86,86,0.24);
box-shadow:0 24px 54px rgba(0,0,0,0.4),0 0 0 1px rgba(208,86,86,0.08);
}
.bn-account-modal__actions--danger{
display:flex;
flex-wrap:wrap;
gap:12px;
justify-content:flex-end;
}
.bn-account-modal__actions--danger .bn-account-action{
min-width:140px;
}
.bn-account-modal__actions--danger .bn-account-action.is-secondary{
color:var(--bn-text);
}
.bn-account-settings-mobile-menu{
display:none;
}
.bn-account-password-wrap{
position:relative;
display:block;
width:100%;
}
.bn-account-form .bn-account-password-wrap input[type="password"],.bn-account-form .bn-account-password-wrap input[type="text"]{
padding-right:54px !important;
}
.bn-account-password-toggle{
position:absolute;
right:8px;
top:50%;
z-index:3;
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
padding:0;
border:1px solid rgba(183,180,174,0.14);
border-radius:999px;
background:rgba(255,255,255,0.045);
color:var(--bn-text-soft);
transform:translateY(-50%);
cursor:pointer;
}
.bn-account-password-toggle:hover,.bn-account-password-toggle:focus-visible{
border-color:rgba(183,180,174,0.28);
color:var(--bn-text);
outline:none;
}
.bn-account-password-toggle svg{
display:block;
width:20px;
height:20px;
}
.bn-account-password-toggle .bn-eye-closed,.bn-account-password-toggle.is-showing .bn-eye-open{
display:none;
}
.bn-account-password-toggle.is-showing .bn-eye-closed{
display:block;
}
@media (max-width: 900px){
.bn-account-panel--settings .bn-account-settings-layout{
display:grid;
grid-template-columns:minmax(0,1fr) !important;
gap:14px;
}
.bn-account-panel--settings .bn-account-settings-rail{
display:none !important;
}
.bn-account-panel--settings .bn-account-settings-preview{
grid-column:1 / -1;
width:100%;
min-width:0;
}
.bn-account-settings-mobile-menu{
display:flex;
grid-column:1 / -1;
flex-wrap:wrap;
gap:8px;
justify-content:center;
width:100%;
padding:0 4px 4px;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab,.bn-account-settings-mobile-menu .bn-account-action{
flex:1 1 calc(50% - 8px);
max-width:none !important;
min-height:40px;
padding:9px 12px;
border:1px solid rgba(183,180,174,0.12) !important;
border-radius:999px !important;
background:rgba(255,255,255,0.035) !important;
box-shadow:none !important;
font-size:0.86rem;
white-space:nowrap;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab.is-active{
background:linear-gradient(180deg,rgba(183,180,174,0.18),rgba(114,110,104,0.18)) !important;
color:var(--bn-text) !important;
}
.bn-account-check__content,.bn-account-check__content strong,.bn-account-check__content small{
min-width:0;
max-width:100%;
overflow-wrap:anywhere;
word-break:normal;
}}
@media (max-width: 640px){
.bn-account-settings-mobile-menu .bn-account-settings-tab,.bn-account-settings-mobile-menu .bn-account-action{
flex-basis:100%;
width:100%;
}}
@-moz-document url-prefix(){
.bn-account-panel,.bn-account-card,.bn-account-settings-preview,.bn-account-settings-rail,.bn-account-avatar,.bn-account-action,.bn-account-submit{
outline:1px solid transparent;
backface-visibility:hidden;
transform:translateZ(0);
background-clip:padding-box;
}}
.bn-account-settings-menu,.bn-account-settings-mobile-menu{
align-items:stretch;
}
.bn-account-settings-menu > .bn-account-action,.bn-account-settings-menu > .bn-account-danger-form button,.bn-account-settings-menu .bn-account-settings-tab,.bn-account-settings-mobile-menu > .bn-account-action,.bn-account-settings-mobile-menu .bn-account-settings-tab{
font-weight:800 !important;
text-align:center;
justify-content:center;
align-items:center;
line-height:1.15;
}
.bn-account-settings-menu > .bn-account-action--danger,.bn-account-settings-menu > .bn-account-danger-form button,.bn-account-settings-mobile-menu > .bn-account-action--danger,.bn-account-settings-mobile-menu > .bn-account-danger-form button{
border-color:rgba(255,103,103,0.34) !important;
background:linear-gradient(180deg,rgba(126,43,43,0.34),rgba(83,24,24,0.3)) !important;
color:#ffd8d8 !important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.045),0 10px 22px rgba(62,11,11,0.18) !important;
}
.bn-account-tag-colors-form{
gap:18px;
}
.bn-account-tag-color-list{
display:grid;
gap:12px;
max-width:100%;
min-width:0;
}
.bn-account-tag-color-row{
display:grid;
grid-template-columns:minmax(160px,0.8fr) minmax(220px,1.2fr);
gap:14px;
align-items:center;
padding:12px;
border:1px solid rgba(183,180,174,0.12);
border-radius:18px;
background:rgba(255,255,255,0.035);
max-width:100%;
min-width:0;
}
.bn-account-tag-color-row__label{
display:flex;
align-items:center;
gap:10px;
min-width:0;
flex-wrap:wrap;
}
.bn-account-tag-color-row__label small{
color:var(--bn-text-muted);
font-size:0.76rem;
overflow-wrap:anywhere;
}
.bn-account-tag-color-options{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:flex-end;
min-width:0;
}
.bn-account-tag-color-choice{
--bn-tag-h:34;
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border:1px solid hsl(var(--bn-tag-h) 45% 64% / 0.26);
border-radius:999px;
background:hsl(var(--bn-tag-h) 34% 38% / 0.16);
cursor:pointer;
transition:transform 160ms ease,border-color 160ms ease,background 160ms ease;
}
.bn-account-tag-color-choice input{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.bn-account-tag-color-swatch{
display:block;
width:20px;
height:20px;
border-radius:999px;
background:linear-gradient(180deg,hsl(var(--bn-tag-h) 58% 67%),hsl(var(--bn-tag-h) 44% 38%));
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.24),0 4px 12px hsl(var(--bn-tag-h) 50% 22% / 0.22);
}
.bn-account-tag-color-choice:hover,.bn-account-tag-color-choice:focus-within,.bn-account-tag-color-choice.is-selected,.bn-account-tag-color-choice:has(input:checked){
border-color:hsl(var(--bn-tag-h) 56% 70% / 0.72);
background:hsl(var(--bn-tag-h) 42% 44% / 0.24);
transform:translateY(-1px);
}
@media (max-width: 900px){
.bn-account-settings-mobile-menu{
display:flex;
flex-direction:row !important;
flex-wrap:nowrap !important;
justify-content:flex-start !important;
align-items:stretch;
overflow-x:auto;
overflow-y:hidden;
scrollbar-width:thin;
padding:2px 4px 8px;
-webkit-overflow-scrolling:touch;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab,.bn-account-settings-mobile-menu .bn-account-action{
flex:0 0 auto !important;
width:auto !important;
min-width:max-content;
max-width:none !important;
white-space:nowrap !important;
font-weight:800 !important;
text-align:center !important;
justify-content:center !important;
}
.bn-account-settings-mobile-menu .bn-account-action--danger{
min-width:max-content;
}
.bn-account-tag-color-row{
grid-template-columns:minmax(0,1fr);
gap:10px;
}
.bn-account-tag-color-options{
justify-content:flex-start;
}}
@media (max-width: 640px){
.bn-account-settings-mobile-menu .bn-account-settings-tab,.bn-account-settings-mobile-menu .bn-account-action{
flex-basis:auto !important;
width:auto !important;
min-width:max-content;
}}
@-moz-document url-prefix(){
.bn-account-panel,.bn-account-card,.bn-account-settings-preview,.bn-account-settings-rail,.bn-account-settings-menu,.bn-account-tag-color-row,.bn-account-modal__dialog,.bn-account-submit,.bn-account-action{
transform:none !important;
backface-visibility:visible !important;
background-clip:padding-box !important;
isolation:isolate;
contain:paint;
}}
.bn-account-tag-color-choice.bn-series-tag--color-1{
--bn-tag-h:12;
}
.bn-account-tag-color-choice.bn-series-tag--color-2{
--bn-tag-h:28;
}
.bn-account-tag-color-choice.bn-series-tag--color-3{
--bn-tag-h:46;
}
.bn-account-tag-color-choice.bn-series-tag--color-4{
--bn-tag-h:78;
}
.bn-account-tag-color-choice.bn-series-tag--color-5{
--bn-tag-h:118;
}
.bn-account-tag-color-choice.bn-series-tag--color-6{
--bn-tag-h:158;
}
.bn-account-tag-color-choice.bn-series-tag--color-7{
--bn-tag-h:190;
}
.bn-account-tag-color-choice.bn-series-tag--color-8{
--bn-tag-h:214;
}
.bn-account-tag-color-choice.bn-series-tag--color-9{
--bn-tag-h:252;
}
.bn-account-tag-color-choice.bn-series-tag--color-10{
--bn-tag-h:286;
}
.bn-account-tag-color-choice.bn-series-tag--color-11{
--bn-tag-h:322;
}
.bn-account-tag-color-choice.bn-series-tag--color-12{
--bn-tag-h:348;
}
.bn-account-tag-color-row__label .bn-series-tag,.bn-account-tag-color-row__label .bn-tag{
max-width:100%;
min-width:max(112px,min(100%,12ch));
justify-content:center;
white-space:normal;
text-align:center;
line-height:1.15;
padding-inline:14px;
}
.bn-account-tag-color-row__label small{
display:none !important;
}
.bn-account-tag-color-row{
grid-template-columns:minmax(180px,0.72fr) minmax(250px,1.28fr);
}
.bn-account-tag-color-options{
position:relative;
justify-self:end;
display:grid;
place-items:center;
width:184px;
height:184px;
min-width:184px;
padding:18px;
border:1px solid rgba(183,180,174,0.11);
border-radius:999px;
background:radial-gradient(circle at 50% 50%,rgba(10,10,10,0.92) 0 31%,transparent 32%),conic-gradient(from -90deg,hsl(0 66% 56%),hsl(30 70% 58%),hsl(60 72% 58%),hsl(90 62% 52%),hsl(135 56% 50%),hsl(175 58% 52%),hsl(205 66% 57%),hsl(245 64% 62%),hsl(285 58% 60%),hsl(320 64% 58%),hsl(350 68% 58%),hsl(0 66% 56%));
box-shadow:inset 0 0 0 12px rgba(10,10,10,0.36),inset 0 0 0 1px rgba(255,255,255,0.04),0 16px 36px rgba(0,0,0,0.18);
}
.bn-account-tag-color-options::after{
content:"";
position:absolute;
inset:64px;
border-radius:inherit;
background:linear-gradient(180deg,rgba(18,18,18,0.96),rgba(8,8,8,0.98));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 0 0 1px rgba(255,255,255,0.08);
pointer-events:none;
}
.bn-account-tag-color-choice{
position:absolute;
left:50%;
top:50%;
z-index:1;
width:34px;
height:34px;
margin:-17px 0 0 -17px;
background:rgba(7,7,7,0.72);
box-shadow:0 8px 18px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.06);
}
.bn-account-tag-color-choice:nth-child(1){
transform:rotate(0deg) translateY(-70px) rotate(0deg);
}
.bn-account-tag-color-choice:nth-child(2){
transform:rotate(30deg) translateY(-70px) rotate(-30deg);
}
.bn-account-tag-color-choice:nth-child(3){
transform:rotate(60deg) translateY(-70px) rotate(-60deg);
}
.bn-account-tag-color-choice:nth-child(4){
transform:rotate(90deg) translateY(-70px) rotate(-90deg);
}
.bn-account-tag-color-choice:nth-child(5){
transform:rotate(120deg) translateY(-70px) rotate(-120deg);
}
.bn-account-tag-color-choice:nth-child(6){
transform:rotate(150deg) translateY(-70px) rotate(-150deg);
}
.bn-account-tag-color-choice:nth-child(7){
transform:rotate(180deg) translateY(-70px) rotate(-180deg);
}
.bn-account-tag-color-choice:nth-child(8){
transform:rotate(210deg) translateY(-70px) rotate(-210deg);
}
.bn-account-tag-color-choice:nth-child(9){
transform:rotate(240deg) translateY(-70px) rotate(-240deg);
}
.bn-account-tag-color-choice:nth-child(10){
transform:rotate(270deg) translateY(-70px) rotate(-270deg);
}
.bn-account-tag-color-choice:nth-child(11){
transform:rotate(300deg) translateY(-70px) rotate(-300deg);
}
.bn-account-tag-color-choice:nth-child(12){
transform:rotate(330deg) translateY(-70px) rotate(-330deg);
}
.bn-account-tag-color-choice:hover,.bn-account-tag-color-choice:focus-within,.bn-account-tag-color-choice.is-selected,.bn-account-tag-color-choice:has(input:checked){
background:rgba(10,10,10,0.86);
box-shadow:0 0 0 3px hsl(var(--bn-tag-h) 70% 68% / 0.24),0 10px 20px rgba(0,0,0,0.26),inset 0 1px 0 rgba(255,255,255,0.08);
}
.bn-account-tag-color-choice:nth-child(1):hover,.bn-account-tag-color-choice:nth-child(1):focus-within,.bn-account-tag-color-choice:nth-child(1).is-selected,.bn-account-tag-color-choice:nth-child(1):has(input:checked){
transform:rotate(0deg) translateY(-72px) rotate(0deg) scale(1.06);
}
.bn-account-tag-color-choice:nth-child(2):hover,.bn-account-tag-color-choice:nth-child(2):focus-within,.bn-account-tag-color-choice:nth-child(2).is-selected,.bn-account-tag-color-choice:nth-child(2):has(input:checked){
transform:rotate(30deg) translateY(-72px) rotate(-30deg) scale(1.06);
}
.bn-account-tag-color-choice:nth-child(3):hover,.bn-account-tag-color-choice:nth-child(3):focus-within,.bn-account-tag-color-choice:nth-child(3).is-selected,.bn-account-tag-color-choice:nth-child(3):has(input:checked){
transform:rotate(60deg) translateY(-72px) rotate(-60deg) scale(1.06);
}
.bn-account-tag-color-choice:nth-child(4):hover,.bn-account-tag-color-choice:nth-child(4):focus-within,.bn-account-tag-color-choice:nth-child(4).is-selected,.bn-account-tag-color-choice:nth-child(4):has(input:checked){
transform:rotate(90deg) translateY(-72px) rotate(-90deg) scale(1.06);
}
.bn-account-tag-color-choice:nth-child(5):hover,.bn-account-tag-color-choice:nth-child(5):focus-within,.bn-account-tag-color-choice:nth-child(5).is-selected,.bn-account-tag-color-choice:nth-child(5):has(input:checked){
transform:rotate(120deg) translateY(-72px) rotate(-120deg) scale(1.06);
}
.bn-account-tag-color-choice:nth-child(6):hover,.bn-account-tag-color-choice:nth-child(6):focus-within,.bn-account-tag-color-choice:nth-child(6).is-selected,.bn-account-tag-color-choice:nth-child(6):has(input:checked){
transform:rotate(150deg) translateY(-72px) rotate(-150deg) scale(1.06);
}
.bn-account-tag-color-choice:nth-child(7):hover,.bn-account-tag-color-choice:nth-child(7):focus-within,.bn-account-tag-color-choice:nth-child(7).is-selected,.bn-account-tag-color-choice:nth-child(7):has(input:checked){
transform:rotate(180deg) translateY(-72px) rotate(-180deg) scale(1.06);
}
.bn-account-tag-color-choice:nth-child(8):hover,.bn-account-tag-color-choice:nth-child(8):focus-within,.bn-account-tag-color-choice:nth-child(8).is-selected,.bn-account-tag-color-choice:nth-child(8):has(input:checked){
transform:rotate(210deg) translateY(-72px) rotate(-210deg) scale(1.06);
}
.bn-account-tag-color-choice:nth-child(9):hover,.bn-account-tag-color-choice:nth-child(9):focus-within,.bn-account-tag-color-choice:nth-child(9).is-selected,.bn-account-tag-color-choice:nth-child(9):has(input:checked){
transform:rotate(240deg) translateY(-72px) rotate(-240deg) scale(1.06);
}
.bn-account-tag-color-choice:nth-child(10):hover,.bn-account-tag-color-choice:nth-child(10):focus-within,.bn-account-tag-color-choice:nth-child(10).is-selected,.bn-account-tag-color-choice:nth-child(10):has(input:checked){
transform:rotate(270deg) translateY(-72px) rotate(-270deg) scale(1.06);
}
.bn-account-tag-color-choice:nth-child(11):hover,.bn-account-tag-color-choice:nth-child(11):focus-within,.bn-account-tag-color-choice:nth-child(11).is-selected,.bn-account-tag-color-choice:nth-child(11):has(input:checked){
transform:rotate(300deg) translateY(-72px) rotate(-300deg) scale(1.06);
}
.bn-account-tag-color-choice:nth-child(12):hover,.bn-account-tag-color-choice:nth-child(12):focus-within,.bn-account-tag-color-choice:nth-child(12).is-selected,.bn-account-tag-color-choice:nth-child(12):has(input:checked){
transform:rotate(330deg) translateY(-72px) rotate(-330deg) scale(1.06);
}
.bn-account-settings-menu > .bn-account-action,.bn-account-settings-menu > .bn-account-danger-form button,.bn-account-settings-menu .bn-account-settings-tab,.bn-account-settings-mobile-menu > .bn-account-action,.bn-account-settings-mobile-menu .bn-account-settings-tab{
font-size:0.91rem !important;
font-weight:650 !important;
letter-spacing:-0.01em;
}
.bn-account-settings-menu .bn-account-settings-tab.is-active,.bn-account-settings-mobile-menu .bn-account-settings-tab.is-active{
font-weight:700 !important;
}
@media (max-width: 900px){
.bn-account-settings-mobile-menu{
gap:9px !important;
padding:4px 4px 10px !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab,.bn-account-settings-mobile-menu .bn-account-action{
min-height:44px !important;
padding:0 16px !important;
border-color:rgba(183,180,174,0.14) !important;
background:linear-gradient(180deg,rgba(55,30,30,0.58) 0%,rgba(36,34,32,0.86) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 8px 18px rgba(0,0,0,0.14) !important;
color:rgba(239,234,226,0.88) !important;
transition:transform 0.18s ease,border-color 0.18s ease,background 0.18s ease,color 0.18s ease,box-shadow 0.18s ease,filter 0.18s ease !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab:hover,.bn-account-settings-mobile-menu .bn-account-settings-tab:focus-visible,.bn-account-settings-mobile-menu .bn-account-action:hover,.bn-account-settings-mobile-menu .bn-account-action:focus-visible{
transform:translateY(-1px) !important;
border-color:rgba(183,180,174,0.24) !important;
color:var(--bn-text) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 12px 22px rgba(0,0,0,0.18) !important;
outline:none !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab:active,.bn-account-settings-mobile-menu .bn-account-action:active{
transform:translateY(1px) scale(0.992) !important;
filter:brightness(0.98) !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab.is-active{
background:linear-gradient(180deg,#b7b4ae 0%,#8f897f 100%) !important;
border-color:rgba(183,180,174,0.28) !important;
color:#0a0a0a !important;
}
.bn-account-settings-mobile-menu .bn-account-action--danger{
border-color:rgba(255,103,103,0.34) !important;
background:linear-gradient(180deg,rgba(126,43,43,0.34),rgba(83,24,24,0.3)) !important;
color:#ffd8d8 !important;
}
.bn-account-tag-color-row{
grid-template-columns:minmax(0,1fr);
}
.bn-account-tag-color-row__label{
justify-content:center;
}
.bn-account-tag-color-options{
justify-self:center;
width:172px;
height:172px;
min-width:172px;
}
.bn-account-tag-color-options::after{
inset:60px;
}
.bn-account-tag-color-choice:nth-child(1){
transform:rotate(0deg) translateY(-64px) rotate(0deg);
}
.bn-account-tag-color-choice:nth-child(2){
transform:rotate(30deg) translateY(-64px) rotate(-30deg);
}
.bn-account-tag-color-choice:nth-child(3){
transform:rotate(60deg) translateY(-64px) rotate(-60deg);
}
.bn-account-tag-color-choice:nth-child(4){
transform:rotate(90deg) translateY(-64px) rotate(-90deg);
}
.bn-account-tag-color-choice:nth-child(5){
transform:rotate(120deg) translateY(-64px) rotate(-120deg);
}
.bn-account-tag-color-choice:nth-child(6){
transform:rotate(150deg) translateY(-64px) rotate(-150deg);
}
.bn-account-tag-color-choice:nth-child(7){
transform:rotate(180deg) translateY(-64px) rotate(-180deg);
}
.bn-account-tag-color-choice:nth-child(8){
transform:rotate(210deg) translateY(-64px) rotate(-210deg);
}
.bn-account-tag-color-choice:nth-child(9){
transform:rotate(240deg) translateY(-64px) rotate(-240deg);
}
.bn-account-tag-color-choice:nth-child(10){
transform:rotate(270deg) translateY(-64px) rotate(-270deg);
}
.bn-account-tag-color-choice:nth-child(11){
transform:rotate(300deg) translateY(-64px) rotate(-300deg);
}
.bn-account-tag-color-choice:nth-child(12){
transform:rotate(330deg) translateY(-64px) rotate(-330deg);
}}
@-moz-document url-prefix(){
.bn-account-panel,.bn-account-card,.bn-account-settings-preview,.bn-account-settings-rail,.bn-account-settings-menu,.bn-account-tag-color-row,.bn-account-modal__dialog{
overflow:clip !important;
background-clip:border-box !important;
transform:none !important;
will-change:auto !important;
isolation:isolate;
}
.bn-account-settings-preview,.bn-account-action,.bn-account-submit,.bn-account-settings-tab,.bn-account-settings-mobile-menu .bn-account-action,.bn-account-settings-mobile-menu .bn-account-settings-tab{
backdrop-filter:none !important;
background-clip:padding-box !important;
outline:1px solid transparent;
box-decoration-break:clone;
}}
.bn-account-tag-color-row{
grid-template-columns:max-content minmax(260px,1fr) !important;
align-items:center;
overflow:visible !important;
}
.bn-account-tag-color-row__label{
justify-content:flex-start !important;
min-width:0;
}
.bn-account-tag-color-row__label .bn-series-tag,.bn-account-tag-color-row__label .bn-tag{
display:inline-flex !important;
width:max-content !important;
max-width:min(100%,44ch) !important;
min-width:0 !important;
flex:0 1 auto !important;
white-space:normal !important;
text-align:left;
overflow-wrap:anywhere;
}
.bn-account-tag-color-row__label small,.bn-account-tag-color-options{
display:none !important;
}
.bn-account-tag-color-control{
display:grid;
grid-template-columns:48px minmax(0,1fr);
align-items:center;
gap:12px;
min-width:0;
max-width:100%;
overflow:visible;
}
.bn-account-tag-color-wheel{
position:relative;
display:inline-grid;
place-items:center;
width:44px;
height:44px;
min-width:44px;
border-radius:999px;
background:conic-gradient(from 90deg,#ff5555,#ffb84d,#ffee55,#64db63,#4edbce,#5790ff,#9857ff,#ff57bc,#ff5555);
box-shadow:0 0 0 1px rgba(255,255,255,0.18),0 10px 18px rgba(0,0,0,0.18);
cursor:pointer;
overflow:visible;
isolation:isolate;
}
.bn-account-tag-color-wheel::before{
content:"";
position:absolute;
inset:4px;
border-radius:inherit;
background:radial-gradient(circle at 34% 28%,rgba(255,255,255,0.92),transparent 34%),conic-gradient(from 90deg,#ff5555,#ffb84d,#ffee55,#64db63,#4edbce,#5790ff,#9857ff,#ff57bc,#ff5555);
z-index:0;
}
.bn-account-tag-color-wheel span{
position:relative;
z-index:1;
display:block;
width:20px;
height:20px;
border:2px solid rgba(10,10,10,0.62);
border-radius:999px;
background:var(--bn-current-tag-color,#b7b4ae);
box-shadow:0 0 0 2px rgba(255,255,255,0.86),0 2px 8px rgba(0,0,0,0.28);
}
.bn-account-tag-color-wheel input[type="color"]{
position:absolute;
inset:-4px;
z-index:2;
width:calc(100% + 8px);
height:calc(100% + 8px);
padding:0;
border:0;
border-radius:999px;
opacity:0;
cursor:pointer;
}
.bn-account-tag-color-fields{
display:grid;
grid-template-columns:minmax(110px,0.9fr) minmax(132px,1.1fr);
gap:10px;
min-width:0;
}
.bn-account-tag-color-field{
display:grid;
gap:5px;
min-width:0;
}
.bn-account-tag-color-field span{
color:var(--bn-text-muted);
font-size:0.72rem;
font-weight:650;
letter-spacing:0.04em;
text-transform:uppercase;
}
.bn-account-tag-color-field input{
width:100%;
min-width:0;
height:40px;
padding:0 11px;
border:1px solid rgba(183,180,174,0.14);
border-radius:12px;
background:rgba(10,10,10,0.22);
color:var(--bn-text);
font:inherit;
font-size:0.88rem;
font-variant-numeric:tabular-nums;
outline:none;
}
.bn-account-tag-color-field input:focus{
border-color:rgba(183,180,174,0.34);
box-shadow:0 0 0 3px rgba(183,180,174,0.08);
}
.bn-account-settings-mobile-menu .bn-account-settings-tab,.bn-account-settings-mobile-menu .bn-account-action,.bn-account-settings-mobile-menu .bn-account-danger-form button{
position:relative;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:44px !important;
border-radius:999px !important;
font-size:0.91rem !important;
font-weight:650 !important;
line-height:1.15 !important;
transform:translateY(0) !important;
transition:transform 0.18s ease,border-color 0.18s ease,background 0.18s ease,color 0.18s ease,box-shadow 0.18s ease,filter 0.18s ease !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab:hover,.bn-account-settings-mobile-menu .bn-account-settings-tab:focus-visible,.bn-account-settings-mobile-menu .bn-account-action:hover,.bn-account-settings-mobile-menu .bn-account-action:focus-visible,.bn-account-settings-mobile-menu .bn-account-danger-form button:hover,.bn-account-settings-mobile-menu .bn-account-danger-form button:focus-visible{
transform:translateY(-1px) !important;
border-color:rgba(183,180,174,0.26) !important;
background:linear-gradient(180deg,rgba(71,50,49,0.72),rgba(38,35,33,0.9)) !important;
color:var(--bn-text) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07),0 12px 24px rgba(0,0,0,0.2) !important;
outline:none !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab:active,.bn-account-settings-mobile-menu .bn-account-action:active,.bn-account-settings-mobile-menu .bn-account-danger-form button:active{
transform:translateY(1px) scale(0.992) !important;
filter:brightness(0.96) !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab.is-active{
background:linear-gradient(180deg,#b7b4ae 0%,#918b82 100%) !important;
border-color:rgba(255,255,255,0.22) !important;
color:#0a0a0a !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 12px 26px rgba(0,0,0,0.2) !important;
}
@media (max-width: 900px){
.bn-account-tag-color-row{
grid-template-columns:minmax(0,1fr) !important;
}
.bn-account-tag-color-row__label{
justify-content:flex-start !important;
}
.bn-account-tag-color-control{
grid-template-columns:44px minmax(0,1fr);
}}
@media (max-width: 560px){
.bn-account-tag-color-fields{
grid-template-columns:minmax(0,1fr);
}}
@-moz-document url-prefix(){
.bn-account-panel,.bn-account-card,.bn-account-settings-preview,.bn-account-settings-rail,.bn-account-modal__dialog,.bn-account-tag-color-row{
background-clip:padding-box !important;
box-shadow:none !important;
outline:1px solid rgba(183,180,174,0.09) !important;
outline-offset:-1px !important;
mask-image:radial-gradient(white,black) !important;
}
.bn-account-panel::before,.bn-account-card::before,.bn-account-settings-preview::before,.bn-account-tag-color-row::before{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
pointer-events:none;
box-shadow:inset 0 0 0 1px rgba(183,180,174,0.1);
}
.bn-account-panel,.bn-account-card,.bn-account-settings-preview,.bn-account-tag-color-row{
position:relative;
}}
.bn-account-tag-color-list{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)) !important;
gap:12px !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
max-height:min(68vh,760px);
overflow-x:hidden !important;
overflow-y:auto;
padding-right:2px;
scrollbar-width:thin;
}
.bn-account-tag-color-row{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
grid-template-areas:"tag wheel" "fields wheel" !important;
align-items:center !important;
gap:10px 12px !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
overflow:visible !important;
contain:layout paint;
}
.bn-account-tag-color-row__label{
grid-area:tag !important;
display:flex !important;
align-items:flex-start !important;
justify-content:flex-start !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
overflow:visible !important;
}
.bn-account-tag-color-row__label .bn-series-tag,.bn-account-tag-color-row__label .bn-tag{
display:inline-flex !important;
width:fit-content !important;
max-width:100% !important;
min-width:0 !important;
flex:0 1 auto !important;
align-items:center !important;
justify-content:flex-start !important;
white-space:normal !important;
word-break:break-word !important;
overflow-wrap:anywhere !important;
line-height:1.18 !important;
text-align:left !important;
box-sizing:border-box !important;
}
.bn-account-tag-color-control{
display:contents !important;
}
.bn-account-tag-color-wheel{
grid-area:wheel !important;
align-self:center !important;
justify-self:end !important;
width:42px !important;
height:42px !important;
min-width:42px !important;
overflow:visible !important;
}
.bn-account-tag-color-fields{
grid-area:fields !important;
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:8px !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
}
.bn-account-tag-color-field,.bn-account-tag-color-field input{
min-width:0 !important;
max-width:100% !important;
}
@media (max-width: 560px){
.bn-account-tag-color-list{
grid-template-columns:minmax(0,1fr) !important;
max-height:min(72vh,680px);
}
.bn-account-tag-color-row{
grid-template-columns:minmax(0,1fr) 42px !important;
grid-template-areas:"tag wheel" "fields fields" !important;
}
.bn-account-tag-color-fields{
grid-template-columns:minmax(0,1fr) !important;
}}
@media (max-width: 900px){
.bn-account-settings-mobile-menu .bn-account-settings-tab,.bn-account-settings-mobile-menu .bn-account-action,.bn-account-settings-mobile-menu .bn-account-danger-form button{
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
border:0 !important;
border-radius:10px !important;
background:transparent !important;
box-shadow:none !important;
color:var(--wp--preset--color--sand,#b7b4ae) !important;
padding:11px 14px !important;
min-height:42px !important;
font-size:0.91rem !important;
font-weight:650 !important;
line-height:1.15 !important;
transform:none !important;
transition:color 180ms ease,transform 180ms ease !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab::before,.bn-account-settings-mobile-menu .bn-account-action::before,.bn-account-settings-mobile-menu .bn-account-danger-form button::before{
content:none !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab::after,.bn-account-settings-mobile-menu .bn-account-action::after,.bn-account-settings-mobile-menu .bn-account-danger-form button::after{
content:"" !important;
position:absolute !important;
inset:4px 0 !important;
border-radius:10px !important;
background:linear-gradient(180deg,rgba(86,68,64,0.22) 0%,rgba(32,28,27,0.18) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 10px 22px rgba(0,0,0,0.14) !important;
opacity:0 !important;
transform:scale(0.985) !important;
transition:opacity 180ms ease,transform 180ms ease !important;
z-index:-1 !important;
pointer-events:none !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab:hover::after,.bn-account-settings-mobile-menu .bn-account-settings-tab:focus-visible::after,.bn-account-settings-mobile-menu .bn-account-settings-tab.is-active::after,.bn-account-settings-mobile-menu .bn-account-action:hover::after,.bn-account-settings-mobile-menu .bn-account-action:focus-visible::after,.bn-account-settings-mobile-menu .bn-account-danger-form button:hover::after,.bn-account-settings-mobile-menu .bn-account-danger-form button:focus-visible::after{
opacity:1 !important;
transform:scale(1) !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab:hover,.bn-account-settings-mobile-menu .bn-account-settings-tab:focus-visible,.bn-account-settings-mobile-menu .bn-account-settings-tab.is-active,.bn-account-settings-mobile-menu .bn-account-action:hover,.bn-account-settings-mobile-menu .bn-account-action:focus-visible,.bn-account-settings-mobile-menu .bn-account-danger-form button:hover,.bn-account-settings-mobile-menu .bn-account-danger-form button:focus-visible{
background:transparent !important;
box-shadow:none !important;
color:var(--bn-text,#efeae2) !important;
text-decoration:none !important;
transform:none !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab.is-active::after{
background:linear-gradient(180deg,rgba(183,180,174,0.16) 0%,rgba(114,110,104,0.18) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 10px 24px rgba(0,0,0,0.18) !important;
}
.bn-account-settings-mobile-menu .bn-account-action--danger,.bn-account-settings-mobile-menu .bn-account-danger-form button{
color:#d28787 !important;
}
.bn-account-settings-mobile-menu .bn-account-action--danger:hover,.bn-account-settings-mobile-menu .bn-account-action--danger:focus-visible,.bn-account-settings-mobile-menu .bn-account-danger-form button:hover,.bn-account-settings-mobile-menu .bn-account-danger-form button:focus-visible{
color:#f1b0b0 !important;
}}
@-moz-document url-prefix(){
.bn-account-panel,.bn-account-card,.bn-account-settings-preview,.bn-account-settings-rail,.bn-account-settings-menu,.bn-account-modal__dialog,.bn-account-tag-color-row{
position:relative !important;
overflow:hidden !important;
background-clip:padding-box !important;
box-shadow:none !important;
outline:0 !important;
filter:none !important;
transform:none !important;
will-change:auto !important;
isolation:isolate !important;
contain:paint !important;
}
.bn-account-settings-preview,.bn-account-panel::before,.bn-account-card::before,.bn-account-settings-preview::before,.bn-account-settings-rail::before,.bn-account-settings-menu::before,.bn-account-modal__dialog::before,.bn-account-tag-color-row::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
border:1px solid rgba(183,180,174,0.1) !important;
border-radius:inherit !important;
pointer-events:none !important;
z-index:2 !important;
box-shadow:none !important;
}
.bn-account-panel > *,.bn-account-card > *,.bn-account-settings-preview > *,.bn-account-settings-rail > *,.bn-account-settings-menu > *,.bn-account-modal__dialog > *,.bn-account-tag-color-row > *{
position:relative;
z-index:3;
}}
@media (max-width: 900px){
.bn-account-settings-menu .bn-account-settings-tab,.bn-account-settings-menu > .bn-account-action,.bn-account-settings-menu > .bn-account-danger-form button{
color:rgba(183,180,174,0.82) !important;
background:transparent !important;
box-shadow:none !important;
border-color:transparent !important;
}
.bn-account-settings-menu .bn-account-settings-tab::before,.bn-account-settings-menu > .bn-account-action::before,.bn-account-settings-menu > .bn-account-danger-form button::before{
content:none !important;
display:none !important;
}
.bn-account-settings-menu .bn-account-settings-tab::after,.bn-account-settings-menu > .bn-account-action::after,.bn-account-settings-menu > .bn-account-danger-form button::after{
content:"" !important;
position:absolute !important;
inset:4px 0 !important;
border-radius:10px !important;
background:linear-gradient(180deg,rgba(86,68,64,0.22) 0%,rgba(32,28,27,0.18) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 10px 22px rgba(0,0,0,0.14) !important;
opacity:0 !important;
transform:scale(0.985) !important;
transition:opacity 180ms ease,transform 180ms ease !important;
z-index:-1 !important;
pointer-events:none !important;
}
.bn-account-settings-menu .bn-account-settings-tab:hover::after,.bn-account-settings-menu .bn-account-settings-tab:focus-visible::after,.bn-account-settings-menu .bn-account-settings-tab.is-active::after,.bn-account-settings-menu > .bn-account-action:hover::after,.bn-account-settings-menu > .bn-account-action:focus-visible::after,.bn-account-settings-menu > .bn-account-danger-form button:hover::after,.bn-account-settings-menu > .bn-account-danger-form button:focus-visible::after{
opacity:1 !important;
transform:scale(1) !important;
}
.bn-account-settings-menu .bn-account-settings-tab.is-active,.bn-account-settings-menu .bn-account-settings-tab[aria-selected="true"]{
color:#f5f0e8 !important;
background:transparent !important;
box-shadow:none !important;
}
.bn-account-settings-menu .bn-account-settings-tab.is-active::after,.bn-account-settings-menu .bn-account-settings-tab[aria-selected="true"]::after{
background:linear-gradient(180deg,rgba(183,180,174,0.16) 0%,rgba(114,110,104,0.18) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 10px 24px rgba(0,0,0,0.18) !important;
}
.bn-account-settings-menu > .bn-account-action:hover,.bn-account-settings-menu > .bn-account-action:focus-visible,.bn-account-settings-menu .bn-account-settings-tab:hover,.bn-account-settings-menu .bn-account-settings-tab:focus-visible{
color:#f3eee6 !important;
background:transparent !important;
box-shadow:none !important;
}
.bn-account-settings-menu > .bn-account-danger-form button,.bn-account-settings-menu > .bn-account-action--danger{
min-width:max-content !important;
padding-inline:14px !important;
border:1px solid rgba(255,129,129,0.2) !important;
border-radius:10px !important;
background:linear-gradient(180deg,rgba(121,43,43,0.95) 0%,rgba(72,24,24,0.98) 100%) !important;
box-shadow:0 16px 34px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.08) !important;
color:#fff1f1 !important;
font-weight:700 !important;
}
.bn-account-settings-menu > .bn-account-danger-form button::after,.bn-account-settings-menu > .bn-account-action--danger::after{
content:none !important;
display:none !important;
}
.bn-account-settings-menu > .bn-account-danger-form button:hover,.bn-account-settings-menu > .bn-account-danger-form button:focus-visible,.bn-account-settings-menu > .bn-account-action--danger:hover,.bn-account-settings-menu > .bn-account-action--danger:focus-visible{
border-color:rgba(255,172,172,0.28) !important;
background:linear-gradient(180deg,rgba(146,52,52,0.98) 0%,rgba(88,28,28,1) 100%) !important;
color:#fff7f7 !important;
}}
.bn-account-tag-color-list{
grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)) !important;
overflow-x:hidden !important;
padding-inline:0 !important;
}
.bn-account-tag-color-row{
grid-template-columns:minmax(0,1fr) auto !important;
grid-template-areas:"tag wheel" "fields fields" !important;
align-items:start !important;
overflow:visible !important;
contain:layout !important;
}
.bn-account-tag-color-row__label,.bn-account-tag-color-row__label .bn-series-tag,.bn-account-tag-color-row__label .bn-tag{
min-width:0 !important;
max-width:100% !important;
overflow:visible !important;
}
.bn-account-tag-color-row__label .bn-series-tag,.bn-account-tag-color-row__label .bn-tag{
width:auto !important;
flex:0 1 auto !important;
white-space:normal !important;
text-overflow:clip !important;
word-break:normal !important;
overflow-wrap:anywhere !important;
hyphens:auto !important;
font-size:0.82rem !important;
line-height:1.2 !important;
padding:6px 10px !important;
min-height:30px !important;
box-sizing:border-box !important;
}
.bn-account-tag-color-wheel{
border-radius:999px !important;
overflow:hidden !important;
}
@media (max-width: 900px){
.bn-account-settings-mobile-menu,.bn-account-settings-menu{
--bn-settings-tab-hover-bg:linear-gradient(180deg,rgba(86,68,64,0.22) 0%,rgba(32,28,27,0.18) 100%);
--bn-settings-tab-active-bg:linear-gradient(180deg,rgba(183,180,174,0.16) 0%,rgba(114,110,104,0.18) 100%);
--bn-settings-tab-hover-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 10px 22px rgba(0,0,0,0.14);
--bn-settings-tab-active-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 10px 24px rgba(0,0,0,0.18);
}
.bn-account-settings-mobile-menu .bn-account-settings-tab,.bn-account-settings-menu .bn-account-settings-tab,.bn-account-settings-mobile-menu > .bn-account-action,.bn-account-settings-menu > .bn-account-action,.bn-account-settings-mobile-menu > .bn-account-danger-form button,.bn-account-settings-menu > .bn-account-danger-form button{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
border:0 !important;
border-radius:10px !important;
background:transparent !important;
box-shadow:none !important;
color:rgba(183,180,174,0.82) !important;
font-size:0.91rem !important;
font-weight:600 !important;
line-height:1.18 !important;
letter-spacing:0 !important;
text-decoration:none !important;
transform:none !important;
transition:color 180ms ease !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab::before,.bn-account-settings-menu .bn-account-settings-tab::before,.bn-account-settings-mobile-menu > .bn-account-action::before,.bn-account-settings-menu > .bn-account-action::before,.bn-account-settings-mobile-menu > .bn-account-danger-form button::before,.bn-account-settings-menu > .bn-account-danger-form button::before{
content:none !important;
display:none !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab::after,.bn-account-settings-menu .bn-account-settings-tab::after,.bn-account-settings-mobile-menu > .bn-account-action::after,.bn-account-settings-menu > .bn-account-action::after,.bn-account-settings-mobile-menu > .bn-account-danger-form button::after,.bn-account-settings-menu > .bn-account-danger-form button::after{
content:"" !important;
position:absolute !important;
inset:4px 0 !important;
z-index:-1 !important;
pointer-events:none !important;
border-radius:10px !important;
background:var(--bn-settings-tab-hover-bg) !important;
box-shadow:var(--bn-settings-tab-hover-shadow) !important;
opacity:0 !important;
transform:scale(0.985) !important;
transition:opacity 180ms ease,transform 180ms ease !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab:hover::after,.bn-account-settings-mobile-menu .bn-account-settings-tab:focus-visible::after,.bn-account-settings-menu .bn-account-settings-tab:hover::after,.bn-account-settings-menu .bn-account-settings-tab:focus-visible::after,.bn-account-settings-mobile-menu > .bn-account-action:hover::after,.bn-account-settings-mobile-menu > .bn-account-action:focus-visible::after,.bn-account-settings-menu > .bn-account-action:hover::after,.bn-account-settings-menu > .bn-account-action:focus-visible::after,.bn-account-settings-mobile-menu > .bn-account-danger-form button:hover::after,.bn-account-settings-mobile-menu > .bn-account-danger-form button:focus-visible::after,.bn-account-settings-menu > .bn-account-danger-form button:hover::after,.bn-account-settings-menu > .bn-account-danger-form button:focus-visible::after,.bn-account-settings-mobile-menu .bn-account-settings-tab.is-active::after,.bn-account-settings-mobile-menu .bn-account-settings-tab[aria-selected="true"]::after,.bn-account-settings-menu .bn-account-settings-tab.is-active::after,.bn-account-settings-menu .bn-account-settings-tab[aria-selected="true"]::after{
opacity:1 !important;
transform:scale(1) !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab:hover,.bn-account-settings-mobile-menu .bn-account-settings-tab:focus-visible,.bn-account-settings-menu .bn-account-settings-tab:hover,.bn-account-settings-menu .bn-account-settings-tab:focus-visible,.bn-account-settings-mobile-menu > .bn-account-action:hover,.bn-account-settings-mobile-menu > .bn-account-action:focus-visible,.bn-account-settings-menu > .bn-account-action:hover,.bn-account-settings-menu > .bn-account-action:focus-visible{
background:transparent !important;
box-shadow:none !important;
color:#f3eee6 !important;
transform:none !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab.is-active,.bn-account-settings-mobile-menu .bn-account-settings-tab[aria-selected="true"],.bn-account-settings-menu .bn-account-settings-tab.is-active,.bn-account-settings-menu .bn-account-settings-tab[aria-selected="true"]{
background:transparent !important;
box-shadow:none !important;
border-color:transparent !important;
color:#f5f0e8 !important;
font-weight:700 !important;
}
.bn-account-settings-mobile-menu .bn-account-settings-tab.is-active::after,.bn-account-settings-mobile-menu .bn-account-settings-tab[aria-selected="true"]::after,.bn-account-settings-menu .bn-account-settings-tab.is-active::after,.bn-account-settings-menu .bn-account-settings-tab[aria-selected="true"]::after{
background:var(--bn-settings-tab-active-bg) !important;
box-shadow:var(--bn-settings-tab-active-shadow) !important;
}
.bn-account-settings-mobile-menu > .bn-account-action--danger,.bn-account-settings-menu > .bn-account-action--danger,.bn-account-settings-mobile-menu > .bn-account-danger-form button,.bn-account-settings-menu > .bn-account-danger-form button{
border:1px solid rgba(255,129,129,0.2) !important;
border-radius:10px !important;
background:linear-gradient(180deg,rgba(121,43,43,0.95) 0%,rgba(72,24,24,0.98) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 12px 24px rgba(0,0,0,0.18) !important;
color:#fff1f1 !important;
font-weight:700 !important;
min-width:max-content !important;
padding-inline:14px !important;
}
.bn-account-settings-mobile-menu > .bn-account-action--danger::after,.bn-account-settings-menu > .bn-account-action--danger::after,.bn-account-settings-mobile-menu > .bn-account-danger-form button::after,.bn-account-settings-menu > .bn-account-danger-form button::after{
content:none !important;
display:none !important;
}
.bn-account-settings-mobile-menu > .bn-account-action--danger:hover,.bn-account-settings-mobile-menu > .bn-account-action--danger:focus-visible,.bn-account-settings-menu > .bn-account-action--danger:hover,.bn-account-settings-menu > .bn-account-action--danger:focus-visible,.bn-account-settings-mobile-menu > .bn-account-danger-form button:hover,.bn-account-settings-mobile-menu > .bn-account-danger-form button:focus-visible,.bn-account-settings-menu > .bn-account-danger-form button:hover,.bn-account-settings-menu > .bn-account-danger-form button:focus-visible{
border-color:rgba(255,172,172,0.28) !important;
background:linear-gradient(180deg,rgba(146,52,52,0.98) 0%,rgba(88,28,28,1) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 14px 26px rgba(0,0,0,0.2) !important;
color:#fff7f7 !important;
}}
@media (max-width: 560px){
.bn-account-tag-color-row{
grid-template-columns:minmax(0,1fr) 42px !important;
grid-template-areas:"tag wheel" "fields fields" !important;
}}
@-moz-document url-prefix(){
.bn-account-panel,.bn-account-card,.bn-account-settings-preview,.bn-account-settings-rail,.bn-account-settings-menu,.bn-account-modal__dialog,.bn-account-tag-color-row{
background-clip:padding-box !important;
background-origin:padding-box !important;
isolation:isolate !important;
contain:paint !important;
transform:none !important;
filter:none !important;
mask-image:none !important;
-webkit-mask-image:none !important;
outline:1px solid transparent !important;
outline-offset:-1px !important;
}
.bn-account-panel,.bn-account-card,.bn-account-settings-preview,.bn-account-settings-rail,.bn-account-settings-menu,.bn-account-modal__dialog{
overflow:hidden !important;
}
.bn-account-tag-color-row{
overflow:visible !important;
contain:layout !important;
}
.bn-account-panel::before,.bn-account-card::before,.bn-account-settings-preview::before,.bn-account-settings-rail::before,.bn-account-settings-menu::before,.bn-account-modal__dialog::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:2 !important;
pointer-events:none !important;
border-radius:inherit !important;
box-shadow:inset 0 0 0 1px rgba(183,180,174,0.11) !important;
background:transparent !important;
}}
.bn-account-settings-preview .bn-account-tag-color-list,.bn-account-tag-colors-form .bn-account-tag-color-list{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr)) !important;
align-items:start !important;
gap:clamp(10px,1.4vw,16px) !important;
inline-size:100% !important;
max-inline-size:100% !important;
max-block-size:clamp(320px,56vh,720px) !important;
min-block-size:0 !important;
overflow-x:hidden !important;
overflow-y:auto !important;
overscroll-behavior:contain !important;
padding:2px clamp(4px,0.8vw,10px) 2px 2px !important;
scrollbar-gutter:stable !important;
scrollbar-width:thin !important;
}
.bn-account-settings-preview .bn-account-tag-color-row,.bn-account-tag-colors-form .bn-account-tag-color-row{
display:grid !important;
grid-template-columns:minmax(0,1fr) 44px !important;
grid-template-areas:"tag wheel" "fields fields" !important;
align-items:center !important;
gap:10px 12px !important;
min-inline-size:0 !important;
max-inline-size:100% !important;
overflow:visible !important;
contain:layout !important;
}
.bn-account-settings-preview .bn-account-tag-color-row__label,.bn-account-tag-colors-form .bn-account-tag-color-row__label{
grid-area:tag !important;
min-inline-size:0 !important;
max-inline-size:100% !important;
overflow:hidden !important;
}
.bn-account-settings-preview .bn-account-tag-color-row__label .bn-series-tag,.bn-account-settings-preview .bn-account-tag-color-row__label .bn-tag,.bn-account-tag-colors-form .bn-account-tag-color-row__label .bn-series-tag,.bn-account-tag-colors-form .bn-account-tag-color-row__label .bn-tag{
max-inline-size:100% !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
overflow-wrap:normal !important;
word-break:normal !important;
justify-content:flex-start !important;
}
.bn-account-settings-preview .bn-account-tag-color-control,.bn-account-tag-colors-form .bn-account-tag-color-control{
display:contents !important;
}
.bn-account-settings-preview .bn-account-tag-color-wheel,.bn-account-tag-colors-form .bn-account-tag-color-wheel{
grid-area:wheel !important;
justify-self:end !important;
align-self:center !important;
inline-size:42px !important;
block-size:42px !important;
min-inline-size:42px !important;
border-radius:999px !important;
}
.bn-account-settings-preview .bn-account-tag-color-fields,.bn-account-tag-colors-form .bn-account-tag-color-fields{
grid-area:fields !important;
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:8px !important;
min-inline-size:0 !important;
max-inline-size:100% !important;
}
.bn-account-settings-preview .bn-account-tag-color-field,.bn-account-settings-preview .bn-account-tag-color-field input,.bn-account-tag-colors-form .bn-account-tag-color-field,.bn-account-tag-colors-form .bn-account-tag-color-field input{
min-inline-size:0 !important;
max-inline-size:100% !important;
}
@media (min-width: 1180px){
.bn-account-settings-preview .bn-account-tag-color-list,.bn-account-tag-colors-form .bn-account-tag-color-list{
grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr)) !important;
max-block-size:clamp(360px,60vh,780px) !important;
}}
@media (max-width: 640px){
.bn-account-settings-preview .bn-account-tag-color-list,.bn-account-tag-colors-form .bn-account-tag-color-list{
grid-template-columns:minmax(0,1fr) !important;
max-block-size:clamp(300px,64vh,660px) !important;
padding-right:4px !important;
}
.bn-account-settings-preview .bn-account-tag-color-fields,.bn-account-tag-colors-form .bn-account-tag-color-fields{
grid-template-columns:minmax(0,1fr) !important;
}}
@media (min-width: 901px){
.bn-account-panel--settings .bn-account-settings-layout{
display:grid !important;
grid-template-columns:minmax(210px,250px) minmax(0,1fr) !important;
align-items:start !important;
gap:clamp(24px,3vw,44px) !important;
}
.bn-account-panel--settings .bn-account-settings-rail{
display:block !important;
position:sticky !important;
top:clamp(16px,4vw,32px) !important;
align-self:start !important;
justify-self:stretch !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:none !important;
padding:0 clamp(16px,2vw,24px) 0 0 !important;
border:0 !important;
border-right:1px solid rgba(183,180,174,0.14) !important;
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
}
.bn-account-panel--settings .bn-account-settings-menu{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
justify-content:flex-start !important;
gap:8px !important;
inline-size:100% !important;
max-inline-size:none !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
}
.bn-account-panel--settings .bn-account-settings-menu > *,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button{
display:flex !important;
position:relative !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:none !important;
min-block-size:44px !important;
margin:0 !important;
box-sizing:border-box !important;
float:none !important;
clear:both !important;
transform:none !important;
}
.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button{
align-items:center !important;
justify-content:flex-start !important;
padding:11px 14px !important;
line-height:1.18 !important;
white-space:normal !important;
text-align:left !important;
overflow:hidden !important;
border-radius:10px !important;
}
.bn-account-panel--settings .bn-account-settings-mobile-menu{
display:none !important;
}}
.bn-account-settings-preview .bn-account-tag-color-row__label,.bn-account-tag-colors-form .bn-account-tag-color-row__label{
overflow:visible !important;
}
.bn-account-settings-preview .bn-account-tag-color-row__label .bn-series-tag,.bn-account-settings-preview .bn-account-tag-color-row__label .bn-tag,.bn-account-tag-colors-form .bn-account-tag-color-row__label .bn-series-tag,.bn-account-tag-colors-form .bn-account-tag-color-row__label .bn-tag{
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
overflow-wrap:anywhere !important;
hyphens:auto !important;
line-height:1.18 !important;
text-align:left !important;
}
@media (min-width: 1180px){
.bn-account-settings-preview .bn-account-tag-color-list,.bn-account-tag-colors-form .bn-account-tag-color-list{
grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)) !important;
}}
@media (min-width: 901px){
.bn-account-panel--settings,.bn-account-panel--settings *{
box-sizing:border-box;
}
.bn-account-panel--settings .bn-account-panel__column--logged-in{
padding:clamp(26px,4vw,40px) !important;
}
.bn-account-panel--settings .bn-account-settings-shell{
display:block !important;
inline-size:100% !important;
min-inline-size:0 !important;
}
.bn-account-panel--settings .bn-account-settings-layout{
display:flex !important;
align-items:flex-start !important;
justify-content:flex-start !important;
gap:clamp(28px,3.2vw,46px) !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:100% !important;
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
padding:0 !important;
}
.bn-account-panel--settings .bn-account-settings-rail{
display:block !important;
position:sticky !important;
top:clamp(18px,4vw,34px) !important;
flex:0 0 clamp(210px,22vw,260px) !important;
inline-size:clamp(210px,22vw,260px) !important;
min-inline-size:clamp(210px,22vw,260px) !important;
max-inline-size:clamp(210px,22vw,260px) !important;
align-self:flex-start !important;
padding:0 clamp(18px,2vw,24px) 0 0 !important;
margin:0 !important;
border:0 !important;
border-right:1px solid rgba(183,180,174,0.14) !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
contain:none !important;
transform:none !important;
z-index:2 !important;
}
.bn-account-panel--settings .bn-account-settings-preview{
display:block !important;
position:relative !important;
flex:1 1 auto !important;
inline-size:auto !important;
min-inline-size:0 !important;
max-inline-size:none !important;
margin:0 !important;
padding:clamp(24px,3vw,36px) !important;
grid-column:auto !important;
grid-row:auto !important;
justify-self:stretch !important;
align-self:flex-start !important;
z-index:1 !important;
overflow:visible !important;
contain:none !important;
transform:none !important;
}
.bn-account-panel--settings .bn-account-settings-preview > *{
position:relative !important;
z-index:1 !important;
max-inline-size:100% !important;
min-inline-size:0 !important;
}
.bn-account-panel--settings .bn-account-settings-preview .bn-account-form,.bn-account-panel--settings .bn-account-settings-preview .bn-account-form--wide{
display:grid !important;
gap:clamp(16px,2vw,20px) !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:100% !important;
padding:0 !important;
margin:0 !important;
}
.bn-account-panel--settings .bn-account-settings-preview__header{
display:grid !important;
gap:8px !important;
margin:0 0 4px !important;
padding:0 0 16px !important;
border-bottom:1px solid rgba(183,180,174,0.08) !important;
}
.bn-account-panel--settings .bn-account-settings-preview__header h3,.bn-account-panel--settings .bn-account-settings-preview__header p{
position:static !important;
margin:0 !important;
max-inline-size:100% !important;
}
.bn-account-panel--settings .bn-account-settings-preview .bn-account-field,.bn-account-panel--settings .bn-account-settings-preview .bn-account-form label,.bn-account-panel--settings .bn-account-settings-preview .bn-account-form input,.bn-account-panel--settings .bn-account-settings-preview .bn-account-form textarea,.bn-account-panel--settings .bn-account-settings-preview .bn-account-submit{
position:relative !important;
z-index:1 !important;
max-inline-size:100% !important;
}
.bn-account-panel--settings .bn-account-settings-menu{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
justify-content:flex-start !important;
gap:8px !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:none !important;
padding:0 !important;
margin:0 !important;
overflow:visible !important;
contain:none !important;
}
.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tabs{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
justify-content:flex-start !important;
gap:8px !important;
inline-size:100% !important;
max-inline-size:none !important;
padding:0 !important;
margin:0 !important;
}
.bn-account-panel--settings .bn-account-settings-menu > *,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tabs > *,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button{
position:relative !important;
display:flex !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:none !important;
min-block-size:44px !important;
margin:0 !important;
float:none !important;
clear:both !important;
transform:none !important;
inset:auto !important;
box-sizing:border-box !important;
}
.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button{
align-items:center !important;
justify-content:flex-start !important;
padding:11px 14px !important;
border-radius:12px !important;
line-height:1.18 !important;
white-space:normal !important;
text-align:left !important;
overflow:hidden !important;
}
.bn-account-panel--settings .bn-account-settings-mobile-menu{
display:none !important;
}}
@media (min-width: 901px) and (max-width: 1080px){
.bn-account-panel--settings .bn-account-settings-layout{
gap:24px !important;
}
.bn-account-panel--settings .bn-account-settings-rail{
flex-basis:190px !important;
inline-size:190px !important;
min-inline-size:190px !important;
max-inline-size:190px !important;
}}
@media (min-width: 901px){
.bn-account-panel--settings .bn-account-panel__column--logged-in{
padding:clamp(26px,4vw,40px) !important;
}
.bn-account-panel--settings .bn-account-settings-shell{
display:grid !important;
gap:24px !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:100% !important;
}
.bn-account-panel--settings .bn-account-settings-layout{
display:grid !important;
align-items:start !important;
grid-template-columns:minmax(140px,176px) minmax(0,1fr) !important;
gap:clamp(22px,3vw,40px) !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:100% !important;
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
padding:0 !important;
}
.bn-account-panel--settings .bn-account-settings-rail,.bn-account-panel--settings .bn-account-settings-preview{
border:1px solid rgba(183,180,174,0.1) !important;
border-radius:24px !important;
background:linear-gradient(180deg,rgba(255,255,255,0.035) 0%,rgba(255,255,255,0.018) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.03) !important;
}
.bn-account-panel--settings .bn-account-settings-rail{
display:flex !important;
position:static !important;
top:auto !important;
grid-column:1 !important;
grid-row:1 !important;
inline-size:auto !important;
min-inline-size:0 !important;
max-inline-size:none !important;
flex:initial !important;
align-self:stretch !important;
justify-self:stretch !important;
gap:18px !important;
padding:2px 14px 2px 0 !important;
margin:0 !important;
border:0 !important;
border-right:1px solid rgba(183,180,174,0.14) !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
overflow:visible !important;
contain:none !important;
transform:none !important;
z-index:2 !important;
}
.bn-account-panel--settings .bn-account-settings-rail__header{
display:none !important;
gap:8px !important;
}
.bn-account-panel--settings .bn-account-settings-preview{
display:block !important;
position:relative !important;
grid-column:2 !important;
grid-row:1 !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:100% !important;
min-block-size:0 !important;
margin:0 !important;
padding:clamp(20px,3vw,34px) !important;
justify-self:stretch !important;
align-self:start !important;
overflow:visible !important;
contain:none !important;
transform:none !important;
z-index:1 !important;
}
.bn-account-panel--settings .bn-account-settings-preview__header{
display:grid !important;
gap:8px !important;
margin:0 0 8px !important;
padding:0 !important;
border-bottom:0 !important;
}
.bn-account-panel--settings .bn-account-settings-preview__header h3,.bn-account-panel--settings .bn-account-settings-preview__header p{
position:static !important;
margin:0 !important;
max-inline-size:100% !important;
}
.bn-account-panel--settings .bn-account-settings-menu{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
justify-content:center !important;
justify-items:center !important;
align-content:start !important;
gap:0.5rem !important;
width:100% !important;
max-width:176px !important;
inline-size:100% !important;
min-inline-size:0 !important;
margin:0 auto !important;
padding:0 !important;
overflow:visible !important;
contain:none !important;
}
.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tabs,.bn-account-panel--settings .bn-account-settings-actions{
display:grid !important;
grid-template-columns:1fr !important;
flex-direction:column !important;
align-content:start !important;
justify-items:center !important;
align-items:center !important;
gap:12px !important;
width:100% !important;
max-width:164px !important;
margin:0 auto !important;
padding:0 !important;
}
.bn-account-panel--settings .bn-account-settings-menu > *,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab{
width:100% !important;
max-width:176px !important;
margin:0 !important;
position:relative !important;
float:none !important;
clear:none !important;
inset:auto !important;
transform:none !important;
box-sizing:border-box !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab{
background:transparent !important;
box-shadow:none !important;
border:0 !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form{
display:block !important;
width:100% !important;
max-width:176px !important;
margin:0 !important;
padding-top:8px !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action{
padding-top:8px !important;
margin-top:8px !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab{
position:relative !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
max-width:none !important;
min-height:42px !important;
min-block-size:42px !important;
padding:11px 12px !important;
margin:0 !important;
border:0 !important;
border-radius:10px !important;
background:transparent !important;
box-shadow:none !important;
text-align:center !important;
text-decoration:none !important;
color:var(--wp--preset--color--sand,#b7b4ae) !important;
font-size:0.92rem !important;
font-weight:600 !important;
line-height:1.25 !important;
letter-spacing:0 !important;
transition:color 180ms ease,transform 180ms ease !important;
isolation:isolate !important;
overflow:hidden !important;
white-space:normal !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action::before,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form::before,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button::before,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab::before{
content:none !important;
display:none !important;
background:transparent !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action::after,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button::after,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab::after{
content:"" !important;
position:absolute !important;
inset:4px 0 !important;
border-radius:10px !important;
background:linear-gradient(180deg,rgba(86,68,64,0.22) 0%,rgba(32,28,27,0.18) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 10px 22px rgba(0,0,0,0.14) !important;
opacity:0 !important;
transform:scale(0.985) !important;
transition:opacity 180ms ease,transform 180ms ease !important;
z-index:-1 !important;
pointer-events:none !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action:hover::after,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action:focus-visible::after,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button:hover::after,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button:focus-visible::after,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab:hover::after,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab:focus-visible::after,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab.is-active::after,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab[aria-selected="true"]::after{
opacity:1 !important;
transform:scale(1) !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action:hover,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action:focus-visible,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button:hover,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button:focus-visible,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab:hover,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab:focus-visible,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab.is-active,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab[aria-selected="true"]{
text-decoration:none !important;
transform:none !important;
background:transparent !important;
box-shadow:none !important;
color:#f3eee6 !important;
}
.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab.is-active::after,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab[aria-selected="true"]::after{
background:linear-gradient(180deg,rgba(183,180,174,0.16) 0%,rgba(114,110,104,0.18) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 10px 24px rgba(0,0,0,0.18) !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action--danger{
color:#d28787 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button::after{
background:linear-gradient(180deg,rgba(121,43,43,0.18) 0%,rgba(72,24,24,0.2) 100%) !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button:hover,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button:focus-visible,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action--danger:hover,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action--danger:focus-visible{
color:#f1b0b0 !important;
}
.bn-account-panel--settings .bn-account-settings-mobile-menu{
display:none !important;
}
.bn-account-panel--settings .bn-account-settings-preview .bn-account-tag-color-list,.bn-account-panel--settings .bn-account-tag-colors-form .bn-account-tag-color-list{
grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)) !important;
max-block-size:clamp(300px,44vh,520px) !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
scrollbar-gutter:stable !important;
align-items:start !important;
}
.bn-account-panel--settings .bn-account-settings-preview .bn-account-tag-color-row,.bn-account-panel--settings .bn-account-tag-colors-form .bn-account-tag-color-row{
align-self:start !important;
}
.bn-account-panel--settings .bn-account-settings-layout{
grid-template-columns:minmax(140px,176px) minmax(0,1fr) !important;
align-items:start !important;
overflow:visible !important;
}
.bn-account-panel--settings .bn-account-settings-rail,.bn-account-panel--settings .bn-account-settings-preview,.bn-account-panel--settings .bn-account-settings-menu{
outline:0 !important;
box-shadow:none !important;
background:transparent !important;
background-image:none !important;
}
.bn-account-panel--settings .bn-account-settings-rail,.bn-account-panel--settings .bn-account-settings-menu{
border:0 !important;
border-radius:0 !important;
}
.bn-account-panel--settings .bn-account-settings-rail{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
justify-self:stretch !important;
align-self:stretch !important;
padding:0 16px 0 0 !important;
margin:0 !important;
border-right:1px solid rgba(183,180,174,0.16) !important;
overflow:visible !important;
}
.bn-account-panel--settings .bn-account-settings-preview{
border:0 !important;
border-radius:0 !important;
min-block-size:0 !important;
overflow:visible !important;
contain:none !important;
}
.bn-account-panel--settings .bn-account-settings-menu{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
align-self:center !important;
justify-self:center !important;
width:100% !important;
max-width:164px !important;
min-width:0 !important;
margin:auto !important;
padding:0 !important;
gap:12px !important;
overflow:visible !important;
}
.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tabs,.bn-account-panel--settings .bn-account-settings-actions{
width:100% !important;
max-width:164px !important;
margin-inline:auto !important;
justify-items:center !important;
align-items:center !important;
}
.bn-account-panel--settings .bn-account-settings-menu > *,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button{
width:100% !important;
max-width:164px !important;
margin-inline:auto !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form{
display:block !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action--danger{
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-height:42px !important;
padding:11px 12px !important;
border:1px solid rgba(255,129,129,0.24) !important;
border-radius:10px !important;
background:linear-gradient(180deg,rgba(121,43,43,0.92) 0%,rgba(72,24,24,0.96) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 12px 24px rgba(42,8,8,0.22) !important;
color:#fff1f1 !important;
font-weight:750 !important;
text-align:center !important;
overflow:hidden !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button::after,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action--danger::after{
content:none !important;
display:none !important;
}
.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button:hover,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button:focus-visible,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action--danger:hover,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action--danger:focus-visible{
border-color:rgba(255,172,172,0.34) !important;
background:linear-gradient(180deg,rgba(146,52,52,0.98) 0%,rgba(88,28,28,1) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 14px 28px rgba(42,8,8,0.26) !important;
color:#fff7f7 !important;
}
.bn-account-panel--settings .bn-account-settings-preview .bn-account-tag-colors-form,.bn-account-panel--settings .bn-account-tag-colors-form{
display:grid !important;
grid-template-rows:auto minmax(0,1fr) auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
}
.bn-account-panel--settings .bn-account-settings-preview .bn-account-tag-color-list,.bn-account-panel--settings .bn-account-tag-colors-form .bn-account-tag-color-list{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)) !important;
gap:12px !important;
width:100% !important;
min-width:0 !important;
min-height:180px !important;
max-height:clamp(260px,42vh,500px) !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
scrollbar-width:thin !important;
padding:2px 8px 2px 2px !important;
pointer-events:auto !important;
contain:none !important;
position:relative !important;
z-index:4 !important;
}
.bn-account-panel--settings .bn-account-settings-preview .bn-account-tag-color-row,.bn-account-panel--settings .bn-account-tag-colors-form .bn-account-tag-color-row{
contain:layout !important;
}}
@media (min-width: 901px) and (max-width: 1080px){
.bn-account-panel--settings .bn-account-settings-layout{
grid-template-columns:minmax(130px,164px) minmax(0,1fr) !important;
gap:22px !important;
}
.bn-account-panel--settings .bn-account-settings-menu,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tabs,.bn-account-panel--settings .bn-account-settings-actions,.bn-account-panel--settings .bn-account-settings-menu > *,.bn-account-panel--settings .bn-account-settings-menu .bn-account-settings-tab,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-action,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form,.bn-account-panel--settings .bn-account-settings-menu > .bn-account-danger-form button{
max-width:152px !important;
}}
@media (min-width: 901px){
@-moz-document url-prefix(){
.bn-account-panel--settings .bn-account-settings-rail,.bn-account-panel--settings .bn-account-settings-preview,.bn-account-panel--settings .bn-account-settings-menu{
outline:0 !important;
box-shadow:none !important;
}
.bn-account-panel--settings .bn-account-settings-rail::before,.bn-account-panel--settings .bn-account-settings-preview::before,.bn-account-panel--settings .bn-account-settings-menu::before{
content:none !important;
display:none !important;
}}}
@media (max-width: 900px){
.bn-account-panel--settings .bn-account-settings-layout{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
grid-template-areas:"preview" "menu" !important;
align-items:stretch !important;
gap:14px !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:100% !important;
}
.bn-account-panel--settings .bn-account-settings-rail{
display:none !important;
}
.bn-account-panel--settings .bn-account-settings-preview{
grid-area:preview !important;
display:block !important;
position:relative !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:100% !important;
margin:0 !important;
padding:clamp(20px,5vw,28px) !important;
border:1px solid rgba(183,180,174,0.1) !important;
border-radius:24px !important;
background:linear-gradient(180deg,rgba(255,255,255,0.035) 0%,rgba(255,255,255,0.018) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.03) !important;
overflow:visible !important;
contain:none !important;
transform:none !important;
z-index:1 !important;
}
.bn-account-panel--settings .bn-account-settings-preview > *,.bn-account-panel--settings .bn-account-settings-preview .bn-account-form,.bn-account-panel--settings .bn-account-settings-preview .bn-account-form--wide{
position:relative !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:100% !important;
margin:0 !important;
}
.bn-account-panel--settings .bn-account-settings-preview .bn-account-form,.bn-account-panel--settings .bn-account-settings-preview .bn-account-form--wide{
display:grid !important;
gap:clamp(16px,3vw,20px) !important;
}
.bn-account-panel--settings .bn-account-settings-preview__header{
display:grid !important;
gap:8px !important;
margin:0 !important;
padding:0 0 14px !important;
border-bottom:1px solid rgba(183,180,174,0.08) !important;
}
.bn-account-panel--settings .bn-account-settings-preview__header h3,.bn-account-panel--settings .bn-account-settings-preview__header p,.bn-account-panel--settings .bn-account-settings-preview .bn-account-field,.bn-account-panel--settings .bn-account-settings-preview .bn-account-form label,.bn-account-panel--settings .bn-account-settings-preview .bn-account-form input,.bn-account-panel--settings .bn-account-settings-preview .bn-account-form textarea,.bn-account-panel--settings .bn-account-settings-preview .bn-account-submit{
position:relative !important;
z-index:1 !important;
max-inline-size:100% !important;
margin-inline:0 !important;
}
.bn-account-panel--settings .bn-account-settings-mobile-menu{
grid-area:menu !important;
display:flex !important;
flex-wrap:wrap !important;
align-items:stretch !important;
justify-content:center !important;
gap:8px !important;
inline-size:100% !important;
min-inline-size:0 !important;
max-inline-size:100% !important;
margin:0 !important;
padding:0 4px 4px !important;
}}
.bn-account-field__hint{
display:none !important;
}
.bn-account-modal__dialog--danger{
overflow:visible !important;
}
.bn-account-modal__dialog--danger .bn-account-modal__close,.bn-account-modal__close{
display:grid !important;
place-items:center !important;
top:14px !important;
right:14px !important;
left:auto !important;
z-index:20 !important;
padding:0 !important;
line-height:1 !important;
text-align:center !important;
appearance:none !important;
}
.bn-account-modal__dialog--danger .bn-account-modal__close span,.bn-account-modal__close span{
display:block !important;
line-height:1 !important;
transform:translateY(-1px) !important;
}
.bn-account-tag-colors-form > .bn-account-submit,.bn-account-panel--settings .bn-account-tag-colors-form > .bn-account-submit,.bn-account-settings-preview .bn-account-tag-colors-form > .bn-account-submit{
position:relative !important;
z-index:20 !important;
inline-size:max-content !important;
min-inline-size:min(100%,172px) !important;
min-block-size:48px !important;
padding-inline:24px !important;
pointer-events:auto !important;
justify-self:start !important;
}
.bn-account-tag-colors-form > .bn-account-submit::before,.bn-account-tag-colors-form > .bn-account-submit::after{
pointer-events:none !important;
}
@media (min-width: 901px){
.bn-account-panel--settings .bn-account-settings-preview,.bn-account-panel--settings .bn-account-tag-colors-form,.bn-account-panel--settings .bn-account-tag-colors-form > .bn-account-submit{
pointer-events:auto !important;
}
.bn-account-panel--settings .bn-account-tag-colors-form > .bn-account-submit{
min-block-size:48px !important;
font-size:0.95rem !important;
}}
@media (max-width: 900px){
.bn-account-panel--settings .bn-account-settings-mobile-menu{
display:flex !important;
flex-wrap:nowrap !important;
justify-content:flex-start !important;
align-items:stretch !important;
gap:8px !important;
inline-size:100% !important;
max-inline-size:100% !important;
overflow-x:auto !important;
overflow-y:hidden !important;
overscroll-behavior-inline:contain !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-width:thin !important;
scrollbar-gutter:stable !important;
padding:0 4px 8px !important;
}
.bn-account-panel--settings .bn-account-settings-mobile-menu .bn-account-settings-tabs,.bn-account-panel--settings .bn-account-settings-mobile-menu .bn-account-settings-actions{
display:contents !important;
}
.bn-account-panel--settings .bn-account-settings-mobile-menu .bn-account-settings-tab,.bn-account-panel--settings .bn-account-settings-mobile-menu > .bn-account-action,.bn-account-panel--settings .bn-account-settings-mobile-menu .bn-account-action,.bn-account-panel--settings .bn-account-settings-mobile-menu > .bn-account-danger-form,.bn-account-panel--settings .bn-account-settings-mobile-menu > .bn-account-danger-form button{
flex:0 0 auto !important;
inline-size:auto !important;
width:auto !important;
max-inline-size:none !important;
white-space:nowrap !important;
}}
.bn-account-modal .bn-account-modal__dialog.bn-account-modal__dialog--danger > .bn-account-modal__close,.bn-account-modal .bn-account-modal__dialog > .bn-account-modal__close{
position:absolute !important;
inset-block-start:14px !important;
inset-inline-end:14px !important;
inset-block-end:auto !important;
inset-inline-start:auto !important;
top:14px !important;
right:14px !important;
bottom:auto !important;
left:auto !important;
z-index:50 !important;
display:inline-grid !important;
place-items:center !important;
inline-size:40px !important;
block-size:40px !important;
width:40px !important;
height:40px !important;
min-inline-size:40px !important;
min-block-size:40px !important;
margin:0 !important;
padding:0 !important;
line-height:1 !important;
transform:none !important;
overflow:visible !important;
}
.bn-account-modal .bn-account-modal__dialog.bn-account-modal__dialog--danger{
overflow:visible !important;
}
.bn-account-modal .bn-account-modal__dialog.bn-account-modal__dialog--danger::before{
pointer-events:none !important;
}
.bn-account-modal .bn-account-modal__dialog.bn-account-modal__dialog--danger > .bn-account-modal__close > span,.bn-account-modal .bn-account-modal__dialog > .bn-account-modal__close > span{
display:block !important;
inline-size:1em !important;
block-size:1em !important;
line-height:0.88 !important;
text-align:center !important;
transform:translateY(-1px) !important;
}
.bn-account-form__field--checkbox .bn-account-check{
align-items:start !important;
}
.bn-account-form__field--checkbox .bn-account-check__control{
grid-column:1;
width:22px !important;
height:22px !important;
margin:2px 0 0 !important;
padding:0 !important;
display:block !important;
}
.bn-account-form__field--checkbox .bn-account-check__control input[type="checkbox"]{
position:absolute !important;
inset:0 !important;
display:block !important;
width:22px !important;
height:22px !important;
min-width:22px !important;
min-height:22px !important;
margin:0 !important;
opacity:0 !important;
}
.bn-account-form__field--checkbox .bn-account-check__box{
position:absolute !important;
inset:0 !important;
margin:0 !important;
}
.bn-account-form__field--checkbox .bn-account-check__content{
grid-column:2;
min-width:0;
padding-top:0;
}
.bn-account-activity-list .bn-series-comment-card__author-badge,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__author-badge{
max-inline-size:100%;
min-inline-size:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:1.2;
flex:0 1 auto;
}
.bn-account-activity-list .bn-series-comment-card__badge-row,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__badge-row{
min-inline-size:0;
max-inline-size:100%;
flex-wrap:nowrap;
overflow:hidden;
}
@media (max-width: 760px){
.bn-account-activity-list .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__head,.bn-account-activity-list .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__head{
grid-template-columns:minmax(0,1fr);
padding-right:0;
min-height:0;
gap:0.7rem;
}
.bn-account-activity-list .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__identity,.bn-account-activity-list .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__identity{
width:100%;
max-width:100%;
}
.bn-account-activity-list .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__meta-side,.bn-account-activity-list .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__meta-side{
position:static;
width:100%;
min-width:0;
max-width:100%;
margin:0;
padding-left:0;
padding-top:0;
transform:none;
justify-content:flex-start;
justify-self:start;
}
.bn-account-activity-list .bn-series-comment-card:has(.bn-series-comment-card__rating) .bn-series-comment-card__rating,.bn-account-activity-list .bn-series-comment-card--with-series:has(.bn-series-comment-card__rating) .bn-series-comment-card__rating{
margin:0;
max-inline-size:100%;
justify-content:flex-start;
justify-self:start;
}}
.bpp-hide-page-title .wp-block-post-title,.bpp-hide-page-title .entry-title,.bpp-hide-page-title .page-title{
display:none !important;
}
.bn-users-shell,.bn-public-profile-shell{
width:min(1280px,calc(100vw - 32px));
max-width:none;
margin:0 auto;
padding:clamp(18px,3vw,34px) 0;
}
.bn-users-header{
display:grid;
gap:8px;
margin:0 0 clamp(16px,2vw,24px);
padding:clamp(18px,2.4vw,28px);
border:1px solid rgba(183,180,174,0.12);
background:linear-gradient(180deg,rgba(55,30,30,0.28),rgba(20,18,18,0.9));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 18px 42px rgba(0,0,0,0.24);
clip-path:inset(0 round 24px);
}
.bn-users-header h1{
margin:0;
color:var(--bn-text);
font-size:clamp(1.8rem,1.2rem + 2vw,3rem);
line-height:1;
letter-spacing:-0.045em;
}
.bn-users-header p{
max-width:62ch;
margin:0;
color:var(--bn-text-soft);
}
.bn-users-search{
display:grid;
grid-template-columns:minmax(0,1fr) auto auto;
gap:10px;
align-items:center;
width:min(100%,720px);
margin-top:8px;
padding:8px;
border:1px solid rgba(183,180,174,0.12);
background:rgba(255,255,255,0.035);
clip-path:inset(0 round 999px);
}
.bn-users-search input{
width:100%;
min-height:44px;
padding:0 16px;
border:1px solid rgba(183,180,174,0.14);
background:rgba(8,8,8,0.72);
color:var(--bn-text);
font:inherit;
box-sizing:border-box;
clip-path:inset(0 round 999px);
}
.bn-users-search button,.bn-users-search a{
display:inline-grid;
place-items:center;
min-height:44px;
padding:0 17px;
border:1px solid rgba(183,180,174,0.16);
background:linear-gradient(180deg,#b7b4ae,#8f897f);
color:#0a0a0a;
font-weight:900;
text-decoration:none;
clip-path:inset(0 round 999px);
white-space:nowrap;
}
.bn-users-search a{
background:rgba(255,255,255,0.055);
color:var(--bn-text-soft);
}
.bn-users-live-status{
min-height:1.25em;
margin:0;
color:var(--bn-text-muted);
font-size:0.88rem;
}
.bn-users-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));
gap:clamp(12px,1.8vw,20px);
}
.bn-public-user-card{
margin:0;
overflow:hidden;
clip-path:inset(0 round 22px);
}
.bn-public-user-card[hidden]{
display:none !important;
}
.bn-public-user-card__inner{
display:grid;
grid-template-columns:76px minmax(0,1fr);
gap:16px;
align-items:center;
padding:clamp(16px,2vw,22px) !important;
}
.bn-public-user-card__avatar{
width:76px;
height:76px;
overflow:hidden;
clip-path:circle(50% at 50% 50%);
}
.bn-public-user-card__avatar img,.bn-public-profile-card__avatar img{
display:block;
width:100%;
height:100%;
object-fit:cover;
clip-path:circle(50% at 50% 50%);
}
.bn-public-user-card__body{
min-width:0;
}
.bn-public-user-card__body h2,.bn-public-user-card__body h3{
margin:0 0 3px;
font-size:clamp(1.2rem,1rem + 0.55vw,1.55rem);
line-height:1.05;
letter-spacing:-0.03em;
}
.bn-public-user-card__body h2 a,.bn-public-user-card__body h3 a{
color:var(--bn-text);
text-decoration:none;
}
.bn-public-user-card__stats{
display:flex;
gap:7px;
flex-wrap:wrap;
margin-top:10px;
}
.bn-public-user-card__stats span,.bn-users-pagination .page-numbers{
display:inline-grid;
place-items:center;
min-height:30px;
padding:0 10px;
border:1px solid rgba(183,180,174,0.12);
background:rgba(255,255,255,0.045);
color:var(--bn-text-soft);
font-size:0.82rem;
font-weight:800;
clip-path:inset(0 round 999px);
}
.bn-users-pagination{
display:flex;
justify-content:center;
align-items:center;
gap:8px;
flex-wrap:wrap;
margin:clamp(18px,3vw,28px) 0 0;
}
.bn-users-pagination .page-numbers{
min-width:40px;
min-height:40px;
padding:0 14px;
background:linear-gradient(180deg,rgba(55,30,30,0.78),rgba(36,34,32,0.92));
color:var(--bn-text);
text-decoration:none;
}
.bn-users-pagination .page-numbers.current{
background:linear-gradient(180deg,#b7b4ae,#8f897f);
color:#0a0a0a;
}
.bn-public-profile-panel{
margin:0 0 clamp(16px,2vw,24px);
overflow:hidden;
clip-path:inset(0 round 28px);
}
.bn-public-profile-card{
display:grid;
grid-template-columns:auto minmax(0,1fr) minmax(190px,0.35fr);
gap:clamp(16px,2.6vw,28px);
align-items:center;
padding:clamp(20px,3vw,34px);
}
.bn-public-profile-card__avatar{
width:clamp(96px,10vw,136px);
height:clamp(96px,10vw,136px);
overflow:hidden;
clip-path:circle(50% at 50% 50%);
}
.bn-public-profile-card .bn-account-profile-card__header{
display:grid;
gap:5px;
min-width:0;
}
.bn-public-profile-card .bn-account-profile-card__header h1{
margin:0;
font-size:clamp(1.8rem,1.25rem + 2vw,3.1rem);
line-height:1;
letter-spacing:-0.045em;
}
.bn-public-profile-card .bn-account-profile-card__username,.bn-public-profile-card .bn-account-profile-card__meta,.bn-public-user-card .bn-account-profile-card__username,.bn-public-user-card .bn-account-profile-card__meta{
max-width:100%;
margin:0.1rem 0 0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.bn-public-profile-stats{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.bn-public-profile-stats .bn-account-stat-box{
clip-path:inset(0 round 18px);
}
.bn-public-profile-shell .bn-account-profile-sections{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:clamp(14px,1.8vw,22px);
width:100%;
}
.bn-public-profile-shell .bn-account-activity-section{
width:100%;
min-width:0;
padding:clamp(16px,2vw,24px);
box-sizing:border-box;
clip-path:inset(0 round 22px);
}
.bn-public-profile-shell .bn-series-comments-list--account{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
gap:clamp(12px,1.5vw,16px) !important;
}
.bn-public-profile-shell .bn-series-comment-card{
min-width:0;
clip-path:inset(0 round 18px);
}
@media (min-width: 1500px){
.bn-users-shell,.bn-public-profile-shell{
width:min(1360px,calc(100vw - 48px));
}
.bn-users-grid{
grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
}}
@media (max-width: 900px){
.bn-public-profile-card{
grid-template-columns:auto minmax(0,1fr);
}
.bn-public-profile-stats,.bn-public-profile-shell .bn-account-profile-sections{
grid-column:1/-1;
grid-template-columns:minmax(0,1fr);
}}
@media (max-width: 700px){
.bn-users-shell,.bn-public-profile-shell{
width:min(100%,calc(100vw - 24px));
padding:18px 0;
}
.bn-users-search{
grid-template-columns:minmax(0,1fr);
clip-path:inset(0 round 18px);
}
.bn-users-search button,.bn-users-search a{
width:100%;
}
.bn-public-user-card__inner{
grid-template-columns:60px minmax(0,1fr);
gap:12px;
}
.bn-public-user-card__avatar{
width:60px;
height:60px;
}
.bn-public-profile-card{
grid-template-columns:minmax(0,1fr);
justify-items:center;
text-align:center;
}
.bn-public-profile-card .bn-account-profile-card__username,.bn-public-profile-card .bn-account-profile-card__meta{
white-space:normal;
text-align:center;
}
.bn-public-user-card .bn-account-profile-card__username,.bn-public-user-card .bn-account-profile-card__meta{
text-align:left;
}
.bn-public-profile-stats{
width:100%;
}}
.bpp-public-user-profile .bn-public-profile-shell{
width:min(1120px,calc(100vw - 32px));
padding:clamp(14px,2vw,24px) 0;
}
.bpp-public-user-profile .bn-public-profile-panel{
margin-bottom:clamp(12px,1.6vw,18px);
}
.bpp-public-user-profile .bn-public-profile-card{
grid-template-columns:auto minmax(0,1fr) minmax(320px,380px);
gap:clamp(12px,1.5vw,18px);
padding:clamp(18px,2.2vw,26px);
justify-items:start;
text-align:left;
}
.bpp-public-user-profile .bn-public-profile-card .bn-account-profile-card__header{
justify-items:start;
text-align:left;
}
.bpp-public-user-profile .bn-public-profile-stats{
width:100%;
grid-template-columns:repeat(2,minmax(150px,1fr));
gap:12px;
justify-self:stretch;
}
.bpp-public-user-profile .bn-public-profile-stats .bn-account-stat-box{
min-width:0;
text-align:center;
justify-items:center;
align-content:center;
padding:16px 18px;
}
.bpp-public-user-profile .bn-public-profile-stats .bn-account-stat-box span,.bpp-public-user-profile .bn-public-profile-stats .bn-account-stat-box strong{
text-align:center;
width:100%;
}
.bpp-public-user-profile .bn-account-profile-sections{
gap:clamp(12px,1.4vw,18px);
}
@media (min-width: 1200px){
.bpp-public-user-profile .bn-public-profile-shell{
width:min(1080px,calc(100vw - 48px));
}
.bpp-public-user-profile .bn-public-profile-card{
grid-template-columns:auto minmax(0,1fr) minmax(340px,400px);
}}
@media (max-width: 900px){
.bpp-public-user-profile .bn-public-profile-card{
grid-template-columns:auto minmax(0,1fr);
align-items:center;
}
.bpp-public-user-profile .bn-public-profile-stats{
grid-column:1/-1;
grid-template-columns:repeat(2,minmax(0,1fr));
}}
@media (max-width: 700px){
.bpp-public-user-profile .bn-public-profile-shell{
width:min(100%,calc(100vw - 24px));
padding:14px 0;
}
.bpp-public-user-profile .bn-public-profile-card{
grid-template-columns:minmax(0,1fr);
justify-items:center;
text-align:center;
gap:12px;
padding:18px;
}
.bpp-public-user-profile .bn-public-profile-card .bn-account-profile-card__header{
justify-items:center;
text-align:center;
}
.bpp-public-user-profile .bn-public-profile-stats{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.bpp-public-user-profile .bn-public-profile-stats .bn-account-stat-box{
padding:14px 12px;
}}
.bn-author-main{
width:100%;
max-width:none;
margin:0;
}
.bn-author-template-shell{
width:min(1180px,calc(100vw - 32px));
max-width:none !important;
margin-inline:auto !important;
}
.bpp-public-user-profile .bn-public-profile-shell{
width:100%;
max-width:1180px;
margin-inline:auto;
padding-block:clamp(14px,1.8vw,22px);
}
.bpp-public-user-profile .bn-public-profile-panel{
width:100%;
box-sizing:border-box;
}
.bpp-public-user-profile .bn-public-profile-card{
grid-template-columns:clamp(96px,9vw,124px) minmax(0,1fr) minmax(280px,340px);
gap:clamp(14px,1.7vw,22px);
align-items:center;
}
.bpp-public-user-profile .bn-public-profile-card__avatar{
justify-self:start;
}
.bpp-public-user-profile .bn-public-profile-stats{
max-width:340px;
justify-self:end;
}
.bpp-public-user-profile .bn-account-profile-sections{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
gap:clamp(12px,1.4vw,18px) !important;
width:100%;
max-width:980px;
margin:clamp(14px,1.6vw,20px) auto 0;
}
.bpp-public-user-profile .bn-account-activity-section{
width:100%;
min-width:0;
box-sizing:border-box;
}
.bpp-public-user-profile .bn-series-comments-list--account{
grid-template-columns:minmax(0,1fr) !important;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card{
width:100%;
min-width:0;
box-sizing:border-box;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__head{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:start;
gap:0.85rem;
min-width:0;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__identity{
min-width:0;
max-width:100%;
width:100%;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__badge-row{
inline-size:100%;
max-inline-size:100%;
min-inline-size:0;
overflow:visible;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__author-badge{
max-inline-size:100%;
min-inline-size:max-content;
overflow:visible;
text-overflow:clip;
white-space:nowrap;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__rating{
justify-self:end;
max-inline-size:12rem;
min-inline-size:max-content;
overflow:visible;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__rating .bn-stars{
overflow:visible;
max-inline-size:none;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__content{
min-width:0;
}
@media (min-width: 1320px){
.bn-author-template-shell{
width:min(1180px,calc(100vw - 64px));
}
.bpp-public-user-profile .bn-public-profile-shell{
max-width:1180px;
}
.bpp-public-user-profile .bn-account-profile-sections{
max-width:1020px;
}}
@media (max-width: 900px){
.bn-author-template-shell{
width:min(100%,calc(100vw - 24px));
}
.bpp-public-user-profile .bn-public-profile-card{
grid-template-columns:auto minmax(0,1fr);
}
.bpp-public-user-profile .bn-public-profile-stats{
max-width:none;
justify-self:stretch;
}
.bpp-public-user-profile .bn-account-profile-sections{
max-width:none;
}}
@media (max-width: 760px){
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__head{
grid-template-columns:minmax(0,1fr);
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__rating{
justify-self:start;
max-inline-size:100%;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__author-badge{
min-inline-size:0;
max-inline-size:100%;
overflow:hidden;
text-overflow:ellipsis;
}}
.bn-account-view-pane[hidden]{
display:none !important;
}
.bn-account-view-stack{
display:block;
}
.bn-account-view-stack > .bn-account-tabs{
margin-bottom:0;
}
@media (min-width: 1024px){
.bpp-public-user-profile .bn-author-template-shell,.bpp-public-user-profile .bn-public-profile-shell{
width:min(100%,1120px) !important;
max-width:1120px !important;
}
.bpp-public-user-profile .bn-public-profile-shell{
padding:0 clamp(14px,3vw,24px) !important;
margin:clamp(24px,5vw,72px) auto !important;
box-sizing:border-box;
}
.bpp-public-user-profile .bn-public-profile-panel{
max-width:100%;
margin:0;
}
.bpp-public-user-profile .bn-public-profile-card{
grid-template-columns:minmax(0,1fr) !important;
justify-items:center !important;
text-align:center !important;
gap:18px !important;
padding:clamp(26px,4vw,40px) !important;
}
.bpp-public-user-profile .bn-public-profile-card .bn-account-profile-card__header{
justify-items:center !important;
text-align:center !important;
}
.bpp-public-user-profile .bn-public-profile-card__avatar{
justify-self:center !important;
width:clamp(108px,13vw,148px) !important;
height:clamp(108px,13vw,148px) !important;
}
.bpp-public-user-profile .bn-public-profile-stats{
justify-self:center !important;
max-width:520px !important;
width:100% !important;
}
.bpp-public-user-profile .bn-account-profile-sections{
max-width:100% !important;
margin-top:1.5rem !important;
display:flex !important;
flex-direction:column !important;
gap:1rem !important;
}
.bpp-public-user-profile .bn-account-activity-section{
padding:1.2rem 1.15rem !important;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__head{
grid-template-columns:minmax(0,1fr) auto;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__author-badge{
min-inline-size:0;
max-inline-size:100%;
overflow:hidden;
text-overflow:ellipsis;
}
.bpp-public-user-profile .bn-author-template-shell{
width:min(100%,900px) !important;
max-width:900px !important;
}
.bpp-public-user-profile .bn-public-profile-shell{
width:min(100%,900px) !important;
max-width:900px !important;
margin:clamp(24px,5vw,64px) auto !important;
padding:0 clamp(14px,2vw,22px) !important;
}
.bpp-public-user-profile .bn-public-profile-panel{
width:100% !important;
max-width:860px !important;
margin-inline:auto !important;
}
.bpp-public-user-profile .bn-public-profile-card{
grid-template-columns:minmax(0,1fr) !important;
justify-items:center !important;
text-align:center !important;
gap:16px !important;
padding:clamp(24px,3vw,36px) !important;
}
.bpp-public-user-profile .bn-public-profile-stats{
width:min(100%,460px) !important;
max-width:460px !important;
justify-self:center !important;
}
.bpp-public-user-profile .bn-account-profile-sections{
width:100% !important;
max-width:860px !important;
margin:clamp(16px,2vw,22px) auto 0 !important;
display:flex !important;
flex-direction:column !important;
gap:1rem !important;
}
.bpp-public-user-profile .bn-account-activity-section{
width:100% !important;
max-width:860px !important;
margin-inline:auto !important;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__head{
grid-template-columns:minmax(0,1fr) auto !important;
}
.bpp-public-user-profile .bn-series-comments-list--account .bn-series-comment-card__author-badge{
min-inline-size:0 !important;
max-inline-size:100% !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}}
.bn-series-comments-list--account .bn-chapter-comment-context{
width:100%;
max-width:100%;
box-sizing:border-box;
margin:0 0 12px;
padding:11px 13px;
border-left:3px solid var(--bn-gold,#8f7462);
border-radius:14px;
background:linear-gradient(180deg,color-mix(in srgb,var(--bn-gold,#8f7462) 14%,transparent),color-mix(in srgb,var(--bn-card,#242220) 72%,transparent));
overflow:hidden;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.035);
}
.bn-series-comments-list--account .bn-chapter-comment-context a{
display:block;
margin:0 0 6px;
color:var(--bn-text,#f2eee7);
font-size:0.72rem;
font-weight:900;
line-height:1;
letter-spacing:0.12em;
text-transform:uppercase;
text-decoration:none;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.bn-series-comments-list--account .bn-chapter-comment-context span{
display:-webkit-box;
max-width:100%;
overflow:hidden;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
color:var(--bn-text-soft,#b7b4ae);
font-size:0.86rem;
font-weight:650;
line-height:1.45;
overflow-wrap:anywhere;
}
@media (max-width: 760px){
.bn-series-comments-list--account .bn-chapter-comment-context{
padding:10px 12px;
}
.bn-series-comments-list--account .bn-chapter-comment-context span{
-webkit-line-clamp:3;
}}
.bn-series-search-shell,.bn-error-shell{
width:min(1280px,calc(100vw - 32px));
max-width:none;
}
.bn-series-search-form{
margin-top:10px;
}
.bn-series-search-filters{
display:grid;
gap:14px;
margin:0 0 clamp(16px,2vw,24px);
padding:clamp(16px,2vw,22px);
overflow:hidden;
clip-path:inset(0 round 22px);
}
.bn-series-search-filters__top{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.bn-series-search-filters__top h2{
margin:0;
color:var(--bn-text);
font-size:clamp(1.18rem,1rem + .5vw,1.55rem);
letter-spacing:-.03em;
}
.bn-series-search-filters__top span{
color:var(--bn-text-muted);
font-size:.88rem;
font-weight:800;
}
.bn-series-search-filters__grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
}
.bn-series-search-filters fieldset{
display:flex;
flex-wrap:wrap;
align-content:flex-start;
gap:8px;
min-width:0;
max-height:220px;
margin:0;
padding:12px;
border:1px solid rgba(183,180,174,.12);
overflow:auto;
background:rgba(255,255,255,.035);
clip-path:inset(0 round 16px);
}
.bn-series-search-filters legend{
padding:0 4px;
color:var(--bn-text);
font-size:.83rem;
font-weight:900;
}
.bn-series-search-choice{
display:inline-flex;
align-items:center;
gap:7px;
min-height:32px;
padding:0 10px;
border:1px solid rgba(183,180,174,.14);
background:rgba(255,255,255,.04);
color:var(--bn-text-soft);
font-size:.82rem;
font-weight:800;
line-height:1;
cursor:pointer;
clip-path:inset(0 round 999px);
}
.bn-series-search-choice input{
inline-size:14px;
block-size:14px;
margin:0;
accent-color:#b7b4ae;
}
.bn-series-search-choice:has(input:checked){
border-color:rgba(183,180,174,.36);
background:linear-gradient(180deg,rgba(183,180,174,.24),rgba(143,137,127,.14));
color:var(--bn-text);
}
.bn-series-search-choice--exclude:has(input:checked){
border-color:rgba(255,129,129,.34);
background:linear-gradient(180deg,rgba(121,43,43,.42),rgba(72,24,24,.34));
color:#fff1f1;
}
.bn-series-search-filters__actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.bn-series-search-filters__actions button,.bn-series-search-filters__actions a{
display:inline-grid;
place-items:center;
min-height:42px;
padding:0 16px;
border:1px solid rgba(183,180,174,.16);
background:linear-gradient(180deg,#b7b4ae,#8f897f);
color:#0a0a0a;
font-weight:900;
text-decoration:none;
clip-path:inset(0 round 999px);
}
.bn-series-search-filters__actions a{
background:rgba(255,255,255,.055);
color:var(--bn-text-soft);
}
.bn-series-search-grid{
grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));
}
.bn-series-search-card{
display:grid;
grid-template-columns:92px minmax(0,1fr);
gap:16px;
margin:0;
padding:clamp(14px,1.8vw,18px);
overflow:hidden;
clip-path:inset(0 round 22px);
}
.bn-series-search-card[hidden]{
display:none !important;
}
.bn-series-search-card__cover{
display:block;
width:92px;
aspect-ratio:2/3;
overflow:hidden;
background:rgba(255,255,255,.035);
clip-path:inset(0 round 13px);
}
.bn-series-search-card__cover img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.bn-series-search-card__body{
display:grid;
align-content:start;
gap:7px;
min-width:0;
}
.bn-series-search-card__body h2{
margin:0;
font-size:clamp(1.18rem,1rem + .5vw,1.5rem);
line-height:1.08;
letter-spacing:-.03em;
}
.bn-series-search-card__body h2 a{
color:var(--bn-text);
text-decoration:none;
}
.bn-series-search-card__meta{
display:flex;
gap:7px;
flex-wrap:wrap;
}
.bn-series-search-card__meta span{
display:inline-grid;
place-items:center;
min-height:28px;
padding:0 9px;
border:1px solid rgba(183,180,174,.12);
background:rgba(255,255,255,.045);
color:var(--bn-text-soft);
font-size:.8rem;
font-weight:800;
clip-path:inset(0 round 999px);
}
.bn-series-search-card__tags{
margin-top:2px;
}
.bn-error-kicker{
width:max-content;
padding:5px 10px;
border:1px solid rgba(183,180,174,.16);
background:rgba(255,255,255,.055);
font-weight:950;
letter-spacing:.12em;
text-transform:uppercase;
clip-path:inset(0 round 999px);
}
@media (max-width:1100px){
.bn-series-search-filters__grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}}
@media (max-width:700px){
.bn-series-search-filters__grid{
grid-template-columns:minmax(0,1fr);
}
.bn-series-search-card{
grid-template-columns:72px minmax(0,1fr);
gap:12px;
}
.bn-series-search-card__cover{
width:72px;
}
.bn-series-search-filters fieldset{
max-height:180px;
}
.bn-series-search-filters__actions button,.bn-series-search-filters__actions a{
width:100%;
}}
.bn-series-search-filter-fields{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.bn-series-search-filter-fields label{
display:grid;
gap:7px;
color:var(--bn-text);
font-size:.84rem;
font-weight:900;
}
.bn-series-search-filter-fields input{
width:100%;
min-height:44px;
padding:0 14px;
border:1px solid rgba(183,180,174,.14);
background:rgba(255,255,255,.045);
color:var(--bn-text);
font:inherit;
clip-path:inset(0 round 14px);
}
.bn-series-search-term-bank{
display:grid;
gap:14px;
padding:14px;
border:1px solid rgba(183,180,174,.12);
background:rgba(255,255,255,.035);
clip-path:inset(0 round 18px);
}
.bn-series-search-term-bank h3{
margin:0 0 9px;
color:var(--bn-text);
font-size:.88rem;
font-weight:950;
letter-spacing:.03em;
text-transform:uppercase;
}
.bn-series-search-term-bank>div>div{
display:flex;
flex-wrap:wrap;
gap:7px;
max-height:156px;
overflow:auto;
}
.bn-series-search-term-bank hr{
width:100%;
height:1px;
margin:0;
border:0;
background:rgba(183,180,174,.14);
}
.bn-series-search-term{
display:inline-grid;
place-items:center;
min-height:31px;
padding:0 10px;
border:1px solid rgba(183,180,174,.14);
background:rgba(255,255,255,.04);
color:var(--bn-text-soft);
font-size:.8rem;
font-weight:850;
cursor:pointer;
clip-path:inset(0 round 999px);
}
.bn-series-search-term:hover{
border-color:rgba(183,180,174,.34);
background:rgba(255,255,255,.075);
color:var(--bn-text);
}
.bn-series-search-list{
display:grid;
gap:14px;
}
.bn-series-search-card--featured{
--bn-series-search-bg:none;
position:relative;
isolation:isolate;
display:grid;
grid-template-columns:minmax(0,1fr) clamp(74px,10vw,112px);
gap:clamp(12px,1.6vw,20px);
min-height:clamp(155px,17vw,210px);
padding:clamp(14px,1.8vw,22px);
overflow:hidden;
border:1px solid var(--bn-line);
background:#1a1817;
box-shadow:var(--bn-shadow);
clip-path:inset(0 round 22px);
}
.bn-series-search-card--featured[hidden]{
display:none !important;
}
.bn-series-search-card--featured:before,.bn-series-search-card--featured:after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
}
.bn-series-search-card--featured:before{
z-index:0;
opacity:.48;
background-image:var(--bn-series-search-bg);
background-position:center;
background-size:cover;
}
.bn-series-search-card--featured:after{
z-index:1;
background:linear-gradient(90deg,rgba(10,10,10,.96),rgba(24,21,20,.88) 42%,rgba(38,32,31,.58)),radial-gradient(circle at 85% 20%,rgba(183,180,174,.12),transparent 32%);
}
.bn-series-search-card--featured>*{
position:relative;
z-index:2;
}
.bn-series-search-card__content{
display:grid;
align-content:center;
gap:7px;
min-width:0;
overflow:hidden;
}
.bn-series-search-card__content .bn-featured-label,.bn-series-search-card__content .bn-featured-author,.bn-series-search-card__content .bn-featured-description{
margin:0;
}
.bn-series-search-card__content h2{
margin:0;
font-size:clamp(1.15rem,1rem + .9vw,2rem);
line-height:1.04;
letter-spacing:-.04em;
}
.bn-series-search-card__content h2 a{
display:-webkit-box;
overflow:hidden;
color:var(--bn-text);
text-decoration:none;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.bn-series-search-card__content .bn-featured-meta{
overflow:hidden;
}
.bn-series-search-card__media{
display:block;
align-self:center;
width:100%;
aspect-ratio:2/3;
overflow:hidden;
clip-path:inset(0 round 14px);
box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.bn-series-search-card__media img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.bn-series-search-grid{
display:grid;
}
.bn-series-search-card:not(.bn-series-search-card--featured){
display:none;
}
@media (max-width:720px){
.bn-series-search-filter-fields{
grid-template-columns:1fr;
}
.bn-series-search-card--featured{
grid-template-columns:minmax(0,1fr) 70px;
min-height:150px;
}
.bn-series-search-card__content .bn-featured-description{
display:none;
}
.bn-series-search-card__content .bn-tag-list{
display:none;
}}
.bn-series-search-shell,.bn-error-shell{
box-sizing:border-box;
width:min(1280px,calc(100% - clamp(24px,5vw,56px)));
max-width:1280px;
margin-inline:auto;
padding-inline:0;
overflow:visible;
}
.bn-series-search-shell *,.bn-error-shell *{
box-sizing:border-box;
}
.bn-series-search-header,.bn-error-header,.bn-series-search-filters,.bn-series-search-list{
width:100%;
max-width:100%;
min-width:0;
}
.bn-series-search-form{
grid-template-columns:minmax(0,1fr) auto;
}
.bn-series-search-filter-fields>*{
min-width:0;
}
.bn-series-search-filter-fields input,.bn-series-search-filters input{
max-width:100%;
min-width:0;
}
.bn-series-search-filters__grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.bn-series-search-filters__actions button{
background:rgba(255,255,255,.055);
color:var(--bn-text-soft);
}
.bn-series-search-card--featured{
width:100%;
max-width:100%;
min-width:0;
}
.bn-series-search-card__content .bn-featured-meta,.bn-series-search-card__content .bn-tag-list{
display:flex;
max-width:100%;
min-width:0;
flex-wrap:wrap;
gap:6px;
overflow:visible;
}
.bn-series-search-card__content .bn-featured-description{
display:-webkit-box;
overflow:hidden;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.bn-series-search-card__media{
min-width:0;
}
.bn-series-title-suggest{
max-width:100%;
box-sizing:border-box;
}
@media (max-width:720px){
.bn-series-search-shell,.bn-error-shell{
width:min(100%,calc(100vw - 24px));
padding-block:16px;
}
.bn-series-search-filters{
padding:14px;
clip-path:inset(0 round 18px);
}
.bn-series-search-filters__top{
align-items:flex-start;
flex-direction:column;
}
.bn-series-search-filters__grid,.bn-series-search-filter-fields{
grid-template-columns:minmax(0,1fr);
}
.bn-series-search-term-bank{
padding:12px;
}
.bn-series-search-card--featured{
grid-template-columns:minmax(0,1fr) 66px;
gap:10px;
min-height:0;
padding:13px;
clip-path:inset(0 round 18px);
}
.bn-series-search-card--featured:after{
background:linear-gradient(90deg,rgba(10,10,10,.96),rgba(24,21,20,.9) 58%,rgba(38,32,31,.66));
}
.bn-series-search-card__content{
align-content:start;
gap:6px;
}
.bn-series-search-card__content h2{
font-size:1.12rem;
}
.bn-series-search-card__content .bn-featured-description{
display:-webkit-box;
font-size:.86rem;
line-height:1.45;
-webkit-line-clamp:2;
}
.bn-series-search-card__content .bn-tag-list{
display:flex;
}
.bn-series-search-card__content .bn-featured-meta span,.bn-series-search-card__content .bn-tag{
font-size:.72rem;
line-height:1.1;
}
.bn-users-search.bn-series-search-form{
grid-template-columns:minmax(0,1fr);
width:100%;
max-width:100%;
padding:7px;
clip-path:inset(0 round 18px);
}}
.bn-series-search-card__state{
display:flex;
flex-wrap:wrap;
gap:6px;
max-width:100%;
min-width:0;
}
.bn-series-search-card__state span{
display:inline-flex;
align-items:center;
min-height:26px;
max-width:100%;
padding:0 9px;
border:1px solid rgba(183,180,174,.14);
background:rgba(255,255,255,.045);
color:var(--bn-text-soft);
font-size:.76rem;
font-weight:850;
line-height:1;
clip-path:inset(0 round 999px);
}
.bn-series-comments-list--account .bn-series-comment-card__identity-copy{
display:grid !important;
grid-template-areas:"topline" "meta" "badge" !important;
grid-auto-flow:row !important;
align-content:start !important;
justify-items:start !important;
gap:3px !important;
min-width:0 !important;
max-width:100% !important;
width:auto !important;
}
.bn-series-comments-list--account .bn-series-comment-card__topline{
grid-area:topline !important;
}
.bn-series-comments-list--account .bn-series-comment-card__author-meta{
grid-area:meta !important;
}
.bn-series-comments-list--account .bn-series-comment-card__badge-row{
grid-area:badge !important;
}
.bn-series-comments-list--account .bn-series-comment-card__topline,.bn-series-comments-list--account .bn-series-comment-card__author-meta,.bn-series-comments-list--account .bn-series-comment-card__badge-row{
display:flex !important;
flex-direction:row !important;
align-items:flex-start !important;
justify-content:flex-start !important;
justify-self:start !important;
align-self:start !important;
width:auto !important;
max-width:100% !important;
min-width:0 !important;
margin-inline:0 !important;
}
.bn-series-comments-list--account .bn-series-comment-card__author,.bn-series-comments-list--account .bn-series-comment-card__author-link,.bn-series-comments-list--account .bn-series-comment-card__author-handle,.bn-series-comments-list--account .bn-series-comment-card__author-badge{
max-width:100% !important;
min-width:0 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
.bn-series-comments-list--account .bn-series-comment-card__author-badge{
display:inline-flex !important;
width:auto !important;
}
.bn-account-activity-list .bn-series-comment-card__head,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__head{
padding-right:0;
grid-template-columns:minmax(0,1fr) max-content;
}
.bn-account-activity-list .bn-series-comment-card__identity,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__identity{
max-width:100%;
}
.bn-account-activity-list .bn-series-comment-card__rating,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__rating{
justify-self:end;
align-self:center;
margin-left:auto;
}
.bn-account-activity-list .bn-series-comment-card__content.is-collapsible{
position:relative;
z-index:0;
}
.bn-account-activity-list .bn-series-comment-card__collapse{
position:relative;
z-index:1;
}
.bn-account-activity-list .bn-series-comment-card__rating{
position:relative;
z-index:2;
}
@media (max-width:700px){
.bn-account-activity-list .bn-series-comment-card:not(:has(.bn-series-comment-card__rating)) .bn-series-comment-card__head,.bn-account-activity-list .bn-series-comment-card--with-series:not(:has(.bn-series-comment-card__rating)) .bn-series-comment-card__head{
grid-template-columns:minmax(0,1fr);
padding-right:0;
}
.bn-account-activity-list .bn-series-comment-card__identity-copy,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__identity-copy{
width:100%;
max-width:100%;
}
.bn-account-activity-list .bn-series-comment-card__topline,.bn-account-activity-list .bn-series-comment-card__author-meta,.bn-account-activity-list .bn-series-comment-card__badge-row,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__topline,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__author-meta,.bn-account-activity-list .bn-series-comment-card--with-series .bn-series-comment-card__badge-row{
width:100%;
max-width:100%;
min-width:0;
overflow:visible;
}
.bn-account-activity-list .bn-series-comment-card__author,.bn-account-activity-list .bn-series-comment-card__author-handle,.bn-account-activity-list .bn-series-comment-card__author-badge{
max-width:100%;
min-width:0;
white-space:normal;
overflow-wrap:anywhere;
}}
.bn-account-activity-list .bn-series-comment-card__content.is-collapsible{
position:relative;
overflow:hidden;
}
.bn-account-activity-list .bn-series-comment-card__content.is-collapsible.is-collapsed{
max-height:11.2em;
}
.bn-account-activity-list .bn-series-comment-card__content.is-collapsible.is-collapsed:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:3.2em;
background:linear-gradient(to bottom,rgba(215,176,113,0),rgba(215,176,113,.18));
pointer-events:none;
}
.bn-account-activity-list .bn-series-comment-card__collapse{
width:max-content !important;
margin:-4px 0 10px !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
color:var(--bn-gold-text,#d7b071) !important;
font:inherit !important;
font-size:.86rem !important;
font-weight:900 !important;
line-height:1.35 !important;
text-decoration:none !important;
cursor:pointer !important;
appearance:none !important;
}
.bn-account-activity-list .bn-series-comment-card__collapse:hover,.bn-account-activity-list .bn-series-comment-card__collapse:focus-visible{
color:#fff0c2 !important;
outline:0 !important;
text-decoration:underline !important;
text-underline-offset:3px !important;
}
.bn-account-activity-list .bn-series-comment-card__collapse span{
display:inline !important;
}
.bn-account-activity-list .bn-series-comment-card__collapse[aria-expanded="false"] .bn-series-comment-card__less,.bn-account-activity-list .bn-series-comment-card__collapse[aria-expanded="true"] .bn-series-comment-card__more{
display:none !important;
}