@-webkit-keyframes sonar-hh {
  0% {
    -webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.9);
    box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.9);
    height: 100%;
    width: 100%;
  }
  to {
    -webkit-box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0);
    box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0);
    height: 100%;
    width: 100%;
  }
}
@keyframes sonar-hh {
  0% {
    -webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.9);
    box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.9);
    height: 100%;
    width: 100%;
  }
  to {
    -webkit-box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0);
    box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0);
    height: 100%;
    width: 100%;
  }
}
.style-bundle-nav {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 10px auto 0;
  padding: 0 0 9px;
  text-align: center;
}
.style-bundle-nav_item {
  cursor: pointer;
  height: 100%;
  opacity: 1;
  position: relative;
  text-align: center;
  -webkit-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  width: 112px;
}
.style-bundle-nav_item:hover {
  opacity: 0.6;
}
.style-bundle-nav_item__active {
  opacity: 1;
}
.style-bundle-nav_item:last-child {
  margin-right: 0;
}
.style-bundle-nav_item:last-child:after {
  content: normal;
}
.style-bundle-nav_item:after {
  background-color: #817f73;
  content: "";
  height: 1px;
  margin-top: -1px;
  position: absolute;
  right: -8px;
  top: 50%;
  width: 30px;
}
.style-bundle-nav_item:hover {
  opacity: 1;
}
.style-bundle-nav_name {
  color: #817f73;
  font-size: 16px;
  line-height: 1;
  margin-left: -7px;
  -webkit-transition: color 0.5s, -webkit-transform 0.5s;
  transition: color 0.5s, -webkit-transform 0.5s;
  -o-transition: color 0.5s, transform 0.5s;
  transition: color 0.5s, transform 0.5s;
  transition: color 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
.style-bundle-nav_item:hover .style-bundle-nav_name,
.style-bundle-nav_item__active .style-bundle-nav_name {
  color: #fcfaf9;
}
.style-bundle-nav_ico {
  height: 22px;
  margin: 23px auto 11px;
  -webkit-transition: opacity 0.5s, background 0.5s, -webkit-transform 0.5s,
    -webkit-transform 0.5s;
  transition: opacity 0.5s, background 0.5s, -webkit-transform 0.5s,
    -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, transform 0.5s, background 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, background 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, background 0.5s, transform 0.5s,
    -webkit-transform 0.5s, -webkit-transform 0.5s;
  width: 60px;
  will-change: transform;
}
.style-bundle-nav_item:hover .style-bundle-nav_ico,
.style-bundle-nav_item__active .style-bundle-nav_ico {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
.style-bundle-arrows {
  height: 44px;
  position: absolute;
  top: 23vw;
  width: 100%;
}
@media (min-width: 1100px) {
  .style-bundle-arrows {
    top: 16vw;
  }
}
@media (min-width: 1430px) {
  .style-bundle-arrows {
    top: 225px;
  }
}
.style-bundle-arrows_item {
  background: no-repeat 50%;
  cursor: pointer;
  height: 44px;
  position: absolute;
  -webkit-transition: background-color 0.15s ease-out, opacity 0.15s ease-out;
  -o-transition: background-color 0.15s ease-out, opacity 0.15s ease-out;
  transition: background-color 0.15s ease-out, opacity 0.15s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 44px;
}
@media (min-width: 720px) {
  .style-bundle-arrows_item {
    background-color: #111;
  }
}
.style-bundle-arrows_item:hover {
  opacity: 0.6;
}
@media (min-width: 720px) {
  .style-bundle-arrows_item:hover {
    background-color: #333335;
    opacity: 1;
  }
}
.style-bundle-arrows_item__prev {
  background-image: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/style-bundle/wt-abilities-2022/img/slider-arrow_left.bd2554.svg);
  left: 0;
}
.style-bundle-arrows_item__next {
  background-image: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/style-bundle/wt-abilities-2022/img/slider-arrow_right.005f44.svg);
  right: 0;
}
.id-note {
  background: #282828;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.id-note__small {
  display: none;
}
@media (min-width: 720px) {
  .id-note__small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.id-note__middle {
  display: none;
}
@media (min-width: 1100px) {
  .id-note__middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.id-note_ico {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #8b8c7c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  max-width: 50px;
  min-width: 40px;
  padding: 4px;
  width: 40px;
}
.id-note_text {
  padding: 10px 10px 10px 15px;
}
.id-note_text strong {
  color: #f9f5e1;
}
.id-note_button {
  display: inline-block;
  height: 21px;
  margin: 0 8px;
  position: relative;
  top: 7px;
  width: 19px;
}
.id-note_button__minus {
  background-image: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/style-bundle/wt-abilities-2022/img/minus.707ac6.png);
}
.id-note_button__plus {
  background-image: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/style-bundle/wt-abilities-2022/img/plus.ff75b0.png);
}
.style-bundle {
  background-size: contain;
  font-family: Roboto Condensed, Arial Narrow, Arial, sans-serif;
  margin-bottom: 16px;
  overflow: hidden;
  position: relative;
}
.style-bundle:lang(ko),
.style-bundle:lang(zh-sg),
.style-bundle:lang(zh-tw) {
  font-family: гѓ’гѓ©г‚®гѓЋи§’г‚ґ ProN W3, Hiragino Kaku Gothic ProN, Meiryo,
    맑은 кі л”•, Malgun Gothic, 굴림, Gulim, Helvetica, sans-serif;
}
.style-bundle:lang(ja) {
  font-family: Noto Sans JP, гѓ’гѓ©г‚®гѓЋи§’г‚ґ ProN W3,
    Hiragino Kaku Gothic ProN, Osaka, メイリオ, Meiryo,
    пј­пјі пј°г‚ґг‚·гѓѓг‚Ї, MS PGothic, sans-serif;
}
.style-bundle_wrapper__freeze {
  pointer-events: none;
}
.style-bundle_title {
  color: #f8f5e0;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  padding-top: 5px;
  text-align: center;
}
@media (min-width: 720px) {
  .style-bundle_title {
    font-size: 51px;
    padding-top: 15px;
  }
}
.style-bundle_img {
  padding: 18px 0;
  pointer-events: none;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.style-bundle_img img {
  max-width: 719px;
  width: 100%;
}
.style-bundle_name {
  color: #e9e2bf;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  text-align: center;
}
.style-bundle_name:after {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 119, 254, 0)),
    color-stop(7%, rgba(0, 119, 254, 0.7)),
    color-stop(50%, #0077fe),
    color-stop(93%, rgba(0, 119, 254, 0.7)),
    to(rgba(0, 119, 254, 0))
  );
  background: -o-linear-gradient(
    left,
    rgba(0, 119, 254, 0) 0,
    rgba(0, 119, 254, 0.7) 7%,
    #0077fe 50%,
    rgba(0, 119, 254, 0.7) 93%,
    rgba(0, 119, 254, 0) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(0, 119, 254, 0) 0,
    rgba(0, 119, 254, 0.7) 7%,
    #0077fe 50%,
    rgba(0, 119, 254, 0.7) 93%,
    rgba(0, 119, 254, 0)
  );
  content: "";
  height: 1px;
  left: 0;
  margin-top: -0.5px;
  position: absolute;
  top: 50%;
  width: 100%;
}
.style-bundle_name-inner {
  background: #1c1c1e;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}
.style-bundle_item {
  position: absolute;
  -webkit-transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out,
    -webkit-transform 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out,
    -webkit-transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out,
    visibility 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out,
    visibility 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out,
    visibility 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
  width: 100%;
  will-change: transform;
}
.style-bundle_item__outside-left {
  opacity: 0;
  -webkit-transform: translateX(90%);
  -ms-transform: translateX(90%);
  transform: translateX(90%);
  visibility: hidden;
  z-index: 1;
}
.style-bundle_item__outside-right {
  opacity: 0;
  -webkit-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  transform: translateX(-90%);
  visibility: hidden;
  z-index: 1;
}
.style-bundle-styles {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 10px;
  position: relative;
}
@media (min-width: 720px) {
  .style-bundle-styles {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: baseline;
    background: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/style-bundle/wt-abilities-2022/img/gradient.4cd964.png)
      no-repeat bottom;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 30px;
    padding-top: 20px;
  }
}
.style-bundle-styles:after {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 119, 254, 0)),
    color-stop(25%, rgba(0, 119, 254, 0)),
    color-stop(50%, #0077fe),
    color-stop(75%, rgba(0, 119, 254, 0)),
    to(rgba(0, 119, 254, 0))
  );
  background: -o-linear-gradient(
    left,
    rgba(0, 119, 254, 0) 0,
    rgba(0, 119, 254, 0) 25%,
    #0077fe 50%,
    rgba(0, 119, 254, 0) 75%,
    rgba(0, 119, 254, 0) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(0, 119, 254, 0) 0,
    rgba(0, 119, 254, 0) 25%,
    #0077fe 50%,
    rgba(0, 119, 254, 0) 75%,
    rgba(0, 119, 254, 0)
  );
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  margin-top: -0.5px;
  position: absolute;
  width: 100%;
}
.style-bundle-styles_item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 720px) {
  .style-bundle-styles_item {
    margin: 0 1.5%;
  }
}
.style-bundle-styles_item__plus {
  display: none;
  margin-bottom: 0;
  pointer-events: none;
}
@media (min-width: 720px) {
  .style-bundle-styles_item__plus {
    max-width: 24px;
    min-width: 24px;
    width: 24px;
  }
}
@media (min-width: 1020px) {
  .style-bundle-styles_item__plus {
    display: block;
  }
}
.style-bundle-styles_item:first-child {
  max-width: 120px;
  min-width: 120px;
  pointer-events: none;
}
@media (min-width: 720px) {
  .style-bundle-styles_item:first-child {
    max-width: 184px;
    min-width: 184px;
  }
}
@media (min-width: 720px) {
  .style-bundle-styles_item:nth-child(3),
  .style-bundle-styles_item:nth-child(5) {
    padding-top: 49px;
  }
}
.style-bundle-styles_img-style {
  border: 1px solid rgba(232, 81, 17, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0 auto 20px;
  max-width: 120px;
  min-width: 120px;
  position: relative;
  -webkit-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
@media (min-width: 720px) {
  .style-bundle-styles_img-style {
    max-width: 184px;
    min-width: 184px;
  }
}
.style-bundle-styles_img-style img {
  display: block;
}
.style-bundle-styles_img-style:after {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  -o-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  visibility: hidden;
}
.style-bundle-styles_item__active .style-bundle-styles_img-style {
  border: 1px solid #e85111;
}
.style-bundle-styles_item__active .style-bundle-styles_img-style:after {
  background: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/style-bundle/wt-abilities-2022/img/light.9bb6ad.png)
    no-repeat center 0;
  bottom: -16px;
  content: "";
  height: 31px;
  left: 0;
  opacity: 1;
  position: absolute;
  visibility: visible;
  width: 100%;
}
.style-bundle-styles_item:hover .style-bundle-styles_img-style {
  border: 1px solid #e85111;
}
.style-bundle-styles_img-style__shadow {
  -webkit-animation: sonar-hh 1.9s ease-out infinite;
  animation: sonar-hh 1.9s ease-out infinite;
}
.style-bundle-styles_name {
  color: #e9e2bf;
  font-size: 16px;
  line-height: 1.2;
  max-width: 263px;
}
@media (min-width: 720px) {
  .style-bundle-styles_name__spec {
    left: 15px;
    position: relative;
  }
}
.style-bundle-styles_plus {
  color: #e9e2bf;
  font-family: Roboto, Arial Narrow, Arial, sans-serif;
  font-size: 42px;
  font-weight: 700;
}
.style-bundle-styles_plus:lang(ko),
.style-bundle-styles_plus:lang(zh-sg),
.style-bundle-styles_plus:lang(zh-tw) {
  font-family: гѓ’гѓ©г‚®гѓЋи§’г‚ґ ProN W3, Hiragino Kaku Gothic ProN, Meiryo,
    맑은 кі л”•, Malgun Gothic, 굴림, Gulim, Helvetica, sans-serif;
}
.style-bundle-styles_plus:lang(ja) {
  font-family: Noto Sans JP, гѓ’гѓ©г‚®гѓЋи§’г‚ґ ProN W3,
    Hiragino Kaku Gothic ProN, Osaka, メイリオ, Meiryo,
    пј­пјі пј°г‚ґг‚·гѓѓг‚Ї, MS PGothic, sans-serif;
}
.style-bundle-perk {
  cursor: pointer;
  height: 159px;
  position: relative;
}
.style-bundle-perk_anim {
  background: #fff;
  border-radius: 100%;
  height: 20px;
  position: absolute;
  right: 44px;
  top: 14px;
  width: 20px;
}
.style-bundle-perk_anim:before {
  -webkit-animation: sonar-hh 1.9s ease-out infinite;
  animation: sonar-hh 1.9s ease-out infinite;
  border-radius: 100%;
  content: "";
  position: absolute;
}
.style-bundle-perk_text {
  color: #e9e2bf;
  font-size: 16px;
  text-align: center;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.style-bundle-perk:hover .style-bundle-perk_text {
  color: #f8f5e0;
}
.style-bundle-perk_tooltip {
  background: #000;
  bottom: 170px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 50%;
  margin-left: -133px;
  opacity: 0;
  padding: 11px 15px;
  position: absolute;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
  -o-transition: opacity 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  visibility: hidden;
  width: 266px;
  z-index: 1;
}
@media (min-width: 720px) {
  .style-bundle-perk_tooltip {
    left: 0;
    width: 320px;
  }
}
.style-bundle-perk_tooltip:before {
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 13px solid #000;
  bottom: -13px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 0;
}
@media (min-width: 720px) {
  .style-bundle-perk_tooltip__left {
    left: 0;
    margin-left: 0;
  }
}
@media (min-width: 720px) {
  .style-bundle-perk_tooltip__left:before {
    left: 78px;
    margin-left: 0;
  }
}
@media (min-width: 720px) {
  .style-bundle-perk_tooltip__right {
    left: auto;
    right: 0;
  }
}
@media (min-width: 720px) {
  .style-bundle-perk_tooltip__right:before {
    left: auto;
    margin-left: 0;
    right: 78px;
  }
}
@media (min-width: 720px) {
  .style-bundle-perk_tooltip__center {
    left: 50%;
    margin-left: -150px;
  }
}
@media (min-width: 720px) {
  .style-bundle-perk_tooltip__center:before {
    left: 50%;
  }
}
.style-bundle-perk:hover .style-bundle-perk_tooltip {
  opacity: 1;
  visibility: visible;
}
.style-bundle-perk_tooltip-text {
  font-size: 14px;
  line-height: 1.1;
}
@media (min-width: 720px) {
  .style-bundle-perk_tooltip-text {
    font-size: 16px;
  }
}
.style-bundle-perk_tooltip-title {
  color: #e9e2bf;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 7px;
}