@import"https://fonts.googleapis.com/css2?family=Libertinus+Serif:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";html{height:-webkit-fill-available}body{padding:0;margin:0;font-family:"Libertinus Serif";font-size:16px;background-color:#222}needle-engine{position:absolute;top:0;left:0;width:100%;height:100%}.loading-overlay{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;transition:all .5s;backdrop-filter:blur(0px);opacity:0;display:flex;align-items:center;justify-content:center}.loading-overlay.active{backdrop-filter:blur(10px);opacity:1;pointer-events:all;background:rgba(30,30,30,.6)}.panel{color:#fffc;width:fit-content;min-height:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;aspect-ratio:1;z-index:1}.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #fff;border-radius:50%;animation:spin .5s linear infinite;animation-fill-mode:forwards;margin-bottom:2rem;will-change:transform}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}