#bq-nuts-preloader.bq-np{
  --bq-np-primary:#311919;
  --bq-np-accent:#9aaa50;
  --bq-np-gold:#d99c42;
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#fffaf4;
  opacity:1;
  visibility:visible;
  transition:opacity .32s ease,visibility .32s ease;
}
#bq-nuts-preloader.bq-np.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
#bq-nuts-preloader .bq-np__texture{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:
    radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--bq-np-gold) 14%,transparent),transparent 28%),
    radial-gradient(circle at 82% 72%,color-mix(in srgb,var(--bq-np-accent) 15%,transparent),transparent 30%),
    radial-gradient(rgba(49,25,25,.10) .5px,transparent .5px);
  background-size:auto,auto,8px 8px;
}
#bq-nuts-preloader .bq-np__inner{
  position:relative;
  z-index:2;
  width:min(86vw,320px);
  text-align:center;
  font-family:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#bq-nuts-preloader .bq-np__scene{
  position:relative;
  width:150px;
  height:150px;
  margin:0 auto 18px;
}
#bq-nuts-preloader .bq-np__ring{
  position:absolute;
  width:126px;
  height:126px;
  left:12px;
  top:12px;
  border:1px dashed color-mix(in srgb,var(--bq-np-primary) 18%,transparent);
  border-radius:50%;
  animation:bqNpSpin 9s linear infinite;
}
#bq-nuts-preloader .bq-np__bowl{
  position:absolute;
  left:37px;
  bottom:26px;
  width:76px;
  height:38px;
  z-index:4;
  border-radius:8px 8px 42px 42px;
  background:var(--bq-np-primary);
}
#bq-nuts-preloader .bq-np__bowl:before{
  content:"";
  position:absolute;
  width:64px;
  height:13px;
  left:6px;
  top:-5px;
  border-radius:50%;
  background:color-mix(in srgb,var(--bq-np-primary) 84%,white 16%);
}
#bq-nuts-preloader .bq-np__cashew{
  position:absolute;
  width:35px;
  height:35px;
  left:25px;
  top:22px;
  border:9px solid #e4bd7a;
  border-right-color:transparent;
  border-radius:50%;
  transform:rotate(-28deg);
  animation:bqNpCashew 2.2s ease-in-out infinite;
}
#bq-nuts-preloader .bq-np__almond{
  position:absolute;
  width:21px;
  height:42px;
  right:27px;
  top:19px;
  border-radius:70% 30% 70% 30%/60% 40% 60% 40%;
  background:linear-gradient(90deg,#8f512f,#a86235,#c07645);
  transform:rotate(22deg);
  animation:bqNpAlmond 2.2s .25s ease-in-out infinite;
}
#bq-nuts-preloader .bq-np__pista{
  position:absolute;
  width:26px;
  height:39px;
  left:62px;
  top:8px;
  border-radius:55% 45% 55% 45%/70% 70% 30% 30%;
  background:#ead5a4;
  transform:rotate(-6deg);
  animation:bqNpPista 2.2s .48s ease-in-out infinite;
}
#bq-nuts-preloader .bq-np__pista:before{
  content:"";
  position:absolute;
  width:11px;
  height:28px;
  left:7px;
  top:5px;
  border-radius:50%;
  background:var(--bq-np-accent);
}
#bq-nuts-preloader .bq-np__dot{
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  opacity:.6;
  animation:bqNpDot 2.2s ease-in-out infinite;
}
#bq-nuts-preloader .bq-np__dot--1{left:16px;top:75px;background:var(--bq-np-gold)}
#bq-nuts-preloader .bq-np__dot--2{right:15px;top:70px;background:var(--bq-np-accent);animation-delay:.3s}
#bq-nuts-preloader .bq-np__brand{
  color:var(--bq-np-primary);
  font-size:23px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.7px;
}
#bq-nuts-preloader .bq-np__tagline{
  margin-top:7px;
  color:color-mix(in srgb,var(--bq-np-primary) 62%,white 38%);
  font-size:12px;
  line-height:1.5;
  font-weight:500;
}
#bq-nuts-preloader .bq-np__track{
  width:150px;
  height:4px;
  margin:17px auto 0;
  overflow:hidden;
  border-radius:999px;
  background:color-mix(in srgb,var(--bq-np-primary) 10%,transparent);
}
#bq-nuts-preloader .bq-np__track span{
  display:block;
  width:56px;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--bq-np-primary),var(--bq-np-gold),var(--bq-np-accent));
  animation:bqNpTrack 1.5s ease-in-out infinite;
}
@keyframes bqNpSpin{to{transform:rotate(360deg)}}
@keyframes bqNpCashew{0%,100%{transform:translateY(0) rotate(-28deg)}45%,55%{transform:translateY(46px) rotate(35deg)}}
@keyframes bqNpAlmond{0%,100%{transform:translateY(0) rotate(22deg)}45%,55%{transform:translateY(48px) rotate(-24deg)}}
@keyframes bqNpPista{0%,100%{transform:translateY(0) rotate(-6deg)}45%,55%{transform:translateY(60px) rotate(22deg)}}
@keyframes bqNpDot{0%,100%{transform:scale(.55);opacity:.2}50%{transform:scale(1.4);opacity:.8}}
@keyframes bqNpTrack{0%{transform:translateX(-62px)}100%{transform:translateX(158px)}}
@media (prefers-reduced-motion:reduce){
  #bq-nuts-preloader *,
  #bq-nuts-preloader *:before,
  #bq-nuts-preloader *:after{animation:none!important}
}
