html,body{margin:0;padding:0;height:100%;overflow:hidden;background:rgb(222,127,169);background:linear-gradient(159deg,rgba(222,127,169,1) 0%,rgba(248,235,167,1) 37%,rgba(187,240,188,1) 100%)}*{box-sizing:border-box}body{display:flex;flex-direction:column}.wrap{display:flex;width:100vw;flex-grow:1;position:relative}.dropzone{display:flex;flex-grow:1;flex-direction:column;justify-content:center;align-items:center}.placeholder{width:100%;max-width:500px;border-radius:.5em;padding:2em;text-align:center}.placeholder p{font-size:1.2rem;color:#999}.viewer{width:100%;height:100%;flex-grow:1;flex-shrink:1;position:absolute;top:0;z-index:0}.axes{width:100px;height:100px;margin:20px;padding:0;position:absolute;left:0px;bottom:0px;z-index:10;pointer-events:none}.spinner{width:40px;height:40px;position:absolute;left:50%;top:50%;margin:-20px;z-index:5000;background-color:#333;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.bg-image{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2500;max-width:350px;max-height:350px;width:100%;height:100%}.bg-image-blur{position:fixed;top:0;left:0;z-index:2250;width:100%;height:100%;filter:blur(50px);background-size:cover;background-position:center;background-repeat:no-repeat}.bg-image-blur img{width:100%;height:100%;object-fit:cover}