@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400&display=swap";.avatar-interactive[data-v-e3584fa0]{border-radius:100%;box-sizing:border-box;height:120px;overflow:hidden;position:relative;width:120px}.avatar-interactive>div[data-v-e3584fa0]{align-items:center;background:transparent 50% no-repeat;background-origin:border-box;background-size:cover;border:1px solid rgba(0,0,0,.102);border-radius:inherit;box-sizing:border-box;display:flex;font-family:Hiragino Sans;font-size:56px;font-weight:600;height:100%;justify-content:center;line-height:56px;padding:23px;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.avatar-interactive>div[data-color="0"][data-v-e3584fa0]{background-color:#63d3ff;color:#3b3f43}.avatar-interactive>div[data-color="1"][data-v-e3584fa0]{background-color:#8bacff;color:#3b3f43}.avatar-interactive>div[data-color="2"][data-v-e3584fa0]{background-color:#bf98ff;color:#3b3f43}.avatar-interactive>div[data-color="3"][data-v-e3584fa0]{background-color:#ff98e8;color:#3b3f43}.avatar-interactive>div[data-color="4"][data-v-e3584fa0]{background-color:#333;color:#fff}.avatar-interactive>div[data-color="5"][data-v-e3584fa0]{background-color:#ff8989;color:#3b3f43}.avatar-interactive>div[data-color="6"][data-v-e3584fa0]{background-color:#f1eb59;color:#3b3f43}.avatar-interactive>div[data-color="7"][data-v-e3584fa0]{background-color:#63d367;color:#3b3f43}.avatar-interactive>div[data-color="8"][data-v-e3584fa0]{background-color:#ffc289;color:#3b3f43}.avatar-interactive>div[data-color="9"][data-v-e3584fa0]{background-color:#63d3d4;color:#3b3f43}.avatar-interactive>button[data-v-e3584fa0]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#000000e0;border:none;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .1s ease-out}.avatar-interactive>button input[type=file][data-v-e3584fa0]{display:none}.avatar-interactive>button .icon[data-v-e3584fa0]{height:40px;pointer-events:none;width:40px}.avatar-interactive>button .icon[data-v-e3584fa0] path{fill:#fff}.avatar-interactive.dragover>button[data-v-e3584fa0],.avatar-interactive:hover>button[data-v-e3584fa0]{cursor:pointer;opacity:1}