.style_character__SBGYx{--bg-focus-x:100%;--bg-focus-y:30%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:calc(100vh - var(--page-top-gap) - var(--bottom-menu-gap));max-height:80vh;width:100%;padding:0 var(--gap-s);.style_center__JVOY3{position:relative;max-width:340px;width:100%;aspect-ratio:363/363;z-index:0}.style_bg__1WFmD{position:absolute;top:0;left:0;width:100%;height:100%;img{object-fit:cover;object-position:var(--bg-focus-x) var(--bg-focus-y)}}.style_info__JZ2Ja{position:relative;z-index:2}}.style_info__Pawjg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-m);width:100%;.style_data__IRl6v{background:var(--dark-color);display:flex;align-items:center;justify-content:space-between;border-radius:100px;padding:0 10px;width:100%;height:48px;.style_name__W_bJL{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;.style_nameValue__VhxqB{font-size:18px;font-weight:700;line-height:14px;transform:translateY(4px)}.style_nameLabel__Ozrpf{font-size:10px;line-height:14px;color:var(--light-gray-color);transform:translateY(8px)}}.style_info__Pawjg{width:45px;svg{width:32px;height:32px}}}}.style_rarity__v1ZCX{position:relative;height:55px;width:55px;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;--color-1:#5b5971;--color-2:#434157;--color-3:#71798c;--color-4:#8996a4;&.style_green__iRcXg{--color-1:#70b331;--color-2:#518622;--color-3:#86d02f;--color-4:#a8e54a}&.style_blue__pt2wL{--color-1:#2a91e5;--color-2:#1f6ac3;--color-3:#2bb7e4;--color-4:#65dde8}&.style_purple__OrOFa{--color-1:#db2a8c;--color-2:#aa177a;--color-3:#f4629e;--color-4:#ffa2b6}&.style_orange__zgdvx{--color-1:#f14a4c;--color-2:#c22d48;--color-3:#ff7b56;--color-4:#ffbb56}.style_icon__JXuIF{position:absolute;top:0;left:0;height:100%;width:100%;svg path{&:first-child{fill:var(--color-1)}&:nth-child(2){fill:var(--color-2)}&:nth-child(3){fill:var(--color-3)}&:nth-child(4){fill:var(--color-4)}}}.style_number__koeBs{position:relative;z-index:2;font-weight:700;font-size:22px;line-height:14px;transform:translateY(5px)}.style_label__ua9WG{position:relative;z-index:2;font-size:10px;line-height:10px;text-transform:uppercase;transform:translateY(10px)}}