.battle-cases-bar{--bar-height:139px;--bar-rounds:92px;--bar-card:140px;--bar-card-width:var(--bar-card);width:100%;height:var(--bar-height);gap:4px;display:flex}.battle-cases-bar--static,.battle-cases-bar--static *{transition:none!important;animation:none!important}.battle-cases-bar__rounds{width:var(--bar-rounds);min-width:var(--bar-rounds);background-color:#13161f;border-radius:4px;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;padding:12px 6px 16px;display:flex;position:relative;overflow:hidden}.battle-cases-bar__rounds-box{flex:1;justify-content:center;align-items:center;width:100%;margin-bottom:8px;display:flex;position:relative}.battle-cases-bar__rounds-tint{transition:all .3s;position:absolute;inset:0}.battle-cases-bar__rounds-icon{opacity:.5;width:50px;height:50px;overflow:hidden}.battle-cases-bar__rounds-icon svg{width:100%;height:100%}.battle-cases-bar__round{letter-spacing:-.01px;text-align:center;font-size:28px;font-weight:700;line-height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-cases-bar__status{letter-spacing:.02px;text-align:center;white-space:nowrap;font-size:12px;font-weight:700;line-height:16px}@media only screen and (width<=560px){.battle-cases-bar{--bar-height:84px;--bar-rounds:54px;--bar-card:84px}.battle-cases-bar__rounds{padding:8px 4px 10px}.battle-cases-bar__rounds-box{margin-bottom:6px}.battle-cases-bar__rounds-icon{width:32px;height:32px}.battle-cases-bar__status{letter-spacing:0;font-size:10px;font-weight:700;line-height:14px}}.battle-cases-bar__cases{border-radius:0 16px 16px 0;flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.battle-cases-bar__list{-ms-overflow-style:none;scrollbar-width:none;align-items:flex-start;gap:4px;display:flex;position:absolute;inset:0;overflow:auto hidden}.battle-cases-bar__list::-webkit-scrollbar{display:none}.battle-cases-bar__case{width:var(--bar-card-width);min-width:var(--bar-card-width);cursor:pointer;flex-direction:column;gap:1px;height:100%;font-family:inherit;display:flex}.battle-cases-bar__case:hover .battle-cases-bar__footer{background-color:#353a5a}.battle-cases-bar--no-footer .battle-cases-bar__case-top{border-radius:4px}.battle-cases-bar__case-top{background-color:#191e2a;border-radius:4px 4px 0 0;flex:1;width:100%;position:relative;overflow:hidden}.battle-cases-bar__foreground,.battle-cases-bar__image{-o-object-fit:contain;object-fit:contain;pointer-events:none;width:auto;height:85%;position:absolute;top:0;left:50%;transform:translate(-50%)}@media only screen and (width<=560px){.battle-cases-bar__foreground,.battle-cases-bar__image{height:90%}}.battle-cases-bar__image--v2{top:5%}.battle-cases-bar__count{letter-spacing:.02px;text-align:center;color:#9ba7bf;background-color:#202736;border-radius:2px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:6px;font-size:12px;font-weight:700;line-height:16px;display:flex;position:absolute;top:2px;left:2px}@media only screen and (width<=560px){.battle-cases-bar__count{letter-spacing:0;min-width:15px;height:14px;padding:2px;font-size:8px;font-weight:700;line-height:normal;top:4px;left:4px}}.battle-cases-bar__badge{z-index:2;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.battle-cases-bar__name{letter-spacing:.02px;text-align:center;color:#c1c8d7;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:0 4px;font-size:12px;font-weight:700;line-height:16px;position:absolute;bottom:4px;left:0;overflow:hidden}.battle-cases-bar__mode{border:1px solid #202736;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex;position:absolute;top:8px;right:8px}@media only screen and (width<=560px){.battle-cases-bar__name{letter-spacing:0;font-size:8px;font-weight:700;line-height:normal;bottom:0}.battle-cases-bar__mode{width:14px;height:14px;top:6px;right:6px}}.battle-cases-bar__mode .G_Icon{background-color:#202736;width:12px;transition:all .3s}@media only screen and (width<=560px){.battle-cases-bar__mode .G_Icon{width:9px}}.battle-cases-bar__mode--cougar{background-color:#b055ff3d;border-color:#b055ff}.battle-cases-bar__mode--cougar .G_Icon{background-color:#b055ff}.battle-cases-bar__mode--boost{background-color:#ff553a3d;border-color:#ff553a}.battle-cases-bar__mode--boost .G_Icon{background-color:#ff553a}.battle-cases-bar__footer{letter-spacing:0;text-align:center;text-transform:uppercase;color:#c1c8d7;background-color:#202736;border-radius:0 0 4px 4px;width:100%;padding:4px 8px;font-size:10px;font-weight:600;line-height:14px;transition:all .3s}.battle-cases-bar__blank,.battle-cases-bar__footer{justify-content:center;align-items:center;display:flex}.battle-cases-bar__blank{flex:0 1 var(--bar-card-width);background-color:#191e2a;border-radius:4px;height:100%;position:relative;overflow:hidden}@media only screen and (width<=560px){.battle-cases-bar__footer{letter-spacing:0;padding:4px 6px;font-size:8px;font-weight:600;line-height:normal}.battle-cases-bar__blank{flex:0 0 var(--bar-card-width)}}.battle-cases-bar__blank--grow{flex-grow:1}.battle-cases-bar__blank--fixed{flex-shrink:0}.battle-cases-bar__blank-icon{width:80px;min-width:80px;height:80px;transition:opacity .3s}.battle-cases-bar__control{pointer-events:none;width:106px;height:100%;position:absolute;top:0}@media only screen and (width<=900px){.battle-cases-bar__control{display:none}}.battle-cases-bar__control--left{background-image:linear-gradient(270deg,#191e2a00,#191e2a);left:0}.battle-cases-bar__control--right{background-image:linear-gradient(90deg,#191e2a00,#191e2a);right:0}.battle-cases-bar__arrow{cursor:pointer;pointer-events:auto;background-color:#202736;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.battle-cases-bar__arrow:hover{background-color:#353a5a}.battle-cases-bar__arrow--left{left:16px}.battle-cases-bar__arrow--right{right:16px}.battle-cases-bar__arrow-icon{color:#9ba7bf;width:16px;height:16px}.battle-cases-bar-case-move{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.battle-cases-bar-case-enter-active,.battle-cases-bar-case-leave-active{transition:opacity .25s ease-out,transform .25s ease-out}.battle-cases-bar-case-leave-active{position:absolute}.battle-cases-bar-case-enter-from,.battle-cases-bar-case-leave-to{opacity:0;transform:scale(.9)}