html {
  background:#171c26
}
@font-face {
  font-family:Poppins;
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url(/assets/app/fonts/poppins/poppins-v23-latin_latin-ext-300.woff2) format("woff2")
}
@font-face {
  font-family:Poppins;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(/assets/app/fonts/poppins/poppins-v23-latin_latin-ext-regular.woff2) format("woff2")
}
@font-face {
  font-family:Poppins;
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url(/assets/app/fonts/poppins/poppins-v23-latin_latin-ext-500.woff2) format("woff2")
}
@font-face {
  font-family:Poppins;
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(/assets/app/fonts/poppins/poppins-v23-latin_latin-ext-600.woff2) format("woff2")
}
@font-face {
  font-family:Poppins;
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url(/assets/app/fonts/poppins/poppins-v23-latin_latin-ext-800.woff2) format("woff2")
}
@font-face {
  font-family:Poppins;
  font-style:normal;
  font-weight:900;
  font-display:swap;
  src:url(/assets/app/fonts/poppins/poppins-v23-latin_latin-ext-900.woff2) format("woff2")
}
@font-face {
  font-family:Predator;
  font-style:normal;
  font-weight:900;
  font-display:swap;
  src:url(/assets/app/fonts/predatorgames/Predator-Black.ttf) format("truetype")
}
@font-face {
  font-family:Predator;
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url(/assets/app/fonts/predatorgames/Predator-Light.ttf) format("truetype")
}
body #arrmy .box .box-content .form-group .form-control.disabled,
body #arrmy .box .box-content .form-group .form-control:disabled,
body #arrmy .box .box-content .form-group .form-control[readonly],
body #arrmy .box .box-content .form-group input:disabled {
  background:#12161e!important;
  cursor:not-allowed;
  opacity:1!important;
  color:#29303f!important
}
.strong {
  font-weight:700
}
.form-control:focus {
  box-shadow:0 0 0 .25rem rgba(149,172,197,.5)!important
}
.icheckbox_flat-yellow,
.iradio_flat-yellow {
  background:url(/assets/app/images/pages/predatorgames/new-layout/predatorgames.png)
}
.icheckbox_flat-yellow {
  background-position:0 0
}
.icheckbox_flat-yellow.checked {
  background-position:-22px 0
}
.icheckbox_flat-yellow.disabled {
  background-position:-44px 0;
  cursor:default
}
.icheckbox_flat-yellow.checked.disabled {
  background-position:-66px 0
}
.iradio_flat-yellow {
  background-position:-88px 0
}
.iradio_flat-yellow.checked {
  background-position:-110px 0
}
.iradio_flat-yellow.disabled {
  background-position:-132px 0;
  cursor:default
}
.iradio_flat-yellow.checked.disabled {
  background-position:-154px 0
}
body {
  background:#171c26
}
.c100:after {
  display:none
}
.squad-container .players-container {
  height:500px!important
}
.logo-slideshow {
  position:relative;
  overflow:hidden
}
.logo-slideshow img {
  position:absolute;
  opacity:0;
  animation:fade 6s infinite
}
@keyframes fade {
  0% {
    opacity:0
  }
  10% {
    opacity:1
  }
  30% {
    opacity:1
  }
  40% {
    opacity:0
  }
  to {
    opacity:0
  }
}
.players-container,
.players-container-draw {
  height:100%!important
}
.players-container .players-container-row .player-card .invitation-box .invitation {
  border:2px solid #2f384c!important;
  border-radius:10px!important;
  background:#1f2633!important;
  display:inline-flex!important;
  color:#6074a0!important;
  padding:.5em 1em!important;
  justify-content:center!important;
  transition:all .2s
}
.players-container .players-container-row .player-card .invitation-box .invitation i {
  color:#6074a0!important
}
.players-container .players-container-row .player-card .invitation-box .invitation:hover {
  background:#6074a0!important;
  color:#1f2633!important
}
.players-container .players-container-row .player-card .invitation-box .invitation:hover i {
  color:#1f2633!important
}
.teams-container-row .lvl {
  display:none
}
.lol .players-container .players-container-row .player-card .lvl,
.players-container .players-container-row .player-card .lvl {
  display:none!important
}
body #arrmy .content .match-details-page .mvp .order-2 .players-container .players-container-row .mvp-sign {
  top:10px!important;
  left:65px!important;
  padding:.3em!important
}
#arrmy.predatorgames .players-container .players-container-row .player-card .c100,
.lol .c100 {
  left:63px!important
}
.match-details-page .players-container .players-container-row .box-container,
.match-statistics-page .players-container .players-container-row .box-container,
.waiting-room-page .players-container .players-container-row .box-container {
  height:320px
}
#arrmy.predatorgames .players-container .players-container-row .player-card .player .avatar,
.csgo .players-container .players-container-row .player-card .avatar,
.players-container .players-container-row .player-card .player .avatar {
  border:0!important;
  width:138px!important;
  height:138px!important;
  padding:0!important;
  left:55px!important
}
.players-container .players-container-row .player-card .avatar a .text,
.players-container .players-container-row .player .avatar a .text {
  font-size:47px!important;
  width:138px!important;
  height:138px!important;
  line-height:138px!important
}
.mvp .order-1 .stats {
  left:-31px;
  position:relative;
  top:-50px;
  transform:rotate(-6deg)
}
.mvp .order-2 .stats {
  left:-20px;
  position:relative;
  top:-50px;
  transform:rotate(-2deg)
}
.mvp .order-3 .stats {
  left:-20px;
  position:relative;
  top:-60px;
  transform:rotate(4deg)
}
.pg-pagination {
  list-style:none;
  margin:0;
  padding:0
}
.pg-pagination .pg-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#12161e;
  color:#fff;
  font-weight:700;
  border:2px solid transparent;
  border-radius:.5rem;
  padding:.45rem .9rem;
  transition:all .15s;
  text-decoration:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.pg-pagination .pg-icon {
  width:2.5rem;
  height:2.5rem;
  background:#2d3647
}
.pg-pagination .pg-icon .material-icons {
  font-size:20px;
  line-height:1
}
.pg-pagination .pg-rounded .pg-link {
  border-radius:50%
}
.pg-pagination .pg-rounded .pg-icon {
  background:#2f384c
}
.pg-pagination .pg-rounded .pg-icon .material-icons {
  color:#fff
}
.pg-pagination .pg-rounded.is-disabled .material-icons {
  color:#000
}
.pg-pagination .pg-square {
  width:2.5rem;
  text-align:center
}
.pg-pagination .pg-item.is-active .pg-link {
  border-color:#00c8ff;
  background:#1f2633
}
.pg-pagination .pg-item.is-disabled .pg-link {
  opacity:.4;
  pointer-events:none
}
.pg-pagination .pg-input {
  width:3rem;
  text-align:center;
  font-weight:700;
  background:#1c2331;
  border:2px solid #2d3647;
  border-radius:.5rem;
  color:#fff
}
.pg-pagination .pg-input:focus {
  outline:none;
  border-color:#00c8ff
}
.pg-pagination .pg-goto-label,
.pg-pagination .pg-select {
  color:#fff;
  font-weight:700
}
.pg-pagination .pg-select {
  background:#1c2331;
  border:2px solid #2d3647;
  border-radius:.5rem;
  padding:.35rem 1.2rem .35rem .6rem;
  cursor:pointer
}
.pg-pagination .pg-select:focus {
  outline:none;
  border-color:#00c8ff
}
#accidentMsg,
#alertStarrMsg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:120;
  font-size:11px
}
#accidentMsg .alert,
#alertStarrMsg .alert {
  border-radius:0;
  padding:.6rem!important;
  font-weight:400;
  margin-bottom:0
}
#accidentMsg .alert strong,
#alertStarrMsg .alert strong {
  font-weight:600
}
#accidentMsg .alert.alert-danger,
#accidentMsg .alert.alert-info,
#accidentMsg .alert a,
#alertStarrMsg .alert.alert-danger,
#alertStarrMsg .alert.alert-info,
#alertStarrMsg .alert a {
  color:#000!important
}
#accidentMsg .alert .close,
#alertStarrMsg .alert .close,
#edit-games .settings-description {
  display:none
}
#edit-games #additional-game-settings form {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}
#edit-games #additional-game-settings #games-positions-list {
  display:flex;
  justify-content:space-around;
  gap:2rem
}
#edit-games #additional-game-settings #games-positions-list li {
  background-color:var(--background-color);
  border:.1em solid #2f384c;
  border-radius:5px
}
#edit-games #additional-game-settings #games-positions-list li .position-img {
  height:80%;
  width:80%;
  margin-bottom:.3em
}
#edit-games #additional-game-settings #games-positions-list li .position-img svg {
  fill:var(--main-text-color)
}
#edit-games #additional-game-settings #games-positions-list li.selected {
  background-color:#2f384c;
  border:.2em solid var(--primary-color)
}
.userprofileedit .game-settings {
  display:none
}
#arrmy.predatorgames {
  background:#171c26;
  background-image:url(/assets/app/images/pages/predatorgames/new-layout/background.webp);
  background-repeat:no-repeat;
  background-position:bottom;
  background-size:cover;
  font-family:Poppins,sans-serif!important;
  font-weight:500;
  font-style:normal
}
#arrmy.predatorgames.rewards {
  background-image:url(/assets/app/images/pages/predatorgames/new-layout/predatorgames-rewards-background.webp);
  background-size:contain;
  background-position:top
}
#arrmy.predatorgames .top {
  background:#171c26;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  height:-moz-fit-content;
  height:fit-content
}
#arrmy.predatorgames .top .menu-toggle {
  background:transparent
}
#arrmy.predatorgames .top #configuration a {
  text-decoration:underline
}
#arrmy.predatorgames .top .navbars .navbar .link svg {
  fill:#fff!important
}
#arrmy.predatorgames .top .navbars .navbar .predolce a {
  display:flex;
  align-items:center
}
#arrmy.predatorgames .top .navbars .navbar .predolce .value {
  margin-right:.5em;
  color:#fff;
  font-size:1.3em
}
@media (max-width:576.98px) {
  #arrmy.predatorgames .top .navbars .navbar .predolce {
    padding-right:0
  }
}
#arrmy.predatorgames .top .navbars .navbar .register-link .badge {
  padding:1em 2em;
  border:2px solid #fff;
  background:transparent;
  color:#fff;
  font-size:1em;
  font-weight:500
}
#arrmy.predatorgames .top .navbars .navbar .login-link .badge {
  padding:1em 2em;
  border:2px solid #fff;
  background:#fff;
  color:#000;
  font-size:1em;
  font-weight:500
}
#arrmy.predatorgames .top .navbars .navbar.top-right-menu ul li .link svg {
  width:30px;
  height:30px
}
#arrmy.predatorgames .top .logo {
  min-width:0!important;
  background:transparent;
  max-width:none!important;
  width:-moz-fit-content!important;
  width:fit-content!important
}
#arrmy.predatorgames .top .logo a {
  padding-left:0
}
#arrmy.predatorgames .top .logo img {
  display:block;
  width:auto!important;
  min-width:0!important;
  max-height:55px;
  margin:5px 10px
}
#arrmy.predatorgames .top .logo:after,
#arrmy.predatorgames .top .logo:before {
  display:none
}
#arrmy.predatorgames .top .header-menu-wrapper.is-measuring {
  visibility:hidden
}
#arrmy.predatorgames .top .header-menu-wrapper .nav a {
  font-weight:400;
  text-transform:none
}
#arrmy.predatorgames .top .header-menu-wrapper .nav .lowercase {
  text-transform:lowercase
}
#arrmy.predatorgames .top .header-menu-wrapper .nav .item-title {
  text-transform:none
}
#arrmy.predatorgames .top .header-menu-wrapper .nav .item .show:first-letter {
  text-transform:uppercase
}
@media screen and (max-width:576.98px) {
  #arrmy.predatorgames .left .left-menu li.item {
    font-size:.9em
  }
}
#arrmy.predatorgames .left {
  background:#090b0f;
  display:flex;
  flex-direction:column-reverse;
  width:69px
}
#arrmy.predatorgames .left.unlogged {
  display:none
}
@media (max-width:991.98px) {
  #arrmy.predatorgames .left.unlogged {
    display:flex
  }
}
#arrmy.predatorgames .left.unlogged.active {
  display:flex
}
#arrmy.predatorgames .left.active {
  top:65px
}
#arrmy.predatorgames .left .logo,
#arrmy.predatorgames .left .menu {
  display:none
}
@media (min-width:1199.98px) {
  #arrmy.predatorgames .left.active {
    width:275px
  }
  #arrmy.predatorgames .left.active .logo,
  #arrmy.predatorgames .left.active .menu {
    display:flex
  }
}
@media (max-width:1199.98px) {
  #arrmy.predatorgames .left.active {
    top:0!important;
    left:0!important
  }
}
#arrmy.predatorgames .left .games {
  order:1;
  flex-wrap:nowrap;
  display:flex;
  width:100%;
  justify-content:center
}
#arrmy.predatorgames .left .games ol,
#arrmy.predatorgames .left .games ul {
  list-style:none
}
#arrmy.predatorgames .left .games ul {
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  margin:10px 0 0
}
#arrmy.predatorgames .left .games ul li {
  margin:8px;
  position:relative;
  text-align:center;
  float:left;
  background:#2f384c;
  border-radius:11px
}
#arrmy.predatorgames .left .games ul li a {
  display:block
}
#arrmy.predatorgames .left .games ul li a img {
  width:33px;
  height:33px;
  margin:5px
}
#arrmy.predatorgames .left .games ul li.selected {
  background:#00bcf7
}
#arrmy.predatorgames .left .header-menu-socials {
  margin-left:auto!important;
  margin-right:auto!important
}
#arrmy.predatorgames .left .header-menu-socials ul {
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  list-style:none;
  gap:10px;
  justify-content:center;
  text-align:center;
  align-items:center
}
#arrmy.predatorgames .left .header-menu-socials ul li {
  background:#2f384c;
  border-radius:50%
}
#arrmy.predatorgames .left .header-menu-socials ul li a svg {
  fill:#090b0f;
  width:25px;
  height:25px;
  transition:fill 1s;
  display:block;
  margin:5px
}
#arrmy.predatorgames .left.active {
  width:-moz-fit-content!important;
  width:fit-content!important;
  left:0;
  height:100vh;
  flex-direction:column;
  overflow:hidden;
  z-index:9999;
  padding:0 1em;
  top:0!important
}
#arrmy.predatorgames .left.active .logo {
  display:flex;
  justify-content:center
}
#arrmy.predatorgames .left.active .logo img {
  max-width:200px
}
#arrmy.predatorgames .left.active .games {
  order:1;
  margin-bottom:1em
}
#arrmy.predatorgames .left.active .games ul {
  flex-direction:row
}
#arrmy.predatorgames .left.active .games ul li {
  margin:4px
}
#arrmy.predatorgames .left.active .header-menu-socials {
  order:3
}
#arrmy.predatorgames .left.active .header-menu-socials ul {
  flex-direction:row
}
#arrmy.predatorgames .left.active .menu {
  order:2;
  display:flex
}
#arrmy.predatorgames .left.active .menu .left-menu {
  height:100vh;
  width:100%;
  border:0;
  overflow:scroll
}
#arrmy.predatorgames .left.active .menu .left-menu .left-menu-active {
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  margin-top:0;
  margin-bottom:2em
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item.has-submenu {
  padding-bottom:.25em
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item .title {
  max-width:180px!important
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item .menu-row {
  display:flex;
  align-items:center;
  position:relative
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item .menu-row .item-link {
  flex:1
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item .menu-row .submenu-trigger {
  background:transparent;
  border:0;
  color:inherit;
  cursor:pointer;
  font:inherit;
  padding:0;
  text-align:left;
  width:100%
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item .item-title {
  color:#fff
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item .submenu {
  display:none;
  list-style:none;
  margin:6px 0 0;
  padding:0 0 0 2.2em
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item .submenu li {
  margin:4px 0
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item .submenu a {
  display:block;
  border-radius:6px;
  font-size:.9em;
  font-weight:400
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item .submenu .item-title {
  color:#fff
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item .submenu a:focus,
#arrmy.predatorgames .left .left-menu .left-menu-active .item .submenu a:hover {
  color:var(--left-menu-text-color-hover)
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item.is-open .submenu {
  display:block
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item .submenu-toggle {
  position:absolute;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  right:0;
  top:40%;
  transform:translateY(-50%);
  width:17px;
  height:17px
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item .submenu-toggle:before {
  content:"";
  display:block;
  width:7px;
  height:7px;
  border-right:2px solid var(--left-menu-text-color);
  border-bottom:2px solid var(--left-menu-text-color);
  transform:rotate(45deg);
  transform-origin:center;
  transition:transform .2s ease,border-color .2s ease
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item.is-open .submenu-toggle:before {
  transform:rotate(-135deg)
}
#arrmy.predatorgames .left .left-menu .left-menu-active .item.active .submenu-toggle:before,
#arrmy.predatorgames .left .left-menu .left-menu-active .item:hover .submenu-toggle:before {
  border-color:var(--left-menu-text-color-hover)
}
#arrmy.predatorgames .predator-u-wrapper {
  position:relative
}
#arrmy.predatorgames .content {
  background:transparent;
  padding-top:65px;
  padding-left:69px!important
}
#arrmy.predatorgames .content .main-container {
  margin-top:0!important;
  padding:2% 7%!important
}
#arrmy.predatorgames .content .main-container #bottom-spacer {
  min-height:0
}
#arrmy.predatorgames .content .main-container form h6 {
  color:var(--primary-color)
}
#arrmy.predatorgames .content .main-container h6 {
  color:#95acc5
}
#arrmy.predatorgames .content .main-container h6 strong {
  color:var(--main-text-color)
}
#arrmy.predatorgames .content .main-container .form-check-label {
  font-size:1.2rem;
  color:#95acc5;
  padding:.35em 0
}
#arrmy.predatorgames .content .main-container input.form-check-input {
  --background-color:#2f384c;
  --bs-form-switch:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%230E0F16'/%3E%3C/svg%3E")
}
#arrmy.predatorgames .content .main-container input.form-check-input:not(:checked) {
  border-color:#2f384c
}
#arrmy.predatorgames .content .main-container #edit-twitch-container {
  display:flex;
  flex-direction:column;
  align-items:center
}
#arrmy.predatorgames .content .main-container #edit-twitch-container .description {
  color:#95acc5
}
#arrmy.predatorgames .content .main-container .faq {
  background:url(/assets/app/images/pages/predatorgames/new-layout/predatorgames-faq-banner.webp);
  background-position:top;
  background-repeat:no-repeat;
  background-size:contain
}
#arrmy.predatorgames .content .main-container .predator-mission {
  background:url(/assets/app/images/pages/predatorgames/new-layout/our-mission-background.webp);
  background-position:100% 0;
  background-repeat:no-repeat;
  background-size:auto
}
#arrmy.predatorgames .content .main-container .predator-schedule .schedule-background {
  background:url(/assets/app/images/pages/predatorgames/new-layout/schedule-banner.webp);
  background-position:100% 0;
  background-repeat:no-repeat;
  background-size:cover;
  padding-top:6%
}
#arrmy.predatorgames .content .main-container .predator-schedule .stages-container {
  margin:5% 0;
  padding:0;
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(1,minmax(0,1fr))
}
@media (min-width:968px) {
  #arrmy.predatorgames .content .main-container .predator-schedule .stages-container {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}
@media (min-width:1200px) {
  #arrmy.predatorgames .content .main-container .predator-schedule .stages-container {
    grid-template-columns:repeat(6,minmax(0,1fr))
  }
}
#arrmy.predatorgames .content .main-container .predator-schedule .stages-container .item {
  display:flex;
  flex-direction:column;
  margin-bottom:20px
}
#arrmy.predatorgames .content .main-container .predator-schedule .stages-container .stagecard {
  background:#171c26;
  border-radius:10px;
  border:2px solid #2f384c;
  padding:2em;
  text-align:center;
  position:relative
}
#arrmy.predatorgames .content .main-container .predator-schedule .stages-container .stagecard .stage-icon {
  text-align:center
}
#arrmy.predatorgames .content .main-container .predator-schedule .stages-container .stagecard .stage-icon img {
  width:100%;
  max-width:102px;
  margin-bottom:1.5em
}
#arrmy.predatorgames .content .main-container .predator-schedule .stages-container .stagecard .stage-information {
  border-top:2px solid #2f384c;
  padding-top:2em
}
#arrmy.predatorgames .content .main-container .predator-schedule .stages-container .stagecard .stage-information .stage-date {
  margin:0;
  font-size:1.5em;
  font-weight:600;
  display:inline-block;
  letter-spacing:.5px;
  color:#00bcf7
}
#arrmy.predatorgames .content .main-container .predator-schedule .stages-container .stagecard .stage-information .stage-month {
  color:#00bcf7;
  line-height:1;
  font-size:1.4em;
  font-weight:600
}
@media (max-width:976px) {
  #arrmy.predatorgames .content .main-container .predator-schedule .stages-container .stagecard:not(:last-child):after {
    right:auto;
    top:auto;
    bottom:-30px;
    left:50%;
    transform:translateX(-50%) rotate(90deg)
  }
}
#arrmy.predatorgames .content .main-container .predator-schedule .table-wrap {
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin:50px auto
}
#arrmy.predatorgames .content .main-container .predator-schedule table.schedule {
  border-collapse:collapse;
  width:100%;
  border:1px solid #171c26;
  min-width:720px
}
#arrmy.predatorgames .content .main-container .predator-schedule table.schedule td,
#arrmy.predatorgames .content .main-container .predator-schedule table.schedule th {
  border:1px solid #171c26!important;
  padding:2em;
  text-align:center;
  color:#95acc5
}
#arrmy.predatorgames .content .main-container .predator-schedule table.schedule th {
  font-weight:700
}
@media (max-width:640px) {
  #arrmy.predatorgames .content .main-container .predator-schedule table.schedule td,
  #arrmy.predatorgames .content .main-container .predator-schedule table.schedule th {
    padding:1rem;
    font-size:.95rem;
    white-space:nowrap
  }
}
#arrmy.predatorgames .content .main-container .predator-schedule .news-block table.schedule {
  border:1px solid #2f384c
}
#arrmy.predatorgames .content .main-container .predator-schedule .news-block table.schedule td,
#arrmy.predatorgames .content .main-container .predator-schedule .news-block table.schedule th {
  border:1px solid #2f384c!important
}
#arrmy.predatorgames .content .main-container .predator-schedule .news-block-gray h2,
#arrmy.predatorgames .content .main-container .predator-schedule .news-block h2 {
  margin-bottom:2em
}
#arrmy.predatorgames .content .gamemenu {
  background:url(/assets/app/images/pages/predatorgames/new-layout/gamehero-default-background-v1.webp);
  background-repeat:no-repeat;
  background-position:center -69px;
  background-size:cover;
  margin:0 auto;
  min-height:400px;
  padding:10% 7% 0
}
#arrmy.predatorgames .content .gamemenu.csgo {
  background:url(/assets/app/images/pages/predatorgames/new-layout/user-profile-background.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.lol {
  background:url(/assets/app/images/pages/predatorgames/new-layout/predatorgames-rewards-background.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.tft {
  background:url(/assets/app/images/pages/predatorgames/new-layout/tft-game-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.chess {
  background:url(/assets/app/images/pages/predatorgames/new-layout/chess-game-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.rocketleague {
  background:url(/assets/app/images/pages/predatorgames/new-layout/rocketleague-game-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.fortnite {
  background:url(/assets/app/images/pages/predatorgames/new-layout/fortnite-game-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.no-background {
  background:none!important
}
#arrmy.predatorgames .content .gamemenu .hero h1 {
  font-size:3.5rem;
  color:#fff;
  font-weight:600;
  margin-bottom:20px
}
#arrmy.predatorgames .content .gamemenu .hero .information {
  color:#95acc5;
  font-weight:300;
  line-height:1.45;
  font-size:1.3em;
  max-width:600px;
  margin:0 0 48px;
  float:left
}
#arrmy.predatorgames .content .gamemenu .hero .information strong {
  font-weight:500
}
#arrmy.predatorgames .content .gamemenu .hero .information strong.blue {
  color:#00bcf7
}
#arrmy.predatorgames .content .gamemenu .hero .country-select {
  top:0!important
}
#arrmy.predatorgames .content .gamemenu.userprofile,
#arrmy.predatorgames .content .gamemenu.userprofile.csgo {
  background:url(/assets/app/images/pages/predatorgames/new-layout/user-profile-background.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.userprofile.lol {
  background:url(/assets/app/images/pages/predatorgames/new-layout/predatorgames-rewards-background.webp);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.userprofile.tft {
  background:url(/assets/app/images/pages/predatorgames/new-layout/tft-game-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.userprofile.chess {
  background:url(/assets/app/images/pages/predatorgames/new-layout/chess-game-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.userprofile.rocketleague {
  background:url(/assets/app/images/pages/predatorgames/new-layout/rocketleague-game-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.userprofile.fortnite {
  background:url(/assets/app/images/pages/predatorgames/new-layout/fortnite-game-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.userprofile .actions {
  margin-top:-80px
}
#arrmy.predatorgames .content .gamemenu.teamprofile,
#arrmy.predatorgames .content .gamemenu.teamprofile.csgo {
  background:url(/assets/app/images/pages/predatorgames/new-layout/user-profile-background.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.teamprofile.lol {
  background:url(/assets/app/images/pages/predatorgames/new-layout/predatorgames-rewards-background.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.teamprofile.tft {
  background:url(/assets/app/images/pages/predatorgames/new-layout/tft-game-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.teamprofile.chess {
  background:url(/assets/app/images/pages/predatorgames/new-layout/chess-game-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.teamprofile.rocketleague {
  background:url(/assets/app/images/pages/predatorgames/new-layout/rocketleague-game-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.teamprofile.fortnite {
  background:url(/assets/app/images/pages/predatorgames/new-layout/fortnite-game-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.teamprofile .actions {
  margin-top:-80px
}
#arrmy.predatorgames .content .gamemenu.userprofileedit {
  background:url(/assets/app/images/pages/predatorgames/new-layout/user-profile-edit-background.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover
}
#arrmy.predatorgames .content .gamemenu.userprofileedit .actions {
  margin-top:-80px
}
#arrmy.predatorgames .content .gamemenu.news {
  background:url(/assets/app/images/pages/predatorgames/new-layout/predatorgames-news-banner.webp);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover;
  position:relative;
  padding:10% 7%
}
#arrmy.predatorgames .content .gamemenu.news:after {
  border-bottom:2px solid #2f384c;
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  bottom:0;
  height:2px;
  background:currentColor
}
#arrmy.predatorgames .content .gamemenu.faq {
  background:transparent;
  position:relative;
  padding:10% 7%
}
#arrmy.predatorgames .content .gamemenu.faq:after {
  border-bottom:2px solid #2f384c;
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  bottom:0;
  height:2px;
  background:currentColor
}
#arrmy.predatorgames .content .gamemenu .tabs {
  border-bottom:1px solid hsla(0,0%,100%,.1);
  width:100%
}
#arrmy.predatorgames .content .gamemenu .tabs ul {
  display:flex;
  gap:34px;
  list-style:none;
  margin:0;
  padding:20px 0 10px;
  overflow-x:auto;
  overflow-y:hidden;
  width:100%;
  height:auto
}
#arrmy.predatorgames .content .gamemenu .tabs ul a {
  color:#c5d1e6;
  font-size:16px;
  white-space:nowrap;
  text-decoration:none;
  padding-bottom:8px;
  transition:color .15s linear
}
#arrmy.predatorgames .content .gamemenu .tabs ul li.active a {
  color:#fff;
  font-weight:600;
  position:relative
}
#arrmy.predatorgames .content .gamemenu .tabs ul li.active a:after {
  content:"";
  position:absolute;
  bottom:-2px;
  left:0;
  right:0;
  height:3px;
  border-radius:2px;
  background:#00baff
}
#arrmy.predatorgames .content .gamemenu .tabs ul::-webkit-scrollbar {
  display:none
}
#arrmy.predatorgames .content .gamemenu .actions {
  display:flex;
  gap:24px;
  flex-wrap:wrap;
  margin-bottom:64px;
  justify-content:flex-end
}
#arrmy.predatorgames .content .gamemenu .btn {
  display:inline-block;
  padding:14px 36px;
  border-radius:8px;
  font-size:15px;
  font-weight:600;
  text-decoration:none;
  transition:background .2s ease;
  text-transform:none
}
#arrmy.predatorgames .content .gamemenu .btn.primary {
  background:#009fff;
  color:#fff
}
#arrmy.predatorgames .content .gamemenu .btn.primary:hover {
  background:#00baff
}
#arrmy.predatorgames .content .gamemenu .btn.secondary {
  background:hsla(0,0%,100%,.12);
  color:#fff
}
#arrmy.predatorgames .content .gamemenu .btn.secondary:hover {
  background:hsla(0,0%,100%,.25)
}
#arrmy.predatorgames .content #faq {
  padding:1% 7% 5%;
  margin-top:100px
}
#arrmy.predatorgames .content #faq .container {
  border:3px solid #252d3d;
  padding:7em;
  border-radius:1em
}
#arrmy.predatorgames .content #faq .header {
  font-size:1.5em;
  font-weight:700;
  color:#fff;
  margin:2em 0
}
#arrmy.predatorgames .content #faq ol li {
  color:#95acc5;
  font-weight:300;
  font-size:1.4em;
  line-height:1.4em;
  margin-bottom:1em
}
#arrmy.predatorgames .content #faq ol li::marker {
  font-weight:600
}
#arrmy.predatorgames .content #faq ol li .question {
  font-weight:600;
  margin-bottom:3px
}
#arrmy.predatorgames .content .event-card {
  background:transparent;
  border:2px solid #2f384c;
  padding:0
}
#arrmy.predatorgames .content .event-card .event-image {
  width:calc(100% + 4px);
  border-radius:8px 8px 0 0;
  margin-left:-2px;
  margin-top:-2px
}
#arrmy.predatorgames .content .event-card .event-image .badge {
  color:#95acc5;
  text-transform:lowercase;
  border-radius:10px;
  padding:.4em 1.2em;
  font-size:1.3em
}
#arrmy.predatorgames .content .event-card .event-wrapper {
  margin:10px 20px
}
#arrmy.predatorgames .content .event-card .event-wrapper .event-title a {
  font-size:1.4em
}
#arrmy.predatorgames .content .event-card .event-wrapper .event-badges {
  border-bottom:2px solid #2f384c
}
#arrmy.predatorgames .content .event-card .event-wrapper .event-badges .badge {
  background:#2f384c;
  color:#95acc5;
  font-size:1.2em;
  font-weight:300;
  text-transform:lowercase
}
#arrmy.predatorgames .content .event-card .event-wrapper .event-badges .badge svg {
  fill:#95acc5
}
#arrmy.predatorgames .content .event-card .event-wrapper .event-badges .badge.active {
  background:#2f384c;
  color:#95acc5;
  border:0
}
#arrmy.predatorgames .content .event-card .event-wrapper .event-badges .badge.active svg {
  fill:#95acc5
}
#arrmy.predatorgames .content .event-card .event-wrapper .event-players {
  margin-top:20px;
  margin-bottom:10px;
  display:flex;
  justify-content:center;
  align-items:center
}
#arrmy.predatorgames .content .event-card .event-wrapper .event-players .counter {
  color:#00bcf7;
  text-transform:lowercase;
  font-size:1.2em;
  font-weight:300
}
#arrmy.predatorgames .content .event-card .event-wrapper .event-players .counter span {
  color:#00bcf7;
  font-size:1em
}
#arrmy.predatorgames .content .event-card .event-wrapper .event-players .users {
  line-height:35px
}
#arrmy.predatorgames .content .event-card .event-wrapper .event-players .users .avatars .user-avatar {
  width:35px;
  height:35px
}
#arrmy.predatorgames .content .event-card .event-wrapper .event-players .users .avatars .user-avatar.counter {
  width:35px!important;
  height:35px!important;
  box-shadow:0 0 2px 5px #171c26
}
#arrmy.predatorgames .content .top-filters {
  background:hsla(0,0%,100%,.06)
}
#arrmy.predatorgames .content .top-filters .select2-selection,
#arrmy.predatorgames .content .top-filters .select2-selection__rendered,
#arrmy.predatorgames .content .top-filters input {
  background:#171c26!important
}
#arrmy.predatorgames .content nav {
  margin:0 auto
}
#arrmy.predatorgames .cbanner {
  border-top:3px solid #2f384c;
  background:#171c26!important
}
#arrmy.predatorgames .small-label {
  font-size:.9rem!important;
  color:#95acc5!important;
  font-weight:300!important
}
#arrmy.predatorgames .select2-results__options {
  background:#171c26!important
}
#arrmy.predatorgames .admin-top-menu {
  background:hsla(0,0%,100%,.06);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px)
}
#arrmy.predatorgames #event .scrollable-container,
#arrmy.predatorgames #event .top-wrapper {
  background:hsla(0,0%,100%,.02);
  border-radius:15px
}
#arrmy.predatorgames #event .top-wrapper {
  margin-top:1em
}
#arrmy.predatorgames #event .top-wrapper .menu .top-menu li.active a {
  color:#00bcf7
}
#arrmy.predatorgames #event .top-wrapper .menu .top-menu li.active a:before {
  background:#00bcf7
}
#arrmy.predatorgames .box {
  border:3px solid #2f384c;
  background:transparent;
  padding:4em 5em
}
#arrmy.predatorgames .box h3 {
  border-bottom:3px solid #2f384c;
  padding-bottom:1em;
  font-size:2.5em
}
#arrmy.predatorgames .box .box-content .form-group label {
  font-size:1.2rem;
  color:#95acc5
}
#arrmy.predatorgames .box .box-content .form-group input {
  background:#12161e;
  border-color:#2f384c
}
#arrmy.predatorgames .box .box-content .form-group textarea {
  background:#12161e;
  border:2px solid #2f384c;
  border-radius:8px
}
#arrmy.predatorgames .box .box-content .form-group textarea:focus {
  box-shadow:0 0 0 2px var(--primary-color)
}
#arrmy.predatorgames .box.game-settings {
  margin:2em auto;
  max-width:1400px
}
#arrmy.predatorgames .box.game-settings h3 {
  border-bottom:0
}
#arrmy.predatorgames .box.game-settings .system-settings {
  color:#95acc5;
  font-size:1.5rem;
  margin:0!important;
  font-weight:300
}
#arrmy.predatorgames .box.game-settings .system-settings .text-box {
  display:grid;
  grid-template-columns:70% 30%;
  gap:1rem
}
#arrmy.predatorgames .box.game-settings .system-settings .text-box .text-box-right button .text {
  color:#fff;
  font-weight:400
}
#arrmy.predatorgames .box.game-settings .system-settings .text-box .text-box-right button .icon {
  border-left:1px solid #fff
}
#arrmy.predatorgames .box.game-settings .system-settings .text-box .text-box-right button .material-icons {
  color:#fff
}
#arrmy.predatorgames .box.game-settings .system-settings .text-box .text-box-right button:hover .text {
  color:transparent
}
#arrmy.predatorgames .box.game-settings .system-settings .text-box .text-box-right button:hover .icon {
  border-left:0
}
@media (max-width:1152px) {
  #arrmy.predatorgames .box.game-settings .system-settings .text-box {
    grid-template-columns:1fr
  }
}
#arrmy.predatorgames .box.news_show h3 {
  font-size:2em
}
#arrmy.predatorgames .box.news_show h3 .badge {
  font-size:.3em;
  font-weight:400;
  color:#fff
}
#arrmy.predatorgames .profile .statistics tbody {
  border-bottom:2px solid #2f384c
}
#arrmy.predatorgames .profile .statistics tr {
  border-radius:10px 10px 0 0;
  width:35px
}
#arrmy.predatorgames .profile .statistics tr.yellow {
  background:#2f384c
}
#arrmy.predatorgames .bg-black {
  background-color:transparent!important
}
#arrmy.predatorgames .btn {
  padding:1em 2em;
  color:#fff
}
#arrmy.predatorgames .remove-invitation.btn {
  padding:.2em;
  color:var(--bs-btn-color)
}
#arrmy.predatorgames .news-container {
  border:0;
  background:transparent;
  padding:2% 7%
}
#arrmy.predatorgames .third-menu li.active {
  background:#171c26
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 {
  background:url(/assets/app/images/pages/predatorgames/new-layout/predator-csgo-teamcard-background.webp);
  width:269px;
  min-width:269px;
  max-width:269px;
  height:436px;
  margin:10px 25px 10px 5px
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .profiles {
  right:-16px;
  top:19px
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .profiles ul li.five,
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .profiles ul li.four,
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .profiles ul li.one,
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .profiles ul li.seven,
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .profiles ul li.six,
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .profiles ul li.three,
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .profiles ul li.two {
  border:2px solid #2f384c;
  border-radius:10px;
  background:#1f2633;
  width:41px;
  height:41px;
  margin-top:5px
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .profiles ul li img {
  border-radius:8px!important;
  width:37px;
  height:37px
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .profiles ul li .rounded-circle img {
  border-radius:8px!important
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .stats {
  width:69px!important;
  display:flex;
  flex-direction:column;
  gap:3px;
  top:310px;
  left:34px
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .stats .box {
  display:flex;
  background:#2f384c!important;
  font-weight:400;
  border-radius:6px!important;
  color:#95acc5;
  justify-content:center;
  padding:3px 0!important
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .stats .box svg {
  display:none
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .stats .box .value {
  color:#95acc5;
  font-weight:400;
  margin-left:2px
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .name {
  width:202px;
  top:210px;
  left:34px;
  font-size:1.5em;
  margin-bottom:4px;
  background:transparent;
  font-weight:500;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .name a {
  color:#00bcf7
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .worth .value {
  display:none;
  background:none;
  left:34px;
  bottom:172px;
  width:202px;
  font-size:1.3em;
  font-weight:500
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .avatar {
  width:138px;
  height:138px;
  left:49px;
  top:35px;
  padding:0
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .avatar a {
  height:auto
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .avatar a img {
  border:0
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .avatar a .rounded-circle {
  padding:0;
  width:100%;
  height:auto
}
#arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .country-select {
  width:auto;
  top:69px!important;
  left:172px;
  position:absolute;
  z-index:4
}
#arrmy.predatorgames .players-container .players-container-row .player-card {
  background:url(/assets/app/images/pages/predatorgames/new-layout/predator-playercard-background.webp);
  width:269px;
  min-width:269px;
  max-width:269px;
  height:418px;
  margin:10px 40px 40px 5px
}
#arrmy.predatorgames .players-container .players-container-row .player-card .premium,
#arrmy.predatorgames .players-container .players-container-row .player-card .rank-icon {
  display:none
}
#arrmy.predatorgames .players-container .players-container-row .player-card .c100 {
  background:#1f2633
}
#arrmy.predatorgames .players-container .players-container-row .player-card .c100:after {
  display:none
}
#arrmy.predatorgames .players-container .players-container-row .player-card .c100 {
  width:138px;
  height:138px;
  margin:0;
  left:55px;
  top:62px
}
#arrmy.predatorgames .players-container .players-container-row .player-card .c100 .avatar {
  width:138px;
  height:138px;
  position:relative;
  left:0;
  top:0;
  padding:0
}
#arrmy.predatorgames .players-container .players-container-row .player-card .c100 .avatar a {
  height:138px
}
#arrmy.predatorgames .players-container .players-container-row .player-card .c100 .avatar img {
  padding:0;
  width:100%;
  height:auto;
  border:0!important
}
#arrmy.predatorgames .players-container .players-container-row .player-card .slice {
  display:none
}
#arrmy.predatorgames .players-container .players-container-row .player-card .player .name {
  background:transparent;
  font-size:1.6em;
  top:216px!important;
  font-weight:600;
  text-transform:lowercase;
  width:82%
}
#arrmy.predatorgames .players-container .players-container-row .player-card .player .name a {
  color:#00bcf7!important
}
#arrmy.predatorgames .players-container .players-container-row .player-card .player .country-select {
  width:auto;
  top:85px!important;
  left:172px!important;
  z-index:2
}
#arrmy.predatorgames .players-container .players-container-row .player-card .player .avatar {
  left:45px;
  top:50px;
  width:138px;
  height:138px
}
#arrmy.predatorgames .players-container .players-container-row .player-card .player .avatar a {
  height:auto
}
#arrmy.predatorgames .players-container .players-container-row .player-card .player .avatar img {
  border:0;
  width:138px;
  height:138px;
  padding:0
}
#arrmy.predatorgames .players-container .players-container-row .player-card .stats {
  display:flex;
  flex-direction:row;
  width:100%;
  gap:.5em;
  max-width:220px;
  justify-content:center;
  border-top:2px solid #2f384c;
  padding-top:10px;
  top:270px!important
}
#arrmy.predatorgames .players-container .players-container-row .player-card .stats .box {
  display:flex;
  flex-direction:row;
  line-height:normal;
  width:30%;
  justify-content:center;
  background:#2f384c!important;
  font-weight:400;
  border-radius:6px!important;
  color:#95acc5;
  padding:3px 0!important;
  font-size:.9em
}
#arrmy.predatorgames .players-container .players-container-row .player-card .stats .box .value {
  line-height:normal;
  margin-left:2px;
  color:#95acc5;
  font-weight:400
}
#arrmy.predatorgames .players-container .players-container-row .player-card .stats .box svg {
  display:none
}
#arrmy.predatorgames .players-container .players-container-row .player-card .info {
  top:3px;
  height:94%;
  width:22px;
  background:transparent
}
#arrmy.predatorgames .players-container .players-container-row .player-card .info p {
  left:23px;
  top:350px;
  transform:rotate(0deg);
  width:220px;
  text-align:center;
  color:#fff!important;
  font-size:1.2em;
  font-weight:600;
  position:relative;
  padding-top:1em
}
#arrmy.predatorgames .players-container .players-container-row .player-card .info p a {
  color:#00bcf7!important
}
#arrmy.predatorgames .players-container .players-container-row .player-card .info p:before {
  content:"Dru\17Cyna";
  display:block;
  position:absolute;
  height:14px;
  width:1px;
  left:83px;
  top:-1px;
  z-index:8;
  margin-bottom:0;
  color:#fff;
  font-size:.8em
}
#arrmy.predatorgames .players-container .players-container-row .player-card .info .icon svg {
  fill:#fff
}
#arrmy.predatorgames .players-container .players-container-row .player-card .info .icon-wrapper {
  left:4px
}
#arrmy.predatorgames .players-container .players-container-row .player-card .left-icon-color {
  color:#fff;
  margin-bottom:4px
}
#arrmy.predatorgames .players-container .players-container-row .worth .value {
  display:none;
  font-weight:700;
  background:transparent;
  left:25px;
  bottom:150px;
  width:218px!important;
  text-align:center;
  line-height:1em;
  font-weight:500;
  font-size:1.3em
}
#arrmy.predatorgames .top .navbars.hamburger-active,
#arrmy.predatorgames .top .navbars.hamburger-active .navbar.top-right-menu {
  width:100%
}
#arrmy.predatorgames .top .navbars.hamburger-active .navbar.top-right-menu ul {
  width:100%;
  justify-content:space-between
}
@media (max-width:1199.98px) {
  #arrmy.predatorgames .top .navbars,
  #arrmy.predatorgames .top .navbars .navbar {
    width:100%
  }
  #arrmy.predatorgames .top .navbars .navbar.top-right-menu ul {
    width:100%;
    justify-content:space-evenly
  }
  #arrmy.predatorgames .content {
    margin-top:0!important
  }
  #arrmy.predatorgames .content .gamemenu .hero {
    text-align:center
  }
  #arrmy.predatorgames .content .gamemenu .hero .breadcrumb {
    justify-content:center
  }
  #arrmy.predatorgames .content .gamemenu .hero .information {
    max-width:100%;
    float:none
  }
}
@media (max-width:991.98px) {
  #arrmy.predatorgames .content {
    padding-left:0!important
  }
}
@media (max-width:767.98px) {
  #arrmy.predatorgames #arrmy.predatorgames {
    padding-left:0!important
  }
  #arrmy.predatorgames #arrmy.predatorgames .content {
    padding-left:0!important;
    margin-top:65px!important
  }
}
@media (max-width:576.98px) {
  #arrmy.predatorgames .top {
    display:flex;
    flex-direction:column
  }
  #arrmy.predatorgames .product-card {
    scale:unset!important;
    margin:0 auto 2em!important
  }
  #arrmy.predatorgames .product-card .image {
    height:220px!important
  }
  #arrmy.predatorgames .product-card .limit {
    font-size:.8em!important
  }
  #arrmy.predatorgames .product-card .wrapper .description {
    width:100%
  }
  #arrmy.predatorgames .product-card .wrapper .description .external-link,
  #arrmy.predatorgames .product-card .wrapper .description .name,
  #arrmy.predatorgames .product-card .wrapper .description .tags {
    font-size:.8em!important
  }
  #arrmy.predatorgames .product-card .wrapper .description .tags .tag-pill {
    height:-moz-fit-content!important;
    height:fit-content!important
  }
  #arrmy.predatorgames .product-card .wrapper .description .bottom-menu {
    height:auto;
    padding:.5em 0
  }
  #arrmy.predatorgames .product-card .wrapper .description .bottom-menu .buy-action,
  #arrmy.predatorgames .product-card .wrapper .description .bottom-menu .price {
    font-size:.8em
  }
  #arrmy.predatorgames .content {
    margin-top:53px!important
  }
  #arrmy.predatorgames .content .main-container {
    padding:2% 3%!important
  }
  #arrmy.predatorgames .content .hero {
    justify-content:center;
    display:flex;
    flex-direction:column;
    text-align:center
  }
  #arrmy.predatorgames .content .gamemenu .actions,
  #arrmy.predatorgames .content .hero .breadcrumb {
    justify-content:center
  }
  #arrmy.predatorgames .profile .profile-top {
    margin-left:-3em;
    margin-right:-3em
  }
}
#arrmy.predatorgames #partner-nav {
  margin-bottom:6rem
}
#arrmy.predatorgames #partner-nav .breadcrumb {
  font-size:1.25rem
}
#arrmy.predatorgames #partner-nav .breadcrumb .breadcrumb-item:before {
  --bs-breadcrumb-divider:">";
  color:unset
}
#arrmy.predatorgames #partner-nav .breadcrumb .breadcrumb-item a {
  color:unset
}
#arrmy.predatorgames #partners {
  display:flex;
  flex-direction:column;
  gap:6rem;
  align-items:center
}
#arrmy.predatorgames #partners p {
  font-size:1.5rem
}
#arrmy.predatorgames #partners h1,
#arrmy.predatorgames #partners h2 {
  text-shadow:none;
  font-weight:500
}
#arrmy.predatorgames #partners #partners-header {
  width:100%;
  display:flex;
  flex-direction:column;
  gap:1rem
}
#arrmy.predatorgames #partners #partners-header h1 {
  font-size:4rem;
  font-weight:500
}
#arrmy.predatorgames #partners .separator {
  content:"";
  width:100%;
  height:3px;
  background-color:#2f384c;
  display:block
}
#arrmy.predatorgames #partners .partnerbox {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1rem;
  padding:5rem 3rem;
  border:3px solid #2f384c;
  border-radius:.5rem
}
#arrmy.predatorgames #partners .partnerbox h2 {
  font-size:2.5rem
}
#arrmy.predatorgames #partners .partnerbox p {
  font-weight:300
}
#arrmy.predatorgames #partners .partnerbox p strong {
  font-weight:700;
  color:#7f93aa
}
#arrmy.predatorgames #partners .partnerbox .logos {
  --image-height:60px;
  --image-width:169px;
  align-self:center;
  width:100%;
  display:flex;
  justify-content:center;
  gap:2rem;
  flex-flow:wrap;
  align-items:center;
  padding:4rem 0
}
#arrmy.predatorgames #partners .partnerbox .logos.ministries {
  --image-height:330px;
  --image-width:598px
}
@media (max-width:576.98px) {
  #arrmy.predatorgames #partners .partnerbox .logos.ministries {
    --image-height:140px;
    --image-width:400px
  }
}
#arrmy.predatorgames #partners .partnerbox .logos .img-container {
  width:var(--image-width);
  height:var(--image-height);
  display:grid;
  justify-content:center;
  align-items:center;
  margin-bottom:2rem
}
#arrmy.predatorgames #partners .partnerbox .logos .img-container img {
  max-height:var(--image-height);
  max-width:var(--image-width)
}
#arrmy.predatorgames #partners .partnerbox .logos .img-container.big {
  --image-height:100px
}
#arrmy.predatorgames.accident .top {
  top:36px
}
#arrmy.predatorgames.accident .left {
  top:101px
}
#arrmy.predatorgames #summary-card,
#arrmy.predatorgames #summary-card-saved {
  color:#fff;
  border-radius:1em
}
#arrmy.predatorgames #summary-card-saved ol li,
#arrmy.predatorgames #summary-card ol li {
  border-bottom:1px solid #2f384c;
  padding:1em;
  font-size:1.4em
}
#arrmy .navbars .menu-toggle.is-measuring {
  visibility:hidden
}
#arrmy.unlogged {
  background:#171c26
}
#arrmy.unlogged .top {
  position:relative;
  -webkit-backdrop-filter:none;
  backdrop-filter:none
}
#arrmy.unlogged .top.unlogged {
  border-bottom:0;
  height:-moz-fit-content;
  height:fit-content
}
#arrmy.unlogged .top.unlogged .logo {
  width:300px!important
}
#arrmy.unlogged .top.unlogged .logo a {
  padding:2px
}
#arrmy.unlogged .top.unlogged img {
  padding:0;
  height:auto
}
@media (max-width:576.98px) {
  #arrmy.unlogged {
    height:-moz-fit-content;
    height:fit-content
  }
  #arrmy.unlogged .top.unlogged .navbars {
    display:flex;
    flex-direction:row
  }
  #arrmy.unlogged .top.unlogged .navbars .navbar.top-right-menu {
    padding-right:0;
    justify-content:space-evenly!important
  }
}
@media (max-width:576.98px) {
  #arrmy .navbars .navbar.top-right-menu ul {
    justify-content:space-evenly!important
  }
}
.chess #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2,
.fortnite #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2,
.lol #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2,
.rocketleague #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2,
.tft #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 {
  background:url(/assets/app/images/pages/predatorgames/new-layout/predator-teamcard-background.webp)
}
.chess #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .avatar,
.fortnite #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .avatar,
.lol #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .avatar,
.rocketleague #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .avatar,
.tft #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .avatar {
  left:57px;
  top:115px
}
.chess #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .country-select,
.fortnite #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .country-select,
.lol #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .country-select,
.rocketleague #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .country-select,
.tft #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .country-select {
  top:149px!important;
  left:174px!important
}
.chess #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .name,
.fortnite #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .name,
.lol #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .name,
.rocketleague #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .name,
.tft #arrmy.predatorgames .teams-container .teams-container-row .team-box.v2 .name {
  top:300px!important
}
#loginForm.modal .modal-header,
#recallPasswordForm.modal .modal-header,
#registerForm.modal .modal-header {
  border-bottom:0
}
#loginForm.modal .modal-body,
#recallPasswordForm.modal .modal-body,
#registerForm.modal .modal-body {
  padding:0 4em 2em
}
#loginForm.modal .modal-content,
#recallPasswordForm.modal .modal-content,
#registerForm.modal .modal-content {
  background:#1f2633!important;
  border-radius:1rem
}
#loginForm.modal .modal-content input,
#recallPasswordForm.modal .modal-content input,
#registerForm.modal .modal-content input {
  background:#191e29;
  border:3px solid #2f384c;
  border-radius:12px
}
#loginForm.modal .modal-content .modal-body .form-group,
#recallPasswordForm.modal .modal-content .modal-body .form-group,
#registerForm.modal .modal-content .modal-body .form-group {
  margin-bottom:1.5em
}
#loginForm.modal .form-control,
#recallPasswordForm.modal .form-control,
#registerForm.modal .form-control {
  color:#60759f!important
}
#loginForm.modal .form-control::-moz-placeholder,
#recallPasswordForm.modal .form-control::-moz-placeholder,
#registerForm.modal .form-control::-moz-placeholder {
  color:#60759f!important
}
#loginForm.modal .form-control::placeholder,
#recallPasswordForm.modal .form-control::placeholder,
#registerForm.modal .form-control::placeholder {
  color:#60759f!important
}
#loginForm.modal label,
#recallPasswordForm.modal label,
#registerForm.modal label {
  color:#95acda;
  margin-bottom:.7em
}
#loginForm.modal .login-buttons,
#recallPasswordForm.modal .login-buttons,
#registerForm.modal .login-buttons {
  margin:0 auto
}
#loginForm.modal .login-buttons .btn,
#recallPasswordForm.modal .login-buttons .btn,
#registerForm.modal .login-buttons .btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:1.2rem 1.5rem;
  font-size:1rem;
  font-weight:600;
  color:#fff;
  border:none;
  border-radius:.5rem;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .2s;
  width:100%;
  margin-bottom:1em;
  text-transform:none
}
#loginForm.modal .login-buttons .btn__icon svg,
#recallPasswordForm.modal .login-buttons .btn__icon svg,
#registerForm.modal .login-buttons .btn__icon svg {
  width:1.25rem;
  height:1.25rem;
  fill:currentColor
}
#loginForm.modal .login-buttons .btn--google,
#recallPasswordForm.modal .login-buttons .btn--google,
#registerForm.modal .login-buttons .btn--google {
  background-color:#4285f4!important
}
#loginForm.modal .login-buttons .btn--google:hover,
#recallPasswordForm.modal .login-buttons .btn--google:hover,
#registerForm.modal .login-buttons .btn--google:hover {
  background-color:#3367d6!important
}
#loginForm.modal .login-buttons .btn--facebook,
#recallPasswordForm.modal .login-buttons .btn--facebook,
#registerForm.modal .login-buttons .btn--facebook {
  background-color:#1877f2!important
}
#loginForm.modal .login-buttons .btn--facebook:hover,
#recallPasswordForm.modal .login-buttons .btn--facebook:hover,
#registerForm.modal .login-buttons .btn--facebook:hover {
  background-color:#155db8!important
}
#loginForm.modal .login-buttons .btn--steam,
#recallPasswordForm.modal .login-buttons .btn--steam,
#registerForm.modal .login-buttons .btn--steam {
  background-color:#171a21!important
}
#loginForm.modal .login-buttons .btn--steam:hover,
#recallPasswordForm.modal .login-buttons .btn--steam:hover,
#registerForm.modal .login-buttons .btn--steam:hover {
  background-color:#0e1013!important
}
#loginForm.modal .login-buttons .btn--discord,
#recallPasswordForm.modal .login-buttons .btn--discord,
#registerForm.modal .login-buttons .btn--discord {
  background-color:#171a21!important
}
#loginForm.modal .login-buttons .btn--discord:hover,
#recallPasswordForm.modal .login-buttons .btn--discord:hover,
#registerForm.modal .login-buttons .btn--discord:hover {
  background-color:#0e1013!important
}
#loginForm.modal .modal-title-box,
#recallPasswordForm.modal .modal-title-box,
#registerForm.modal .modal-title-box {
  text-align:center
}
#loginForm.modal .modal-title-box h1,
#recallPasswordForm.modal .modal-title-box h1,
#registerForm.modal .modal-title-box h1 {
  text-align:center;
  font-size:3.5em;
  font-weight:500
}
#loginForm.modal .modal-title-box .subtitle,
#recallPasswordForm.modal .modal-title-box .subtitle,
#registerForm.modal .modal-title-box .subtitle {
  text-align:center;
  margin:.5em 0 2em;
  font-size:1.2em;
  color:#95acc5
}
#loginForm.modal .modal-title-box .subtitle span,
#recallPasswordForm.modal .modal-title-box .subtitle span,
#registerForm.modal .modal-title-box .subtitle span {
  color:#00bcf7;
  cursor:pointer
}
#loginForm.modal .title,
#recallPasswordForm.modal .title,
#registerForm.modal .title {
  color:#fff;
  position:relative;
  border-top:1px solid #262e3f;
  margin-top:2em;
  text-align:center
}
#loginForm.modal .title span,
#recallPasswordForm.modal .title span,
#registerForm.modal .title span {
  position:relative;
  top:-12px;
  background:#1f2633;
  padding:0 1em
}
#loginForm.modal .btn,
#recallPasswordForm.modal .btn,
#registerForm.modal .btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:1.3rem 1.5rem;
  font-size:1rem;
  font-weight:600;
  color:#fff;
  border:none;
  border-radius:.5rem;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .2s;
  width:100%;
  margin-bottom:2em;
  text-transform:none
}
#loginForm.modal .btn.btn-login,
#recallPasswordForm.modal .btn.btn-login,
#registerForm.modal .btn.btn-login {
  background-color:#00bcf7
}
.modal .modal-content .modal-body .form-group {
  margin-bottom:1.5em
}
#arrmy.predatorgames .user-profile .logout-container {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%
}
#arrmy.predatorgames .user-profile .logout-container #logoutButton {
  color:var(--main-text-color);
  width:60%;
  text-align:center;
  border-radius:.2rem
}
#arrmy.predatorgames #shop-category {
  margin:-2% -7%
}
#arrmy.predatorgames #shop-category .predator-product-banner {
  border:2px solid #2f384c;
  border-radius:15px;
  overflow:hidden;
  margin-bottom:30px
}
#arrmy.predatorgames #shop-category .predator-product-banner .shop-mobile-banner {
  display:none
}
#arrmy.predatorgames #shop-category .predator-shop-background {
  background:url(/assets/app/images/pages/predatorgames/predator-coins.png);
  background-position:100% 100%;
  background-repeat:no-repeat;
  background-size:contain;
  padding:2% 7%
}
#arrmy.predatorgames #shop-category .predator-shop-header {
  display:flex;
  flex-direction:row;
  align-items:center;
  flex-wrap:unset
}
#arrmy.predatorgames #shop-category .predator-shop-header .header-text {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:1.2rem;
  height:100%;
  width:unset;
  margin-right:1rem
}
#arrmy.predatorgames #shop-category .predator-shop-header .header-text h2 {
  color:var(--primary-color);
  font-size:1.5em
}
#arrmy.predatorgames #shop-category .predator-shop-header .header-text h1 {
  color:var(--main-text-color);
  font-size:4em
}
#arrmy.predatorgames #shop-category .predator-shop-header .header-text p {
  font-size:1.5em
}
#arrmy.predatorgames #shop-category .predator-shop-header .header-text .buttons {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:2rem;
  width:100%
}
#arrmy.predatorgames #shop-category .predator-shop-header .header-text .buttons>a>button {
  background:#2f384c;
  padding:.8em 3em!important;
  color:#fff;
  border-radius:8px;
  text-transform:none;
  font-weight:600;
  font-size:1.1em;
  border:1px solid #2f384c
}
#arrmy.predatorgames #shop-category .predator-shop-header img {
  width:60vw
}
#arrmy.predatorgames #shop-category .divider {
  border:none;
  content:"";
  background-color:#2f384c;
  height:3px;
  margin:4rem 0
}
#arrmy.predatorgames #shop-category .products-row {
  display:grid;
  grid-template-columns:repeat(3,1fr)
}
@media (max-width:1299.98px) {
  #arrmy.predatorgames #shop-category .products-row {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width:600px) {
  #arrmy.predatorgames #shop-category .products-row {
    grid-template-columns:1fr
  }
}
#arrmy.predatorgames #shop-category .products-row .product-card {
  width:95%;
  max-width:none;
  border:2px solid #2f384c;
  height:auto;
  display:flex;
  flex-direction:column;
  align-items:stretch
}
@media (max-width:600px) {
  #arrmy.predatorgames #shop-category .products-row .product-card {
    width:100%
  }
}
#arrmy.predatorgames #shop-category .products-row .product-card .image {
  aspect-ratio:16/9;
  width:100%;
  position:relative;
  overflow:hidden;
  border-radius:15px;
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
  height:auto;

}
#arrmy.predatorgames #shop-category .products-row .product-card .image:before {
  content:"";
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:50%;
  filter:blur(20px);
  transform:scale(1.2);

}
#arrmy.predatorgames #shop-category .products-row .product-card .image:after {
  content:"";
  position:absolute;
  inset:-10px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  z-index:0;
}
#arrmy.predatorgames #shop-category .products-row .product-card .limit {
  right:15px;
  left:unset;
  width:-moz-fit-content;
  width:fit-content;
  padding:0 1em;
  font-size:1.25em;
  background-color:var(--background-color);
  color:hsla(0,0%,100%,.6)
}
@media (max-width:600px) {
  #arrmy.predatorgames #shop-category .products-row .product-card .limit {
    width:-moz-fit-content;
    width:fit-content
  }
}
#arrmy.predatorgames #shop-category .products-row .product-card .teacher-confirm {
  left:15px;
  right:unset;
  width:-moz-fit-content;
  width:fit-content;
  padding:0 1em;
  font-size:1.25em;
  background-color:#14c1fd;
  color:#000;
  top:15px;
  font-weight:500;
  position:absolute;
  border-radius:.6em!important;
  text-align:center;
  font-size:1em;
  box-shadow:inset 0 0 10px 2px rgba(0,0,0,.35);
  height:2.5em;
  line-height:2.5em;
  z-index:1
}
#arrmy.predatorgames #shop-category .products-row .product-card .teacher-confirm.for-everyone {
  background-color:#1eff96
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper {
  height:100%
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description {
  margin-top:20px;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  height:100%;
  padding-bottom:20px
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .bottom-menu-wrapper {
  display:flex;
  width:100%;
  flex-direction:column;
  gap:2em
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .name {
  width:unset;
  color:var(--main-text-color);
  overflow:hidden;
  white-space:normal;
  overflow-wrap:break-word;
  -webkit-line-clamp:unset;
  overflow:visible;
  text-align:left
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .tags {
  font-size:1.25em;
  display:flex;
  flex-wrap:wrap;
  flex:1
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .tags .tag-pill {
  border-radius:.7rem;
  padding:5px 10px;
  background-color:#2f384c;
  margin-top:5px;
  margin-right:13px;
  height:35px;
  display:flex;
  align-items:center
}
@media (max-width:600px) {
  #arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .tags .tag-pill {
    height:unset
  }
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .external-link {
  font-size:1.25em;
  margin-bottom:20px;
  margin-top:20px;
  text-align:left
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .external-link>a {
  text-decoration:underline
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .divider {
  margin:.2rem 0;
  display:block;
  width:100%
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .bottom-menu {
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-around;
  padding:0;
  height:-moz-fit-content;
  height:fit-content
}
@media (max-width:800px) {
  #arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .bottom-menu {
    flex-direction:column;
    gap:1em
  }
  #arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .bottom-menu .price {
    justify-content:center
  }
}
@media (max-width:600px) {
  #arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .bottom-menu {
    justify-content:space-around;
    flex-direction:row
  }
}
@media (max-width:400px) {
  #arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .bottom-menu {
    gap:.5em;
    flex-direction:column
  }
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .bottom-menu .price {
  display:flex;
  align-items:center;
  gap:1rem;
  text-align:left
}
@media (max-width:600px) {
  #arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .bottom-menu .price {
    width:unset
  }
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .bottom-menu .price img {
  height:2em
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .bottom-menu .buy-action .product-slider {
  position:unset;
  border:1px solid #2f384c;
  border-radius:1em
}
#arrmy.predatorgames #shop-category .products-row .product-card .wrapper .description .bottom-menu .buy-action .product-slider .price-progress {
  background-color:var(--primary-color)
}
#arrmy.predatorgames #shop-category .predolce-video {
  margin-top:4rem;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center
}
#arrmy.predatorgames #shop-category .predolce-video>iframe {
  width:70%;
  height:25vw
}
@media (max-width:600px) {
  #arrmy.predatorgames #shop-category .predator-product-banner {
    border:0
  }
  #arrmy.predatorgames #shop-category .predator-product-banner .shop-banner {
    display:none
  }
  #arrmy.predatorgames #shop-category .predator-product-banner .shop-mobile-banner {
    display:block;
    margin:0 3em
  }
  #arrmy.predatorgames #shop-category .predator-shop-background {
    text-align:center;
    background:linear-gradient(rgba(22,34,46,.9),rgba(22,34,46,.7)),url(/assets/app/images/pages/predatorgames/predator-coins.png);
    background-size:cover
  }
  #arrmy.predatorgames #shop-category .predator-shop-header .header-text {
    margin-right:0
  }
  #arrmy.predatorgames #shop-category .predator-shop-header .header-text h1,
  #arrmy.predatorgames #shop-category .predator-shop-header .header-text h2 {
    text-align:center;
    width:100%
  }
  #arrmy.predatorgames #shop-category .predator-shop-header .header-text .buttons {
    align-items:center;
    justify-content:center
  }
  #arrmy.predatorgames #shop-category .divider {
    margin:1rem 0
  }
  #arrmy.predatorgames #shop-category .product-card {
    width:90%!important;
    margin:0 auto 2em
  }
  #arrmy.predatorgames #shop-category .product-card .wrapper .description .name {
    margin:0 auto
  }
  #arrmy.predatorgames #shop-category .product-card .wrapper .description .tags {
    font-size:1em;
    margin:0 auto
  }
  #arrmy.predatorgames #shop-category .product-card .wrapper .description .external-link {
    margin:0 auto
  }
  #arrmy.predatorgames #shop-category .product-card .wrapper .description .bottom-menu {
    padding:0
  }
}
@media (max-width:400px) {
  #arrmy.predatorgames #shop-category .predolce-video {
    margin-bottom:80px
  }
  #arrmy.predatorgames #shop-category .predolce-video>iframe {
    width:90%;
    height:100%
  }
}
.predator-filter-sort-form {
  display:flex;
  gap:20px;
  align-items:center;
  flex-wrap:wrap;
  background:transparent;
  padding:10px 0;
  width:50vw;
  margin-left:auto;
  justify-content:flex-end
}
.predator-filter-sort-form .select2 {
  border:0!important
}
.predator-filter-sort-form .filter-group {
  display:flex;
  flex-direction:column;
  gap:6px;
  position:relative;
  width:30%;
  z-index:0
}
.predator-filter-sort-form .filter-group .filter-label {
  position:absolute;
  top:-8px;
  left:20px;
  z-index:10;
  padding:0 10px;
  background:#171d27;
  font-size:1em;
  font-weight:400;
  color:#95acc5
}
.predator-filter-sort-form .filter-group .select2-container {
  width:100%!important;
  font-size:1em
}
.predator-filter-sort-form .filter-group .select2-container .select2-selection--single {
  background:#171d27;
  border:2px solid #2f384c;
  border-radius:10px;
  height:auto;
  min-height:44px;
  padding:6px 30px 6px 27px;
  display:flex;
  align-items:center;
  box-shadow:none
}
.predator-filter-sort-form .filter-group .select2-container .select2-selection--single .select2-selection__rendered {
  background-color:transparent!important;
  color:#fff
}
.predator-filter-sort-form .select2-container--bootstrap.select2-container--focus .select2-selection--single,
.predator-filter-sort-form .select2-container--bootstrap.select2-container--open .select2-selection--single {
  border-color:#4aa8ff
}
.predator-filter-sort-form .select2-selection__arrow {
  position:absolute!important;
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important
}
.predator-filter-sort-form .select2-selection__arrow b {
  border-color:#9aa3b1 transparent transparent!important;
  border-style:solid!important;
  border-width:5px 4px 0!important;
  margin:0
}
.predator-filter-sort-form .select2-container--open .select2-selection__arrow b {
  rotate:180deg
}
.predator-filter-sort-form .select2-container .select2-dropdown {
  background:#0f1621;
  border:2px solid #2f384c;
  border-radius:15px;
  padding:6px 0;
  box-shadow:0 10px 35 px rgba(0,0,0,.7)
}
.predator-filter-sort-form .select2-results__option {
  padding:8px 16px;
  color:#fff
}
.predator-filter-sort-form .select2-results__option--highlighted {
  background:#1d2633!important;
  color:#fff!important
}
.predator-filter-sort-form .select2-results__option[aria-selected=true] {
  background:#141a24;
  font-weight:700
}
.predator-filter-sort-form option {
  background:#0f1621;
  color:#fff;
  padding:10px
}
.predator-filter-sort-form option:checked {
  background:#1d2633!important;
  font-weight:700
}
@media (max-width:991.98px) {
  .predator-filter-sort-form {
    width:100%;
    justify-content:center
  }
  .predator-filter-sort-form .filter-group {
    width:31%
  }
}
@media (max-width:576.98px) {
  .predator-filter-sort-form {
    display:flex;
    flex-direction:column;
    margin:0 3em;
    width:auto
  }
  .predator-filter-sort-form .filter-group {
    width:100%
  }
}
.select2-dropdown {
  margin-top:10px;
  padding:1em;
  background:#171d27;
  border:2px solid #2f384c;
  border-radius:10px
}
.select2-results__options {
  background:transparent
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected],
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background:#0d1016;
  border-radius:10px
}
.select2-container--bootstrap .select2-results__option {
  padding:.75rem;
  margin-top:2px
}
.select2-container--bootstrap .select2-dropdown {
  margin-top:10px;
  border-radius:15px;
  border:2px solid #2f384c
}
.select2-container--bootstrap .select2-dropdown .select2-results {
  margin-top:0
}
.select2-container--bootstrap .select2-results__option {
  background-color:#171c26;
  border-radius:10px;
  margin-top:3px
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected],
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color:#0d1016
}
#arrmy.predatorgames #challenges .top-wrapper {
  background-color:transparent;
  background:unset
}
#arrmy.predatorgames #challenges .title {
  display:flex;
  flex-direction:column;
  align-items:normal;
  background-color:transparent
}
#arrmy.predatorgames #challenges .title .predator-challenges-background {
  background:url(/assets/app/images/pages/predatorgames/predator-coins.png);
  background-position:100% 100%;
  background-repeat:no-repeat;
  background-size:contain;
  padding:2% 7%;
  margin:2% -8%
}
#arrmy.predatorgames #challenges .title .predator-challenges-header {
  display:flex;
  flex-direction:row;
  align-items:center;
  flex-wrap:unset
}
#arrmy.predatorgames #challenges .title .predator-challenges-header .header-text {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:1.2rem;
  height:100%;
  width:unset;
  margin-right:1rem
}
#arrmy.predatorgames #challenges .title .predator-challenges-header .header-text h2 {
  color:var(--primary-color);
  font-size:1.5em
}
#arrmy.predatorgames #challenges .title .predator-challenges-header .header-text h1 {
  color:var(--main-text-color);
  font-size:4em
}
#arrmy.predatorgames #challenges .title .predator-challenges-header .header-text p {
  font-size:1.5em
}
#arrmy.predatorgames #challenges .title .predator-challenges-header img {
  width:60vw
}
#arrmy.predatorgames #challenges .title .divider {
  border:none;
  content:"";
  background-color:#2f384c;
  height:3px;
  margin:4rem 0;
  width:100%
}
#arrmy.predatorgames #challenges .buttons button {
  background:#02b4fe
}
#arrmy.predatorgames #challenges #signUpContainer .btn-primary:hover {
  background:#02b4fe!important
}
#arrmy.predatorgames #challenges .predator-challenges {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem
}
@media (max-width:1279.98px) {
  #arrmy.predatorgames #challenges .predator-challenges {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width:600px) {
  #arrmy.predatorgames #challenges .predator-challenges {
    grid-template-columns:1fr
  }
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item {
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper {
  height:100%
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description {
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1rem;
  border-radius:1rem;
  border:3px solid #2f384c;
  background-color:#161e28;
  container-name:mission-description;
  container-type:inline-size
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .avatar {
  width:100%;
  aspect-ratio:16/9;
  margin-right:0;
  position:relative;
  overflow:hidden
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .avatar img {
  display:block;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  max-width:100%
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .mission-content {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1rem
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .mission-content .mission-timer {
  color:hsla(0,0%,100%,.7);
  font-weight:500
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .challenge-users-count {
  margin-top:2rem;
  font-size:1.5em;
  color:#999
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .challenge-users-count>strong {
  color:var(--main-text-color)
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .progress-wrapper {
  width:100%;
  height:20px;
  border-radius:1rem;
  border:3px solid #2f384c;
  background-color:var(--background-color)
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .progress-wrapper .progress-bar {
  height:100%;
  background:linear-gradient(90deg,#28f59a,#02b4fe);
  border-radius:1rem
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .divider {
  margin-top:2rem;
  border:none;
  content:"";
  background-color:#2f384c;
  height:3px;
  width:100%
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .mission-rewards {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:1.5em;
  width:100%;
  padding:0 .5rem;
  margin-top:1rem;
  flex-direction:row
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .mission-rewards>p {
  color:#999;
  margin:0
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .mission-rewards .reward {
  flex:1;
  display:flex;
  justify-content:flex-end;
  align-items:center
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .mission-rewards .reward>img {
  margin-right:.5rem;
  height:40px
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .mission-details-button {
  width:100%;
  height:70px;
  display:flex;
  align-items:center;
  flex-direction:row
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .mission-details-button .btn {
  font-size:1.2em!important
}
#arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-description .mission-details-button>p {
  width:100%;
  padding:1rem 0;
  font-size:1.2em;
  text-align:center;
  border-radius:1rem;
  border:3px solid #2f384c;
  margin:0
}
@container mission-description (max-width: 450px) {
  #arrmy.predatorgames #challenges .predator-challenges .mission-container .mission-item .mission-item-wrapper .mission-rewards {
    flex-direction:column!important;
    gap:.5em
  }
}
@media (max-width:576.98px) {
  #arrmy.predatorgames #challenges .predator-challenges-background {
    text-align:center;
    background:linear-gradient(rgba(22,34,46,.9),rgba(22,34,46,.7)),url(/assets/app/images/pages/predatorgames/predator-coins.png)!important;
    background-size:cover!important;
    padding-top:10%!important
  }
  #arrmy.predatorgames #challenges .predator-challenges-background .predator-challenges-header .header-text h2,
  #arrmy.predatorgames #challenges .predator-challenges-background .predator-challenges-header .header-text p {
    margin:0 auto
  }
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container,
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item,
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper {
  width:100%
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description {
  background-color:transparent;
  background:unset;
  box-shadow:none;
  --paragraph-grey:hsla(0,0%,100%,0.6);
  height:100%;
  display:grid
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-banner {
  border-radius:1rem;
  border:3px solid #2f384c;
  margin-bottom:2em
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-banner img {
  border-radius:1em;
  display:block;
  width:100%;
  height:auto;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .box-description {
  display:grid;
  grid-template-rows:auto auto;
  grid-template-columns:1fr 1fr;
  -moz-column-gap:1rem;
  column-gap:1rem;
  row-gap:1.2rem
}
@media (max-width:767.98px) {
  #arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .box-description {
    grid-template-rows:none;
    grid-template-columns:1fr
  }
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .box-description>div {
  border-radius:1rem;
  border:3px solid #2f384c;
  padding:2rem!important
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .box-description>div>h1 {
  font-size:1.5em
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-content>p {
  margin-top:1rem;
  font-size:1.5em;
  color:var(--paragraph-grey)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-status .mission-action {
  margin-top:1rem
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-status .mission-action>p {
  font-size:1.5em;
  color:var(--paragraph-grey)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-status .mission-action>p.completed {
  color:var(--primary-color)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-status .mission-action .divider {
  border:none;
  content:"";
  background-color:#2f384c;
  height:3px;
  width:90%;
  display:block;
  margin:1rem 0
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-status .mission-action .progress-text {
  color:var(--paragraph-grey);
  font-size:1.2em
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-status .mission-action .points {
  font-size:1.5em
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-status .mission-action .missionprogressContainer {
  width:60%;
  height:20px;
  border-radius:1rem;
  border:3px solid #2f384c;
  background-color:var(--background-color)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-status .mission-action .missionprogressContainer .missionprogressBar {
  height:100%;
  background:linear-gradient(90deg,#28f59a,#02b4fe);
  border-radius:1rem
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-status .mission-action .challenge-mission-item-image {
  height:150px!important
}
@media (max-width:767.98px) {
  #arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-status .mission-action .challenge-mission-item-image {
    height:120px!important
  }
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-rewards {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:1.5em;
  width:100%;
  padding:0 .5rem
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-rewards>p {
  color:var(--paragraph-grey);
  margin:0
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-rewards .reward {
  flex:1;
  display:flex;
  justify-content:flex-end;
  align-items:center
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-rewards .reward>img {
  margin-right:.5rem;
  height:40px
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-stats {
  display:flex;
  justify-content:center;
  align-items:flex-start;
  flex-direction:column;
  gap:1rem
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-stats .challenge-users-count {
  font-size:1.5em;
  color:#999
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-stats .challenge-users-count>strong {
  color:var(--main-text-color)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-stats .progress-wrapper {
  width:60%;
  height:20px;
  border-radius:1rem;
  border:3px solid #2f384c;
  background-color:var(--background-color)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item .mission-item-wrapper .mission-description .mission-stats .progress-wrapper .progress-bar {
  height:100%;
  background:linear-gradient(90deg,#28f59a,#02b4fe);
  border-radius:1rem
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description .box-description {
  grid-template-rows:auto auto;
  grid-template-columns:1fr 2fr
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description .box-description .missionprogressContainer,
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description .box-description .progress-wrapper {
  margin:0 auto
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .quiz-banner {
  border-radius:1rem;
  border:3px solid #2f384c;
  margin-bottom:2em
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .quiz-banner img {
  border-radius:1em;
  display:block;
  width:100%;
  height:auto;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz {
  background-color:transparent;
  background:unset;
  box-shadow:none;
  --paragraph-grey:hsla(0,0%,100%,0.6)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .box-description {
  display:grid;
  grid-template-rows:1fr;
  grid-template-columns:1fr 2fr;
  -moz-column-gap:1rem;
  column-gap:2rem;
  margin-bottom:2rem
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .box-description>div {
  border-radius:1rem;
  border:3px solid #2f384c;
  padding:2rem!important
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .box-description>div>h1 {
  font-size:1.5em
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .challenge-mission-item-quiz-container {
  margin:2em;
  padding:1em 2em 2em;
  font-size:1.5em
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .challenge-mission-item-quiz-container .challenge-mission-item-quiz-container-answear {
  max-width:70%;
  margin:2em auto 0
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .challenge-mission-item-quiz-container .question-text {
  font-size:2rem;
  font-weight:300;
  border-bottom:1px solid #2f384c;
  padding-bottom:1em
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .challenge-mission-item-quiz-container .answer_label {
  font-weight:300;
  font-size:1.7em;
  width:-moz-fit-content;
  width:fit-content
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .challenge-mission-item-quiz-container .btn {
  font-size:1rem!important
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .quiz-content {
  border-radius:1rem;
  border:3px solid #2f384c;
  padding:2rem!important;
  margin-bottom:2em
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .quiz-content #quiz-progress-wrap {
  width:60%;
  height:20px;
  border-radius:1rem;
  border:3px solid #2f384c;
  background-color:var(--background-color);
  margin:0 auto
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .quiz-content #quiz-progress-wrap .missionprogressBar,
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .quiz-content #quiz-progress-wrap .progress-bar {
  height:100%;
  background:linear-gradient(90deg,#28f59a,#02b4fe);
  border-radius:1rem
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .quiz-content .result-circle {
  position:relative;
  width:140px;
  height:140px
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .quiz-content .circle-svg {
  transform:rotate(-90deg);
  width:100%;
  height:100%
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .quiz-content .circle-bg {
  fill:none;
  stroke:#13161d;
  stroke-width:12
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .quiz-content .circle-progress {
  fill:none;
  stroke:#28a745;
  stroke-width:12;
  stroke-dasharray:339.292;
  stroke-dashoffset:339.292;
  transition:stroke-dashoffset 1s ease
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .quiz-content .circle-label {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:1.5rem;
  font-weight:700
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .quiz-content .result-stats .stat-box {
  text-align:center;
  width:140px;
  border-radius:1em;
  background:#13161d;
  padding:1.5em .5em
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .quiz-content .result-stats .stat-number {
  font-size:3rem;
  font-weight:600
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .quiz-content .result-stats .stat-label {
  font-size:1rem;
  opacity:.8
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-content>p {
  margin-top:1rem;
  font-size:1.5em;
  color:var(--paragraph-grey)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-status .mission-action {
  margin-top:1rem
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-status .mission-action>p {
  font-size:1.5em;
  color:var(--paragraph-grey)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-status .mission-action>p.completed {
  color:var(--primary-color)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-status .mission-action .divider {
  border:none;
  content:"";
  background-color:#2f384c;
  height:3px;
  width:90%;
  display:block;
  margin:1rem 0
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-status .mission-action .progress-text {
  color:var(--paragraph-grey);
  font-size:1.2em
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-status .mission-action .points {
  font-size:1.5em
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-status .mission-action .missionprogressContainer {
  width:60%;
  height:20px;
  border-radius:1rem;
  border:3px solid #2f384c;
  background-color:var(--background-color)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-status .mission-action .missionprogressContainer .missionprogressBar {
  height:100%;
  background:linear-gradient(90deg,#28f59a,#02b4fe);
  border-radius:1rem
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-status .mission-action .challenge-mission-item-image {
  height:150px!important
}
@media (max-width:767.98px) {
  #arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-status .mission-action .challenge-mission-item-image {
    height:120px!important
  }
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-rewards {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:1.5em;
  width:100%;
  padding:0 .5rem
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-rewards>p {
  color:var(--paragraph-grey);
  margin:0
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-rewards .reward {
  flex:1;
  display:flex;
  justify-content:flex-end;
  align-items:center
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-rewards .reward>img {
  margin-right:.5rem;
  height:40px
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-stats {
  display:flex;
  justify-content:center;
  align-items:flex-start;
  flex-direction:column;
  gap:1rem
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-stats .challenge-users-count {
  font-size:1.5em;
  color:#999
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .mission-stats .challenge-users-count>strong {
  color:var(--main-text-color)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .bottom-progress-bar-wrapper {
  border-radius:1rem;
  border:3px solid #2f384c;
  padding:2rem!important;
  display:flex;
  flex-direction:column;
  align-items:center
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .bottom-progress-bar-wrapper .progress-wrapper {
  width:60%;
  height:20px;
  border-radius:1rem;
  border:3px solid #2f384c;
  background-color:var(--background-color)
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .bottom-progress-bar-wrapper .progress-wrapper .progress-bar {
  height:100%;
  background:linear-gradient(90deg,#28f59a,#02b4fe);
  border-radius:1rem
}
#arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz #finish-msg {
  font-size:1.5rem;
  color:#fff
}
@media (max-width:576.98px) {
  #arrmy.predatorgames #challenges .predator-mission-summary .mission-container .mission-item[data-type=quiz] .mission-description-quiz .box-description {
    grid-template-columns:1fr!important;
    row-gap:2em!important
  }
}
@media (max-width:768px) {
  #arrmy.predatorgames #challenges .challenges-filter-sort-form {
    flex-direction:column;
    align-items:stretch
  }
  #arrmy.predatorgames #challenges .challenges-filter-group,
  #arrmy.predatorgames #challenges .challenges-filter-group--small {
    width:100%;
    max-width:100%
  }
}
#arrmy.predatorgames #register-confirm {
  flex:1;
  display:flex;
  flex-direction:column;
  text-align:center;
  justify-content:space-around;
  align-items:center;
  gap:.2rem;
  padding:0 2rem
}
#arrmy.predatorgames #register-confirm .message {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}
#arrmy.predatorgames #register-confirm .message>img {
  height:8rem;
  width:8rem
}
#arrmy.predatorgames #register-confirm .message>h1 {
  font-size:4em;
  margin:4rem 0;
  font-weight:700
}
#arrmy.predatorgames #register-confirm .message p {
  color:hsla(0,0%,100%,.5);
  font-size:1.5em
}
#arrmy.predatorgames #register-confirm .message p.blue {
  color:var(--primary-color)
}
#arrmy.predatorgames #register-confirm .message p>strong {
  color:hsla(0,0%,100%,.8)
}
#arrmy.predatorgames #register-confirm .message p>strong.emph {
  color:var(--main-text-color)
}
#arrmy.predatorgames #register-confirm .honour-partner-login {
  margin-bottom:0!important;
  justify-self:flex-end
}
.tft #arrmy.predatorgames .cards-in-circle .circle.card-0 {
  transform:rotate(180deg) translate(550px) rotate(-180deg) scale(.55)!important
}
.tft #arrmy.predatorgames .cards-in-circle .circle.card-1 {
  transform:rotate(153.9deg) translate(550px) rotate(-153.9deg) scale(.55)!important
}
.tft #arrmy.predatorgames .cards-in-circle .circle.card-2 {
  transform:rotate(128.2deg) translate(550px) rotate(-128.2deg) scale(.55)!important
}
.tft #arrmy.predatorgames .cards-in-circle .circle.card-3 {
  transform:rotate(102.5deg) translate(520px) rotate(-102.5deg) scale(.55)!important
}
.tft #arrmy.predatorgames .cards-in-circle .circle.card-4 {
  transform:rotate(77.1deg) translate(520px) rotate(-77.1deg) scale(.55)!important
}
.tft #arrmy.predatorgames .cards-in-circle .circle.card-5 {
  transform:rotate(51.4deg) translate(550px) rotate(-51.4deg) scale(.55)!important
}
.tft #arrmy.predatorgames .cards-in-circle .circle.card-6 {
  transform:rotate(25.7deg) translate(550px) rotate(-25.7deg) scale(.55)!important
}
.tft #arrmy.predatorgames .cards-in-circle .circle.card-7 {
  transform:rotate(0deg) translate(550px) rotate(0deg) scale(.55)!important
}
.tft #arrmy.predatorgames .players-container .players-container-row .player-card .player .avatar {
  top:0!important;
  left:0!important
}
.tft #arrmy.predatorgames .players-container .players-container-row .player-card .player .name {
  width:100%;
  left:0
}