:root {
  --cont-width: 77.5rem;
  --cont-section-gap: 5rem;
}

.dropdown {
  z-index: 1;
}

.bottom-wrapper,.top-wrapper{
  background-size:100% auto;
  background-position:bottom;
  background-repeat:no-repeat
}
.content-title{
  text-transform:uppercase;
  font-weight:600
}
.content-title{
  font-size:1rem;
  letter-spacing:1px
}
.more-btn{
  text-transform:uppercase;
  font-weight:600;
  margin-top:1rem;
  display:inline-block;
  color:var(--w-clr);
  font-size:.8rem;
  line-height:1.5rem;
  -webkit-text-decoration-line:underline;
  text-decoration-line:underline;
}
@media (hover:hover) and (pointer:fine){
    .more-btn:hover{
        text-decoration:none
    }
}
@media only screen and (min-width:40em){
  .more-btn{
      font-size:1rem
  }
  .content-title{
    font-size:1.38rem
  }
}

.numeric-table{
  display:table;
  width:100%
}
.numeric-table__thead{
  display:table-header-group
}
.numeric-table__tbody{
  display:table-row-group
}
.numeric-table__tr{
  display:table-row
}
.numeric-table__tr .numeric-table__td:first-child,.numeric-table__tr .numeric-table__th:first-child{
  padding-right:.9375rem
}
.numeric-table__tr .numeric-table__td:last-child,.numeric-table__tr .numeric-table__th:last-child{
  text-align:right
}
.numeric-table__td,.numeric-table__th{
  display:table-cell;
  font-weight:600;
  white-space:nowrap
}
.numeric-table__th{
  color:rgba(var(--w-clr),.24);
  font-size:.88rem;
  line-height:1.25rem
}
.numeric-table__td{
  color:var(--w-clr);
  font-size:1rem;
  line-height:1.44rem;
  padding-top:.75rem
}

.numeric-table__td img{
  margin-right: 0;
}
.block-icons {
  display: flex;
  justify-content: flex-start;
}
.clan-icon-group {
  min-width: 29px;
}

.streams{
  --streams-grid-gap:1.5rem;
  --streams-item-h:16.5rem;
  
  --streams-item-clr:255,255,255;
  --streams-border-clr:255,255,255;
  --streams-icon-color:56, 56, 56;

  --add-btn-ratio:2rem;
  position:relative;
  margin-bottom:var(--cont-section-gap)
}
.streams__row{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(18.25rem,1fr));
  grid-gap:var(--streams-grid-gap)
}
.streams__row-item{
  background-color:rgba(var(--streams-item-clr), 0.03);
  border:2px solid rgba(var(--streams-border-clr), 0.14);
  border-radius:.375rem;
  min-height:var(--streams-item-h);
  cursor:pointer;
  position:relative;
  -webkit-transition:200ms ease;
  transition:200ms ease
}
@media (hover:hover) and (pointer:fine){
  .streams__row-item:hover{
      border:1px solid rgba(var(--w-clr),.25);
      -webkit-transform:scale(1.015);
      transform:scale(1.015)
  }
}
.streams__video-container{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:2
}
.streams__video-container iframe,.streams__video-container video{
  width:100%!important;
  height:100%!important
}
.streams__add-btn,.streams__add-btn span{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.streams__add-btn{
  width:var(--add-btn-ratio);
  height:var(--add-btn-ratio)
}
.streams__add-btn span{
  display:block;
  border-radius:.5rem;
  background-color:rgba(var(--streams-icon-color), 1)
}
.streams__add-btn span:nth-child(1){
  width:100%;
  height:.1875rem
}
.streams__add-btn span:nth-child(2){
  width:.1875rem;
  height:100%
}
@media only screen and (min-width:40em){
  .streams{
      --streams-item-h:12.5rem
  }
  .streams__heading{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      -ms-flex-direction:row;
      flex-direction:row
  }
}

.statistics__btn-arrow{
  -webkit-transform:scaleY(-1);
  transform:scaleY(-1)
}
.statistics__btn-arrow{
  -webkit-clip-path:var(--arrow-shape);
  clip-path:var(--arrow-shape);
  width:var(--arrow-width);
  height:var(--arrow-height);
  background-color:rgba(var(--w-clr),.8);
  -webkit-transition:300ms ease;
  transition:300ms ease;
  display:block
}
.statistics{
  --statistics-grid-gap:2rem;
  --statistics-item-h:18.5rem;
  --statistics-item-clr:  255, 255, 255;
  --statistics-border-clr: 255, 255, 255;
  --add-btn-ratio:2rem;
  position:relative
}
.statistics__footer{
  text-align:center
}
.statistics__row{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(18.75rem,1fr));
  grid-gap:var(--statistics-grid-gap)
}
.statistics__row-item{
  background: rgba(var(--statistics-item-clr), 0.03);
  border: 2px solid rgba(var(--statistics-border-clr), 0.14);
  backdrop-filter: blur(24px);

  border-radius:.375rem;
  min-height:var(--statistics-item-h);
  padding:1.5rem;
  position:relative;
  -webkit-transition:200ms ease;
  transition:200ms ease
}
.statistics__btn,.statistics__heading{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-direction:normal;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.statistics__heading{
  -webkit-box-orient:vertical;
  -ms-flex-direction:column;
  flex-direction:column;
  grid-gap:1rem;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-bottom:.75rem
}
.statistics__btn{
  width: 18.75rem;
  max-width: 100%;
  -webkit-box-orient:horizontal;
  -ms-flex-direction:row;
  flex-direction:row;
  justify-content: center;
  grid-gap:.625rem;
  padding:.625rem 1.25rem;
  -webkit-transition:200ms ease;
  transition:200ms ease;
  border:1px solid rgba(var(--w-clr),.6);
  border-radius:.375rem;
  color:rgba(var(--w-clr),1)
}
@media (hover:hover) and (pointer:fine){
  .statistics__btn:hover{
    border-color: rgba(var(--w-clr), .56);
  }
}
.statistics__btn--dropdown{
  --dropdown-m:3.5rem;
  cursor:default;
  position:relative
}
.statistics__btn--dropdown .dropdown{ 
  top: 0;
  padding-top: 45px;
  background-color: transparent;
  border: none;
}
.statistics__btn--dropdown .dropdown__link {
  display: block;
}
.statistics__btn--dropdown:hover .dropdown{
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1;
  visibility:visible;
  pointer-events:all;
}
.statistics__btn--dropdown:hover .statistics__btn-arrow{
  -webkit-transform:scaleY(-1);
  transform:scaleY(-1)
}
.statistics__btn--dropdown .dropdown__list{
  border-color: rgba(var(--w-clr), .56);
  border-radius:.375rem;
  background-color:#070606;
  text-align: left;
}
.statistics__btn span{
  font-weight:600;
  color:rgba(var(--w-clr),1);
  text-transform:uppercase
}
.statistics__name{
  display:block;
  margin-bottom:.625rem;
  font-weight:600;
  font-size:1rem
}
@media only screen and (min-width:40em){
  .statistics{
      --statistics-grid-gap:1.5rem;
      --statistics-item-h:18.5rem
  }
  .statistics__name{
      font-size:1.38rem
  }
  .statistics__heading{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      -ms-flex-direction:row;
      flex-direction:row
  }
  .statistics__row-item{
      padding:1.6875rem 2.625rem
  }
}

.ac.is-active .ac-trigger:after{
  -webkit-transform:rotate(-135deg);
  transform:rotate(-135deg)
}
.ac .ac-panel .ac-text{
  padding:1.25rem 0 .625rem;
  color:rgba(var(--w-clr),.64);
  font-family:inherit;
  font-weight:700;
  font-size:.875rem;
  line-height:1
}
.ac .ac-trigger{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  font-size:inherit;
  font-weight:inherit;
  font-family:inherit;
  color:rgba(var(--w-clr),1);
  padding:0
}
.ac .ac-trigger:after{
  content:"";
  position:static;
  display:block;
  width:.5rem;
  height:.5rem;
  margin-left:.625rem;
  margin-right:.3125rem;
  border:2px solid rgba(var(--w-clr),.24);
  border-left:none;
  border-top:none;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transition:300ms ease;
  transition:300ms ease
}
.widget__heading{
  text-align:left;
  margin-bottom:.875rem
}
.widget__footer{
  text-align:left
}
.widget-table{
  border:3px solid rgba(255,255,255,.14);
  border-radius:.625rem;
  -webkit-backdrop-filter:blur(1.5rem);
  backdrop-filter:blur(1.5rem);
  background:rgba(255,255,255,.03)
}
.widget-table__inner{
  padding:.925rem 1.625rem
}
.widget-table__item{
  margin:auto;
  padding:.65rem 0;
  border:0;
  border-bottom:2px solid rgba(255,255,255,.0588235294);
  background-color:transparent
}
.widget-table__item:last-child{
  border:0
}
.widget-table__header{
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  position:relative
}
.widget-table__name,.widget-table__type{
  font-size:1rem;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase
}
.widget-table__type{
  margin-left:.625rem;
  color:rgba(255,255,255,.2392156863);
  font-size:.5rem;
  letter-spacing: 2px;
}
.widget-table__info{
  margin-left:auto;
  color:#4fcc3b;
  font-size:.8rem;
  font-weight:700;
  text-transform:uppercase
}
.widget-table__info--date{
  color:#ffa800
}
.info{
  --info-grid-cols:1;
  --info-grid-gap:6.5rem
}
.info__wrapper{
  display:block;
  padding-bottom:1.25rem
}
.info .widget{
  margin-bottom:3rem
}
.info .widget iframe{
  max-width:100%!important
}
@media only screen and (min-width:40em){
  .info{
      --text-block-heading:2rem;
      --text-block-info:1rem;
      --section-mb:8.5rem
  }
  .info__wrapper{
      display:grid;
      grid-template-columns:repeat(var(--info-grid-cols),1fr);
      grid-gap:0 var(--info-grid-gap);
      -webkit-box-align:start;
      -ms-flex-align:start;
      align-items:flex-start
  }
}
@media only screen and (min-width:75em){
  .info{
      --info-grid-cols:2
  }
  .info__wrapper{
      padding-bottom:4.25rem
  }
  .widget__footer,.widget__heading{
      text-align:center
  }
  .widget-table__name{
      font-size:1.125rem
  }
  .widget-table__type{
      font-size:.625rem
  }
  .widget-table__info{
      font-size:1rem
  }
}
#main-bg {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -2;
  top: calc(100vh + 11.875rem);
  bottom: calc(100vh + 11.875rem);
  background: linear-gradient(0.00deg, rgba(0, 0, 0, 0) 51%,rgb(7, 6, 6) 100%),linear-gradient(0.00deg, rgb(7, 6, 6),rgba(0, 0, 0, 0) 59.5%),url(../img/main-bg.png);
  background-size: auto, auto, cover;
}

@media (prefers-color-scheme: dark) {
  :root {
    background-color: black;
    color: white;
  }
}

.telegram-post-widget {
  text-align: center;
}

.info .widget .telegram-post-widget iframe {
  max-width: 100% !important;
  width: 500px;
}

.servers__links span,
.servers__links a {
  color: unset;
}