.avatar-stage{position:relative;display:grid;height:min(48vh,420px);place-items:center;overflow:hidden;border:7px solid #fff;border-radius:36px;background:linear-gradient(#aee7ff,#d7f5ff);box-shadow:0 10px 25px rgba(45,56,105,.12)}.avatar-world{position:absolute;top:8%;right:9%;font-size:5rem;opacity:.7}.avatar-person{position:relative;width:210px;height:260px}.avatar-body,.avatar-outfit,.avatar-hat{position:absolute;left:50%;transform:translateX(-50%)}.avatar-body{z-index:2;top:52px;font-size:8rem}.avatar-outfit{z-index:3;top:155px;font-size:6rem}.avatar-hat{z-index:4;top:9px;font-size:4.5rem}.avatar-friend{position:absolute;right:8%;bottom:5%;font-size:5.5rem}.avatar-stage.dancing .avatar-person{animation:avatar-dance .9s ease}.avatar-magic{display:block;margin:11px auto;border:0;border-radius:999px;padding:12px 20px;background:#654cc7;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 4px 0 #3c2a85}.avatar-tabs{display:grid;gap:8px;max-height:245px;overflow-y:auto;padding:3px}.avatar-row{display:flex;gap:8px;overflow-x:auto}.avatar-option{flex:0 0 56px;height:54px;border:0;border-radius:18px;background:#fff;font-size:1.9rem;cursor:pointer;box-shadow:0 3px 0 rgba(45,34,97,.13)}.avatar-option.active{outline:3px solid #5c43bb;background:#fff0a4}@keyframes avatar-dance{25%{transform:rotate(-7deg) translateY(-10px)}60%{transform:rotate(7deg) translateY(-18px)}}