.lockly-loader{width:100%;height:100vh;overflow:hidden;background-color:transparent;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10000;pointer-events:none}.lockly-loader.inline{position:relative;height:auto;min-height:150px}.self-draw-stage{position:relative;display:flex;align-items:center;justify-content:center}.self-draw-logo{width:200px;max-width:90vw;height:auto;overflow:visible}.logo-ghost{opacity:.15}.ocean-container{will-change:transform;transform:translate3d(0,500px,0);animation:ocean-rise 1.5s linear forwards}@keyframes ocean-rise{0%{transform:translate3d(0,500px,0)}to{transform:translate3d(0,-60px,0)}}.wavy-ocean{will-change:transform;animation:ocean-sway 2.5s ease-in-out infinite alternate}@keyframes ocean-sway{0%{transform:translate3d(-100px,0,0)}to{transform:translate3d(50px,0,0)}}.self-draw-logo .hat-path-1,.self-draw-logo .hat-path-2,.self-draw-logo .hat-path-3{fill:#f59e0b;opacity:0;will-change:transform,opacity;transform-origin:530px 120px;animation:hat-drop .8s linear 1.5s both}.self-draw-logo .hat-path-1{animation-delay:1.5s}.self-draw-logo .hat-path-2{animation-delay:1.51s}.self-draw-logo .hat-path-3{animation-delay:1.52s}@keyframes hat-drop{0%{opacity:0;transform:translate3d(0,-180px,0) rotate(-12deg)}15%{opacity:1;transform:translate3d(0,-140px,0) rotate(-10deg)}38%{transform:translateZ(0) rotate(3deg)}50%{transform:translate3d(0,-16px,0) rotate(-1.5deg)}62%{transform:translateZ(0) rotate(1deg)}74%{transform:translate3d(0,-4px,0) rotate(-.4deg)}to{opacity:1;transform:translateZ(0) rotate(0)}}.self-draw-stage:after{content:"";position:absolute;top:15%;left:45%;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.3) 0,transparent 70%);transform:scale(0);opacity:0;pointer-events:none;animation:impact-pulse .5s ease-out 1.8s forwards}@keyframes impact-pulse{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}