@keyframes fade-in{0%{opacity:0}to{opacity:1}}#editor{display:flex;flex-flow:column;justify-content:space-between;height:100%;top:0;left:0;background-color:#000;font-size:15;color:#fff;animation-name:fade-in;animation-duration:.5s}#editor,#hint{position:fixed;width:100vw}#hint{height:100vh;background-color:rgba(50,50,100,.7);z-index:100}#hint p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:lighter!important;width:23rem;font-size:1.2rem;margin-left:auto;margin-right:auto}@media (max-width:25rem){#hint p{width:18rem}}#hint div{margin:0;padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;width:100%}#hint-button{font-family:Arial,Helvetica,sans-serif;text-align:center;font-weight:700!important;cursor:pointer;border:2px solid grey;margin-top:1rem;border-radius:1.5rem;padding:.2rem;width:10rem!important}#hint-button:hover{border:2px solid #fff}#editor header,footer{display:block;background-color:rgba(255,0,200,.4);height:4rem;position:relative;transition:height .5s,margin .5s}#editor header.edit-props{height:0}#editor footer.edit-props{height:10rem}#editor header .button-bar{position:absolute;width:100%;bottom:0}.button-bar{position:relative;display:block;text-align:center}#editor .kolam{margin-left:auto;margin-right:auto;cursor:pointer;box-sizing:border-box;transition:height .5s,width .5s,padding .5s}#editor .kolam svg{width:100%}@media (max-aspect-ratio:7/11){#editor .kolam{width:100vw;height:100vw;padding:1rem}}@media (min-aspect-ratio:7/11){#editor .kolam{height:80vw;width:80vw;padding:0}#editor .kolam.edit-props{height:calc(80vw - 5rem);width:calc(80vw - 5rem)}}@media (min-aspect-ratio:10/11){#editor .kolam{height:calc(100vh - 8rem);width:calc(100vh - 8rem);padding:1rem}#editor .kolam.edit-props{height:calc(100vh - 14rem);width:calc(100vh - 14rem)}}#editor .kolam{transition:height .3s,width .3s,transform .3s}#editor button{background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;padding:0;text-decoration:none;display:inline-block;font-size:0;background-size:100% 100%;height:2.8rem;width:2.8rem;margin:.5rem;opacity:.8}@media (hover:hover){#editor button:hover{opacity:1;font-size:.9rem}}#editor button{outline:0}#editor button.disabled{filter:grayscale(100%);opacity:.6}#editor button span{position:absolute;color:#fff;padding-left:1rem;padding-right:1rem;transform:translate(-50%);background-color:rgba(255,0,200,.4);border-radius:.5rem}#editor header button span{bottom:-1.3rem}#editor footer button span{top:-1.3rem}#save-btn{background-image:url(save-btn.2b194151.svg)}#undo-btn{background-image:url(undo-btn.ba208b55.svg)}#download-btn{background-image:url(download-btn.81707426.svg)}#close-btn{background-image:url(close-btn.ae30bbd0.svg)}.slider-group{width:100%;display:flex;flex-flow:column;padding-top:.3rem}.slider-group .slider{display:inline-block;margin-left:auto;margin-right:auto;height:1.7rem}.slider p{display:inline-block;vertical-align:text-bottom;font-size:.75rem;padding:.2rem 1rem;text-align:center;background-color:#000;border-radius:1rem}.slider input{width:50vw;height:1rem;margin-left:.5rem}