html,body{background:#ffe8ee;height:100%;margin:0}.loading{z-index:100;background:radial-gradient(circle at 50% 40%,#fff6ec,#ffd7e1 70%);align-content:center;place-items:center;gap:20px;transition:opacity .35s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loading.done{opacity:0;pointer-events:none}.loading-paw{width:64px;height:64px;animation:1s ease-in-out infinite loading-bob}.loading-bar{background:#7a482e26;border-radius:6px;width:160px;height:6px;overflow:hidden}.loading-bar:after{content:"";background:#e98aa5;border-radius:6px;width:40%;height:100%;animation:1s ease-in-out infinite loading-slide;display:block}@keyframes loading-bob{50%{transform:translateY(-8px)rotate(-8deg)}}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}