*{position:relative}body{background:radial-gradient(circle,#86a8e7,#7f7fd5);color:#eee}.github-corner{position:fixed;top:0;right:0}@media (max-width: 500px){.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@media (max-width: 500px){.github-corner:hover .octo-arm{animation:none}}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}.preview{width:100%;text-align:center}.preview .image-container{max-width:375px;margin:0 auto 24px}.preview .image-container img{display:block;width:100%;box-shadow:0 8px 16px #0000004d}.preview .image-container button{position:absolute;border-radius:0;width:38px;height:38px;background-color:#000c;padding:0;transition:transform .3s}.preview .image-container button.btn-cross{top:0;right:0;transform:translate(50%,-50%)}.preview .image-container button.btn-download{left:0;bottom:0;transform:translate(-50%,50%)}.preview .filters-container{display:flex;overflow-x:scroll}.preview .filters-container figure{margin:8px;min-width:120px;cursor:pointer;transition:transform .3s}.preview .filters-container figure:hover,.preview .filters-container figure.selected{transform:translateY(-3px)}.preview .filters-container figure:hover figcaption,.preview .filters-container figure.selected figcaption{background-color:#000c}.preview .filters-container figure img{width:100%;margin-bottom:16px;box-shadow:0 8px 16px #0000004d}.preview .filters-container figure figcaption{transition:background-color .5s}.input-container{width:100%;max-width:300px;min-height:100px;border:1px solid rgba(238,238,238,.5);border-radius:8px;transition:background-color .3s}.input-container:hover{background-color:#eeeeee1a}.input-container i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.input-container input{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}#app{min-height:100vh;padding:0 8px;display:flex;justify-content:center;align-items:center;flex-direction:column}#app .title{color:#eee;background-color:#000c;padding:8px}