.Hero_container__6_q15{position:relative;min-height:100vh}.Hero_inner__90Eix{width:95.2941176471%;max-width:1240px;margin:0 auto;max-width:1286px;padding-block:min(100px,6.9444444444%)}@media not screen and (min-width:769px){.Hero_inner__90Eix{width:95.2941176471%;padding-block:min(100px,11.7647058824%)}}.Hero_filter_list__ueGs4{display:flex;column-gap:.0869565217em;justify-content:center;font-size:clamp(18.4px,9.482px + .939vw,23px)}@media not screen and (min-width:769px){.Hero_filter_list__ueGs4{column-gap:.3421052632em;font-size:min(19.6px,3.2941176471vw)}[data-locale=de] .Hero_filter_list__ueGs4{font-size:min(17.5px,2.9411764706vw)}}.Hero_filter_item__C8zSq{position:relative;display:flex;transition:transform .15s}.Hero_filter_item__C8zSq:after{position:absolute;top:1%;left:.2608695652em;z-index:2;width:calc(100% - .5217391304em);height:calc(100% - .0434782609em);pointer-events:none;content:"";border-radius:.5px;box-shadow:0 0 0 .0869565217em #fff,.1391304348em .1391304348em 0 .1304347826em rgba(13,13,85,.45);transform:skew(-12deg);transition:box-shadow .15s}@media not screen and (min-width:769px){.Hero_filter_item__C8zSq:after{left:.1578947368em;width:calc(100% - .3157894737em);box-shadow:0 0 0 .1052631579em #fff,.3157894737em .2631578947em 0 .0526315789em rgba(13,13,85,.45);transform:skew(-9deg)}}.Hero_filter_item__C8zSq[data-role=all]:has([aria-selected=true]):after{box-shadow:inset 0 0 .8695652174em 0 rgba(255,255,255,.45),0 0 0 .1304347826em #f8e20a,.1739130435em .1739130435em 0 .0869565217em #f8e20a}@media not screen and (min-width:769px){.Hero_filter_item__C8zSq[data-role=all]:has([aria-selected=true]):after{box-shadow:inset 0 0 .5263157895em 0 hsla(0,0%,100%,.45),0 0 0 .1052631579em #f8e20a,.2631578947em .2631578947em 0 .0526315789em #f8e20a}}.Hero_filter_item__C8zSq[data-role=damage]:has([aria-selected=true]):after{box-shadow:inset 0 0 .8695652174em 0 #ea115d,0 0 0 .1304347826em #f8e20a,.1739130435em .1739130435em 0 .0869565217em #f8e20a}@media not screen and (min-width:769px){.Hero_filter_item__C8zSq[data-role=damage]:has([aria-selected=true]):after{box-shadow:inset 0 0 .5263157895em 0 hsla(0,0%,100%,.45),0 0 0 .1052631579em #f8e20a,.2631578947em .2631578947em 0 .0526315789em #f8e20a}}.Hero_filter_item__C8zSq[data-role=tank]:has([aria-selected=true]):after{box-shadow:inset 0 0 .8695652174em 0 #00bd59,0 0 0 .1304347826em #f8e20a,.1739130435em .1739130435em 0 .0869565217em #f8e20a}@media not screen and (min-width:769px){.Hero_filter_item__C8zSq[data-role=tank]:has([aria-selected=true]):after{box-shadow:inset 0 0 .5263157895em 0 hsla(0,0%,100%,.45),0 0 0 .1052631579em #f8e20a,.2631578947em .2631578947em 0 .0526315789em #f8e20a}}.Hero_filter_item__C8zSq[data-role=technical]:has([aria-selected=true]):after{box-shadow:inset 0 0 .8695652174em 0 #0056ca,0 0 0 .1304347826em #f8e20a,.1739130435em .1739130435em 0 .0869565217em #f8e20a}@media not screen and (min-width:769px){.Hero_filter_item__C8zSq[data-role=technical]:has([aria-selected=true]):after{box-shadow:inset 0 0 .5263157895em 0 hsla(0,0%,100%,.45),0 0 0 .1052631579em #f8e20a,.2631578947em .2631578947em 0 .0526315789em #f8e20a}}.Hero_filter_item__C8zSq:has([aria-selected=true]){pointer-events:none}@media(hover:hover)and (pointer:fine){.Hero_filter_item__C8zSq{cursor:pointer}.Hero_filter_item__C8zSq:hover{transform:translate(.0652173913em,.0652173913em)}.Hero_filter_item__C8zSq:hover:after{box-shadow:0 0 0 .0869565217em #fff,.0652173913em .0652173913em 0 .1304347826em rgba(13,13,85,.45)}}.Hero_filter_button__2LQpd{position:relative;display:flex;align-items:center;justify-content:center;min-width:9.3043478261em;padding:.347826087em 1.0434782609em .4347826087em 1em;font-size:1em;-webkit-clip-path:polygon(.4347826087em 0,100% 0,calc(100% - .4347826087em) 100%,0 100%);clip-path:polygon(.4347826087em 0,100% 0,calc(100% - .4347826087em) 100%,0 100%)}@media not screen and (min-width:769px){.Hero_filter_button__2LQpd{min-width:5.6052631579em;padding:.3947368421em .4473684211em .5em .6315789474em;-webkit-clip-path:polygon(.2631578947em 0,100% 0,calc(100% - .2631578947em) 100%,0 100%);clip-path:polygon(.2631578947em 0,100% 0,calc(100% - .2631578947em) 100%,0 100%)}}[data-role=all] .Hero_filter_button__2LQpd{min-width:5.7826086957em;padding:.347826087em 1em .4347826087em}@media not screen and (min-width:769px){[data-role=all] .Hero_filter_button__2LQpd{min-width:3.5em;padding:.2894736842em .9210526316em .3157894737em}}[data-role=all] .Hero_filter_button__2LQpd,[data-role=all] .Hero_filter_button__2LQpd[aria-selected=true]{background-color:#2d2e32}[data-role=damage] .Hero_filter_button__2LQpd,[data-role=damage] .Hero_filter_button__2LQpd[aria-selected=true]{background-color:#e9515f}[data-role=tank] .Hero_filter_button__2LQpd,[data-role=tank] .Hero_filter_button__2LQpd[aria-selected=true]{background-color:#52ee7d}[data-role=technical] .Hero_filter_button__2LQpd,[data-role=technical] .Hero_filter_button__2LQpd[aria-selected=true]{background-color:#029af8}.Hero_filter_button__2LQpd:after{position:absolute;top:0;left:0;width:100%;height:100%;content:""}[data-role=all] .Hero_filter_button__2LQpd:after{background:url(/assets/images/hero/bg_all_btn.png) no-repeat 0/contain}@media not screen and (min-width:769px){[data-role=all] .Hero_filter_button__2LQpd:after{background:url(/assets/images/hero/bg_all_btn_sp.png) no-repeat 0/contain}}[data-role=damage] .Hero_filter_button__2LQpd:after{background:url(/assets/images/hero/bg_damage_btn.png) no-repeat 0/contain}@media not screen and (min-width:769px){[data-role=damage] .Hero_filter_button__2LQpd:after{background:url(/assets/images/hero/bg_damage_btn_sp.png) no-repeat 0/contain}}[data-role=tank] .Hero_filter_button__2LQpd:after{background:url(/assets/images/hero/bg_tank_btn.png) no-repeat 0/contain}@media not screen and (min-width:769px){[data-role=tank] .Hero_filter_button__2LQpd:after{background:url(/assets/images/hero/bg_tank_btn_sp.png) no-repeat 0/contain}}[data-role=technical] .Hero_filter_button__2LQpd:after{background:url(/assets/images/hero/bg_technical_btn.png) no-repeat 0/contain}@media not screen and (min-width:769px){[data-role=technical] .Hero_filter_button__2LQpd:after{background:url(/assets/images/hero/bg_technical_btn_sp.png) no-repeat 0/contain}}.Hero_filter_button_icon__V1uz2{position:relative;top:.0869565217em;display:inline-block;width:1.0869565217em}.Hero_filter_button_text__Io_4p{position:relative;z-index:1;display:inline-block;padding-inline:.4347826087em;margin-inline:auto;font-family:var(--font-mplus1);font-weight:700;line-height:1;color:#fff;text-align:center;transform:skew(-10deg)}[data-locale=de] .Hero_filter_button_text__Io_4p,[data-locale=en-gb] .Hero_filter_button_text__Io_4p,[data-locale=en-us] .Hero_filter_button_text__Io_4p,[data-locale=fr] .Hero_filter_button_text__Io_4p,[data-locale=ja] .Hero_filter_button_text__Io_4p{font-family:var(--font-mplus1)}[data-locale=tw] .Hero_filter_button_text__Io_4p{font-family:var(--font-notosanstc);font-weight:800}[data-locale=cn] .Hero_filter_button_text__Io_4p{font-family:var(--font-notosanssc);font-weight:800}[data-locale=ko] .Hero_filter_button_text__Io_4p{font-family:var(--font-notosanskr);font-weight:800}[data-locale=es] .Hero_filter_button_text__Io_4p,[data-locale=ptb] .Hero_filter_button_text__Io_4p{font-family:var(--font-mplus1)}.Hero_filter_button_text_main__shryM{position:relative;z-index:2;background-image:linear-gradient(180deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}[aria-selected=true] .Hero_filter_button_text_main__shryM{background-image:linear-gradient(180deg,#fff,#fff,#f8e20a)}.Hero_filter_button_text_shadow__3pN64{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}[data-role=all] .Hero_filter_button_text_shadow__3pN64{text-shadow:0 0 .05px #0b0b0c,0 0 .1px #0b0b0c,0 0 .15px #0b0b0c,0 0 .2px #0b0b0c,0 0 .25px #0b0b0c,0 0 .3px #0b0b0c,0 0 .35px #0b0b0c,0 0 .4px #0b0b0c,0 0 .45px #0b0b0c,0 0 .5px #0b0b0c,0 0 .55px #0b0b0c,0 0 .6px #0b0b0c,0 0 .65px #0b0b0c,0 0 .7px #0b0b0c,0 0 .75px #0b0b0c,0 0 .8px #0b0b0c,0 0 .85px #0b0b0c,0 0 .9px #0b0b0c,0 0 .95px #0b0b0c,0 0 1px #0b0b0c,0 0 1.05px #0b0b0c,0 0 1.1px #0b0b0c,0 0 1.15px #0b0b0c,0 0 1.2px #0b0b0c,0 0 1.25px #0b0b0c,0 0 1.3px #0b0b0c,0 0 1.35px #0b0b0c,0 0 1.4px #0b0b0c,0 0 1.45px #0b0b0c,0 0 1.5px #0b0b0c,0 0 1.55px #0b0b0c,0 0 1.6px #0b0b0c,0 0 1.65px #0b0b0c,0 0 1.7px #0b0b0c,0 0 1.75px #0b0b0c,0 0 1.8px #0b0b0c,0 0 1.85px #0b0b0c,0 0 1.9px #0b0b0c,0 0 1.95px #0b0b0c,0 0 2px #0b0b0c,0 0 2.05px #0b0b0c,0 0 2.1px #0b0b0c,0 0 2.15px #0b0b0c,0 0 2.2px #0b0b0c,0 0 2.25px #0b0b0c,0 0 2.3px #0b0b0c,0 0 2.35px #0b0b0c,0 0 2.4px #0b0b0c,0 0 2.45px #0b0b0c,0 0 2.5px #0b0b0c}@media not screen and (min-width:769px){[data-role=all] .Hero_filter_button_text_shadow__3pN64{text-shadow:0 0 .05px #0b0b0c,0 0 .1px #0b0b0c,0 0 .15px #0b0b0c,0 0 .2px #0b0b0c,0 0 .25px #0b0b0c,0 0 .3px #0b0b0c,0 0 .35px #0b0b0c,0 0 .4px #0b0b0c,0 0 .45px #0b0b0c,0 0 .5px #0b0b0c,0 0 .55px #0b0b0c,0 0 .6px #0b0b0c,0 0 .65px #0b0b0c,0 0 .7px #0b0b0c,0 0 .75px #0b0b0c,0 0 .8px #0b0b0c,0 0 .85px #0b0b0c,0 0 .9px #0b0b0c,0 0 .95px #0b0b0c,0 0 1px #0b0b0c,0 0 1.05px #0b0b0c,0 0 1.1px #0b0b0c,0 0 1.15px #0b0b0c,0 0 1.2px #0b0b0c,0 0 1.25px #0b0b0c,0 0 1.3px #0b0b0c,0 0 1.35px #0b0b0c,0 0 1.4px #0b0b0c,0 0 1.45px #0b0b0c,0 0 1.5px #0b0b0c}}[data-role=damage] .Hero_filter_button_text_shadow__3pN64{text-shadow:0 0 .05px #74282f,0 0 .1px #74282f,0 0 .15px #74282f,0 0 .2px #74282f,0 0 .25px #74282f,0 0 .3px #74282f,0 0 .35px #74282f,0 0 .4px #74282f,0 0 .45px #74282f,0 0 .5px #74282f,0 0 .55px #74282f,0 0 .6px #74282f,0 0 .65px #74282f,0 0 .7px #74282f,0 0 .75px #74282f,0 0 .8px #74282f,0 0 .85px #74282f,0 0 .9px #74282f,0 0 .95px #74282f,0 0 1px #74282f,0 0 1.05px #74282f,0 0 1.1px #74282f,0 0 1.15px #74282f,0 0 1.2px #74282f,0 0 1.25px #74282f,0 0 1.3px #74282f,0 0 1.35px #74282f,0 0 1.4px #74282f,0 0 1.45px #74282f,0 0 1.5px #74282f,0 0 1.55px #74282f,0 0 1.6px #74282f,0 0 1.65px #74282f,0 0 1.7px #74282f,0 0 1.75px #74282f,0 0 1.8px #74282f,0 0 1.85px #74282f,0 0 1.9px #74282f,0 0 1.95px #74282f,0 0 2px #74282f,0 0 2.05px #74282f,0 0 2.1px #74282f,0 0 2.15px #74282f,0 0 2.2px #74282f,0 0 2.25px #74282f,0 0 2.3px #74282f,0 0 2.35px #74282f,0 0 2.4px #74282f,0 0 2.45px #74282f,0 0 2.5px #74282f}@media not screen and (min-width:769px){[data-role=damage] .Hero_filter_button_text_shadow__3pN64{text-shadow:0 0 .05px #74282f,0 0 .1px #74282f,0 0 .15px #74282f,0 0 .2px #74282f,0 0 .25px #74282f,0 0 .3px #74282f,0 0 .35px #74282f,0 0 .4px #74282f,0 0 .45px #74282f,0 0 .5px #74282f,0 0 .55px #74282f,0 0 .6px #74282f,0 0 .65px #74282f,0 0 .7px #74282f,0 0 .75px #74282f,0 0 .8px #74282f,0 0 .85px #74282f,0 0 .9px #74282f,0 0 .95px #74282f,0 0 1px #74282f,0 0 1.05px #74282f,0 0 1.1px #74282f,0 0 1.15px #74282f,0 0 1.2px #74282f,0 0 1.25px #74282f,0 0 1.3px #74282f,0 0 1.35px #74282f,0 0 1.4px #74282f,0 0 1.45px #74282f,0 0 1.5px #74282f}}[data-role=tank] .Hero_filter_button_text_shadow__3pN64{text-shadow:0 0 .05px #29773e,0 0 .1px #29773e,0 0 .15px #29773e,0 0 .2px #29773e,0 0 .25px #29773e,0 0 .3px #29773e,0 0 .35px #29773e,0 0 .4px #29773e,0 0 .45px #29773e,0 0 .5px #29773e,0 0 .55px #29773e,0 0 .6px #29773e,0 0 .65px #29773e,0 0 .7px #29773e,0 0 .75px #29773e,0 0 .8px #29773e,0 0 .85px #29773e,0 0 .9px #29773e,0 0 .95px #29773e,0 0 1px #29773e,0 0 1.05px #29773e,0 0 1.1px #29773e,0 0 1.15px #29773e,0 0 1.2px #29773e,0 0 1.25px #29773e,0 0 1.3px #29773e,0 0 1.35px #29773e,0 0 1.4px #29773e,0 0 1.45px #29773e,0 0 1.5px #29773e,0 0 1.55px #29773e,0 0 1.6px #29773e,0 0 1.65px #29773e,0 0 1.7px #29773e,0 0 1.75px #29773e,0 0 1.8px #29773e,0 0 1.85px #29773e,0 0 1.9px #29773e,0 0 1.95px #29773e,0 0 2px #29773e,0 0 2.05px #29773e,0 0 2.1px #29773e,0 0 2.15px #29773e,0 0 2.2px #29773e,0 0 2.25px #29773e,0 0 2.3px #29773e,0 0 2.35px #29773e,0 0 2.4px #29773e,0 0 2.45px #29773e,0 0 2.5px #29773e}@media not screen and (min-width:769px){[data-role=tank] .Hero_filter_button_text_shadow__3pN64{text-shadow:0 0 .05px #29773e,0 0 .1px #29773e,0 0 .15px #29773e,0 0 .2px #29773e,0 0 .25px #29773e,0 0 .3px #29773e,0 0 .35px #29773e,0 0 .4px #29773e,0 0 .45px #29773e,0 0 .5px #29773e,0 0 .55px #29773e,0 0 .6px #29773e,0 0 .65px #29773e,0 0 .7px #29773e,0 0 .75px #29773e,0 0 .8px #29773e,0 0 .85px #29773e,0 0 .9px #29773e,0 0 .95px #29773e,0 0 1px #29773e,0 0 1.05px #29773e,0 0 1.1px #29773e,0 0 1.15px #29773e,0 0 1.2px #29773e,0 0 1.25px #29773e,0 0 1.3px #29773e,0 0 1.35px #29773e,0 0 1.4px #29773e,0 0 1.45px #29773e,0 0 1.5px #29773e}}[data-role=technical] .Hero_filter_button_text_shadow__3pN64{text-shadow:0 0 .05px #024d7c,0 0 .1px #024d7c,0 0 .15px #024d7c,0 0 .2px #024d7c,0 0 .25px #024d7c,0 0 .3px #024d7c,0 0 .35px #024d7c,0 0 .4px #024d7c,0 0 .45px #024d7c,0 0 .5px #024d7c,0 0 .55px #024d7c,0 0 .6px #024d7c,0 0 .65px #024d7c,0 0 .7px #024d7c,0 0 .75px #024d7c,0 0 .8px #024d7c,0 0 .85px #024d7c,0 0 .9px #024d7c,0 0 .95px #024d7c,0 0 1px #024d7c,0 0 1.05px #024d7c,0 0 1.1px #024d7c,0 0 1.15px #024d7c,0 0 1.2px #024d7c,0 0 1.25px #024d7c,0 0 1.3px #024d7c,0 0 1.35px #024d7c,0 0 1.4px #024d7c,0 0 1.45px #024d7c,0 0 1.5px #024d7c,0 0 1.55px #024d7c,0 0 1.6px #024d7c,0 0 1.65px #024d7c,0 0 1.7px #024d7c,0 0 1.75px #024d7c,0 0 1.8px #024d7c,0 0 1.85px #024d7c,0 0 1.9px #024d7c,0 0 1.95px #024d7c,0 0 2px #024d7c,0 0 2.05px #024d7c,0 0 2.1px #024d7c,0 0 2.15px #024d7c,0 0 2.2px #024d7c,0 0 2.25px #024d7c,0 0 2.3px #024d7c,0 0 2.35px #024d7c,0 0 2.4px #024d7c,0 0 2.45px #024d7c,0 0 2.5px #024d7c}@media not screen and (min-width:769px){[data-role=technical] .Hero_filter_button_text_shadow__3pN64{text-shadow:0 0 .05px #024d7c,0 0 .1px #024d7c,0 0 .15px #024d7c,0 0 .2px #024d7c,0 0 .25px #024d7c,0 0 .3px #024d7c,0 0 .35px #024d7c,0 0 .4px #024d7c,0 0 .45px #024d7c,0 0 .5px #024d7c,0 0 .55px #024d7c,0 0 .6px #024d7c,0 0 .65px #024d7c,0 0 .7px #024d7c,0 0 .75px #024d7c,0 0 .8px #024d7c,0 0 .85px #024d7c,0 0 .9px #024d7c,0 0 .95px #024d7c,0 0 1px #024d7c,0 0 1.05px #024d7c,0 0 1.1px #024d7c,0 0 1.15px #024d7c,0 0 1.2px #024d7c,0 0 1.25px #024d7c,0 0 1.3px #024d7c,0 0 1.35px #024d7c,0 0 1.4px #024d7c,0 0 1.45px #024d7c,0 0 1.5px #024d7c}}.Hero_hero__fTIS3{width:100%;margin-top:min(63px,4.898911353%)}@media not screen and (min-width:769px){.Hero_hero__fTIS3{margin-top:min(60px,7.4074074074%)}}.Hero_back__2X0Qp{width:min(345px,26.953125%);margin:min(50px,3.90625%) auto 0}@media not screen and (min-width:769px){.Hero_back__2X0Qp{width:min(640px,79.012345679%);margin-top:min(90px,11.1111111111%)}}