#om-loader{position:fixed;inset:0;z-index:9999999;display:flex;justify-content:center;align-items:center;background:#fff;transition:opacity .7s ease} .om-loader-inner{width:min(520px,80vw);height:min(520px,80vw);position:relative;display:flex;align-items:center;justify-content:center} .om-logo{width:min(260px,55vw);position:relative;z-index:3;opacity:0;filter:blur(8px);animation:logoIn 1.2s ease .5s forwards} .om-orbit{position:absolute;width:100%;height:100%} .om-orbit svg{width:100%;height:100%} .om-orbit-line{fill:none;stroke:#111;stroke-width:1.2;stroke-dasharray:560;stroke-dashoffset:560;animation:drawOrbit 1.5s ease forwards} .om-dot{fill:#111;opacity:0;animation:dotAppear .4s ease .5s forwards,dotOrbit 2s ease forwards} @keyframes drawOrbit{to{stroke-dashoffset:120}} @keyframes dotAppear{to{opacity:1}} @keyframes dotOrbit{from{transform:rotate(-160deg);transform-origin:150px 150px}to{transform:rotate(120deg);transform-origin:150px 150px}} @keyframes logoIn{from{opacity:0;transform:scale(.85);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}} .om-hide{opacity:0;pointer-events:none}