/** Shopify CDN: Minification failed

Line 57:8 Unexpected "{"
Line 57:9 Expected identifier but found "%"
Line 59:14 Expected identifier but found whitespace
Line 59:16 Unexpected "{"
Line 59:24 Expected ":"
Line 60:20 Expected identifier but found whitespace
Line 60:21 Unexpected "2px"
Line 60:32 Unexpected "{"
Line 60:40 Expected ":"
Line 61:28 Expected identifier but found whitespace
... and 47 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:join-vip (INDEX:42, SCOPED:FALSE) */
.join-vip {
    background-position: center;
    background-repeat: repeat;
    background-size: 100%!important;
  }
  .join-columns {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    padding-left:10px;
    padding-right:10px;
    align-items: center;
  }
  .join-image {
    position:relative;
    width: 100%;
  }
  .join-column {
    width:100%;
  }
  .join-content p {
    margin:20px 0;
    font-style: normal;
    font-weight: 500;
  }

  @media (max-width: 1024px) {
    .join-columns {
      flex-direction:column-reverse;
      gap: 10px;
      padding-left:10px;
      padding-right:10px;
      text-align:center;
    }
  }
        {%- if section.settings.use_custom -%}
    .join-title.heading-standard {
        color: {{section.settings.color_text}};
        text-shadow: 2px 4px 0 {{section.settings.color_shadow}};
        -webkit-text-stroke: var(--heading-stroke-thickness) {{section.settings.color_stroke}};
        text-stroke: var(--heading-stroke-thickness) {{section.settings.color_stroke}};
    }
  {% endif %}
/* END_SECTION:join-vip */

/* START_SECTION:lootx-battles-slider (INDEX:45, SCOPED:FALSE) */
.lootx-battles-slider {
  padding: 10px 0;
}

.slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.loading-spinner {
  text-align: center;
  padding: 40px;
}

.battles-list {
  display: grid;
  gap: 8px;
}

/* cards */
.battle-item {
  margin-bottom: 0;
}

.battle-card {
  background: #171A39;
  border-radius: 12px;
  padding: 1rem;
  text-align: center;
  transition: transform 0.3s ease;
  position: relative;
  overflow: hidden;
}

.battle-card:after {
  content:'';
  width: 180px;
  height: 180px;
  position: absolute;
  top:-130px;
  left: -100px;
  background: #7A37FF;
  filter: blur(80.80000305175781px);
}

.battle-info {
  position: relative;
  z-index: 1;
  display: grid;
  gap: .625rem;
}

.battle-avatars-wrap {
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #CAD5F0;
  align-items: center;
  gap: .5rem;
}

.battle-avatars {
  display: flex;
  justify-content: center;
  gap: .5rem;
}

.player-avatar-wrapper {
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  padding: .25rem;
  justify-content: center;
  align-items: center;
  background: url('../assets/avatar-wrap.svg') center no-repeat;
  background-size: 100%;
}

.player-avatar {
  border-radius: 50%;
  object-fit: cover;
  width: 2rem;
  height: 2rem;
}

.battle-items {
  display: grid;
  grid-template-columns: repeat(100, 65px);
  gap: .5rem;
  background: #121534;
  border-radius: .5rem;
  overflow: hidden;
  padding: .5rem;
  position: relative;
}

.battle-item-wrapper {
  width: 65px;
  border-radius: .5rem;
  overflow: hidden;
  transition: all 0.3s ease;
}

.battle-item-wrapper.finished img{
  opacity: 0.5;
  filter: grayscale(100%);
}

.battle-item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.items-counter {
  position: absolute;
  z-index: 1;
  color: #9a9cd5;
  font-size: 14px;
  font-weight: 600;
  top: 6px;
  right: 6px;
  display: inline-flex;
  padding: 2px 6px;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  background: #1B1F49;
  border-radius: .5rem;
}

.battle-total {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: .5rem;
  gap: 12px;
  line-height: 16px;
}

.battle-cost {
  text-align: left;
  color: #CAD5F0;
}

.battle-cost > div:first-child {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
}

.battle-actions {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.battle-actions .button {
  width: 100%;
  max-width: 400px;
  height: 43px;
}

.battle-cost-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}

.battle-unboxed {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #CAD5F0;
}

.battle-unboxed > div:last-child {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
}

@media (max-width: 767px) {
  .battle-cost {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .battle-actions {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .battle-info {
    grid-template-columns: 1fr auto 18rem;
    align-items: center;
    gap: 2.5rem;
  }

  .battle-actions{
    flex-direction: column;
  }

  .battle-actions .button {
    width: auto;
  }

  .battle-cost > div:first-child,
  .battle-unboxed > div:last-child {
    font-size: 1.25rem;
  }

  .battle-cost {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    margin-right: 1rem;
    font-weight: 600;
  }

  .battle-items {
    padding: .875rem 1rem;
  }

  .battle-avatars {
    width: 270px;
  }

  .player-avatar-wrapper {
    width: 2.5rem;
    height: 2.5rem;
  }
  .player-avatar {
    width: 2.25rem;
    height: 2.25rem;
  }

  .battle-total {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 1024px) {
  .battle-items {
    gap: 1.25rem;
  }
}
/* END_SECTION:lootx-battles-slider */

/* START_SECTION:lootx-boxes-slider (INDEX:47, SCOPED:FALSE) */
.lootx-boxes-slider {
    padding: 10px 0;
    min-height: 340px;
  }
  @media screen and (min-width: 768px) {
    .lootx-boxes-slider {
      min-height: 360px;
    }
    .boxes-slider {
      margin-top: 20px;
    }
  }
  .boxes-slider .slick-dots {
    display: none !important;
  }
/* END_SECTION:lootx-boxes-slider */

/* START_SECTION:two-banners (INDEX:103, SCOPED:FALSE) */
.banners-columns {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
     padding-left:10px;
    padding-right:10px;
    align-items: center;
  }
  .banners-image {
    position:relative;
    height:800px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .banners-title {
    padding:40px;
    text-align: center;
  }
  .banners-column {
    width:100%;
  }
  @media (max-width: 1024px) {
    .banners-columns {
      flex-direction:column;
      gap: 10px;
       padding-left:10px;
        padding-right:10px;
    }
    .banners-image {
      height:412px;
    }
    .banners-title {
      padding:30px 15px;
    }
  }
    {%- if section.settings.use_custom -%}
    .banners-title.heading-standard {
        color: {{section.settings.color_text}};
        text-shadow: 2px 4px 0 {{section.settings.color_shadow}};
        -webkit-text-stroke: var(--heading-stroke-thickness) {{section.settings.color_stroke}};
        text-stroke: var(--heading-stroke-thickness) {{section.settings.color_stroke}};
    }
  {% endif %}
/* END_SECTION:two-banners */

/* START_SECTION:who-are-we (INDEX:110, SCOPED:FALSE) */
.who-are-columns {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    gap: 30px;
    padding-left:10px;
    padding-right:10px;
    align-items: center;
  }
  .who-are-column-one {
    width:100%;
  }
  .who-are-title {
    margin-bottom: 20px;
  }
  .who-are-text{

    margin-bottom:45px;
    }

@media (max-width: 1024px) {
  .who-are-columns {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap:0;
  }
  .who-are-text{
    margin-bottom:10px;
  }
   .who-are-title {
    width: 300px;
    margin: 0 auto 20px;
  }
  .who-are-signature, .who-are-image {
    display: flex;
    justify-content: center;
    margin-top: 15px;
  }
}
    {%- if section.settings.use_custom -%}
    .who-are-title.heading-standard {
        color: {{section.settings.color_text}};
        text-shadow: 2px 4px 0 {{section.settings.color_shadow}};
        -webkit-text-stroke: var(--heading-stroke-thickness) {{section.settings.color_stroke}};
        text-stroke: var(--heading-stroke-thickness) {{section.settings.color_stroke}};
    }
  {% endif %}
/* END_SECTION:who-are-we */