body:not(.bn-site-ready){
overflow:hidden;
}
.bn-site-loader{
position:fixed;
inset:0;
z-index:99999;
display:flex;
align-items:center;
justify-content:center;
background:radial-gradient(circle at 20% 20%,rgba(183,180,174,0.06),transparent 30%),radial-gradient(circle at 80% 10%,rgba(114,110,104,0.12),transparent 30%),var(--bn-bg-gradient);
opacity:1;
visibility:visible;
transition:opacity 380ms cubic-bezier(0.22,1,0.36,1),visibility 380ms cubic-bezier(0.22,1,0.36,1);
}
body.bn-site-ready .bn-site-loader{
opacity:0;
visibility:hidden;
pointer-events:none;
}
.bn-site-loader__inner{
display:flex;
align-items:center;
justify-content:center;
}
.bn-site-loader__mark{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
}
.bn-site-loader__mark::before,.bn-site-loader__mark::after{
content:"";
position:absolute;
inset:0;
border-radius:var(--bn-radius-pill);
}
.bn-site-loader__mark::before{
border:1px solid var(--bn-line);
background:var(--bn-white-02);
box-shadow:0 0 0 1px var(--bn-white-02) inset,0 8px 24px rgba(0,0,0,0.28);
}
.bn-site-loader__mark::after{
border:2px solid transparent;
border-top-color:rgba(183,180,174,0.9);
border-right-color:rgba(114,110,104,0.6);
animation:bn-spin 1s linear infinite;
}
.bn-site-loader__mark span{
width:6px;
height:6px;
border-radius:var(--bn-radius-pill);
background:var(--bn-white-80);
box-shadow:0 0 10px rgba(255,255,255,0.18),0 0 18px rgba(183,180,174,0.12);
}
body:not(.bn-site-ready) .bn-featured-carousel__viewport,body:not(.bn-site-ready) .bn-row-slider__viewport{
opacity:0;
}
body:not(.bn-site-ready) .bn-featured-carousel::before,body:not(.bn-site-ready) .bn-row-slider::before{
content:"";
position:absolute;
inset:0;
z-index:3;
pointer-events:none;
border-radius:24px;
background:linear-gradient(90deg,var(--bn-white-02) 0%,var(--bn-white-05) 18%,var(--bn-white-02) 36%),var(--bn-white-02);
background-size:220% 100%;
animation:bn-shimmer 1.4s linear infinite;
}
body:not(.bn-site-ready) .bn-row-slider{
min-height:calc(var(--bn-row-card-height) + 6px);
}
body:not(.bn-site-ready) .bn-featured-carousel{
min-height:calc(var(--bn-featured-viewport-height) + 40px);
}
@keyframes bn-spin{
to{
transform:rotate(360deg);
}}
@keyframes bn-shimmer{
0%{
background-position:200% 0;
}
100%{
background-position:-20% 0;
}}