.ocg-avatar-view{display:block;flex:0 0 56px;width:56px;height:56px;padding:0;overflow:hidden;border:1px solid #b99d57;border-radius:50%;background:#20352b;cursor:zoom-in}.ocg-avatar-view img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.4)}.ocg-avatar-view img.is-custom,img[src*="/profile-avatars/photo-"]{transform:none!important;object-fit:cover}.ocg-avatar-preview{position:fixed;inset:auto;z-index:20000;width:min(288px,calc(100vw - 32px));box-sizing:border-box;margin:0;padding:8px;border:1px solid #b99d57;border-radius:4px;background:#281b12;color:#fff5db;box-shadow:0 8px 24px #0008}.ocg-avatar-preview img{display:block;width:100%;max-height:min(288px,65vh);object-fit:contain;transform:none}.ocg-avatar-preview button{display:block;margin:0 0 6px auto;width:40px;height:40px;border:1px solid #b99d57;border-radius:2px;background:#17251d;color:#fff5db;font-size:24px;cursor:pointer}.ocg-avatar-view:focus-visible{outline:2px solid #fff1bf;outline-offset:3px}button.profile__avatar-clip{padding:0;cursor:zoom-in}.ocg-avatar-preview__frame{overflow:hidden}.ocg-avatar-preview__frame.is-illustration{border-radius:50%;aspect-ratio:1}.ocg-avatar-preview__frame.is-illustration img{height:100%;object-fit:cover;transform:scale(1.4)}