/* Critical CSS - Only above-the-fold styles */
@charset "UTF-8";

/* Reset and base styles */
*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}
* ::-webkit-scrollbar,*:after ::-webkit-scrollbar,*:before ::-webkit-scrollbar{display:none!important}
*,*:before,*:after{box-sizing:inherit}

/* Critical font loading */
@font-face{font-family:DobloxSans;font-display:swap;src:url(/prostatic/assets/fonts/DobloxSans/DobloxSans-Regular.woff2) format("woff2");font-weight:400}

/* Essential CSS variables */
:root{
  --main-bg:#161a1e;
  --main-text-color:#f4f5f6;
  --doblox-color:#fec200;
  --lines:#252930;
  color-scheme:dark
}

/* Critical body styles */
html{box-sizing:border-box;font-size:62.5%!important;margin:0 auto}
body{margin:0 auto;width:100vw;height:100vh;max-width:100vw;max-height:100vh;overflow:hidden;position:relative;font-family:DobloxSans,Arial,sans-serif!important;background:var(--main-bg)}

/* Loading screen styles */
#loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--main-bg);display:flex;align-items:center;justify-content:center;z-index:2000}
.loader{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
svg.four{width:64px}
@keyframes spiny{0%{stroke-dashoffset:-160}to{stroke-dashoffset:-647.9}}
svg .background{stroke:var(--lines);fill:none;stroke-width:12px;stroke-linejoin:round}
svg .spinner{stroke:var(--doblox-color);fill:none;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80 403.95;animation:spiny .8s linear infinite}