.casebattle__top{justify-content:space-between;gap:calc(var(--spacing) * 4);flex-direction:column-reverse;display:flex}@media (width>=731px){.casebattle__top{flex-direction:row;align-items:center}}.casebattle__top .tabs{border-radius:1.5rem;height:4rem}.casebattle__top .tabs .tabs__button{padding-inline:calc(var(--spacing) * 5);border-radius:1.5rem}@media not all and (width>=730px){.casebattle__top .btn .btn__inner{text-align:center;justify-content:center}}.casebattle__top-left{align-items:center;gap:calc(var(--spacing) * 5);flex-wrap:wrap;display:flex}.casebattle__top-left .btn-border{gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);height:fit-content;padding-inline:calc(var(--spacing) * 0);border-width:0}.casebattle__list{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}.casebattle__list-item{border-radius:var(--radius-3xl);background-color:#1e2229;flex-wrap:wrap;justify-content:space-between;align-items:stretch;display:flex}@media (width>=731px){.casebattle__list-item{flex-wrap:nowrap}.casebattle__cases{flex:1}}.casebattle__list-item.active .casebattle__cases-item.active .casebattle__cases-arrow{opacity:1}.casebattle__list-item.end .casebattle__avatars .casebattle__avatar:not(.win){opacity:.3}.casebattle__list-item.end .casebattle__cases-item{opacity:.4}.casebattle__status{align-items:center;gap:calc(var(--spacing) * 2);min-width:7.5rem;padding:calc(var(--spacing) * 4);flex-direction:column;justify-content:center;display:flex}.casebattle__status p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-light)}.casebattle__cases{border-radius:var(--radius-3xl);background-color:#2a2e38;position:relative}@media not all and (width>=355px){.casebattle__cases{width:60%}}@media not all and (width>=490px){@media (width>=356px){.casebattle__cases{width:66%}}}@media not all and (width>=655px){@media (width>=491px){.casebattle__cases{width:75%}}}@media not all and (width>=730px){.casebattle__cases{height:9.125rem}@media (width>=656px){.casebattle__cases{width:82%}}}.casebattle__cases-wrapp{top:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);align-items:center;width:100%;height:100%;display:flex;position:absolute;overflow:auto}.casebattle__cases-wrapp::-webkit-scrollbar{height:calc(var(--spacing) * 0);width:calc(var(--spacing) * 0)}.casebattle__cases-item{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);width:10rem;height:100%;padding-inline:calc(var(--spacing) * 4);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-light);flex-direction:column;flex-shrink:0;display:flex;position:relative}.casebattle__cases-item span{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:100%;overflow:hidden}.casebattle__cases-item:hover img{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.casebattle__cases-item:before{right:calc(var(--spacing) * 0);--tw-content:"";content:var(--tw-content);background-color:#334060;width:1px;height:80%;position:absolute;rotate:10deg}.casebattle__cases-item-image{justify-content:center;align-items:center;width:100%;height:calc(100% - 3rem);display:flex}.casebattle__cases-arrow{top:calc(var(--spacing) * -1);left:calc(var(--spacing) * 0);width:10rem;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--primary);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:center;display:flex;position:absolute}.casebattle__panels{min-width:15.3125rem;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4);flex-direction:column;flex-shrink:0;justify-content:center;max-width:15.3125rem;display:flex}@media not all and (width>=730px){.casebattle__panels{width:100%}}.casebattle__panels-top{justify-content:space-between;gap:calc(var(--spacing) * 5);margin-bottom:.5rem}.casebattle__avatars,.casebattle__panels-top{align-items:center;display:flex}.casebattle__avatar{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);border-style:var(--tw-border-style);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#344062;border-width:2px;border-color:#1e2229;border-radius:2147483647px;position:relative;overflow:hidden}.casebattle__avatar.win{border-color:#fcdc2a}@media (hover:hover){.casebattle__view:hover{color:var(--gray-light)}}.casebattle__cases-item-more{padding-inline:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-light);flex-shrink:0}