div#load_screen{
  background:var(--bg,#0B0B0B);
  position:fixed;inset:0;z-index:999999;
  opacity:1;
  transition:opacity .5s ease;
}
div#load_screen.is-hidden{opacity:0;pointer-events:none}

div#load_screen .loader{
  display:flex;align-items:center;justify-content:center;
  height:100vh;
}
div#load_screen .spinner{
  width:38px;height:38px;
  border:1px solid rgba(195,163,106,.25);
  border-top-color:#C3A36A;
  border-radius:50%;
  animation:load-spin .8s linear infinite;
}

@keyframes load-spin{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion: reduce){
  div#load_screen .spinner{animation:none}
}