:root {
  --vw: 1vw;
  --vh: 1vh;
  --clr-01: #ff7037;
  --clr-02: #d1d1d1;
  --clr-03: #020f12;

  --clr-04: #a34132;
  --clr-05: #fff;
  --clr-06: #2f3942;

  --font-sz-m1: 22px;
  --font-sz-m2: 24px;
  --bg-rgba: rgba(0, 0, 0, .8);
  --screen-width: 1200;
  /* 当前屏幕宽度 */
  --screen-maxwidth: 100vw;
  /* 最大屏幕宽度 */
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

* :before,
* :after {
  box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
picture,
.block {
  display: block
}

address,
em,
strong,
th,
cite {
  font-style: normal;
  font-weight: 400
}

p {
  -webkit-hyphens: auto;
  hyphens: auto;
  font-kerning: auto;
}

em {
  font-weight: inherit
}

small {
  font-size: 80%
}

strong {
  font-size: 120%;
  font-weight: 700;
}

img {
  -webkit-user-select: none;
  -moz-user-select: none;
  border: 0;
  vertical-align: top;
  pointer-events: none;
  user-select: none
}

img:broken {
  filter: grayscale(100%);
}

button,
input,
select,
textarea {
  border: 0;
  font-size: 100%;
  font-family: inherit;
}

textarea {
  padding: 0;
  border: 0;
  background: transparent;
  resize: none;
  overflow: auto;
  vertical-align: top
}

button,
input {
  background-color: transparent;
  line-height: normal
}

input[type="checkbox"],
input[type="radio"],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption,
th {
  text-align: left
}

li {
  list-style-type: none
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  tab-size: 4;
  width: 100%;
  height: 100%;
  font-size: calc(var(--vw) * 2.60416666666667);
}

html,
body {
  height: -webkit-fill-available;
  height: fill-available;
}

body {
  --mw: 1336px;
  --fs: .24rem;
  min-width: var(--mw);
  overflow: auto;
  font-family: system-ui, sans-serif;
  font-size: var(--fs);
  background-color: var(--clr-03);
  color: var(--clr-02);
  line-height: 1.2;
}
body.no-scroll {
  overflow: hidden; /* 禁用滚动 */
}
body.font_en {
  --fs: .3rem;
  font-family: "Refrigerator Deluxe", system-ui, sans-serif;
}

body.no-scroll {
  overflow: hidden;
}

a,
a:hover {
  color: var(--clr-02);
  text-decoration: none;
}

a:hover {
  color: var(--clr-01);
}

.visually_hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip-path: circle(0);
}

.wraper {
  position: relative;
  width: 100%;
  padding-top: calc(1060/3840*100vw);
}

.font_en .wraper {
  background: url(//arenabreakout.com/cp/a20240926rank/img/bg.jpg) no-repeat 50% 0 / 100% auto;
}

.font_es .wraper {
  background: url(//arenabreakout.com/cp/a20240926rank/img/bg.jpg) no-repeat 50% 0 / 100% auto;
}

.font_ja .wraper {
  background: url(//arenabreakout.com/cp/a20240926rank/img/bg.jpg) no-repeat 50% 0 / 100% auto;
}

.font_th .wraper {
  background: url(//arenabreakout.com/cp/a20240926rank/img/bg.jpg) no-repeat 50% 0 / 100% auto;
}

.font_zh-Hant .wraper {
  background: url(//arenabreakout.com/cp/a20240926rank/img/bg.jpg) no-repeat 50% 0 / 100% auto;
}

.font_id .wraper {
  background: url(//arenabreakout.com/cp/a20240926rank/img/bg.jpg) no-repeat 50% 0 / 100% auto;
}

.font_vi .wraper {
  background: url(//arenabreakout.com/cp/a20240926rank/img/bg.jpg) no-repeat 50% 0 / 100% auto;
}

.font_ru .wraper {
  background: url(//arenabreakout.com/cp/a20240926rank/img/bg.jpg) no-repeat 50% 0 / 100% auto;
}


.webp .wraper {
  background-image: url(//arenabreakout.com/cp/a20240926rank/img/bg.webp);
}

.slogan {
  width: 100%;
  height: calc(400/3840*100vw);
  position: absolute;
  top: calc(645/3840*100vw);
  left: 50%;
  transform: translateX(-50%);
}

.font_en .slogan {
  background: url(//arenabreakout.com/cp/a20240926rank/img/slogan_en.png) left/contain no-repeat;
}

.font_es .slogan {
  background: url(//arenabreakout.com/cp/a20240926rank/img/slogan_es.png) left/contain no-repeat;
}

.font_ja .slogan {
  background: url(//arenabreakout.com/cp/a20240926rank/img/slogan_ja.png) left/contain no-repeat;
}

.font_th .slogan {
  background: url(//arenabreakout.com/cp/a20240926rank/img/slogan_th.png) left/contain no-repeat;
}

.font_zh-Hant .slogan {
  background: url(//arenabreakout.com/cp/a20240926rank/img/slogan_zh-Hant.png) left/contain no-repeat;
}

.font_id .slogan {
  background: url(//arenabreakout.com/cp/a20240926rank/img/slogan_id.png) left/contain no-repeat;
}

.font_vi .slogan {
  background: url(//arenabreakout.com/cp/a20240926rank/img/slogan_vi.png) left/contain no-repeat;
}

.font_ru .slogan {
  background: url(//arenabreakout.com/cp/a20240926rank/img/slogan_ru.png) left/contain no-repeat;
}

.topbar {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 30;
  --h: 6.6vw;
  --pd: 1.3vw 2.34vw;
  height: var(--h);
  padding: var(--pd);
  display: flex;
}

.top_logo img {
  --w: 11.98vw;
  display: block;
  width: var(--w);
  height: auto;
}

.top_right_side {
  --fs: .3rem;
  margin-left: auto;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: end;
  height: 100%;
  font-size: var(--fs);
  gap: 1vw;
}

.font_en .top_right_side {
  --fs: .4rem;
}

.triangle_arrow {
  height: 50%;
  fill: var(--clr-02);
  margin-left: .2vw;
}

.triangle_arrow .triangle {
  transition: transform 0.3s ease-in-out;
  transform-origin: 8px 8px;

}

.lang_btn,
.lang_dropdown,
.lang_dropdown_text {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.lang_cur{
  white-space: nowrap;
}
.lang_btn,
.lang_dropdown_text,
.lang_dropdown {
  padding: 0 .5vw;
}

.lang_icon,
.lang {
  --h: 1.223vw;
  height: var(--h);
}

.lang_icon {
  width: auto;
}

.event_rule {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .4rem;
}

.event_rule_link {
  font-size: .58rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.event_rule_link:hover {
  text-decoration: none;
}

.event_rule_link::after {
  content: " ";
  margin: .05rem 0 0 .1rem;
  width: .32rem;
  height: .36rem;
  background: url(//arenabreakout.com/cp/a20240926rank/img/icon-rules.png) no-repeat top center / 100% 100%;
}
.str42{
  margin-left: .2rem;
}
.webp .event_rule_link::after {
  background-image: url(//arenabreakout.com/cp/a20240926rank/img/icon-rules.webp);
}

.font_de .event_rule_link,
.font_ru .event_rule_link,
.font_pt-BR .event_rule_link {
  font-size: .5rem;
}

.font_ja .event_rule_link,
.font_zh-Hant .event_rule_link,.str42 {
  font-size: .42rem;
}

.red {
  color: #d95454;
  padding: 0 .6rem 0 .2rem;
  position: relative;
}

.blue {
  color: #549dd9;
  padding-right: .2rem;
  position: relative;
}

.red::after {
  content: "-";
  width: .08rem;
  height: .05rem;
  color: #d95454;
  position: absolute;
  right: .3rem;
  top: 0;
}

.blue::after {
  content: "-";
  width: .08rem;
  height: .05rem;
  color: #549dd9;
  position: absolute;
  left: -.25rem;
  top: 0;
}

.content_wrapper {
  background: url(//arenabreakout.com/cp/a20240926rank/img/bottom.png) no-repeat top center / 100% auto;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.webp .content_wrapper {
  background-image: url(//arenabreakout.com/cp/a20240926rank/img/bottom.webp);
}

.content {
  --w: 78.8vw;
  --pd: 1rem;
  width: var(--w);
  margin: 0 auto;
  padding-bottom: var(--pd);
  position: relative;
}

.progress_wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14.93rem;
  height: 0.86rem;
  margin: 1.05rem auto 0.6rem;
  background: url(//arenabreakout.com/cp/a20240926rank/img/progress-bg.png) center/contain no-repeat;
  z-index: 0;
}

.progress-finish {
  position: absolute;
  left: 0.04rem;
  top: 0.04rem;
  width: 0;
  overflow: hidden;
  z-index: -1;
}

.progress_full {
  width: 14.85rem;
  height: 0.57rem;
  background: url(//arenabreakout.com/cp/a20240926rank/img/progress-finish.png) center/cover no-repeat;
}

.webp .progress_wrapper {
  background-image: url(//arenabreakout.com/cp/a20240926rank/img/progress-bg.webp);
}

.webp .progress_full {
  background-image: url(//arenabreakout.com/cp/a20240926rank/img/progress-finish.webp);
}

.progress_info {
  margin-bottom: 0.2rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: #0b181c;
}

.content_item {
  margin-bottom: 1.22rem;
}

.content_item_title {
  height: 1.06rem;
  background: url(//arenabreakout.com/cp/a20240926rank/img/title-bg.png) no-repeat;
  background-position: left center;
  background-size: cover;
  padding: 0 0.85rem 0.47rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #aab2b0;
}

.webp .content_item_title {
  background-image: url(//arenabreakout.com/cp/a20240926rank/img/title-bg.webp);
}

.content_item .icon_question {
  width: 0.48rem;
  height: 0.48rem;
  pointer-events: none;
}

.tooltips_wrapper {
  position: relative;
  margin: 0 0.25rem 0.9rem 0.1rem;
  line-height: 1;
}

.content_item .img_refresh {
  width: 0.7rem;
  height: 0.7rem;
  cursor: pointer;
}

.tooltips_content {
  display: none;
  position: absolute;
  top: -1.07rem;
  left: -5rem;
  width: 6.92rem;
  height: 1.07rem;
  background: url(//arenabreakout.com/cp/a20240926rank/img/bg-tips.jpg) center/contain no-repeat;
  font-size: 0.4852rem;
  color: #d1d1d1;
  line-height: 1;
  padding: 0 0.2rem;
  box-sizing: border-box;
  font-weight: normal;
  align-items: center;
}
.font_es .tooltips_content,.font_id .tooltips_content{
  font-size: 0.32rem;
}

.tooltips_content::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -0.15rem;
  left: 5.15rem;
  width: 0.21rem;
  height: 0.16rem;
  background: url(//arenabreakout.com/cp/a20240926rank/img/bg-tips-arr.png) center/contain no-repeat;
}

.tooltips_content.show {
  display: flex;
}

.font_zh-Hant .tooltips_content {
  justify-content: center;
}

.font_de .tooltips_content {
  font-size: 0.38rem;
}

.font_pt-BR .tooltips_content,
.font_ru .tooltips_content,
.font_ja .tooltips_content {
  font-size: 0.46rem;
}

.content_item_main .title_wrapper,
.p2title_wrapper {
  margin: 0.16rem auto 0.14rem;
  width: 100%;
  height: 1.23rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p2title_wrapper {
  background: url(//arenabreakout.com/cp/a20240926rank/img/p2bg.png) no-repeat;
  background-size: 100%;
  font-size: .58rem;
}

.rank_list_foot .pages {
  display: flex;
  justify-content: center;
  width: 5rem;
  margin: 0 auto;
  line-height: .46rem;
  padding: .2rem 0;
  font-size: .4rem;
}

.topre {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAuCAYAAABap1twAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA2OUU0RTQ5N0JGNzExRUY4MTlBRDI1ODQzQzRBN0Y3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA2OUU0RTRBN0JGNzExRUY4MTlBRDI1ODQzQzRBN0Y3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDY5RTRFNDc3QkY3MTFFRjgxOUFEMjU4NDNDNEE3RjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDY5RTRFNDg3QkY3MTFFRjgxOUFEMjU4NDNDNEE3RjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ynD8AAAAFz0lEQVR42syZ/W9TZRTHz3PvbW+7dmu7N2CIvGSKBAlCEEUM8q4wpxJEiFF/kEQl8pvxB3/wDzCYkPiD0RhCjFFxCZlzAnFjQ14ElRcHbjqwE7Y5ICvDjq3b2tt7r98HzpJaNnYL3cuTfAasfcq55znne855Kmzbpom8FJrgSxv8y4F9+8bTjhIwHxSCg+vKyq7cZuA4rgfAdrAUhMFpMCEMnAoWgafBq8APokAd8ojHaAngAcXgJbAVzObXIuBv0D+eBupgMxsnY65opKTVxlAtloB1YD1YMIx3xVgb6AbTwELwMnguU2kbbQPngLfBBpA7lIfSPEjp7xktA6eDclDGmVroYI8XTGavj5qBxXycUjpeADMy2Jtg/Ytn20DBn1PERr3BGep0WSAJzgBZzq5l20CVg/8Vzs4pGe6/SLa1x9bclZbua8G/e7JloMoGrQHPgicc75QdlG1fJVX90dJzakzdf1CPXGrPa6ghYcGhK568JwNdHPSPseA+D3Iy2B8lRYnYQvlWJBO73Z2tf1puD+W0nKH8o9/gwOVp77wnA2eCt8AWEODsc+q5GH5WWy79SzMn72f9SktfQf3npHdeIltVyfTm3iZEWoYZ+gxLxzKWBOfLtk7YKuLM46s1gkVNvvBpI3S0gtyRdnJdv0yW7iEjVOInIQY4aRwbWMAFXRr3Iouv05W81UKJ3yyPv1LtuV7tbT03YPoClNt0jPwXfqFkTh4Mm1IKz82GcSFQ57Tdks7O4wzdBh7NxF/M7/iYT2xFqbA0d9TX0UyFNZ+RkoyT5ckTRmiyWyT6Z5he/3ZStXKyrIvY0+jUwFXcecjsLM0wTuV/sBfH+p3l9jaY/lA0dHwvBU9W33py00S2JqeTUDbZmmsd/pyL+JT94PnU4003MIeDfi7LhzRwObdITo/zL3AKHAf1tstzQYt1U+4fxyhwaj+5O9sKEvkl802XXmqr2mI8wEpS1JksO73Y0w2M4QyUx/kgeJNjLdMlS9Rh8CFouVkidC95roSpsHYXKfEYITnul00qvLoJXnORZaY/oHmnqc5KiZ17LX3DviDudqrDugEugE/BSbASrMjgiOX7nuLZQh7xISXe32wEiunamq0U/LWKPP80t5m+/F0QvMO27l2MY15Jlj2TfaKlzyPpBkr9ucrU8XTVztNWaXobNMzDzmFWy1gWxkBV0hdoiC4ujygDMUJJ67K8/npPx/l6pTdaY+aGztu2jSRR58K1fsRhgCuVo8H9EHgX7AANGZ7MpJvSJJQdipHYqHVHQj0PL6fLm9+nyOrXKVEwVZa0VpS7j5DR25AsFdC/CDvhf8oiBq8+7jC4Dwq17PE2cpY7XeagUNuKWmmrrmqRNPrdXW2QmiQqSAflH9lDWixaavqCD1luPYj31s2raMxoLu7imAoz6znWnLRV6q2Hs2cL05ghknE0sEpt36wFTcjwhH61hdS+Hujj92FXV3sYwo34vVnq7qoWd4IvwAmuLLJZCHKzMHJyCvE4jJuHOJunxrq/1nq6jqN6xK4v22KofTco72wNZGhybzaGplbWuiPcbm1w3NEI4QPlKHVLYGgVPLsbxjXeWLCWeufgV6orK1OdwaVM1q0OcI4HpKUO9wdQcwPcgd+HmPzBCBbX2dq0VmGZWR07LS5rZ7jEdXKJLBlRkoSglOuPRUpioJQSA5X8OT2pFSUb94M2e1POvx+Apgz3y8nvHZazVTw/Z3VoslOOfS9fAA2OnbMcXotIjz/CCnGWb7lGZS6WYlsDmrlhKOM+sshh2Z2UXlpH6wq4DXwM3gOVPOvGR2hE+rnMxsfyjrqZ41Lq5n5OrLvuZkZjJTgmL3KMNvKxL3Taqo3V/aA82p9YlmRsbmJJKkrpXobsRcf6awjp0QqWpJ3s3XRtHRcPpnqyn8vlVyzMa8Fr7M1Z6WVzPG/5L4MqFnaDS2UkfS6ZCN+ThDnT53Pv+e+QDetEXRP+u7r/BBgA09XlsW8QTSMAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
  width: .4rem;
  height: .46rem;
}

.tonext {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAuCAYAAABap1twAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA2OUU0RTQ5N0JGNzExRUY4MTlBRDI1ODQzQzRBN0Y3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA2OUU0RTRBN0JGNzExRUY4MTlBRDI1ODQzQzRBN0Y3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDY5RTRFNDc3QkY3MTFFRjgxOUFEMjU4NDNDNEE3RjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDY5RTRFNDg3QkY3MTFFRjgxOUFEMjU4NDNDNEE3RjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ynD8AAAAFz0lEQVR42syZ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) no-repeat;
  background-size: 100%;
  width: .4rem;
  height: .46rem;
  transform: rotate(180deg);
}

.currpages {
  margin-left: .2rem;
}

.totalpages {
  margin-right: .2rem;
}

.str4 {
  background: url(//arenabreakout.com/cp/a20240926rank/img/tab1bg.jpg) left top no-repeat;
  background-size: 15.12rem 1.19rem;
}

.str8 {
  background: url(//arenabreakout.com/cp/a20240926rank/img/tab2bg.jpg) left top no-repeat;
  background-size: 15.12rem 1.19rem;
}

.content_item_main {
  display: flex;
  justify-content: space-between;
}

.tab1box,
.tab2box {
  width: 50%;
}

.content_item_main #p4_1,
.content_item_main #p8_1 {
  padding-top: 0.04rem;
  font-size: 0.6rem;
  line-height: 1;
  font-weight: bold;
}

.content_item_main #p4_2,
.content_item_main #p8_2 {
  font-size: 0.4rem;
  line-height: 1;
  font-weight: bold;
}

.content_item_main.with-bd {
  position: relative;
  margin: 0.25rem 0;
  padding: 0.48rem 1.465rem;
  box-sizing: border-box;
  border: 0.02rem solid rgb(183, 191, 184);
}

.content_item_main.with-bd::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -.8rem;
  background: url(//arenabreakout.com/cp/a20240926rank/img/bottom-bg.png) no-repeat;
  background-size: 30.26rem .18rem;
  height: .18rem;
  width: 100%;
}

.rank_list_wrapper {
  width: 99%;
  border: 0.02rem solid rgb(183, 191, 184);
  background-color: rgba(0, 0, 0, 0.09);
  color: #b8c0b9;
  border-collapse: collapse;
  box-sizing: border-box;
}

.ml2 {
  margin-left: 1%;
}

.rank_list_wrapper .rank_list_head tr {
  display: flex;
  align-items: center;
  border-bottom: 0.02rem solid rgb(183, 191, 184);
  font-size: 0.28rem;
  font-weight: bold;
  border-right: 0.02rem solid rgb(183, 191, 184);
}

.rank_list_wrapper .rank_list {
  max-height: 15.45rem;
  font-size: 0.3rem;
  display: block;
}

.rank_list_wrapper .rank_list_head th,
.rank_list_wrapper .rank_list .item {
  height: 1.03rem;
  border: 0.02rem solid #25292d;
  box-sizing: border-box;
}

.rank_list_wrapper .rank_item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 0.02rem solid rgb(183, 191, 184);
}

.rank_list_wrapper .rank4,
.rank_list_wrapper .rank3,
.rank_list_wrapper .rank2,
.rank_list_wrapper .rank1 {
  background-color: rgba(162, 166, 165, 0.039);
}

.rank_list_wrapper .rank_item .item,
.rank_list_wrapper .rank_list_head .item {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.rank_list_wrapper .rank_list.with_scrollbar {
  padding-right: 0.2rem;
  margin-right: 0.2rem;
}

.rank_list_wrapper .rank_list::-webkit-scrollbar {
  width: 0.22rem;
}

.rank_list_wrapper .rank_list::-webkit-scrollbar-track {
  background-color: rgba(96, 96, 96, 0.349);
}

.rank_list_wrapper .rank_list::-webkit-scrollbar-thumb {
  width: 0.14rem;
  background-color: rgb(86, 95, 98);
}

.rank_list_wrapper tr .item:nth-child(1) {
  width: 20%;
}

.rank_list_wrapper tr .item:nth-child(2) {
  width: 60%;
}

.rank_list_wrapper tr .item:nth-child(4),
.rank_list_wrapper tr .item:nth-child(3) {
  width: 20%;
}

.rank_list_wrapper .with_scrollbar .rank_item .item:nth-child(4) {
  width: calc(20% - 0.4rem);
}

.rank_list_wrapper .rank4 .value,
.rank_list_wrapper .rank3 .value,
.rank_list_wrapper .rank2 .value,
.rank_list_wrapper .rank1 .value,
.rank_list_wrapper .kill-top1 .count {
  position: relative;
}

.rank_list_wrapper .rank4 .value::before,
.rank_list_wrapper .rank3 .value::before,
.rank_list_wrapper .rank2 .value::before,
.rank_list_wrapper .rank1 .value::before,
.rank_list_wrapper .kill-top1 .count::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: -0.47rem;
  transform: translateY(-50%);
  width: 0.34rem;
  height: 0.27rem;
}


.rank_list_wrapper .rank1 .value::before,
.rank_list_wrapper .kill-top1 .count::before {
  background: url(//arenabreakout.com/cp/a20240926rank/img/icon-rank-1.png) center/contain no-repeat;
}

.rank_list_wrapper .rank2 .value::before {
  background: url(//arenabreakout.com/cp/a20240926rank/img/icon-rank-2.png) center/contain no-repeat;
}

.rank_list_wrapper .rank3 .value::before {
  background: url(//arenabreakout.com/cp/a20240926rank/img/icon-rank-3.png) center/contain no-repeat;
}

.rank_list_wrapper .rank4 .value::before {
  background: url(//arenabreakout.com/cp/a20240926rank/img/icon-rank.png) center/contain no-repeat;
}

.webp .rank_list_wrapper .rank1 .value::before,
.webp .rank_list_wrapper .kill-top1 .count::before {
  background-image: url(//arenabreakout.com/cp/a20240926rank/img/icon-rank-1.webp);
}

.webp .rank_list_wrapper .rank2 .value::before {
  background-image: url(//arenabreakout.com/cp/a20240926rank/img/icon-rank-2.webp);
}

.webp .rank_list_wrapper .rank3 .value::before {
  background-image: url(//arenabreakout.com/cp/a20240926rank/img/icon-rank-3.webp);
}

.webp .rank_list_wrapper .rank4 .value::before {
  background-image: url(//arenabreakout.com/cp/a20240926rank/img/icon-rank.webp);
}

.streamer_swiper {
  position: relative;
  overflow: hidden;
}

.streamer_item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #a2a6a5;
}

.streamer_item .avatar {
  display: block;
  width: 2.47rem;
  height: 2.47rem;
  padding: 0.07rem;
  border: 0.02rem solid rgb(229, 225, 225);
}

.streamer_item .nickname {
  font-size: 0.3rem;
  margin-top: 0.08rem;
  max-width: 2.47rem;
  white-space: break-spaces;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  text-align: center;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  content: '';
}

.swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  left: 0.9rem;
  width: 0.72rem;
  height: 0.72rem;
  background: url(//arenabreakout.com/cp/a20240926rank/img/icon-prev.png) center/contain no-repeat;
}

.swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  right: 0.9rem;
  width: 0.72rem;
  height: 0.72rem;
  background: url(//arenabreakout.com/cp/a20240926rank/img/icon-next.png) center/contain no-repeat;
}

.webp .swiper-button-prev {
  background-image: url(//arenabreakout.com/cp/a20240926rank/img/icon-prev.webp);
}

.webp .swiper-button-next {
  background-image: url(//arenabreakout.com/cp/a20240926rank/img/icon-next.webp);
}

.bottom_logos {
  display: block;
  width: 11.09rem;
  height: auto;
  margin: 0 auto;
}

.content_item_title {
  font-size: .8rem;
  font-weight: 700;
}
.footer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: calc(25/var(--screen-width)*var(--screen-maxwidth)) 0 calc(25/var(--screen-width)*var(--screen-maxwidth));
  flex-direction: row-reverse;
  background: #041013
}

.f_box {
  width: 100%;
  font-size: calc(16/var(--screen-width)*var(--screen-maxwidth));
  color: #9f9f9f;
  display: flex;
  flex-direction: column;
  align-items: center
}

.f_box a {
  color: #9f9f9f;
  font-size: .3rem;
}

.f_logo {
  width: 100%;
  /*height: calc(70/var(--screen-width)*var(--screen-maxwidth));*/
  text-align: center
}

.f_logo img {
  /*height: 100%;*/
  width: 6.5rem;
  vertical-align: top;
  /*height: calc(70/var(--screen-width)*var(--screen-maxwidth));*/
}

.f_txt {
  padding-top: calc(10/var(--screen-width)*var(--screen-maxwidth));
  width: 100%;
  text-align: center
}

.agreement {
  width: 100%
}

.agreement p {
  display: inline-block;
}

.f_txt p {
  font-size: .3rem;
}

.agreement p span {
  padding: 0 .5em
}

.ot-sdk-show-settings {
  background: none !important;
  border: none !important;
  display: inline-block !important;
  padding: 0 !important;
  color: #9f9f9f !important;
  font-size: .3rem !important;
}

.ot-sdk-show-settings:hover {
  color: #9f9f9f !important;
  text-decoration: underline
}
.lang_dropdown_list {
  --t: 1.223vw;
  --fs: .32rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.5;
  font-size: var(--fs);
  background-color: rgba(0, 0, 0, .2);
  padding: .2rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  position: absolute;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  top: var(--t);
}

.lang_dropdown_list .lang_item {
  --gap: .1rem;
  border-bottom: 0.01rem solid rgba(255, 255, 255, .1);
  display: block;
  padding-bottom: var(--gap);
  margin-bottom: var(--gap);
  width: 80%;
  text-align: center;
  position: relative;
  z-index: 13;
}

.lang_dropdown {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.pop_rules {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
}

.pop_container {
  width: 64vw;
  position: relative;
  display: flex;
  flex-direction: column;
}

.pop_close {
  width: .8rem;
  height: .8rem;
  position: absolute;
  top: .2rem;
  right: .2rem;
  background: url(//arenabreakout.com/cp/a20240926rank/img/pop_close.png) no-repeat 50% 50% / 100% 100%;
  text-indent: -99999px;
}

.pop_title {
  width: 100%;
  height: 1.2rem;
  background: url(//arenabreakout.com/cp/a20240926rank/img/pop_title.png) no-repeat 50% 50% / 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d1d1d1;
  font-size: .7rem;
  font-weight: bold;
}

.pop_content {
  width: 100%;
  height: 80vh;
  box-sizing: border-box;
  border: 1px solid #494e4b;
  background: #000;
  padding: .8rem 0 0;
  color: #a2a6a5;
  font-size: .28rem;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
}

.font_en .pop_content {
  font-size: .32rem;
}

.pop_content::after {
  content: " ";
  display: block;
  width: 100%;
  height: .8rem;
}

.pop_main {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 1.5rem;
}

.pop_content p.time {
  padding: .2rem 0;
}

.pop_content p.time span {
  color: #b45739;
}

.pop_content #p16_1,
.pop_content #p14_1,
.pop_content #p13_1,
.pop_content h4 {
  color: #b45739;
  font-size: .35rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  padding: .2rem 0;
}

.pop_content #p16_1::before,
.pop_content #p14_1::before,
.pop_content #p13_1::before,
.pop_content h4::before {
  content: " ";
  width: .25rem;
  height: .22rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-.3rem, -50%);
  background: url(//arenabreakout.com/cp/a20240926rank/img/bg_title.png) no-repeat 50% 50% / 100% 100%;
}

.pop_content i,
.pop_content em {
  font-style: normal;
}

.pop_content .rules_list li {
  display: flex;
}

.pop_content .rules_list i {
  padding-right: .1rem;
}

.pop_content .rules_list span {
  width: .3rem;
  flex-grow: 1;
}

.pop_content .reward_list {
  width: 90%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.pop_content .reward_list ul {
  width: 35%;
  box-sizing: border-box;
}

.pop_content .reward_list ul:first-child {
  width: 55%;
}

.pop_content .reward_list ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-left: 1px solid #454f4e;
  border-right: 1px solid #454f4e;
  border-bottom: 1px solid #454f4e;
  box-sizing: border-box;
  padding: 0 .1rem;
  font-size: .24rem;
}

.pop_content .reward_list ul li:first-child {
  border-left: none;
  border-right: none;
  padding-bottom: .2rem;
}

.pop_content .reward_list ul li span {
  width: 1px;
  flex-grow: 1;
  padding-right: .5rem;
  box-sizing: border-box;
  border-right: 1px solid #454f4e;
  display: flex;
  align-items: center;
  padding: .1rem 0;
}

.pop_content .reward_list ul li i {
  width: 25%;
  display: flex;
  align-items: center;
  padding: .1rem 0 .1rem;
  justify-content: flex-end;
}

.pop_content .reward_list::before {
  content: " ";
  position: absolute;
  height: 100%;
  width: 1px;
  background: #2b2d2d;
  top: 0;
  left: 60%;
}

@media screen and (max-width: 1336px) {
  html {
    font-size: calc(var(--vw) * 9.2592592);
  }

  body {
    --mw: 100%;
    --fs: .24rem;
  }

  .content_item_main {
    display: block;
  }

  .tab1box,
  .tab2box {
    width: 100%;
  }

  .topbar {
    --h: 6.5vw;
    --pd: 1.67vw 2.4vw;
  }

  .top_logo img {
    --w: 20vw;
  }

  .top_right_side {
    --fs: .22rem;
  }

  .lang_icon,
  .lang {
    --h: 3.2vw;
  }

  .active .lang_dropdown_list {
    opacity: 1;
    visibility: visible;
  }

  .event_rule_link {
    font-size: .26rem;
  }

  .event_rule_link::after {
    width: .16rem;
    height: .18rem;
    margin: .01rem 0 0 .05rem;
  }

  .font_de .event_rule_link,
  .font_ru .event_rule_link,
  .font_pt-BR .event_rule_link {
    font-size: .24rem;
  }

  .font_ja .event_rule_link,
  .font_zh-Hant .event_rule_link,.str42 {
    font-size: .2rem;
  }
  .red::after {
    right: .25rem;
  }
  
  .blue::after {
    left: -.27rem;
  }
  .lang_dropdown_list {
    --fs: .62rem;
    --t: 0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    transform: translateX(0);
    background-color: rgba(0, 0, 0, 1);
    z-index: 11;
    padding: 1rem;
  }

  .close_dropdown_icon {
    --sz: 1rem;
    position: absolute;
    top: calc(var(--sz) / 2);
    right: calc(var(--sz) / 2);
    width: var(--sz);
    height: var(--sz);
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Crect transform='rotate(45)' ry='0' y='-1' x='4.314' height='2' width='14'/%3E%3Crect transform='rotate(-45)' ry='0' y='10.314' x='-7' height='2' width='14'/%3E%3C/svg%3E") no-repeat 50% 50% / 100%;
    cursor: pointer;
    z-index: 12;
  }

  .lang_dropdown_list::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 92vw;
    height: 96vh;
    z-index: 0;
    border: 0.02rem solid rgba(255, 255, 255, .2);
    background: #000;
  }

  .lang_dropdown_list .lang_item {
    --gap: .3rem;
  }

  .wraper {
    padding-top: calc(1060 / 3840* 100vw);
  }

  .content {
    --w: 95vw;
    --pd: .5rem;
  }

  .content_item_title {
    font-size: .44rem;
  }

  .font_vi .content_item_title,
  .font_es .content_item_title,
  .font_th .content_item_title,
  .font_ru .content_item_title,
  .font_ja .content_item_title,
  .font_id .content_item_title,
  .font_zh-Hant .content_item_title {
    font-size: .5rem;
  }
  .font_ja .str12{
    font-size: .34rem;
  }
  .font_id .str12{
    font-size: .46rem;
  }
  .font_vi .str12,.font_es .str12{
    font-size: .4rem;
  }
  .font_ru .str12{
    font-size: .38rem;
  }
  .f_logo {
    /*height: calc(100/var(--screen-width)*var(--screen-maxwidth));*/
  }
  
  .f_logo img {
    /*height: calc(100/var(--screen-width)*var(--screen-maxwidth));*/
    width: 4.5rem;
  }
  .progress_wrapper {
    width: 9.72rem;
    height: 0.5598rem;
    margin: 0.2rem auto 0.4rem;
  }

  .progress_full {
    width: 9.64rem;
    height: 0.35rem;
  }

  .progress_info {
    font-size: 0.26rem;
    margin-bottom: 0.1rem;
  }

  .tooltips_wrapper {
    margin: 0 0.25rem 0.6rem 0.1rem;
  }

  .content_item .icon_question {
    width: 0.32rem;
    height: 0.32rem;
  }

  .content_item .img_refresh {
    width: 0.41rem;
    height: 0.41rem;
  }

  .content_item_main .title_wrapper,
  .p2title_wrapper {
    width: 100%;
    height: .8rem;
  }

  .p2title_wrapper {
    height: 0.28rem;
    margin: 0.16rem auto 0;
  }

  .content_item_main #p5_1 {
    font-size: 0.36rem;
    padding-top: 0.14rem;
  }

  .content_item_main #p5_2 {
    font-size: 0.24rem;
  }
  .rank_list_wrapper{
    width: 100%;
    margin-left: 0;
    background-color: rgba(0, 0, 0, 1);
  }
  .content_item_main.with-bd {
    margin: 0;
  }

  .rank_list_wrapper .rank_list.with_scrollbar {
    padding-right: 0.1rem;
    margin-right: 0.1rem;
  }

  .rank_list_wrapper .rank_list::-webkit-scrollbar {
    width: 0.12rem;
  }

  .rank_list_wrapper .rank_list::-webkit-scrollbar-thumb {
    width: 0.07rem;
  }

  .rank_list_wrapper .rank_list_head tr {
    font-size: 0.23rem;
  }

  .rank_list_wrapper .rank_list {
    font-size: 0.23rem;
  }

  .rank_list_wrapper tr .item:nth-child(1) {
    width: 20%;
  }

  .rank_list_wrapper tr .item:nth-child(2) {
    width: 60%;
  }

  .rank_list_wrapper tr .item:nth-child(4),
  .rank_list_wrapper tr .item:nth-child(3) {
    width: 20%;
  }

  .rank_list_wrapper .with_scrollbar .rank_item .item:nth-child(4) {
    width: calc(60% - 0.2rem);
  }

  .p2title_wrapper {
    background: url(//arenabreakout.com/cp/a20240926rank/img/mp2bg.png) no-repeat;
    background-size: 10.31rem .28rem;
    font-size: .22rem;
  }

  .streamer_item .avatar {
    width: 1.8rem;
    height: 1.8rem;
  }

  .streamer_item .nickname {
    font-size: 0.24rem;
  }

  .swiper-button-prev {
    top: 50%;
    left: 0;
    width: 0.48rem;
    height: 0.48rem;
  }

  .swiper-button-next {
    top: 50%;
    right: 0;
    width: 0.48rem;
    height: 0.48rem;
  }

  .content_item {
    margin-bottom: 0.5rem;
  }

  .content_item_main.with-bd {
    padding: 0.48rem 0.58rem;
    border: 0.02rem solid rgb(75, 85, 84);
    position: relative;
  }

  .content_item_main.with-bd::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -.45rem;
    background: url(//arenabreakout.com/cp/a20240926rank/img/bottom-bg.png) no-repeat;
    background-size: 30.26rem .18rem;
    height: .18rem;
    width: 100%;
  }

  .bottom_logos {
    width: 4.5796rem;
  }

  .tooltips_content {
    font-size: 0.32rem;
    top: -0.77rem;
    left: -3.5rem;
    width: 5rem;
    height: .77rem;
  }

  .tooltips_content::after {
    left: 3.55rem;
  }

  .content_item_main #p4_1,
  .content_item_main #p8_1 {
    font-size: .35rem;
  }

  .content_item_main #p4_2,
  .content_item_main #p8_2 {
    font-size: .25rem;
  }

  .str4 {
    background: url(//arenabreakout.com/cp/a20240926rank/img/tab1bg.png) left top no-repeat;
    background-size: 10.3rem .74rem;
  }

  .str8 {
    background: url(//arenabreakout.com/cp/a20240926rank/img/tab2bg.png) left top no-repeat;
    background-size: 10.3rem .74rem;
  }

  .font_zh-Hant .tooltips_content {
    font-size: 0.3rem;
    justify-content: center;
  }

  .font_de .tooltips_content {
    font-size: 0.28rem;
  }

  .font_pt-BR .tooltips_content,
  .font_ru .tooltips_content,
  .font_ja .tooltips_content {
    font-size: 0.32rem;
  }

  .font_pt-BR .tooltips_content {
    left: -2.5rem;
  }

  .font_pt-BR .tooltips_content::after {
    left: 2.55rem;
  }

  .pop_container {
    width: 90vw;
    height: 70vh;
  }

  .pop_close {
    width: .4rem;
    height: .4rem;
    top: .1rem;
    right: .1rem;
  }

  .pop_title {
    height: .6rem;
    font-size: .4rem;
  }

  .pop_content {
    padding-top: .5rem;
    font-size: .3rem;
    height: 1px;
    flex-grow: 1;
  }

  .pop_main {
    height: 1px;
    flex-grow: 1;
    padding: 0 .8rem;
  }

  .pop_content .reward_list {
    width: 100%;
    flex-direction: column;
  }

  .pop_content .reward_list::before {
    display: none;
  }

  .pop_content .reward_list ul {
    width: 100%;
  }

  .pop_content .reward_list ul:first-child {
    width: 100%;
    padding-bottom: .2rem;
  }

  .pop_content .reward_list ul li i {
    width: 35%;
  }

  @media only screen and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (pointer: coarse) {
    .content_item_main {
      display: block;
    }

    .lang_dropdown_list {
      gap: 3vw;
      flex-wrap: wrap;
      flex-direction: inherit;
    }

    .lang_dropdown_list {
      --fs: .32rem;
    }

    .lang_dropdown_list .lang_item {
      width: 20%;
      display: flex;
    }

    .lang_dropdown_list::before {
      --sz: .5rem;
    }

    .lang_dropdown_list::after {
      width: 98vw;
    }
  }
}

@media screen and (min-width: 1337px) {
  .lang_dropdown_list .lang_item:hover {
    text-decoration: none;
    border-color: var(--clr-01);
    color: var(--clr-01);
  }

  .lang_dropdown:hover .lang_dropdown_list {
    opacity: 1;
    visibility: visible;
  }

  .lang_dropdown:hover .triangle {
    transform: rotate(180deg);
  }
}

/* oneTrust Cookies */
div#onetrust-consent-sdk * {
  font-family: system-ui
}

#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn,
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn),
#onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob {
  background-color: #a34132 !important;
  border-color: #a34132 !important;
  color: #fff !important
}

#onetrust-pc-sdk .ot-plus-minus span {
  background-color: #a34132 !important
}

#onetrust-consent-sdk #onetrust-banner-sdk,
#onetrust-consent-sdk #onetrust-pc-sdk,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-anchor,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-cnt,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title:after,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-sel-blk,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch.ot-toggle,
#onetrust-consent-sdk #onetrust-pc-sdk ot-grp-hdr1 .checkbox,
#onetrust-consent-sdk #ot-search-cntr {
  background-color: #050606 !important
}

#onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn,
#onetrust-consent-sdk #onetrust-banner-sdk a[href],
#onetrust-consent-sdk #onetrust-banner-sdk a[href] font,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-acc-hdr .ot-host-expand,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info a,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-name a,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-lst-cnt .ot-vnd-info a,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content #ot-pc-desc .ot-link-btn,
#onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler+a,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pgph-link,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-legclaim-link,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-link,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info a,
#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link,
#onetrust-pc-sdk .ot-always-active {
  color: #a34132 !important
}

#onetrust-pc-sdk .ot-pc-footer-logo {
  opacity: 0
}

#onetrust-pc-sdk .ot-pc-logo img {
  display: none
}

#onetrust-pc-sdk .ot-pc-logo {
  align-items: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  position: relative;
  width: 120px
}

#onetrust-pc-sdk .ot-pc-logo:after {
  background: url(https://www.arenabreakoutinfinite.com/a2024222/img/top_logo.png) no-repeat 0 0/cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

#onetrust-pc-sdk:after {
  box-sizing: content-box
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk h4,
#onetrust-consent-sdk #onetrust-policy-text {
  color: #c5cdc7 !important
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:last-child {
  margin: 0 .2rem !important
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr,
#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:last-child {
  padding: .1rem 0 !important
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:first-child {
  margin-left: .1rem !important
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-cat-header {
  margin: 0 .1rem !important
}

#onetrust-consent-sdk #onetrust-banner-sdk,
#onetrust-consent-sdk #onetrust-pc-sdk,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt,
#onetrust-pc-sdk .ot-pc-footer-logo {
  background-color: #050606 !important
}