.hapimap--container{height:100%;margin:0;min-height:inherit;padding:0;position:relative}.hapimap--container.loaded{position:static}.hapimap--container.loaded .hapimap--loader{display:none}.hapimap--loader{background:#cde5fe;background:linear-gradient(to right top,#b8cce0,#dbe6f0);height:100%;margin:0;padding:0;position:absolute;width:100%;z-index:1000}.hapimap--container.js-loaded .hapimap--loader{background:linear-gradient(to right top,#9bccfd,#cde6fe)}.hapimap--loader .protected .box{background:#fff;background:linear-gradient(to left top,#9de3fb,#19bef5);border:4px solid #fff;border-radius:100%;box-shadow:0 2px 150px rgba(0,0,0,.2);height:90px;left:50%;margin:auto;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:90px}.hapimap--loader .protected .box img{border-radius:50%;bottom:0;left:0;mix-blend-mode:overlay;opacity:.8;position:absolute;right:0;top:0;z-index:10}.hapimap--loader .protected .wave{animation:drift 2.5s linear infinite;background:rgba(15,16,35,.56);border-radius:43%;height:200px;left:50%;margin-left:-100px;margin-top:-155px;opacity:.4;position:absolute;top:0;transform-origin:50% 48%;width:200px}.hapimap--loader .protected .wave.-three{animation:drift 5s linear infinite}.hapimap--loader .protected .wave.-two{animation:drift 9s linear infinite;background:#0f1023;opacity:.8}.hapimap--loader .protected .box:after{content:"";display:block;height:100%;left:0;top:0;transform:translateZ(0);width:100%;z-index:11}.hapimap--loader .protected .credit,.hapimap--loader .protected .title{align-items:center;bottom:0;color:#fff;display:flex;font-family:sans-serif;font-size:9px;justify-content:center;left:0;letter-spacing:2px;position:absolute;right:0;text-align:center;text-indent:.3em;text-shadow:0 1px 0 rgba(0,0,0,.1);text-transform:uppercase;top:0;transform:translateZ(0);z-index:11}.hapimap--loader .protected .title{animation:pulsate 2s linear infinite;bottom:30%;display:none}.hapimap--container .hapimap--loader .protected .title.load{display:flex}.hapimap--container.js-loaded .hapimap--loader .protected .title.load{display:none}.hapimap--container.js-loaded .hapimap--loader .protected .title.init{display:flex}.hapimap--loader .protected .credit{color:#0f1023;top:50%}@keyframes pulsate{50%{opacity:.2}0%{opacity:1}}@keyframes drift{0%{transform:rotate(0deg)}0%{transform:rotate(1turn)}}
/*# sourceMappingURL=HapimapLoader.css.map */