.changeAvatar-container[data-v-d0e22064]{align-items:center;background:#0006;color:#000;display:flex;font-size:14px;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3}.changeAvatar-wrapper[data-v-d0e22064]{background:#fff;border:2px solid #000;border-radius:10px;box-shadow:5px 5px #000;height:450px;margin:30px auto;padding:30px;width:500px}.changeAvatar-imgs[data-v-d0e22064]{display:flex;flex-wrap:wrap;gap:30px;height:300px;overflow-y:auto;width:500px}.changeAvatar-imgs img[data-v-d0e22064]{border-radius:50%;height:80px;width:80px}.changeAvatar-imgs svg[data-v-d0e22064]{bottom:5px;height:20px;position:absolute;right:-5px;width:20px}.changeAvatar-img[data-v-d0e22064]{position:relative}.changeAvatar-button[data-v-d0e22064]{display:flex;gap:50px;justify-content:center}button[data-v-d0e22064]{background:#5589ef;border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;margin-top:50px;outline:none;width:150px}button[data-v-d0e22064]:hover{background:#739cee}.info-container[data-v-d9b39d5e]{margin-top:80px}.info-wrapper[data-v-d9b39d5e]{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:500px}.info-wrapper img[data-v-d9b39d5e]{height:100%;width:100%}.user-avatar[data-v-d9b39d5e]{cursor:pointer;height:80px;position:relative;width:80px}.user-item[data-v-d9b39d5e]{display:flex;justify-content:space-between;width:100%}.avatar-mask[data-v-d9b39d5e]{background:#000;height:80px;position:absolute;top:0;visibility:hidden;width:80px;z-index:2}.avatar-mask[data-v-d9b39d5e],.user-avatar img[data-v-d9b39d5e]{border-radius:50%}.user-avatar svg[data-v-d9b39d5e]{left:8px;opacity:0;position:absolute;top:6px;visibility:hidden;z-index:3}.user-avatar:hover .avatar-mask[data-v-d9b39d5e],.user-avatar:hover svg[data-v-d9b39d5e]{opacity:.6;visibility:visible}.user-info[data-v-d9b39d5e]{color:#9a9898;margin-right:30px}.container[data-v-298cc05d]{background-color:var(--bg-color8);color:var(--text-color);width:100%}.container-header[data-v-298cc05d]{display:flex;padding:10px}.container-body[data-v-298cc05d]{padding:0 1rem}.bg-color8[data-v-298cc05d]{background-color:var(--bg-color6)}.container-header[data-v-298cc05d]{position:relative}.container .backBtn[data-v-298cc05d]{align-items:center;border-radius:50%;color:var(--text-color);display:flex;height:30px;justify-content:center;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:30px}.container .backBtn .arrow[data-v-298cc05d]{transform:rotate(180deg) translate(0)}.container h1[data-v-298cc05d]{flex:auto;font-size:1.25rem;font-weight:600;text-align:center}.container-body[data-v-298cc05d]{align-items:center;display:flex;flex-direction:column}.container-body div[data-v-298cc05d]{box-sizing:border-box!important;padding:0!important;width:90%!important}@media screen and (max-width:768px){[data-v-298cc05d] input{background-color:transparent;border:1px solid var(--border-color);border-radius:.5rem;box-sizing:border-box;color:var(--text-color);flex-grow:1;margin-bottom:0;padding:.5rem}[data-v-298cc05d] .user-item{align-items:center;display:flex;flex-grow:1;height:2.2rem;justify-content:space-between;width:100%}[data-v-298cc05d] .user-info{margin-right:1rem}[data-v-298cc05d] .user-item>span:first-of-type{align-items:center;border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 0 10px #0003;display:flex;display:inline-block;font-size:.8rem;justify-content:center;padding:.2rem .5rem}[data-v-298cc05d] .user-item div:last-child span{background-color:green;border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 0 10px #0003;display:inline-block;font-size:.8rem;height:100%;padding:.2rem .5rem}[data-v-298cc05d] .user-item div:last-child span:last-of-type{background-color:red;margin-left:5px}[data-v-298cc05d] select{width:60px}}