.player-avatar{vertical-align:middle;background:#f4f7f6;border-radius:16px;flex:none;width:96px;height:100px;display:inline-block;overflow:hidden}.player-avatar>span{background-image:url(/avatars/players-hd-v2.webp);background-repeat:no-repeat;background-size:640px 518.5px;width:96px;height:100px;display:block}.player-avatar.is-small{width:72px;height:75px}.player-avatar.is-small>span{transform-origin:0 0;transform:scale(.75)}.avatar-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.avatar-options button{cursor:pointer;background:#f4f7f6;border:2px solid #0000;border-radius:16px;justify-content:center;padding:4px;transition:border-color .16s,transform .16s;display:flex}.avatar-options button[aria-checked=true]{border-color:#3182f6;box-shadow:0 0 0 2px #3182f622}.avatar-options button:active{transform:scale(.97)}.avatar-options button:focus-visible{outline-offset:2px;outline:2px solid #3182f6}.avatar-heading{align-items:center;gap:16px;margin-bottom:16px;display:flex}.avatar-options .player-avatar.is-small{width:60px;height:62.5px}.avatar-options .player-avatar.is-small>span{transform:scale(.625)}.player-avatar.is-bare{background:0 0;border-radius:0}