#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.background-dark{background:#354558;background:radial-gradient(at right center,#1d4ed8,#1e40af,#111827)}#renderer{position:absolute;height:100%;width:100%}#renderer0-controls:first-child,#renderer1-controls:first-child{pointer-events:auto}canvas{position:absolute}.button{border:0;line-height:1.5;padding:0 20px;font-size:1rem;text-align:center;color:#fff;text-shadow:1px 1px 1px #000;border-radius:2px;background-color:#818181;background-image:linear-gradient(to top left,#0003,#0003 30%,#0000);box-shadow:inset 2px 2px 3px #fff9,inset -2px -2px 3px #0009}.input{margin-bottom:5px;left:0;border-radius:.1rem;border:4px solid rgb(129,129,129)}.center-wrapper{position:absolute;top:95%;left:92%;transform:translate(-50%,-50%) scale(.5);transition:opacity .5s ease}.loading-container{position:relative;width:280px;height:280px;overflow:hidden}.grayscale-overlay,.color-image{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .8s ease-in-out}.grayscale-overlay{filter:grayscale(100%);z-index:1;opacity:1}.color-image{z-index:2;clip-path:inset(100% 0 0 0)}