:root{--color-primary:#2f2f35;--color-primary-light:#60606c;--color-primary-dark:#19191c;--color-accent:#4f524e;--color-accent-light:#f7f7f7;--color-accent-light-light:#f1f4f2;--color-accent-dark:#363835;--color-accent-dark-dark:#1b1c1b}body,html{display:flex;padding:0;margin:0;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;background:var(--components-stage-background-color,var(--color-primary-light,var(--color-accent-light)));box-sizing:border-box;overscroll-behavior-y:contain}*,:after,:before{box-sizing:inherit}#mask{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:hsla(0,0%,85%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.ready:after{content:"";opacity:0;background:var(--color-accent-light);animation:fade-in-75 3.5s linear 1s 1 forwards;position:absolute;top:0;bottom:0;left:0;right:0}#dokbot{margin:auto;position:fixed;width:100%;height:100%;display:none;z-index:1}body.ready #dokbot{display:inline;display:initial;animation:fade-in-100 .5s ease-in 1 forwards}#logo-wrapper{opacity:0;animation:fade-in-100 .2s ease-in 1 forwards;display:flex;justify-content:center;align-items:center;flex:0 0 40px;width:270px;background-color:rgba(0,0,0,.2);border-radius:12px}#logo{max-height:30px;height:100%;width:100%;opacity:.5;background:no-repeat url(/img/dokbot_logo.png) 50%/contain}@media (min-width:440px){#dokbot{max-width:440px;max-height:600px}}@keyframes fade-in-100{0%{opacity:0}to{opacity:1}}@keyframes fade-in-75{0%{opacity:0}to{opacity:.75}}