:root{--border-radius: 0px}*{padding:0;margin:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}.container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.container>.reset_anim_btn{position:absolute;left:50;top:0%;width:4rem;height:4rem;background-color:#f29052;padding:10px;border-radius:15px;z-index:1000}.canvas_container{height:70vh;aspect-ratio:1;position:relative}.canvas_container>canvas{position:absolute;top:0;z-index:-2;height:100%;border-radius:var(--border-radius)}.avatar{position:absolute;width:100%;height:100%;border-radius:var(--border-radius);overflow:hidden;position:relative}.image_container{width:100%;height:100%}img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 700px){.container>.reset_anim_btn{position:absolute;left:0;top:50%;width:3rem;height:3rem;background-color:#f29052;padding:10px;border-radius:15px;z-index:1000}}.tp-dfwv{position:absolute!important;top:0!important;right:0 in!important;z-index:100;min-width:350px;max-height:100vh!important}body>div.tp-dfwv>div>div.tp-rotv_c{max-height:100vh!important;overflow-y:auto!important}body>div.tp-dfwv>div>div.tp-rotv_c::-webkit-scrollbar{background:transparent}