.csRoot .bgLives{display:inline-flex;align-items:center;gap:2px}.csRoot .bgLife{display:inline-flex;color:var(--csDanger)}.csRoot .bgLife svg{width:30px;height:30px}.csRoot .bgLife[data-full="0"]{color:var(--csUnitOff)}.csRoot .bgLife [data-part]{transform-box:fill-box;transform-origin:50% 100%}.csRoot .bgLife[data-crack="1"]{animation:bgLifeCrack var(--csSettleMs) var(--csEaseOut) both}.csRoot .bgLife[data-crack="1"] [data-part=half-left]{animation:bgHalfLeft var(--csSettleMs) var(--csEaseHinge) both}.csRoot .bgLife[data-crack="1"] [data-part=half-right]{animation:bgHalfRight var(--csSettleMs) var(--csEaseHinge) both}.csRoot .bgLife[data-pop="1"]{animation:bgLifePop var(--csEnterMs) var(--csEaseHinge) both}.csRoot .bgLife[data-last="1"]{animation:bgLifeBeat calc(var(--csWaitMs) * 2 / 3) var(--csEaseOut) infinite}.csRoot .bgLivesCount{margin-left:4px;font-size:22px;font-weight:800;line-height:var(--csLeadFlat);animation:bgLivesBump var(--csStepMs) var(--csEaseHinge)}@media (max-width:639.98px){.csRoot .bgLife svg{width:28px;height:28px}}@media (min-width:768px){.csRoot .bgLife svg{width:34px;height:34px}}@keyframes bgLifeCrack{0%{color:var(--csDanger);transform:translateX(0) scale(1.15)}15%{transform:translateX(-4px) scale(1.2)}30%{transform:translateX(4px) scale(1.2)}45%{color:var(--csDanger);transform:translateX(-2px) scale(1.1)}to{color:var(--csUnitOff);transform:translateX(0) scale(1)}}@keyframes bgHalfLeft{0%,40%{transform:translate(0) rotate(0)}70%{transform:translate(-3px,2px) rotate(-18deg)}to{transform:translate(-1px,1px) rotate(-7deg)}}@keyframes bgHalfRight{0%,40%{transform:translate(0) rotate(0)}70%{transform:translate(3px,2px) rotate(18deg)}to{transform:translate(1px,1px) rotate(7deg)}}@keyframes bgLifePop{0%{transform:scale(0)}65%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes bgLifeBeat{0%,to{transform:scale(1)}12%{transform:scale(1.22)}24%{transform:scale(1)}36%{transform:scale(1.14)}50%{transform:scale(1)}}@keyframes bgLivesBump{0%{transform:scale(1.22)}to{transform:scale(1)}}