/* You can add global styles to this file, and also import other style files */
/*----------------------------------------
[Master Stylesheet]

Project:	Vies Coin
Version:	1.0
Primary use:	Vies Coin
----------------------------------------*/
/*----------------------------------------
[Table of contents]

1. Colors
2. Fonts
3. Common styles
4. Header
5. Hero
6. Section
7. Filter
8. Splide
9. Breadcrumb
10. Paginator
11. Features
12. Step
13. Resources
14. Team
15. Gallery
16. Sponsors
17. Accordion
18. Roadmap
19. Testimonial
20. Game
21. Ranking
22. Post
23. Article
24. Share
25. Details
26. Thumbnails
27. Description
28. Play
29. Staking
30. Contact
31. Social
32. Form
33. Page 404
34. Footer
35. Modal
36. Scrollbar-track
37. Blueimp
----------------------------------------*/
/*==============================
	Colors
==============================*/
/*==============================
	Fonts
==============================*/
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,600;0,700;1,400&display=swap");
/*==============================
	Common styles
==============================*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
body {
  height: 100%;
}
body {
  font-family: 'Mulish', sans-serif;
  font-weight: 400;
  background-color: #141a2a;
  -webkit-font-smoothing: antialiased;
}
button {
  padding: 0;
  border: none;
  background-color: transparent;
  transition: 0.5s ease;
  transition-property: color, background-color, border-color, box-shadow;
  cursor:not([disabled]) pointer;
}
button:focus {
  outline: none;
}
a {
  transition: 0.5s ease;
  transition-property: color, background-color, border-color, box-shadow;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
}
input,
textarea,
select {
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  box-shadow: none;
  transition: 0.5s ease;
  transition-property: background-color, border-color;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
}
select::-ms-expand {
  display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
::-moz-selection {
  background: #019AFF;
  color: #141a2a;
  text-shadow: none;
}
::selection {
  background: #019AFF;
  color: #141a2a;
  text-shadow: none;
}
::-webkit-input-placeholder {
  color: #dedede;
  opacity: 1;
}
::-moz-placeholder {
  color: #dedede;
  opacity: 1;
}
:-moz-placeholder {
  color: #dedede;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #dedede;
  opacity: 1;
}
:focus {
  outline: -webkit-focus-ring-color auto 0px;
}
:focus-visible {
  outline: 0px dotted;
}
.tab-content {
  width: 100%;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.fade {
  transition: opacity 0.4s linear;
}
@media screen and (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
  
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.row--grid {
  margin-right: -10px;
  margin-left: -10px;
}
.row--grid .col-6,
.row--grid .col-12 {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .row--grid {
    margin-right: -15px;
    margin-left: -15px;
  }
  .row--grid .col-6,
  .row--grid .col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*==============================
	Toast
==============================*/
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgb(41 132 90) !important;
  background: linear-gradient(45deg, black, #0000006b);
  box-shadow: inset #0009 18px 20px 20px 10px, -3px 2px 16px 0px black;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgb(190, 66, 35) !important;
  background: linear-gradient(45deg, black, #0000006b);
  box-shadow: inset #0009 18px 20px 20px 10px, -3px 2px 16px 0px black;
}
.toast-style {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: fixed;
  top: 72px !important;
  right: 0;
  z-index: 1200;
}
.toast-body {
  top: -10000px;
}
@media (min-width: 2040px) {
  .toast-style {
    position: fixed;
    top: 0 !important;
    right: 0;
    width: auto;
    z-index: 1200;
  }
}
/*==============================
	Header
==============================*/
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: transparent;
  transition: background-color 0.5s ease;
  background-color: #141a2a;
  border-bottom: 1px solid #192841;
}
.header--active .header__logo {
  pointer-events: auto;
}
.header__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 80px;
  width: 100%;
}
.header__logo {
  z-index: 1;
  width: auto;
  height: 50px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-left: 40px;
  pointer-events: none;
  cursor: pointer;
}
.header__logo img {
  height: 45px;
  width: auto;
  cursor: pointer;
}

.header__additional__options {
  z-index: 1;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  margin-left: 0;
  position: relative;
}
.header__additional__options div:last-child {
  margin-top: 20px;
  margin-left: 0;
}
.header__option {
  z-index: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  width: 100%;
}
.header__option img {
  height: 38px;
  margin-right: 10px;
  width: auto;
  cursor: pointer;
  transition: 0.5s ease;
}
.header__option label {
  color: #fff;
  font-size: 14px;
  width: 75px;
  cursor: pointer;
  transition: 0.5s ease;
}
.header__option label:hover {
  color: #019AFF;
}
.header__option button {
  display: block;
}

.header__option__btn {
  position: relative;
  width: 90px;
  height: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 8px;
  border: 2px solid #192841;
  text-decoration: none;
  transition: 0.5s ease;
}
.header__option__btn span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
  transition: 0.5s ease;
}
.header__option__btn:hover {
  box-shadow: 0 0 22px rgba(34,127,158,0.14);
  border: 2px solid #019AFF;
}



.header__btn {
  position: absolute;
  width: 24px;
  height: 22px;
  display: block;
  left: 0;
}
.header__btn span {
  position: absolute;
  left: 0;
  width: 24px;
  height: 2px;
  background-color: #fff;
  border-radius: 3px;
  transition: 0.5s ease;
  opacity: 1;
}
.header__btn span:first-child {
  top: 0;
}
.header__btn span:nth-child(2) {
  top: 10px;
  width: 16px;
}
.header__btn span:last-child {
  top: 20px;
  width: 8px;
}
.header__btn--active span:first-child {
  transform: rotate(45deg);
  top: 10px;
}
.header__btn--active span:nth-child(2) {
  opacity: 0;
}
.header__btn--active span:last-child {
  width: 24px;
  transform: rotate(-45deg);
  top: 10px;
}
.header__tagline {
  display: none;
}
.header__nav {
  position: fixed;
  width: 250px;
  top: 80px;
  bottom: 0;
  left: 0;
  background-color: #141a2a;
  padding: 30px 15px 0;
  transition: transform 0.5s ease;
  transform: translate3d(-250px, 0, 0);
  border-top: 1px solid rgba(170,114,206,0.1);
}
.header__nav--active {
  transform: translate3d(0, 0, 0);
}
.header__nav li {
  display: block;
  margin-bottom: 15px;
}
.header__nav li:last-child {
  margin-bottom: 0;
}
.header__nav__penultimate__li {
  margin-right: 15px !important;
}
.header__nav__last__li {
  border-top: solid #383a3b 1px;
  border-left: none;
}
.header__nav a {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.header__nav a svg {
  fill: #fff;
  width: 14px;
  height: auto;
  transition: 0.5s ease;
  margin-left: 1px;
  margin-top: 2px;
}
.header__nav a:hover,
.header__nav a[aria-expanded="true"] {
  color: #019AFF;
}
.header__nav a:hover svg,
.header__nav a[aria-expanded="true"] svg {
  fill: #019AFF;
}
.li__menu__item a div {
  color: #fff;
  cursor: pointer;
  transition: 0.5s ease;
}
.li__menu__item a div:hover {
  color: #019AFF;
}
.header__dropdown {
  position: relative;
  display: block;
  width: auto;
}
.header__dropdown .dropdown-toggle {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.header__dropdown .dropdown-toggle:after {
  display: none;
}
.header__dropdown .dropdown-toggle svg {
  width: 14px;
  height: auto;
  fill: #fff;
  margin-left: 3px;
  margin-top: 2px;
  transition: fill 0.5s ease;
}
.header__dropdown .dropdown-toggle:hover,
.header__dropdown .dropdown-toggle[aria-expanded="true"] {
  color: #019AFF;
}
.header__dropdown .dropdown-toggle:hover svg,
.header__dropdown .dropdown-toggle[aria-expanded="true"] svg {
  fill: #019AFF;
}
.header__dropdown .dropdown-toggle--menu svg {
  width: 18px;
  margin-left: 0;
  margin-top: 0;
}
.header__dropdown-menu {
  position: absolute;
  background-color: #192237;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 180px;
  text-align: left;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  border-radius: 10px;
  transition: 0.5s ease;
  transition-property: opacity, margin-top, transform;
  margin-top: 0;
  top: 0;
  transform: translate3d(0px, 24px, 0px);
  border: 1px solid #141a2a;
}
.header__dropdown-menu .header__dropdown-menu {
  margin-top: -10px;
  margin-left: calc(100% - 28px);
}
.header__dropdown-menu .header__dropdown-menu.show {
  margin-top: 5px;
}
.header__dropdown-menu li {
  position: relative;
  padding: 0;
  margin-bottom: 12px;
}
.header__dropdown-menu li:last-child {
  margin-bottom: 0;
}
.header__dropdown-menu a {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-transform: none;
  font-weight: 400;
  padding: 0 0 0 17px;
}
.header__dropdown-menu a:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #019AFF;
  left: 0;
  top: 50%;
  margin-top: -2px;
  transition: box-shadow 0.5s ease;
}
.header__dropdown-menu a:hover {
  color: #019AFF;
}
.header__dropdown-menu a:hover:before {
  box-shadow: 0 0 8px rgba(170,114,206,0.77);
}
.header__dropdown-menu.show {
  z-index: 1000;
  pointer-events: auto;
  opacity: 1;
  margin-top: 10px;
}
.header__buttons__container {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  min-width: 50px;
}
.header__buttons__container .header__wallet__connect__button {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
.header__wallet__button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: 10px;
  min-width: 50px;
  height: 35px;
  background-color: transparent;
  border-radius: 7px;
  overflow: hidden;
  border: 2px solid #192841;
  text-decoration: none;
  cursor: pointer;
}
.header__wallet__button span {
  display: none;
  height: 17px;
}
.header__wallet__button img {
  margin-left: 0px;
  margin-right: 1px;
}
.header__wallet__button:hover {
  border-color: #019AFF;
  box-shadow: 0 0 22px #192841;
}
.header__wallet__connect__button button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: 10px;
  min-width: 50px;
  height: 35px;
  background-color: transparent;
  border-radius: 7px;
  overflow: hidden;
  border: 2px solid #192841;
  text-decoration: none;
  cursor: pointer;
}
.header__wallet__connect__button button span {
  display: none;
  height: 17px;
}
.header__wallet__connect__button button img {
  height: 22px;
  width: 22px;
  margin-left: 0px;
  margin-right: 1px;
}
.header__wallet__connect__button button:hover {
  border-color: #019AFF;
  box-shadow: 0 0 22px #192841;
}

.header__network__button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: 10px;
  min-width: 50px;
  height: 35px;
  background-color: transparent;
  border-radius: 7px;
  overflow: hidden;
  border: 2px solid #192841;
  text-decoration: none;
  cursor: pointer;
}
.header__network__button span {
  display: none;
  height: 17px;
}
.header__network__button img {
  margin-left: 0px;
  margin-right: 1px;
}
.header__network__button:hover {
  border-color: #019AFF;
  box-shadow: 0 0 22px #192841;
}
.label__connecting {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 15px;
  color: #fff;
  text-transform: none;
  font-weight: 400;
  user-select: none;
  animation: blink_label_blue 1s linear infinite;
  animation-iteration-count: infinite;
}
@keyframes blink_label_blue { 
  0% { color: #019AFF; }
  10% { color: #078ee7; }
  20% { color: #0878c4; }
  30% { color: #0868a8; }
  40% { color: #07558a; }
  50% { color: #053b5f; }
  60% { color: #07558a; }
  70% { color: #0868a8; }
  80% { color: #0878c4; }
  90% { color: #078ee7; }
  100% { color: #019AFF; }  
}
.wallet__connecting__loader__dots {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.loader__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(180deg, #019AFF 0%, #192841);
  margin: 0 7px;
}
.d1 {
  animation: dotted-loader infinite 0.5s 0.5s alternate;
}
.d2 {
  animation: dotted-loader infinite 0.5s 0.6s alternate;
}
.d3 {
  animation: dotted-loader infinite 0.5s 0.7s alternate;
}
.d4 {
  animation: dotted-loader infinite 0.5s 0.8s alternate;
}
@keyframes dotted-loader {
  100% {
    transform: translateY(-15px);
  }
}

@media (min-width: 576px) {
  .header__logo {
    margin-left: 45px;
  }
  .header__tagline {
    display: block;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    transition: color 0.5s ease;
    margin-right: auto;
    margin-left: 20px;
    font-weight: 400;
  }
  .header__nav {
    padding-left: calc((100vw - 510px) / 2);
  }
}
@media (min-width: 768px) {
  .header__buttons__container {
    min-width: 200px;
  }
  .header__wallet__button {
    width: auto;
    min-width: 200px;
  }
  .header__wallet__button span {
    display: block;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-size: 12px;
    margin-left: 5px;
    color: #fff;
    transition: 0.5s ease;
    font-weight: 700;
  }
  .header__wallet__button:hover span {
    color: #fff;
  }
  .header__wallet__connect__button button {
    min-width: 200px;
  }
  .header__wallet__connect__button button span {
    display: block;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-size: 12px;
    margin-left: 5px;
    color: #fff;
    transition: 0.5s ease;
    font-weight: 700;
  }
  .header__wallet__connect__button:hover button span {
    color: #fff;
  }
  .header__network__button {
    padding: 0 10px;
    width: auto;
    min-width: 200px;
  }
  .header__network__button span {
    display: block;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-size: 12px;
    margin-left: 5px;
    color: #fff;
    transition: 0.5s ease;
    font-weight: 700;
    height: auto;
  }
  .header__network__button:hover span {
    color: #fff;
  }
  .header__nav {
    padding-left: calc((100vw - 690px) / 2);
    width: 280px;
    transform: translate3d(-280px, 0, 0);
  }
  .header__nav--active {
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 992px) {
  .header__nav {
    padding-left: calc((100vw - 930px) / 2);
  }
}
@media (min-width: 1200px) {
  .header__buttons__container .header__wallet__connect__button {
    flex-direction: column;
  }
  .header__btn {
    display: none;
  }
  .header__logo {
    margin: 0 20px 0 0;
  }
  .header__nav {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    transform: translate3d(0, 0, 0);
    padding: 0;
    margin-right: auto;
    border-top: none;
    z-index: 2;
  }
  .header__nav li {
    display: block;
    margin-right: 50px;
    margin-bottom: 0;
  }
  .header__nav li:last-child {
    margin-right: 0;
  }
  .header__nav__penultimate__li {
    margin-right: 15px !important;
  }
  .header__nav__last__li {
    border-left: solid #383a3b 1px;
    border-top: none;
  }
  .header__additional__options {
    z-index: 1;
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 15px;
    position: relative;
  }
  .header__additional__options div:last-child {
    margin-top: 0;
    margin-left: 5px;
  }
  .header__option button {
    display: none;
  }
  .header__nav a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 40px;
    color: #fff;
    font-weight: 400;
    text-transform: none;
  }
  .header__nav a:hover {
    color: #019AFF;
  }
  .header__dropdown-menu {
    transform: translate3d(0px, 40px, 0px);
    margin-top: -10px;
  }
  .header__dropdown-menu .header__dropdown-menu {
    margin-top: 14px;
    transform: translate3d(0, 0, 0);
  }
  .header__dropdown-menu .header__dropdown-menu.show {
    margin-top: 29px;
  }
  .header__dropdown-menu li {
    margin-right: 0;
    margin-bottom: 12px;
    padding: 0;
  }
  .header__dropdown-menu li:last-child {
    margin-bottom: 0;
  }
  .header__dropdown-menu a {
    padding: 0 0 0 17px;
    height: auto;
    color: #fff;
    justify-content: flex-start;
  }
  .header__dropdown-menu a:hover {
    color: #019AFF;
  }
  .header__dropdown-menu.show {
    margin-top: 0;
  }
  .header__wallet__button {
    margin-left: 0px;
    z-index: 1;
  }
  .header__network__button {
    margin-left: 0px;
    z-index: 1;
  }
}
/*==============================
	Hero
==============================*/
.hero {
  position: relative;
  width: 100%;
  padding: 120px 0 0;
}
.hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #192237;
  border-radius: 10px;
  padding: 60px 20px;
  position: relative;
  overflow: hidden;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.hero__content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(29,38,59,0.6) 0%, rgba(29,38,59,0.8));
  pointer-events: none;
  z-index: 2;
}
.hero__canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: transparent;
  pointer-events: none;
}
.hero__tagline {
  color: #a6afb3;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 20px;
  text-align: center;
  position: relative;
  z-index: 3;
  background-color: rgba(0,0,0,0.14);
  padding: 8px 16px;
  border-radius: 10px;
}
.hero__title {
  font-size: 40px;
  line-height: 54px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  position: relative;
  z-index: 3;
}
.hero__text {
  font-size: 16px;
  line-height: 26px;
  color: #dedede;
  font-weight: 400;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
  text-align: center;
}
.hero__text:last-child {
  margin-bottom: 0;
}
.hero__btns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 40px;
  position: relative;
  z-index: 3;
}
.hero__btn__purple {
  position: relative;
  width: calc(100% - 2px);
  max-width: 160px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 10px;
  border: 2px solid #192841;
  text-decoration: none;
}
.hero__btn__purple span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
}
.features:hover .hero__btn__purple {
  box-shadow: 0 0 22px rgba(34,127,158,0.14);
  border: 2px solid #019AFF;
}

@media (min-width: 576px) {
  .hero__btns {
    justify-content: center;
  }
  .hero__btn__purple {
    width: 200px;
    margin-right: 30px;
  }
  .hero__btn__purple:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .hero {
    padding: 150px 0 0;
  }
  .hero__content {
    max-height: calc(100vh - 400px);
    padding: 140px 40px;
  }
  .hero__content--left {
    padding: 70px 40px 70px;
  }
  .hero__tagline {
    margin-bottom: 25px;
  }
  .hero__title {
    font-size: 48px;
    line-height: 62px;
    margin-bottom: 25px;
  }
  .hero__title:last-child {
    margin-bottom: 0;
  }
  .hero__text {
    font-size: 18px;
    line-height: 26px;
  }
  .hero__text:last-child {
    margin-bottom: 0;
  }
  .hero__btns {
    margin-top: 60px;
  }
  .hero__btn__purple {
    margin-right: 40px;
  }
  .hero__btn__purple:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .hero__content {
    min-height: calc(100vh - 1000px);
    height: auto;
    padding: 40px;
  }
  .hero__content--left {
    align-items: flex-start;
  }
  .hero__content--left .hero__title,
  .hero__content--left .hero__text {
    text-align: left;
  }
  .hero__title {
    font-size: 50px;
    line-height: 64px;
  }
  .hero__btns {
    justify-content: flex-start;
    width: auto;
  }
}
/*==============================
	Section
==============================*/
.section {
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.section .container {
  position: relative;
  z-index: 3;
}
.section__head {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #192841;
  padding-bottom: 15px;
}
.section__head:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  bottom: 2px;
  background-color: rgb(10 12 18 / 72%);
  pointer-events: none;
  z-index: 2;
}
.section__canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: transparent;
  pointer-events: none;
}
.section__title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.section__title strong {
  color: #019AFF;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  margin-bottom: 15px;
}
.section__title h1,
.section__title h2 {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
  line-height: 44px;
}
.section__title img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.section__title h1:last-child,
.section__title h2:last-child {
  margin-bottom: 0;
}
.section__title h1 a,
.section__title h2 a {
  color: #fff;
}
.section__title h1 a:hover,
.section__title h2 a:hover {
  color: #019AFF;
}
.section__title p {
  font-size: 16px;
  line-height: 26px;
  color: #dedede;
  margin-bottom: 20px;
  text-align: center;
}
.section__title p a {
  color: #019AFF;
  position: relative;
  font-weight: 600;
}
.section__title p a:before {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: #019AFF;
  opacity: 0;
  transition: 0.5s ease;
  transition-property: opacity, bottom;
}
.section__title p a:hover:before {
  opacity: 1;
}
.section__title p:last-child {
  margin-bottom: 0;
}
.section__title--left {
  align-items: flex-start;
}
.section__title--left h1,
.section__title--left h2,
.section__title--left p {
  text-align: left;
}
.section__title--page {
  margin-top: 50px;
}
.section__btn {
  position: relative;
  width: 100%;
  max-width: 200px;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 20px;
  margin: 40px auto 0;
  border: 2px solid #019AFF;
}
.section__btn span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
  transition: color 0.5s ease;
}
.section__btn:hover {
  box-shadow: 0 0 22px #223b6d;
}
.section__btn--more span:before {
  content: 'Show less';
  position: absolute;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.section__btn--more[aria-expanded="true"] span {
  color: transparent;
}
.section__btn--more[aria-expanded="true"] span:before {
  opacity: 1;
}
.section__btn--more[aria-expanded="true"]:hover {
  box-shadow: 0 0 22px #223b6d;
}
.section__btn--grid {
  margin: 10px auto;
}
.section__carousel {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.section__carousel .splide__pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 35px;
  position: relative;
  padding: 0;
  bottom: 0;
}
.section__carousel .splide__pagination li {
  margin-right: 10px;
}
.section__carousel .splide__pagination li:last-child {
  margin-right: 0;
}
.section__carousel .splide__pagination__page {
  display: block;
  height: 4px;
  width: 10px;
  border-radius: 4px;
  background-color: rgba(255,255,255,0.12);
  transition: 0.5s ease;
  opacity: 1;
  margin: 0;
}
.section__carousel .splide__pagination__page.is-active {
  transform: scale(1);
  width: 20px;
  background-color: #019AFF;
}
.section__carousel--block {
  background-color: #141a2a;
  border-radius: 20px;
  margin-top: 20px;
  padding: 30px 20px;
}
.section__carousel--block .splide__pagination {
  margin-top: 30px;
}
.section__carousel--block:before {
  content: '';
  position: absolute;
  display: block;
  height: 4px;
  top: 82px;
  right: 20px;
  left: 20px;
  border-radius: 4px;
  background-color: #019AFF;
}
.section__chart {
  width: 100%;
  margin: 30px auto 0;
}
.section__tokenomics {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
}
.section__tokenomics li {
  margin: 10px 10px 0;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  padding-left: 27px;
  position: relative;
}
.section__tokenomics li:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.section__tokenomics li.clr1:before {
  background-color: #e8c189;
}
.section__tokenomics li.clr2:before {
  background-color: #8c7ad1;
}
.section__tokenomics li.clr3:before {
  background-color: #f3efbd;
}
.section__tokenomics li.clr4:before {
  background-color: #227f9e;
}
.section__tokenomics li.clr5:before {
  background-color: #6378d6;
}
.section__tokenomics li.clr6:before {
  background-color: #e076b6;
}
.section__tokenomics li.clr7:before {
  background-color: #e8d189;
}
.section__tokenomics li.clr8:before {
  background-color: #79dc9b;
}
.section__tokenomics li.clr9:before {
  background-color: #019AFF;
}
.section__content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  padding: 40px 20px;
  position: relative;
}
.section__content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(29,38,59,0.6);
  pointer-events: none;
  z-index: 2;
}
.section__article-head {
  padding-bottom: 105px;
  position: relative;
}
.section__article-head:before {
  content: '';
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 2px;
  left: 0;
  background-color: rgb(10 12 18 / 72%);
  border-bottom: 1px solid #192841;
  pointer-events: none;
  z-index: 2;
}
.section--light {
  background-color: #192237;
}
.section--light:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(29,38,59,0.8);
  pointer-events: none;
  z-index: 2;
}
.section--pb0 {
  padding-bottom: 0;
}
.section--first {
  padding-top: 80px;
}
.section__treasury {
  padding-top: 0;
  overflow: visible;
  height: auto;
}
.section__tournament__explorer {
  padding-top: 80px;
  overflow: visible;
  height: 100%;
}
.section__tournament__details--first {
  padding-top: 40px;
}
.section--bt {
  border-top: 1px solid #192841;
}
.section--content {
  padding: 0;
}
.section--article {
  padding-top: 0;
  overflow: visible;
  height: 100%;
}

@media (min-width: 768px) {
  .section {
    padding: 65px 0;
  }
  .section__head {
    padding-bottom: 20px;
  }
  .section__title strong {
    margin-bottom: 20px;
  }
  .section__title h1,
  .section__title h2 {
    font-size: 36px;
    line-height: 48px;
  }
  .section__title--between {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .section__title--between h1,
  .section__title--between h2 {
    text-align: left;
    width: 50%;
    padding-right: 30px;
    margin-bottom: 0;
  }
  .section__title--between p {
    text-align: left;
    width: 50%;
    margin-bottom: 0;
  }
  .section__title--carousel {
    margin-bottom: 5px;
  }
  .section__title--page {
    margin-top: 60px;
  }
  .section__btn {
    margin: 50px auto 0;
  }
  .section__btn--grid {
    margin: 10px auto 20px;
  }
  .section__carousel .splide__pagination {
    margin-top: 40px;
  }
  .section__carousel--block {
    margin-top: 30px;
    padding: 40px;
  }
  .section__carousel--block:before {
    left: 40px;
    right: 40px;
    top: 97px;
  }
  .section__chart {
    width: 465px;
    margin: 60px auto 0;
  }
  .section__tokenomics {
    margin-top: 20px;
  }
  .section__article-head {
    padding-bottom: 115px;
  }
  .section--pb0 {
    padding-bottom: 0;
  }
  .section--first {
    padding-top: 80px;
  }
  .section__tournament__details--first {
    padding-top: 40px;
  }
  .section--content {
    padding: 0;
  }
  .section--article {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .section__title--grid-left {
    margin-bottom: 0;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
    padding-left: 55px;
  }
  .section__title--grid-left h1,
  .section__title--grid-left h2,
  .section__title--grid-left p {
    text-align: left;
  }
  .section__title--grid-right {
    margin-bottom: 0;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
    padding-right: 55px;
  }
  .section__title--grid-right h1,
  .section__title--grid-right h2,
  .section__title--grid-right p {
    text-align: left;
  }
  .section__btn--grid {
    margin: 20px 0 0;
  }
  .section__chart {
    margin: 0 auto;
  }
  .section__tokenomics {
    padding-left: 55px;
    justify-content: flex-start;
    margin-top: 15px;
  }
  .section__tokenomics li {
    margin: 15px 35px 0 0;
  }
  .section__tokenomics--right {
    padding-left: 0;
    padding-right: 55px;
  }
}
@media (min-width: 1200px) {
  .section__title--carousel {
    align-items: flex-start;
  }
  .section__title--carousel h1,
  .section__title--carousel h2,
  .section__title--carousel p {
    text-align: left;
  }
  .section__title--page h1 {
    font-size: 40px;
    line-height: 54px;
  }
  .section__carousel {
    overflow: visible;
  }
  .section__chart {
    width: 480px;
  }
}
/*==============================
	Filter
==============================*/
.filter {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #192841;
  margin-bottom: 10px;
}
.filter__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px 0 10px;
  position: relative;
}
.filter__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  z-index: 2;
}
.filter__search {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.filter__search:hover input {
  border-color: #019AFF;
}
.filter__search input {
  width: 100%;
  height: 46px;
  background-color: transparent;
  color: #fff;
  font-size: 14px;
  border-radius: 10px;
  border: 2px solid rgba(170,114,206,0.1);
  padding: 0 60px 0 20px;
  cursor: default;
  font-weight: 400;
}
.filter__search input:focus {
  border-color: #019AFF;
}
.filter__search button {
  position: absolute;
  right: 20px;
  top: 2px;
  height: 42px;
  width: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.filter__search button svg {
  width: 18px;
  height: auto;
  fill: #fff;
  transition: fill 0.5s ease;
}
.filter__search button:hover svg {
  fill: #019AFF;
}
.filter__select2 {
  width: auto !important;
  margin-right: 30px;
}
.filter__select2 .select2-selection--single {
  height: 40px;
  background-color: transparent;
  border-radius: 0;
  border: none;
}
.filter__select2 .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  color: #fff;
  padding: 0 18px 0 0;
  font-size: 14px;
  font-weight: 400;
  transition: 0.5s ease;
}
.filter__select2 .select2-selection--single[aria-expanded="true"] {
  background-color: transparent;
}
.filter__select2 .select2-selection--single:hover .select2-selection__rendered {
  color: #019AFF;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: transparent;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__rendered {
  color: #514848;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__rendered:hover {
  color: #514848;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__arrow {
  background: none;
  display: none;
  transition: 0.5s ease;
}

.filter__select2:last-child {
  margin-right: 0;
}
.filter__select2 .select2-selection--single .select2-selection__arrow {
  height: 20px;
  width: 16px;
  top: 10px;
  right: 0;
  background: url("../img/arrow.svg") no-repeat center right;
  background-size: 14px auto;
  margin-top: 1px;
  transition: 0.5s ease;
}
.filter__select2 .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.filter__select2 .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #019AFF;
  color: #fff;
  white-space: nowrap;
}
.filter__select2 .select2-results__option--selected {
  color: #fff;
  background-color: #019AFF;
  cursor: default;
}
.filter__select2 .select2-results__option[aria-selected="true"] {
  background-color: transparent;
  color: #019AFF;
  cursor: default;
}
.filter__select2 .select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
  color: #019AFF;
}
.filter__select2 .select2-results__option {
  padding: 0 0;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  height: 36px;
  line-height: 36px;
  transition: 0.5s ease;
}
.filter__select2 .select2-dropdown {
  border: 1px solid #141a2a;
  border-radius: 10px !important;
  min-width: 180px;
  padding: 12px 0 12px 20px;
  background: #192237;
  box-shadow: none;
  z-index: 98;
}
.filter__select2 .select2-container--open .select2-dropdown--below {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.filter__select2 .select2-container--open .select2-dropdown--above {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.filter__select2 .select2-results__options::-webkit-scrollbar {
  width: 16px;
  background-clip: padding-box;
}
.filter__select2 .select2-results__options::-webkit-scrollbar-track {
  background-color: #192841;
  height: 8px;
  background-clip: padding-box;
  border-right: 12px solid rgba(0,0,0,0);
  border-top: 12px solid rgba(0,0,0,0);
  border-bottom: 12px solid rgba(0,0,0,0);
}
.filter__select2 .select2-results__options::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #019AFF;
  border-right: 12px solid rgba(0,0,0,0);
  border-top: 12px solid rgba(0,0,0,0);
  border-bottom: 12px solid rgba(0,0,0,0);
}
.filter__select2 .select2-results__options::-webkit-scrollbar-button {
  display: none;
}
.search__btn {
  position: relative;
  width: 130px;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin-left: 3px;
  margin-right: 3px;
  letter-spacing: 1px;
  border: 2px solid #192841;
  background: linear-gradient(135deg, #402d4c 0%, #11182a);
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.search__btn:hover:not([disabled]) {
  color: #fff;
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}
.search__btn--nephrite {
  border-color: rgba(34,127,158,0.12);
  background: linear-gradient(135deg, #0f323e 0%, #11182a);
}
.search__btn--nephrite:hover:not([disabled]) {
  box-shadow: 0 0 22px rgba(34,127,158,0.14);
  border-color: #227f9e;
}
.search__btn--black {
  border-color: rgba(38, 43, 44, 0.12);
  background: linear-gradient(135deg, #2e2d2b 0%, #1a1a1a);
}
.search__btn--black:hover:not([disabled]) {
  box-shadow: 0 0 22px rgba(45, 48, 49, 0.14);
  border-color: #898c8d;
}
@media (min-width: 768px) {
  .filter {
    margin-bottom: 0;
  }
  .filter__content {
    padding: 0;
    height: auto;
    flex-direction: row;
    align-items: center;
  }
  .filter__content--reverse {
    flex-direction: row-reverse;
  }
  .filter__content--reverse .filter__search {
    margin-right: 0;
    width: 240px;
  }
  .filter__content--reverse .filter__search input {
    width: 240px;
  }
  .filter__search {
    margin-bottom: 0;
    width: 260px;
    margin-right: 30px;
  }
  .filter__search input {
    width: 260px;
  }
}
@media (min-width: 992px) {
  .filter__content--reverse .filter__search {
    width: 280px;
  }
  .filter__content--reverse .filter__search input {
    width: 280px;
  }
  .filter__search {
    width: 300px;
  }
  .filter__search input {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .filter__content--reverse .filter__search {
    width: 280px;
  }
  .filter__content--reverse .filter__search input {
    width: 280px;
  }
  .filter__search {
    width: 350px;
  }
  .filter__search input {
    width: 350px;
  }
}
/*==============================
	Splide
==============================*/
.splide--content .splide__arrows,
.splide--block .splide__arrows {
  position: relative;
}
.splide--content .splide__arrow,
.splide--block .splide__arrow {
  display: none;
}
.splide--details {
  width: 100%;
}
.splide--details .splide__slide img {
  width: 100%;
}
.splide--details .splide__arrow {
  position: absolute;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 50%;
  z-index: 2;
  background-color: #192237;
  border-radius: 10px;
  opacity: 1;
  transition: 0.5s ease;
  transition-property: opacity, transform;
}
.splide--details .splide__arrow svg {
  width: 24px;
  height: auto;
  fill: #dedede;
  transition: fill 0.5s ease;
}
.splide--details .splide__arrow:hover svg {
  fill: #019AFF;
}
.splide--details .splide__arrow--prev {
  left: 15px;
}
.splide--details .splide__arrow--prev svg {
  transform: none;
}
.splide--details .splide__arrow--next {
  right: 15px;
}
@media (min-width: 1200px) {
  .splide--content .splide__arrows {
    width: 1110px;
    margin: 0 auto;
  }
  .splide--content .splide__arrow {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    right: 0;
    top: -45px;
    z-index: 2;
    background-color: #192237;
    border-radius: 14px;
    opacity: 1;
    transform: none;
  }
  .splide--content .splide__arrow svg {
    width: 22px;
    height: auto;
    fill: #dedede;
    transition: fill 0.5s ease;
  }
  .splide--content .splide__arrow:hover svg {
    fill: #019AFF;
  }
  .splide--content .splide__arrow--prev {
    right: 51px;
    left: auto;
  }
  .splide--content .splide__arrow--prev svg {
    transform: none;
  }
  .splide--content .splide__arrow--next {
    right: 0;
  }
  .splide--block .splide__arrows {
    position: absolute;
    width: auto;
    margin: 0;
    left: 0;
    right: 0;
  }
  .splide--block .splide__arrow {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    right: 0;
    top: -115px;
    z-index: 2;
    background-color: #141a2a;
    border-radius: 10px;
    opacity: 1;
    transform: none;
  }
  .splide--block .splide__arrow svg {
    width: 22px;
    height: auto;
    fill: #dedede;
    transition: fill 0.5s ease;
  }
  .splide--block .splide__arrow:hover svg {
    fill: #019AFF;
  }
  .splide--block .splide__arrow--prev {
    right: 51px;
    left: auto;
  }
  .splide--block .splide__arrow--prev svg {
    transform: none;
  }
  .splide--block .splide__arrow--next {
    right: 0;
  }
  .splide--details .splide__arrow {
    display: flex;
  }
}
/*==============================
	Breadcrumb
==============================*/
.breadcrumb {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 25px;
}
.breadcrumb__item {
  font-size: 14px;
  line-height: 22px;
  color: #dedede;
  transition: color 0.5s ease;
  position: relative;
  margin-right: 32px;
}
.breadcrumb__item:before {
  content: '';
  position: absolute;
  left: 100%;
  top: 2px;
  bottom: 0;
  width: 32px;
  background: url("../img/breadcrumb.svg") no-repeat center/16px auto;
}
.breadcrumb__item:hover {
  color: #fff;
}
.breadcrumb__item:last-child {
  margin-right: 0;
}
.breadcrumb__item:last-child:before {
  display: none;
}
.breadcrumb__item--active {
  cursor: default;
  margin-right: 0;
}
.breadcrumb__item--active:before {
  display: none;
}
.breadcrumb__item--active:hover {
  color: #dedede;
}
.breadcrumb a {
  color: #fff;
  text-decoration: none;
}
.breadcrumb a:hover {
  color: #019AFF;
}
@media (min-width: 768px) {
  .breadcrumb {
    margin-top: 30px;
  }
}
/*==============================
	Paginator
==============================*/
.paginator {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 30px auto 0;
  width: 100%;
  height: 60px;
  border-radius: 20px;
  background-color: #192237;
}
.paginator--table {
  margin-top: 20px;
}
.paginator__pages {
  display: none;
}
.paginator__list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.paginator__list li {
  margin-right: 15px;
}
.paginator__list li:last-child {
  margin-right: 0;
}
.paginator__list li.active a {
  cursor: default;
  font-weight: 700;
  color: #019AFF;
}
.paginator__list li.active a:hover {
  color: #019AFF;
}
.paginator__list a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background-color: #141a2a;
  font-size: 14px;
  color: #dedede;
  font-weight: 400;
}
.paginator__list a svg {
  width: 20px;
  height: auto;
  fill: #dedede;
  transition: fill 0.5s ease;
}
.paginator__list a:hover {
  color: #019AFF;
}
.paginator__list a:hover svg {
  fill: #019AFF;
}
@media (min-width: 768px) {
  .paginator {
    padding: 0 20px;
    margin: 40px auto 0;
    height: 70px;
    justify-content: space-between;
  }
  .paginator--table {
    margin-top: 30px;
  }
  .paginator__pages {
    display: block;
    font-size: 14px;
    color: #dedede;
    font-weight: 400;
  }
}
/*==============================
	Paginator-NEW
==============================*/
.paginator-new-container {
  height: 140px;
  display: none; /* TODO: DECIDE WHETHER USE OR NOT */
}
.paginator-new {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0 20px;
  margin: 40px auto 0;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  background-color: #192237;
}
.paginator-new__pages {
  display: block;
  font-size: 14px;
  color: #dedede;
  font-weight: 400;
}
@media (min-width: 768px) {
  .paginator-new-container {
    height: 100px;
    display: none; /* TODO: DECIDE WHETHER USE OR NOT */
  }
}
/*==============================
	Features
==============================*/
.features {
  background-color: #192237;
  padding: 30px 20px;
  border-radius: 10px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 310px;
  border: 1px solid rgb(118 143 175 / 37%);
  background: linear-gradient(178deg, #223b6d 0%, #141314);
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
  cursor: pointer;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.features:hover .features__title__purple:before {
  box-shadow: 0 0 16px #019AFF80;
  background-color: #019AFF;
}
.features--first {
  margin-top: 0;
}
.features--mt {
  margin-top: 20px;
}
.features__title__purple {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  position: relative;
  z-index: 3;
  padding-top: 19px;
  margin-bottom: 10px;
  width: 100%;
}
.features__title__purple b {
  font-weight: 700;
}
.features__title__purple:before {
  content: '';
  position: absolute;
  display: block;
  width: 28px;
  height: 4px;
  border-radius: 4px;
  background-color: #192841;
  top: 0;
  left: 0;
  transition: 0.5s ease;
}
.features__text {
  position: relative;
  z-index: 3;
  font-size: 16px;
  line-height: 24px;
  color: #a6afb3;
  min-height: 105px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .features {
    padding: 25px;
    margin-top: 30px;
  }
  .features--first {
    margin-top: 0;
  }
  .features--mt {
    margin-top: 30px;
  }
  .features__title__purple {
    padding-top: 12px;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .features {
    margin-top: 30px;
  }
  .features--mt {
    margin-top: 30px;
  }
}
/*==============================
	Step
==============================*/
.step {
  background-color: #192237;
  padding: 30px 20px;
  border-radius: 20px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
}
.step:hover .step__number {
  text-shadow: 0 0 14px rgba(170,114,206,0.5);
}
.step--first {
  margin-top: 0;
}
.step--mt {
  margin-top: 20px;
}
.step--green .step__number {
  color: #e8d189;
}
.step--green:hover .step__number {
  text-shadow: 0 0 14px rgba(232,209,137,0.5);
}
.step--light .step__number {
  color: #227f9e;
}
.step--light:hover .step__number {
  text-shadow: 0 0 14px rgba(34,127,158,0.5);
}
.step__number {
  margin-top: -4px;
  margin-left: -1px;
  font-size: 50px;
  line-height: 100%;
  font-weight: 600;
  color: #019AFF;
  transition: text-shadow 0.5s ease;
}
.step__title {
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  position: relative;
  z-index: 3;
  padding-top: 15px;
  margin-bottom: 10px;
}
.step__title b {
  font-weight: 700;
}
.step__text {
  position: relative;
  z-index: 3;
  font-size: 16px;
  line-height: 26px;
  color: #dedede;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .step {
    padding: 40px;
    margin-top: 30px;
  }
  .step--first {
    margin-top: 0;
  }
  .step--mt {
    margin-top: 30px;
  }
  .step__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .step {
    margin-top: 0;
  }
  .step--mt {
    margin-top: 30px;
  }
}
/*==============================
	Resources
==============================*/
.resources {
  background-color: #192237;
  padding: 105px 20px 30px;
  border-radius: 20px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
}
.resources:hover .resources__icon {
  box-shadow: 0 0 20px rgba(170,114,206,0.5);
}
.resources--green .resources__icon {
  background-color: #e8d189;
}
.resources--green:hover .resources__icon {
  box-shadow: 0 0 20px rgba(232,209,137,0.5);
}
.resources--light .resources__icon {
  background-color: #227f9e;
}
.resources--light:hover .resources__icon {
  box-shadow: 0 0 20px rgba(34,127,158,0.5);
}
.resources__icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 30px;
  left: 20px;
  border-radius: 14px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  background-color: #019AFF;
  transition: box-shadow 0.5s ease;
}
.resources__icon svg {
  width: 32px;
  height: auto;
  fill: #192237;
  position: relative;
  z-index: 2;
}
.resources__title {
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  position: relative;
  z-index: 3;
  margin-bottom: 10px;
}
.resources__title b {
  font-weight: 700;
}
.resources__text {
  position: relative;
  z-index: 3;
  font-size: 16px;
  line-height: 26px;
  color: #dedede;
  margin-bottom: 0;
}
.resources__link {
  font-size: 16px;
  line-height: 26px;
  margin-top: 16px;
  color: #019AFF;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
}
.resources__link:before {
  content: '';
  position: absolute;
  display: block;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 2px;
  border-radius: 4px;
  background-color: #019AFF;
  opacity: 0;
  transition: 0.5s ease;
  transition-property: opacity, bottom;
  pointer-events: none;
}
.resources__link:hover {
  color: #019AFF;
}
.resources__link:hover:before {
  opacity: 1;
}
@media (min-width: 768px) {
  .resources {
    padding: 120px 40px 40px;
    margin-top: 30px;
  }
  .resources__title {
    margin-bottom: 15px;
  }
  .resources__icon {
    top: 40px;
    left: 40px;
  }
  .resources__link {
    margin-top: 25px;
  }
}
@media (min-width: 992px) {
  .resources {
    padding: 120px 30px 40px 40px;
  }
}
@media (min-width: 1200px) {
  .resources {
    padding: 120px 35px 40px 40px;
  }
}
/*==============================
	Team
==============================*/
.team {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  position: relative;
  margin-top: 20px;
}
.team:hover .team__social a {
  opacity: 1;
  margin-top: 0;
}
.team:hover .team__img:before {
  opacity: 1;
}
.team__img {
  border-radius: 20px;
  width: 100%;
  overflow: hidden;
  z-index: 2;
  position: relative;
}
.team__img img {
  position: relative;
  width: 100%;
  z-index: 1;
}
.team__img:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(29,38,59,0.85) 0%, rgba(29,38,59,0.1) 100%);
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.team__social {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 20px;
  height: 20px;
  z-index: 3;
}
.team__social a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  opacity: 0;
  margin-top: 20px;
  transition: 0.5s ease;
  transition-property: opacity, margin-top;
}
.team__social a:first-child {
  transition-delay: 50ms;
}
.team__social a:nth-child(2) {
  transition-delay: 100ms;
}
.team__social a:nth-child(3) {
  transition-delay: 150ms;
}
.team__social a:nth-child(4) {
  transition-delay: 200ms;
}
.team__social a:nth-child(5) {
  transition-delay: 250ms;
}
.team__social a:nth-child(6) {
  transition-delay: 300ms;
}
.team__social a:nth-child(7) {
  transition-delay: 350ms;
}
.team__social a svg {
  width: 20px;
  height: auto;
  fill: #fff;
  transition: fill 0.5s ease;
}
.team__social a:last-child {
  margin-right: 0;
}
.team__social a:nth-child(3n+1):hover svg {
  fill: #019AFF;
}
.team__social a:nth-child(3n+2):hover svg {
  fill: #e8d189;
}
.team__social a:nth-child(3n+3):hover svg {
  fill: #227f9e;
}
.team__about {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 15px;
}
.team__about h3 {
  width: 100%;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 3px;
}
.team__about span {
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 0;
  color: #019AFF;
}
@media (min-width: 576px) {
  .team__about {
    padding: 40px 20px 20px;
    border-radius: 0 0 20px 20px;
    margin-top: -20px;
    background-color: #192237;
    border-top: none;
  }
  .team__about h3 {
    margin-bottom: 10px;
  }
  .team__about span {
    line-height: 100%;
  }
  .team__social {
    left: 20px;
    right: 20px;
  }
  .team__social a {
    margin-right: 15px;
  }
  .team__social a:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .team {
    margin-top: 30px;
  }
}
/*==============================
	Gallery
==============================*/
.gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(10, 10vw);
  grid-gap: 20px;
  margin-top: 20px;
}
.gallery__item {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
}
.gallery__item:hover img {
  transform: scale(1.1);
}
.gallery__item a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.gallery__item img {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.gallery__item--1 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 5;
}
.gallery__item--2 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 5;
  grid-row-end: 8;
}
.gallery__item--3 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 5;
  grid-row-end: 8;
}
.gallery__item--4 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 8;
  grid-row-end: 11;
}
.gallery__item--5 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 5;
  grid-row-end: 8;
}
.gallery__item--6 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 5;
  grid-row-end: 8;
}
.gallery__item--7 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 5;
}
.gallery__item--8 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 8;
  grid-row-end: 11;
}
@media (min-width: 768px) {
  .gallery {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 12vw);
    grid-gap: 30px;
    margin-top: 30px;
  }
  .gallery__item--1 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 5;
  }
  .gallery__item--2 {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .gallery__item--3 {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .gallery__item--4 {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 5;
  }
  .gallery__item--5 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .gallery__item--6 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .gallery__item--7 {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 5;
  }
  .gallery__item--8 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 5;
  }
}
@media (min-width: 1200px) {
  .gallery {
    grid-template-rows: repeat(4, 7vw);
  }
}
/*==============================
	Sponsors
==============================*/
.sponsors {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  margin-top: 20px;
  border: 1px solid #192841;
  border-left: none;
  border-right: none;
  overflow: hidden;
}
.sponsors li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 90px;
  border-top: 1px solid #192841;
  border-right: 1px solid #192841;
}
.sponsors li:nth-child(2n) {
  border-right: none;
}
.sponsors li:nth-child(2n) a {
  padding-right: 0;
  padding-left: 20px;
}
.sponsors li:nth-child(1),
.sponsors li:nth-child(2) {
  border-top: none;
}
.sponsors a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 20px;
  position: relative;
}
.sponsors a span {
  position: absolute;
  transform: scale(0.8);
  opacity: 0;
  transition: 0.35s linear;
  transition-property: transform, opacity;
  font-size: 16px;
  color: #fff;
}
.sponsors a img {
  max-width: 100%;
  opacity: 1;
  transition: 0.35s linear;
  transition-property: transform, opacity;
}
.sponsors a:hover span {
  opacity: 1;
  transform: scale(1);
}
.sponsors a:hover img {
  opacity: 0;
  transform: scale(0.8);
}
@media (min-width: 400px) {
  .sponsors li {
    height: 100px;
  }
  .sponsors li:nth-child(2n) a {
    padding: 0 20px;
  }
  .sponsors li a {
    padding: 0 20px;
  }
}
@media (min-width: 576px) {
  .sponsors li:nth-child(2n) a {
    padding: 0 40px;
  }
  .sponsors li a {
    padding: 0 40px;
  }
}
@media (min-width: 768px) {
  .sponsors {
    margin-top: 30px;
    border-radius: 20px;
    border-left: 1px solid #192841;
    border-right: 1px solid #192841;
  }
  .sponsors li {
    width: 33.333333%;
    height: 120px;
  }
  .sponsors li:nth-child(2n) {
    border-right: 1px solid #192841;
  }
  .sponsors li:nth-child(2n) a {
    padding: 0 30px;
  }
  .sponsors li:nth-child(3n) {
    border-right: none;
  }
  .sponsors li:nth-child(3) {
    border-top: none;
  }
  .sponsors li a {
    padding: 0 30px;
  }
  .sponsors--small li {
    width: 25%;
  }
  .sponsors--small li:nth-child(3n) {
    border-right: 1px solid #192841;
  }
  .sponsors--small li:nth-child(4n) {
    border-right: none;
  }
  .sponsors--small li:nth-child(4) {
    border-top: none;
  }
  .sponsors--small li:nth-child(2n) a {
    padding: 0 20px;
  }
  .sponsors--small li a {
    padding: 0 20px;
  }
}
@media (min-width: 992px) {
  .sponsors li {
    width: 25%;
  }
  .sponsors li:nth-child(3n) {
    border-right: 1px solid #192841;
  }
  .sponsors li:nth-child(4n) {
    border-right: none;
  }
  .sponsors li:nth-child(4) {
    border-top: none;
  }
  .sponsors--small {
    margin-top: 0;
  }
  .sponsors--small li {
    width: 50%;
  }
  .sponsors--small li:nth-child(3),
  .sponsors--small li:nth-child(4) {
    border-top: 1px solid #192841;
  }
  .sponsors--small li:nth-child(2n) {
    border-right: none;
  }
  .sponsors--small li:nth-child(2n) a {
    padding: 0 30px;
  }
  .sponsors--small li a {
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .sponsors li:nth-child(2n) a {
    padding: 0 45px;
  }
  .sponsors li a {
    padding: 0 45px;
  }
  .sponsors li a span {
    font-size: 18px;
  }
}
/*==============================
	Bullish Pools
==============================*/
.bullish__pools__body {
  border-radius: 10px;
  position: relative;
  margin-top: -90px;
  margin-bottom: 20px;
  min-height: 150px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.bullish__pools__bottom {
  position: relative;
  margin-top: -80px;
  min-height: 300px;
  padding: 20px;
  background: transparent;
}
.accordion .bullish__pools__card:last-child {
  margin-bottom: 0px;
}
.bullish__pools__card {
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.bullish__pools__card button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 80px;
  padding: 10px 10px 10px 10px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
  justify-content: space-between;
  cursor: default !important;
}
.bullish__pools__card button span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 35px;
  background-color: transparent;
  border: 1px solid #544061;
  position: absolute;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.bullish__pools__card button span svg {
  width: 20px;
  height: auto;
  fill: #fff;
  position: absolute;
  z-index: 2;
  transition: transform 0.5s ease;
}
.bullish__pools__card button span svg:last-child {
  transform: rotate(-90deg);
}
.bullish__pools__card button:hover span {
  box-shadow: 0 0 22px #223b6d;
}
.bullish__pools__card button[aria-expanded="true"] span {
  box-shadow: 0 0 22px #223b6d;
}
.bullish__pools__card button[aria-expanded="true"] span svg:last-child {
  transform: rotate(0deg);
}
.bullish__pools__card p {
  padding: 0 20px 20px;
  color: #dedede;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
}
.bullish__pools__card p b {
  font-weight: 600;
}
.bullish__pools__card p:first-child {
  border-top: 1px solid #192841;
  padding: 20px;
}
.div__bullish__pools__token__container {
  display: flex;
}
.div__bullish__pools__token__container img {
  width: 33px;
  height: 33px;
  z-index: 10;
}
.fpp__ratio__info__small {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
}
.fpp__ratio__info__small img.fpp {
  width: 33px;
  height: 39px;
}
.fpp__ratio__info__small img.arrow {
  width: 15px;
  height: 15px;
  margin-bottom: 7px;
}
.fpp__ratio__info__small img.cashback-token {
  width: 33px;
  height: 33px;
}
.fpp__ratio__info__small label.purple-grad {
  display: flex;
  margin-top: -10px;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.fpp__ratio__values {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cashback__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -5px;
}
.cashback__info label {
  font-size: 14px;
}
.cashback__info label.blue {
  display: flex;
  margin-bottom: -10px;
  background: -webkit-linear-gradient(#02a3f3, #8ec8ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.cashback__info label.white {
  color: #fff;
  user-select: none;
}
.cashback__info label.purple-grad {
  display: flex;
  margin-top: -10px;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.cashback__summary__small {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}
.cashback__summary__small label.title {
  font-size: 14px;
}
.cashback__summary__small label.apr-purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
  min-width: 60px;
  user-select: none;
  margin-top: -10px;
}
.cashback__summary__small label.total-staked-purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
  min-width: 60px;
  user-select: none;
  margin-top: -10px;
}
@media (min-width: 768px) {
  .bullish__pools__body {
    margin-top: -90px;
  }
  .fpp__ratio__info__small {
    display: none;
  }
  .fpp__ratio__info__large {
    display: flex;
  }
  .community__token__container__large {
    display: flex;
  }
  .community__token__container__small {
    display: none;
  }
  .fpp__ratio__values {
    align-items: flex-start;
  }
  .cashback__summary__small {
    display: none;
  }
}
@media (min-width: 992px) {
  .bullish__pools__body {
    margin-top: -150px;
  }
}
/*==============================
	Vault Competitions
==============================*/
.generic__pools__filter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-radius: 10px;
  position: relative;
  height: auto;
  margin-top: -90px;
  margin-bottom: 10px;
  background: #19223700;
}
.generic__pools__filter__box {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
}
.generic__pools__filter__btn {
  position: relative;
  width: 80px;
  height: 25px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 6px;
  color: #fff;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 1px;
  border: 1px solid #192841;
  margin: 2px;
  transition: 0.5s ease;
  cursor: pointer;
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.generic__pools__filter__btn:hover:not([disabled]) {
  color: #fff;
  box-shadow: 0 0 22px #223b6d;
}
.generic__pools__filter__btn label {
  cursor: pointer;
}
.generic__pools__filter__btn--selected {
  border: 1px solid #019AFF;
}
.generic__pools__filter__toggle {
  position: relative;
  width: 120px;
  height: 25px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  color: #fff;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 1px;
  transition: 0.5s ease;
  cursor: pointer;
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.generic__pools__filter__toggle label {
  cursor: pointer;
  margin: 2px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cccccc00;
  border: 1px solid #192841;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:hover:not([disabled]) {
  color: #fff;
  box-shadow: 0 0 10px #223b6d;
}
.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 1px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #162747;
  border: 1px solid #019AFF;
}
input:checked + .slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}

.vaults__competition__body__template__large {
  display: none;
  border-radius: 10px;
  position: relative;
  min-height: 150px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.vaults__competition__body__template__small {
  display: flex;
  border-radius: 10px;
  position: relative;
  margin-top: 0px;
  min-height: 150px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.vaults__competition__main {
  display: block;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
}
.vaults__competition__title__headers {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 40px;
  padding: 5px;
  --bs-bg-opacity: 1;
  background-color: rgb(0 0 0 / 25%) !important;
  cursor: pointer;
}
.vaults__competition__title__headers label {
  font-size: 14px;
  min-width: 100px;
  cursor: pointer;
}
.vaults__competition__title__headers label:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__title__headers label:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.rewards__small__layout {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}
.staking__vault__title__footers {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding: 5px;
  --bs-bg-opacity: 1;
  background-color: rgb(0 0 0 / 25%) !important;
  cursor: pointer;
}
.staking__vault__title__footers label {
  font-size: 14px;
  min-width: 100px;
  cursor: pointer;
}
.staking__vault__title__footers label:first-child {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 10px;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.staking__vault__title__footers label:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 10px;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__title__footers {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 40px;
  padding: 5px;
  --bs-bg-opacity: 1;
  background-color: rgb(0 0 0 / 25%) !important;
  cursor: pointer;
}
.vaults__competition__title__footers label {
  font-size: 14px;
  min-width: 100px;
  cursor: pointer;
}
.vaults__competition__title__footers label:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__title__footers label:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__pools {
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
  border: 2px solid #223b6d;
  transition: 0.5s ease;
}
.vaults__competition__pools:hover {
  color: #fff;
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}
.vaults__competition__pools button {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 80px;
  padding: 0px 0px 50px 0px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
}
.vaults__competition__pools button label {
  cursor: pointer;
}
.vaults__competition__staking__token {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 10px;
}
.vaults__competition__staking__token img {
  width: 50px;
  height: 50px;
  z-index: 10;
}
.vaults__competition__staking__token label {
  font-size: 16px;
}
.vaults__competition__staking__token label.green {
  display: flex;
  background: -webkit-linear-gradient(#167570, #00fff1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  user-select: none;
}
.vaults__competition__time__info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
}
.vaults__competition__time__info label {
  font-size: 15px;
  margin: 3px;
}
.vaults__competition__time__info label.blue {
  display: flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__time__info label.green {
  display: flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__time__info label.yellow {
  display: flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(#80811b, #fdff4a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__time__info label.gray {
  display: flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(rgb(247 247 243), #7d7d7d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__participants__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: -10px;
}
.vaults__competition__participants__info label {
  font-size: 15px;
  margin: 3px;
}
.vaults__competition__participants__info label.purple {
  display: flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__participants__info label.blue {
  display: flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__duration__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: -10px;
}
.vaults__competition__duration__info img {
  height: 30px;
  width: 30px;
}
.vaults__competition__duration__info label {
  font-size: 15px;
  margin: 3px;
}
.vaults__competition__duration__info label.orange {
  display: flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(#ffd78d, #ffae00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__duration__info label.blue {
  display: flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__prize__reward__tokens {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
}
.vaults__competition__prize__reward__tokens div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.vaults__competition__prize__reward__tokens div img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
.vaults__competition__prize__reward__tokens div div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.vaults__competition__prize__reward__tokens div div label {
  font-size: 14px;
  min-width: 70px;
  margin-bottom: -11px;
}
.vaults__competition__prize__reward__tokens div div label:last-child {
  font-size: 14px;
  min-width: 70px;
  margin-bottom: 0px;
}
.vaults__competition__prize__reward__tokens div div label.apr-purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__prize__reward__tokens div div label.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__prize__reward__tokens div label.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.pool__total__staked__tokens {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
}
.pool__total__staked__tokens div:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.pool__total__staked__tokens div:last-child label {
  font-size: 14px;
  min-width: 70px;
  margin-bottom: -11px;
}
.pool__total__staked__tokens div:last-child label:last-child {
  font-size: 14px;
  min-width: 70px;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .vaults__competition__body__template__large {
    display: flex;
  }
  .vaults__competition__body__template__small {
    display: none;
  }
  .vaults__competition__title__headers {
    justify-content: space-between;
    border-start-start-radius: 10px;
    border-start-end-radius: 10px;
  }
  .vaults__competition__title__footers {
    justify-content: space-between;
  }
  .vaults__competition__pools button {
    flex-direction: row;
    padding: 10px;
    justify-content: space-between;
  }
  .div__left {
    display: flex;
    justify-content: flex-start;
    width: 180px;
  }
  .div__right {
    display: flex;
    justify-content: flex-end;
    width: 180px;
  }
  .vaults__competition__title__headers label {
    font-size: 16px;
    min-width: 110px;
  }
  .vaults__competition__title__footers label {
    font-size: 16px;
    min-width: 150px;
  }
  .vaults__competition__title__headers label:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: -webkit-linear-gradient(#165f5b, #18df43);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    user-select: none;
  }
  .vaults__competition__title__headers label:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: -webkit-linear-gradient(#165f5b, #18df43);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    user-select: none;
  }
  .vaults__competition__title__footers label:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 10px;
    background: -webkit-linear-gradient(#165f5b, #18df43);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    user-select: none;
  }
  .vaults__competition__title__footers label:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 10px;
    background: -webkit-linear-gradient(#165f5b, #18df43);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    user-select: none;
  }
  .generic__pools__filter__btn {
    width: 100px;
    height: 30px;
    font-size: 11px;
    font-weight: 700;
    border: 2px solid #192841;
    margin: 4px;
  }
  .generic__pools__filter__btn--selected {
    border: 2px solid #019AFF;
  }
  .generic__pools__filter__toggle {
    width: 130px;
    height: 30px;
    font-size: 11px;
    font-weight: 700;
  }
  .generic__pools__filter__toggle label {
    margin: 4px;
  }
  .switch {
    width: 52px;
    height: 30px;
  }
  .slider {
    border: 2px solid #192841;
  }
  .slider:before {
    height: 22px;
    width: 22px;
    left: 2px;
    bottom: 2px;
  }
  input:checked + .slider {
    border: 2px solid #019AFF;
  }
  input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
  }
}
@media (min-width: 992px) {
  .generic__pools__filter {
    margin-top: -160px;
  }
  .generic__pools__filter__btn {
    width: 145px;
    height: 40px;
    font-size: 12px;
    font-weight: 700;
    border: 2px solid #192841;
    margin: 5px;
  }
  .generic__pools__filter__btn--selected {
    border: 2px solid #019AFF;
  }
  .generic__pools__filter__toggle {
    width: 145px;
    height: 40px;
    font-size: 12px;
    font-weight: 700;
  }
  .generic__pools__filter__toggle label {
    margin: 5px;
  }
  .switch {
    width: 60px;
    height: 34px;
  }
  .slider {
    border: 2px solid #192841;
  }
  .slider:before {
    height: 26px;
    width: 26px;
    left: 2px;
    bottom: 2px;
  }
  input:checked + .slider {
    border: 2px solid #019AFF;
  }
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
}
/*==============================
	Vault Competitions Detail
==============================*/
/* .emission__list {
  font-size: 15px;
  line-height: 24px;
  color: #a6afb3;
  width: 100%;
}
.emission__list span {
  color: #43cd4f;
} */

.vaults__competition__detail__time__info {
  width: 100%;
}
.vaults__competition__detail__time__info label.green {
  font-size: 15px;
  line-height: 24px;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__detail__time__info label.yellow {
  font-size: 15px;
  line-height: 24px;
  background: -webkit-linear-gradient(#80811b, #fdff4a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__detail__time__info label.gray {
  font-size: 15px;
  line-height: 24px;
  background: -webkit-linear-gradient(rgb(247 247 243), #7d7d7d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__detail__time__info span {
  font-size: 15px;
  line-height: 24px;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}

.vaults__competition__detail__layout__large {
  display: none;
  padding-bottom: 80px;
}
.vaults__competition__detail__layout__small {
  display: block;
  padding-bottom: 105px;
}
.vaults__competition__detail {
  border-radius: 10px;
  position: relative;
  margin-top: -60px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.vaults__competition__detail__second {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  position: relative;
  margin-top: -60px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.vaults__competition__detail__small {
  border-radius: 10px;
  position: relative;
  margin-top: -20px;
  padding: 20px;
  background: #192237;
}
.vaults__competition__detail__small__second {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 900px;
  margin-top: -20px;
  padding: 20px;
  border-radius: 10px;
  background: #192237;
}
.vaults__competition__detail__small__container__li {
  display: block;
}
.vaults__competition__detail__pool {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 80px;
  padding: 0px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 0px;
  transition: 0.5s ease;
}
.vaults__competition__detail__pool__second {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 80px;
  padding: 0px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  background-color: #00000040;
  border-end-start-radius: 10px;
  border-end-end-radius: 10px;
  margin-top: 0px;
  transition: 0.5s ease;
}
/****************************************************************************/
/*************************** TITLE AND SUMMARY  *****************************/
/****************************************************************************/
.vaults__competition__detail__section__title--first {
  border-start-start-radius: 10px;
  border-start-end-radius: 10px;
}
.vaults__competition__detail__section__title {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 18px;
  --bs-bg-opacity: 1;
  background-color: rgb(0 0 0 / 25%) !important;
}
.vaults__competition__detail__section__title label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background: -webkit-linear-gradient(rgb(255 215 7), #ff9c17);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__detail__subsection__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  --bs-bg-opacity: 1;
  background-color: rgb(22 29 46 / 72%) !important;
}
.vaults__competition__detail__subsection__title label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background: -webkit-linear-gradient(rgb(247 247 243), #7d7d7d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__detail__subsection__title span {
  margin-left: 5px;
}
.vaults__competition__detail__subsection__title span.green {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;  
}
.vaults__competition__detail__subsection__title span.yellow {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background: -webkit-linear-gradient(#80811b, #fdff4a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;  
}
.vaults__competition__detail__subsection__double__title {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  --bs-bg-opacity: 1;
  background-color: rgb(22 29 46 / 72%) !important;
}
.vaults__competition__detail__subsection__double__title div:first-child {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.vaults__competition__detail__subsection__double__title div:first-child span {
  margin-left: 5px;
}
.vaults__competition__detail__subsection__double__title div:last-child {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.vaults__competition__detail__subsection__double__title div:last-child span {
  margin-right: 5px;
}
.vaults__competition__detail__subsection__double__title label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background: -webkit-linear-gradient(rgb(247 247 243), #7d7d7d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
  line-height: unset;
}
.vaults__competition__detail__section__summary {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  --bs-bg-opacity: 1;
  background-color: #00000040 !important;
}
.vaults__competition__detail__section__summary label {
  display: flex;
  font-size: 14px;
  background: -webkit-linear-gradient(rgb(255 215 7), #ff9c17);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__detail__subsection__summary {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  --bs-bg-opacity: 1;
  background-color: rgb(22 29 46 / 72%) !important;
}
.vaults__competition__detail__subsection__summary label {
  display: flex;
  font-size: 13px;
  background: -webkit-linear-gradient(rgb(247 247 243), #7d7d7d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
  line-height: unset;
}
.vaults__competition__detail__subsection__double__summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  --bs-bg-opacity: 1;
  background-color: rgb(22 29 46 / 72%) !important;
}
.vaults__competition__detail__subsection__double__summary label {
  display: flex;
  font-size: 13px;
  background: -webkit-linear-gradient(rgb(247 247 243), #7d7d7d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
  line-height: unset;
}
.vaults__competition__detail__subsection__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  --bs-bg-opacity: 1;
  background-color: rgb(0 0 0 / 25%) !important;
}
.vaults__competition__detail__subsection__button div {
  position: relative;
  height: 28px;
  width: 135px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 7px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 2px solid #192841;
  background: linear-gradient(135deg, #162747 0%, #11182a);
  margin: 4px 2px 2px 4px;
  transition: 0.5s ease;
  cursor: pointer;
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.vaults__competition__detail__subsection__button div:hover:not([disabled]) {
  color: #fff;
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}
.vaults__competition__detail__subsection__button div label {
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
}
/****************************************************************************/
/************************* STAKING PHASES CIRCLES ***************************/
/****************************************************************************/
.vaults__competition__detail__staking__phases {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  color: #fff;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
  height: 22px;
}
.vaults__competition__detail__staking__phases__progress__small {
  display: flex;
  width: 100%;
}
.vaults__competition__detail__staking__phases__progress {
  display: flex;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 97%;
}
.vaults__competition__detail__staking__phases__circles {
  display: flex;
  position: relative;
  flex-direction: row;
  font-size: 25px;
  margin-top: -17px;
  width: 97%;
  height: 30px;
}
:root {
  --borderColor: #7c7a7f;
  --borderSize: 0px;
  --circleLeft: 0%;
  --circleColor: #00B200;
  --rotationType: clockwise;
  --borderBottomRankingRow: 0px;
  --medalStroke: #f6b410;
}
.circle {
  position: absolute;
  left: calc(var(--circleLeft) - 9px);
  height: 18px;
  width: 18px;
  border: var(--borderSize) solid var(--borderColor);
  border-radius: 50%;
  box-shadow: rgb(0 0 0 / 60%) 0px 0px 9px 0px;
}
.circle__prize__title {
  height: 18px;
  width: 18px;
  border: var(--borderSize) solid var(--borderColor);
  border-radius: 50%;
  box-shadow: rgb(0 0 0 / 60%) 0px 0px 9px 0px;
}
.static__circle {
  background: linear-gradient(45deg, var(--circleColor), #000000);
}
.spinning__circle {
  background: linear-gradient(var(--variableAngle), var(--circleColor), #000000);
  animation: var(--rotationType) 1s linear infinite;
}
@property --variableAngle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 1deg;
}
@keyframes anticlockwise {
  from {
  --variableAngle: 360deg;
  }
  to {
  --variableAngle: 1deg;
  }
}
@keyframes clockwise {
  from {
  --variableAngle: 1deg;
  }
  to {
  --variableAngle: 360deg;
  }
}
.vaults__competition__detail__final__prize__tokens {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  min-height: 80px;
  margin-left: 10px;
  margin-right: 10px;
}
.vaults__competition__detail__final__prize__tokens table {
  width: 100%;
}
.vaults__competition__detail__final__prize__tokens table tr td {
  font-size: 16px;
  color: #fff;
  padding: 1px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.vaults__competition__detail__final__prize__tokens table tr:first-child td {
  padding-top: 0;
}
.vaults__competition__detail__final__prize__tokens table tr td:first-child {
  color: #a6afb3;
  text-align: start;
}
.vaults__competition__detail__final__prize__tokens table tr td:first-child div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.vaults__competition__detail__final__prize__tokens table tr td:first-child div img {
  width: 25px;
  height: 25px;
  margin-right: 3px;
}
.vaults__competition__detail__final__prize__tokens table tr td:first-child div label {
  font-size: 13px;
}
.vaults__competition__detail__final__prize__tokens table tr td:last-child div label {
  font-size: 13px;
}
.vaults__competition__detail__final__prize__tokens table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.vaults__competition__detail__final__prize__tokens table tr td:last-child {
  text-align: end;
}
.vaults__competition__detail__final__prize__tokens table tr td:last-child div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.vaults__competition__detail__final__prize__tokens table tr td:last-child div label.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  font-size: 12px;
  margin-top: -12px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}

.vaults__competition__detail__reward__tokens {
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.vaults__competition__detail__reward__tokens table {
  width: 100%;
}
.vaults__competition__detail__reward__tokens table tr td {
  font-size: 16px;
  color: #fff;
  padding: 1px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.vaults__competition__detail__reward__tokens table tr:first-child td {
  padding-top: 0;
}
.vaults__competition__detail__reward__tokens table tr td:first-child {
  color: #a6afb3;
  text-align: start;
}
.vaults__competition__detail__reward__tokens table tr td:first-child div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 3px;
  margin-bottom: 3px;
}
.vaults__competition__detail__reward__tokens table tr td:first-child div img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
.vaults__competition__detail__reward__tokens table tr td:first-child div label {
  font-size: 15px;
}
.vaults__competition__detail__reward__tokens table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.vaults__competition__detail__reward__tokens table tr td:last-child {
  text-align: end;
}
.vaults__competition__detail__reward__tokens table tr td:last-child div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 3px;
  margin-bottom: 3px;
}
.vaults__competition__detail__reward__tokens table tr td:last-child div label.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  font-size: 16px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}

.token__logo__current__next__prizes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 27px;
  height: 100%;
}
.token__logo__current__next__prizes label {
  font-size: 16px;
  margin-top: -2px;
  margin-bottom: -5px;
  color: #a6afb3 !important;
}
.token__logo__current__next__prizes img {
  width: 27px;
  height: 27px;
  margin-top: 5px;
}
.vaults__competition__detail__current__next__prize__tokens {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  min-height: 80px;
  margin-left: 10px;
  margin-right: 10px;
}
.vaults__competition__detail__current__next__prize__tokens table {
  width: 100%;
}
.vaults__competition__detail__current__next__prize__tokens table tr {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #192841;
}
.vaults__competition__detail__current__next__prize__tokens table tr td {
  padding: 1px 0;
  transition: background-color 0.5s ease;
}
.vaults__competition__detail__current__next__prize__tokens table tr:first-child td {
  padding-top: 0;
}
.vaults__competition__detail__current__next__prize__tokens table tr td:first-child {
  text-align: start;
}
.vaults__competition__detail__current__next__prize__tokens table tr td:first-child div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100px;
}
.vaults__competition__detail__current__next__prize__tokens table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.vaults__competition__detail__current__next__prize__tokens table tr td:last-child {
  text-align: end;
}
.vaults__competition__detail__current__next__prize__tokens table tr td:last-child div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100px;
}
.vaults__competition__detail__current__next__prize__tokens table tr td div label {
  font-size: 13px;
  color: #fff;
  line-height: unset;
}
.vaults__competition__detail__current__next__prize__tokens table tr td div label.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  font-size: 12px;
  margin-top: -8px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
  line-height: unset;
}
.vaults__competition__detail__current__next__prize__tokens table tr:last-child {
  border-bottom: 0px;
}
.vaults__competition__detail__section__container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
}
.vaults__competition__detail__section__container__ranking {
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  height: 100%;
  width: 100%;
}
.vaults__competition__detail__total__staked__token {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
  min-height: 80px;
  color: #fff;
}
.vaults__competition__detail__total__staked__token div:first-child {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.vaults__competition__detail__total__staked__token div:first-child img {
  width: 25px;
  height: 25px;
  margin-right: 3px;
}
.vaults__competition__detail__total__staked__token div:first-child label {
  color: #a6afb3;
  font-size: 13px;
}
.vaults__competition__detail__total__staked__token div:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.vaults__competition__detail__total__staked__token div:last-child label {
  color: #fff;
  font-size: 13px;
}
.vaults__competition__detail__total__staked__token div:last-child label.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  font-size: 12px;
  margin-top: -12px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__detail__user__staked__token {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 80px;
  margin-left: 10px;
  margin-right: 10px;
}
.vaults__competition__detail__user__staked__token div:first-child {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.vaults__competition__detail__user__staked__token div:first-child img {
  width: 25px;
  height: 25px;
  margin-right: 3px;
}
.vaults__competition__detail__user__staked__token div:first-child label {
  color: #a6afb3;
  font-size: 13px;
}
.vaults__competition__detail__user__staked__token div:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.vaults__competition__detail__user__staked__token div:last-child label {
  font-size: 13px;
  color: #fff;
}
.vaults__competition__detail__user__staked__token div:last-child label.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  font-size: 12px;
  margin-top: -12px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__detail__rewards__tokens {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  min-height: 80px;
  margin-left: 10px;
  margin-right: 10px;
}
.vaults__competition__detail__rewards__tokens table {
  width: 100%;
}
.vaults__competition__detail__rewards__tokens table tr {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #192841;
}
.vaults__competition__detail__rewards__tokens table tr td {
  padding: 1px 0;
  transition: background-color 0.5s ease;
}
.vaults__competition__detail__rewards__tokens table tr:first-child td {
  padding-top: 0;
}
.vaults__competition__detail__rewards__tokens table tr td:first-child {
  text-align: start;
}
.vaults__competition__detail__rewards__tokens table tr td:first-child div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.vaults__competition__detail__rewards__tokens table tr td:first-child div div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.vaults__competition__detail__rewards__tokens table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.vaults__competition__detail__rewards__tokens table tr td:last-child {
  text-align: end;
}
.vaults__competition__detail__rewards__tokens table tr td:last-child div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.vaults__competition__detail__rewards__tokens table tr td:first-child div label {
  font-size: 13px;
  color: #a6afb3;
}
.vaults__competition__detail__rewards__tokens table tr td:last-child div label {
  font-size: 13px;
  color: #fff;  
}
.vaults__competition__detail__rewards__tokens table tr td div img {
  width: 25px;
  height: 25px;
  margin-right: 3px;
}
.vaults__competition__detail__rewards__tokens table tr td div label.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  font-size: 12px;
  margin-top: -12px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
  line-height: unset;
}
.vaults__competition__detail__rewards__tokens table tr:last-child {
  border-bottom: 0px;
}
.vaults__competition__detail__user__points__prize {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
}
.vaults__competition__detail__user__points__prize div:first-child {
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 20px;
}
.vaults__competition__detail__user__points__prize div:first-child label {
  color: #a6afb3;
  font-size: 13px;
}
.vaults__competition__detail__user__points__prize div:last-child {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.vaults__competition__detail__user__points__prize div:last-child label {
  font-size: 13px;
  color: #fff;
  line-height: 20px;
}
.vaults__competition__detail__user__points__prize div:last-child svg {
  height: 25px;
  width: 25px;
  stroke: var(--medalStroke);
}
.vaults__competition__detail__user__points__prize div:last-child label.green {
  display: flex;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  font-size: 13px;
  margin-left: 7px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__detail__large__scroll__ranking {
  margin-top: 0px;
  height: auto;
  width: 100%;
}
.vaults__competition__detail__small__scroll__ranking {
  margin-top: 0px;
  height: auto;
  width: 100%;
}
.vaults__competition__detail__scroll__ranking__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 7px;
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #00000040;
}
.vaults__competition__detail__ranking__data {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
}
.vaults__competition__detail__ranking__table {
  width: 100%;
  margin-top: 0px;
}
.vaults__competition__detail__ranking__table__row {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 3px;
  padding-right: 7px;
  border-bottom: var(--borderBottomRankingRow) solid #192841;
  transition: background-color 0.5s ease;
}
.vaults__competition__detail__ranking__table__row__common__data {
  display: flex;
  margin-top: 3px;
  margin-bottom: 3px;
  width: 100%;
  transition: background-color 0.5s ease;
}
.vaults__competition__detail__ranking__table__first__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 50px;
  color: #fff;
}
.vaults__competition__detail__ranking__table__last__column {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  line-height: 20px;
  color: #fff;
}
.vaults__competition__detail__ranking__table .vaults__competition__detail__ranking__table__row:last-child {
  border-bottom: 0;
}
.vaults__competition__detail__ranking__table__first__column div {
  display: flex;
}
.vaults__competition__detail__ranking__table__first__column div label {
  font-size: 13px;
}
.vaults__competition__detail__ranking__table__first__column div svg {
  height: 25px;
  width: 25px;
  stroke: var(--medalStroke);
}
.vaults__competition__detail__ranking__table__last__column div label {
  font-size: 13px;
}
.vaults__competition__detail__ranking__table__last__column div:first-child label {
  transition: 0.5s ease;
  cursor: pointer;
}
.vaults__competition__detail__ranking__table__last__column div:first-child label:hover {
  color: #019AFF;
}
.vaults__competition__detail__ranking__table__last__column div:first-child {
  display: flex;
  flex-direction: row;
  margin-right: 3px;
  align-items: center;
}
.vaults__competition__detail__ranking__table__last__column div:first-child svg {
  width: 20px;
  height: 20px;
  margin-left: 2px;
  stroke: #fff;
  transition: 0.5s ease;
  cursor: pointer;
}
.vaults__competition__detail__ranking__table__last__column div:first-child svg:hover {
  stroke: #019AFF;
}
.vaults__competition__detail__ranking__table__last__column div:first-child span.green {
  display: flex;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  margin-left: 4px;
  font-size: 12px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__detail__ranking__table__last__column div:last-child label.blue {
  display: flex;
  background: -webkit-linear-gradient(rgb(255 215 7), #ff9c17);
  font-size: 13px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__detail__ranking__table__last__column div:last-child label.green {
  display: flex;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  font-size: 13px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.vaults__competition__detail__ranking__table__row__prize {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 5px;
  width: 100%;
}
.vaults__competition__detail__ranking__table__row__prize--soft__background {
  background-color: rgb(29 38 59);
}
.vaults__competition__detail__ranking__table__row__prize table {
  width: 100%;
}
.vaults__competition__detail__ranking__table__row__prize table tr {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  border-bottom: 1px solid #192841;
}
.vaults__competition__detail__ranking__table__row__prize table tr td {
  padding: 1px 0;
  transition: background-color 0.5s ease;
}
.vaults__competition__detail__ranking__table__row__prize table tr:first-child td {
  padding-top: 0;
}
.vaults__competition__detail__ranking__table__row__prize table tr td:first-child {
  text-align: start;
}
.vaults__competition__detail__ranking__table__row__prize table tr td:first-child div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.vaults__competition__detail__ranking__table__row__prize table tr td:first-child div div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.vaults__competition__detail__ranking__table__row__prize table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.vaults__competition__detail__ranking__table__row__prize table tr td:last-child {
  text-align: end;
}
.vaults__competition__detail__ranking__table__row__prize table tr td:last-child div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.vaults__competition__detail__ranking__table__row__prize table tr td:first-child div label {
  font-size: 13px;
  color: #a6afb3;
}
.vaults__competition__detail__ranking__table__row__prize table tr td:last-child div label {
  font-size: 13px;
  color: #fff;  
}
.vaults__competition__detail__ranking__table__row__prize table tr td div img {
  width: 25px;
  height: 25px;
  margin-right: 3px;
}
.vaults__competition__detail__ranking__table__row__prize table tr td div label.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  font-size: 12px;
  margin-top: -12px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
  line-height: unset;
}
.vaults__competition__detail__ranking__table__row__prize table tr:last-child {
  border-bottom: 0px;
}
@media (max-width: 350px) {
  .vaults__competition__detail__current__next__prize__tokens table tr td:first-child div {
    width: 80px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td:last-child div {
    width: 80px;
  }
}
@media (max-width: 291px) {
  .vaults__competition__detail__subsection__double__title label {
    line-height: 18px;
  }
}
@media (max-width: 370px) {
  .vaults__competition__detail__subsection__double__summary label {
    font-size: 13px;
    line-height: 20px;
  }
}
@media (max-width: 400px) {
  .vaults__competition__detail__subsection__summary label {
    font-size: 13px;
    line-height: 20px;
  }
  .vaults__competition__detail__subsection__double__summary label {
    font-size: 13px;
  }
  .token__logo__current__next__prizes label {
    font-size: 14px;
    margin-top: -2px;
    margin-bottom: 0px;
  }
  .token__logo__current__next__prizes img {
    width: 25px;
    height: 25px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td {
    font-size: 13px;
  }
  .token__logo__current__next__prizes label {
    font-size: 13px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td div label {
    line-height: 20px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td div label.purple {
    line-height: 20px;
    margin-top: -2px;
  }
}
@media (min-width: 400px) {
  .vaults__competition__detail__current__next__prize__tokens table tr td:first-child div {
    width: 115px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td:last-child div {
    width: 115px;
  }
  .vaults__competition__detail__total__staked__token div:first-child img {
    width: 27px;
    height: 27px;
  }
  .vaults__competition__detail__total__staked__token div:first-child label {
    font-size: 15px;
  }
  .vaults__competition__detail__total__staked__token div:last-child label {
    font-size: 15px;
  }
  .vaults__competition__detail__total__staked__token div:last-child label.purple {
    font-size: 14px;
  }
  .vaults__competition__detail__final__prize__tokens table tr td:first-child div img {
    width: 27px;
    height: 27px;
  }
  .vaults__competition__detail__final__prize__tokens table tr td:first-child div label {
    font-size: 15px;
  }
  .vaults__competition__detail__final__prize__tokens table tr td:last-child div label {
    font-size: 15px;
  }
  .vaults__competition__detail__final__prize__tokens table tr td:last-child div label.purple {
    font-size: 14px;
  }
  .vaults__competition__detail__user__staked__token div:first-child img {
    width: 27px;
    height: 27px;
  }
  .vaults__competition__detail__user__staked__token div:first-child label {
    font-size: 15px;
  }
  .vaults__competition__detail__user__staked__token div:last-child label {
    font-size: 15px;
  }
  .vaults__competition__detail__user__staked__token div:last-child label.purple {
    font-size: 14px;
  }
  .vaults__competition__detail__rewards__tokens table tr td div img {
    width: 27px;
    height: 27px;
  }
  .vaults__competition__detail__rewards__tokens table tr td:first-child div label {
    font-size: 15px;
  }
  .vaults__competition__detail__rewards__tokens table tr td:last-child div label {
    font-size: 15px;
  }
  .vaults__competition__detail__rewards__tokens table tr td div label.purple {
    font-size: 14px;
  }
  .vaults__competition__detail__user__points__prize div:first-child label {
    font-size: 15px;
  }
  .vaults__competition__detail__user__points__prize div:last-child label {
    font-size: 15px;
  }
  .vaults__competition__detail__user__points__prize div:last-child svg {
    height: 27px;
    width: 27px;
  }
  .vaults__competition__detail__user__points__prize div:last-child label.green {
    font-size: 15px;
    margin-left: 10px;
  }
  .vaults__competition__detail__ranking__table__first__column {
    min-width: 70px;
  }
  .vaults__competition__detail__ranking__table__first__column div label {
    font-size: 15px;
  }
  .vaults__competition__detail__ranking__table__first__column div svg {
    height: 27px;
    width: 27px;
  }
  .vaults__competition__detail__ranking__table__last__column div label {
    font-size: 15px;
  }
    .vaults__competition__detail__ranking__table__last__column div:first-child span.green {
    font-size: 13px;
  }
  .vaults__competition__detail__ranking__table__last__column div:last-child label.blue {
    font-size: 15px;
  }
  .vaults__competition__detail__ranking__table__last__column div:last-child label.green {
    font-size: 15px;
  }
  .vaults__competition__detail__ranking__table__row__prize table tr {
    height: 45px;
  }
  .vaults__competition__detail__ranking__table__row__prize table tr td:first-child div label {
    font-size: 15px;
  }
  .vaults__competition__detail__ranking__table__row__prize table tr td:last-child div label {
    font-size: 15px;
  }
  .vaults__competition__detail__ranking__table__row__prize table tr td div img {
    width: 27px;
    height: 27px;
  }
  .vaults__competition__detail__ranking__table__row__prize table tr td div label.purple {
    font-size: 14px;
  }

  .vaults__competition__detail__subsection__button div {
    height: 30px;
    width: 135px;
    border-radius: 9px;
    margin: 5px 3px 5px 3px;
  }
  .vaults__competition__detail__subsection__button div label {
    font-size: 11px;
    font-weight: 700;
  }
}
@media (min-width: 401px) {
  .vaults__competition__detail__current__next__prize__tokens table tr td div label.purple {
    margin-top: -12px;
  }
}
@media (min-width: 576px) {
  .vaults__competition__detail__section__title {
    height: 28px;
  }
  .vaults__competition__detail__section__title label {
    font-size: 15px;
  }
  .vaults__competition__detail__subsection__title label {
    font-size: 14px;
  }
  .vaults__competition__detail__subsection__title span.green {
    font-size: 14px;
  }
  .vaults__competition__detail__subsection__title span.yellow {
    font-size: 14px;
  }
  .vaults__competition__detail__subsection__double__title label {
    font-size: 14px;
  }
  .vaults__competition__detail__section__summary {
    height: 28px;
  }
  .vaults__competition__detail__section__summary label {
    font-size: 15px;
  }
  .vaults__competition__detail__subsection__summary label {
    font-size: 14px;
  }
  .vaults__competition__detail__subsection__double__summary label {
    font-size: 14px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td:first-child div {
    width: 100px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td:last-child div {
    width: 100px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td {
    font-size: 15px;
  }
  .token__logo__current__next__prizes label {
    font-size: 15px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td div label {
    font-size: 15px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td div label.purple {
    font-size: 14px;
    margin-top: -10px;
  }
  .vaults__competition__detail__total__staked__token div:first-child img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
  .vaults__competition__detail__total__staked__token div:first-child label {
    font-size: 16px;
  }
  .vaults__competition__detail__total__staked__token div:last-child label {
    font-size: 16px;
  }
  .vaults__competition__detail__total__staked__token div:last-child label.purple {
    font-size: 15px;
    margin-top: -8px;
  }
  .vaults__competition__detail__final__prize__tokens table tr td:first-child div img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
  .vaults__competition__detail__final__prize__tokens table tr td:first-child div label {
    font-size: 16px;
  }
  .vaults__competition__detail__final__prize__tokens table tr td:last-child div label {
    font-size: 16px;
  }
  .vaults__competition__detail__final__prize__tokens table tr td:last-child div label.purple {
    font-size: 15px;
    margin-top: -8px;
  }
  .vaults__competition__detail__user__staked__token div:first-child img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
  .vaults__competition__detail__user__staked__token div:first-child label {
    font-size: 16px;
  }
  .vaults__competition__detail__user__staked__token div:last-child label {
    font-size: 16px;
  }
  .vaults__competition__detail__user__staked__token div:last-child label.purple {
    font-size: 15px;
    margin-top: -8px;
  }
  .vaults__competition__detail__rewards__tokens table tr td div img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
  .vaults__competition__detail__rewards__tokens table tr td:first-child div label {
    font-size: 16px;
  }
  .vaults__competition__detail__rewards__tokens table tr td:last-child div label {
    font-size: 16px;
  }
  .vaults__competition__detail__rewards__tokens table tr td div label.purple {
    font-size: 15px;
    margin-top: -8px;
  }
  .vaults__competition__detail__user__points__prize div:first-child label {
    font-size: 16px;
  }
  .vaults__competition__detail__user__points__prize div:last-child label {
    font-size: 16px;
  }
  .vaults__competition__detail__user__points__prize div:last-child svg {
    height: 30px;
    width: 30px;
  }
  .vaults__competition__detail__user__points__prize div:last-child label.green {
    font-size: 16px;
  }
  .vaults__competition__detail__ranking__table__first__column {
    min-width: 100px;
  }
  .vaults__competition__detail__ranking__table__first__column div label {
    font-size: 16px;
  }
  .vaults__competition__detail__ranking__table__first__column div svg {
    height: 30px;
    width: 30px;
  }
  .vaults__competition__detail__ranking__table__last__column div label {
    font-size: 16px;
  }
  .vaults__competition__detail__ranking__table__last__column div:first-child span.green {
    font-size: 14px;
  }
  .vaults__competition__detail__ranking__table__last__column div:last-child label.blue {
    font-size: 16px;
  }
  .vaults__competition__detail__ranking__table__last__column div:last-child label.green {
    font-size: 16px;
  }
  .vaults__competition__detail__ranking__table__row__prize table tr {
    height: 50px;
  }
  .vaults__competition__detail__ranking__table__row__prize table tr td:first-child div label {
    font-size: 16px;
  }
  .vaults__competition__detail__ranking__table__row__prize table tr td:last-child div label {
    font-size: 16px;
  }
  .vaults__competition__detail__ranking__table__row__prize table tr td div img {
    width: 30px;
    height: 30px;
  }
  .vaults__competition__detail__ranking__table__row__prize table tr td div label.purple {
    font-size: 15px;
    margin-top: -8px;
  }
}
@media (min-width: 768px) {
  .vaults__competition__detail {
    margin-top: -150px;
  }
  .vaults__competition__detail__second {
    margin-top: -150px;
  }
  .vaults__competition__detail__section__title {
    height: 35px;
  }
  .vaults__competition__detail__section__title label {
    font-size: 16px;
  }
  .vaults__competition__detail__subsection__title label {
    font-size: 15px;
  }
  .vaults__competition__detail__subsection__title span.green {
    font-size: 15px;
  }
  .vaults__competition__detail__subsection__title span.yellow {
    font-size: 15px;
  }
  .vaults__competition__detail__subsection__double__title label {
    font-size: 15px;
  }
  .vaults__competition__detail__section__summary {
    height: 35px;
  }
  .vaults__competition__detail__section__summary label {
    font-size: 16px;
  }
  .vaults__competition__detail__subsection__summary label {
    font-size: 15px;
  }
  .vaults__competition__detail__subsection__double__summary label {
    font-size: 15px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td:first-child div {
    width: 140px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td:last-child div {
    width: 140px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td {
    font-size: 16px;
  }
  .token__logo__current__next__prizes label {
    font-size: 16px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td div label.purple {
    margin-top: -8px;
  }
}
@media (min-width: 992px) {
  .vaults__competition__detail__layout__large {
    display: block;
    padding-bottom: 80px;
  }
  .vaults__competition__detail__layout__small {
    display: none;
    padding-bottom: 105px;
  }
  .vaults__competition__detail__small__container__li {
    display: none;
  }
  .vaults__competition__detail__section__title {
    height: 28px;
  }
  .vaults__competition__detail__section__title label {
    font-size: 15px;
  }
  .vaults__competition__detail__subsection__title label {
    font-size: 14px;
  }
  .vaults__competition__detail__subsection__title span.green {
    font-size: 14px;
  }
  .vaults__competition__detail__subsection__title span.yellow {
    font-size: 14px;
  }
  .vaults__competition__detail__subsection__double__title label {
    font-size: 14px;
  }
  .vaults__competition__detail__section__summary {
    height: 28px;
  }
  .vaults__competition__detail__section__summary label {
    font-size: 15px;
  }
  .vaults__competition__detail__subsection__summary label {
    font-size: 14px;
  }
  .vaults__competition__detail__subsection__double__summary label {
    font-size: 14px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td:first-child div {
    width: 130px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td:last-child div {
    width: 130px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td {
    font-size: 15px;
  }
  .token__logo__current__next__prizes label {
    font-size: 15px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td div label {
    font-size: 15px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td div label.purple {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .vaults__competition__detail__section__title {
    height: 40px;
  }
  .vaults__competition__detail__section__title label {
    font-size: 17px;
  }
  .vaults__competition__detail__subsection__title label {
    font-size: 16px;
  }
  .vaults__competition__detail__subsection__title span.green {
    font-size: 16px;
  }
  .vaults__competition__detail__subsection__title span.yellow {
    font-size: 16px;
  }
  .vaults__competition__detail__subsection__double__title label {
    font-size: 16px;
  }
  .vaults__competition__detail__section__summary {
    height: 40px;
  }
  .vaults__competition__detail__section__summary label {
    font-size: 17px;
  }
  .vaults__competition__detail__subsection__summary label {
    font-size: 16px;
  }
  .vaults__competition__detail__subsection__double__summary label {
    font-size: 15px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td:first-child div {
    width: 140px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td:last-child div {
    width: 140px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td {
    font-size: 16px;
  }
  .token__logo__current__next__prizes label {
    font-size: 16px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td div label {
    font-size: 16px;
  }
  .vaults__competition__detail__current__next__prize__tokens table tr td div label.purple {
    font-size: 15px;
  }
}
/*==============================
	Accordion
==============================*/
.accordion__card {
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.accordion__card button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 80px;
  padding: 10px 50px 10px 20px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
  justify-content: space-between;
}
.accordion__card button label {
  cursor: pointer;
}
.accordion__card button:hover {
  color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
}
.accordion__card button span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 35px;
  background-color: transparent;
  border: 1px solid #544061;
  position: absolute;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.vault__expand__button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 50px;
  width: 100%;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.vaults__competition__title__footers div span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 35px;
  background-color: transparent;
  border: 1px solid #192841;
  position: absolute;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.vaults__competition__title__footers div span svg {
  width: 20px;
  height: auto;
  fill: #fff;
  position: absolute;
  z-index: 2;
  transition: transform 0.5s ease;
}
.vaults__competition__title__footers div span svg:last-child {
  transform: rotate(-90deg);
}
.vaults__competition__title__footers div:hover span {
  box-shadow: 0 0 8px #223b6d;
}
.vaults__competition__title__footers[aria-expanded="true"] span svg:last-child {
  transform: rotate(0deg);
}
.vaults__competition__pools button span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 35px;
  background-color: transparent;
  border: 1px solid #192841;
  position: absolute;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.vaults__competition__pools button span svg {
  width: 20px;
  height: auto;
  fill: #fff;
  position: absolute;
  z-index: 2;
  transition: transform 0.5s ease;
}
.vaults__competition__pools button span svg:last-child {
  transform: rotate(-90deg);
}
.vaults__competition__pools button:hover span {
  box-shadow: 0 0 8px #223b6d;
}
.vaults__competition__pools button[aria-expanded="true"] span svg:last-child {
  transform: rotate(0deg);
}

.accordion__card button span svg {
  width: 20px;
  height: auto;
  fill: #fff;
  position: absolute;
  z-index: 2;
  transition: transform 0.5s ease;
}
.accordion__card button span svg:last-child {
  transform: rotate(-90deg);
}
.accordion__card button:hover span {
  box-shadow: 0 0 22px #223b6d;
}
.accordion__card button[aria-expanded="true"] span {
  box-shadow: 0 0 22px #223b6d;
}
.accordion__card button[aria-expanded="true"] span svg:last-child {
  transform: rotate(0deg);
}
.accordion__card p {
  padding: 0 20px 20px;
  color: #dedede;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
}
.accordion__card p b {
  font-weight: 600;
}
.accordion__card p:first-child {
  border-top: 1px solid #192841;
  padding: 20px;
}
.accordion .accordion__card__lp__mining:last-child {
  margin-bottom: 0px;
}
.accordion__card__lp__mining {
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.accordion__card__lp__mining button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 80px;
  padding: 10px 50px 10px 20px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
  justify-content: space-between;
}
.accordion__card__lp__mining button label {
  cursor: pointer;
}
.accordion__card__lp__mining button:hover {
  color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
}
.accordion__card__lp__mining button span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 35px;
  background-color: transparent;
  border: 1px solid #544061;
  position: absolute;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.lp__expand__button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 50px;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.accordion__card__lp__mining button span svg {
  width: 20px;
  height: auto;
  fill: #fff;
  position: absolute;
  z-index: 2;
  transition: transform 0.5s ease;
}
.accordion__card__lp__mining button span svg:last-child {
  transform: rotate(-90deg);
}
.accordion__card__lp__mining button:hover span {
  box-shadow: 0 0 22px #223b6d;
}
.accordion__card__lp__mining button[aria-expanded="true"] span {
  box-shadow: 0 0 22px #223b6d;
}
.accordion__card__lp__mining button[aria-expanded="true"] span svg:last-child {
  transform: rotate(0deg);
}
.accordion__card__lp__mining p {
  padding: 0 20px 20px;
  color: #dedede;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
}
.accordion__card__lp__mining p b {
  font-weight: 600;
}
.accordion__card__lp__mining p:first-child {
  border-top: 1px solid #192841;
  padding: 20px;
}
.single__staking__title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  --bs-bg-opacity: 1;
  background-color: #00000040 !important;
  border-start-start-radius: 10px;
  border-start-end-radius: 10px;
}
.single__staking__title label.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.single__staking__title label.yellow {
  display: flex;
  background: -webkit-linear-gradient(#b8ad4a, #bac199);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.single__staking__title label.caw {
  display: flex;
  background: -webkit-linear-gradient(#7a7c77, #fafff6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.single__staking__title label.damoon {
  display: flex;
  background: -webkit-linear-gradient(#e9a335, #fffea8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.single__staking__title label.dip {
  display: flex;
  background: -webkit-linear-gradient(#6b8c21, #6ab69e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.single__staking__title label.loaf {
  display: flex;
  background: -webkit-linear-gradient(#e49050, #f5d8c4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.single__staking__title label.mery {
  display: flex;
  background: -webkit-linear-gradient(#043685, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.single__staking__title label.corgi {
  display: flex;
  background: -webkit-linear-gradient(#f39200, #fce0b8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.single__staking__title label.moon {
  display: flex;
  background: -webkit-linear-gradient(#18645f, #dedede);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.single__staking__title label.puush {
  display: flex;
  background: -webkit-linear-gradient(#a87c7a, #f4d3c8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
@media (min-width: 768px) {
  .vault__expand__button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    position: relative;
    left: unset;
    bottom: unset;
    height: unset;
    width: 50px;
    overflow: hidden;
    transition: box-shadow 0.5s ease;
  }
  .accordion__card {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .bullish__pools__card {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .accordion__card__lp__mining {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .single__staking__title label.purple {
    font-size: 18px;
  }
  .single__staking__title label.yellow {
    font-size: 18px;
  }
  .single__staking__title label.caw {
    font-size: 18px;
  }
  .single__staking__title label.damoon {
    font-size: 18px;
  }
  .single__staking__title label.dip {
    font-size: 18px;
  }
  .single__staking__title label.loaf {
    font-size: 18px;
  }
  .single__staking__title label.mery {
    font-size: 18px;
  }
  .single__staking__title label.corgi {
    font-size: 18px;
  }
  .single__staking__title label.moon {
    font-size: 18px;
  }
  .single__staking__title label.puush {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .single__staking__title label.purple {
    font-size: 20px;
  }
  .single__staking__title label.yellow {
    font-size: 20px;
  }
  .single__staking__title label.caw {
    font-size: 20px;
  }
  .single__staking__title label.damoon {
    font-size: 20px;
  }
  .single__staking__title label.dip {
    font-size: 20px;
  }
  .single__staking__title label.loaf {
    font-size: 20px;
  }
  .single__staking__title label.mery {
    font-size: 20px;
  }
  .single__staking__title label.corgi {
    font-size: 20px;
  }
  .single__staking__title label.moon {
    font-size: 20px;
  }
  .single__staking__title label.puush {
    font-size: 20px;
  }
}
/*==============================
	Roadmap
==============================*/
.roadmap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  position: relative;
}
.roadmap:before,
.roadmap:after {
  content: '';
  position: absolute;
  display: block;
  border-radius: 50%;
}
.roadmap:before {
  width: 24px;
  height: 24px;
  left: 0;
  top: 42px;
  background-color: #fff;
  opacity: 0.12;
  z-index: 1;
}
.roadmap:after {
  width: 10px;
  height: 10px;
  left: 7px;
  top: 49px;
  background-color: #fff;
  z-index: 2;
}
.roadmap--active:before,
.roadmap--active:after {
  background-color: #019AFF;
}
.roadmap--active:after {
  width: 16px;
  height: 16px;
  left: 4px;
  top: 46px;
}
.roadmap--active .roadmap__list li:before {
  background-color: #019AFF;
}
.roadmap__title {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  display: block;
  margin-bottom: 50px;
  margin-left: 10px;
}
.roadmap__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  margin-left: 10px;
}
.roadmap__list li {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 12px;
  padding-left: 16px;
  position: relative;
}
.roadmap__list li:last-child {
  margin-bottom: 0;
}
.roadmap__list li:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #fff;
  opacity: 1;
  top: 50%;
  margin-top: -2px;
  left: 0;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .roadmap:before {
    top: 47px;
  }
  .roadmap:after {
    top: 54px;
  }
  .roadmap--active:before {
    top: 47px;
  }
  .roadmap--active:after {
    top: 51px;
  }
  .roadmap__title {
    margin-bottom: 60px;
  }
  .roadmap__list li {
    margin-bottom: 15px;
  }
  .roadmap__list li:last-child {
    margin-bottom: 0;
  }
}
/*==============================
	Testimonial
==============================*/
.testimonial {
  margin-top: 20px;
  width: 100%;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #192237;
}
.testimonial__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 230px;
  background-color: #141a2a;
  padding: 20px;
  position: relative;
  border-radius: 16px;
}
.testimonial__text p {
  font-size: 16px;
  color: #fff;
  line-height: 26px;
  margin-bottom: 20px;
  position: relative;
  font-style: italic;
  z-index: 2;
}
.testimonial__text p:last-child {
  margin-bottom: 0;
}
.testimonial__client {
  margin-top: 20px;
  position: relative;
  padding-left: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 46px;
}
.testimonial__client img {
  width: 46px !important;
  height: 46px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 14px;
}
.testimonial__client p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  display: block;
  line-height: 100%;
  margin-bottom: 8px;
}
.testimonial__client span {
  font-size: 14px;
  color: #019AFF;
  line-height: 100%;
}
@media (min-width: 768px) {
  .testimonial {
    margin-top: 30px;
  }
  .testimonial__text {
    min-height: 260px;
  }
}
@media (min-width: 992px) {
  .testimonial__text {
    min-height: 230px;
  }
}
/*==============================
	Game
==============================*/
.game {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  border-radius: 20px;
  background-color: #192237;
  padding: 20px;
  width: 100%;
}
.game--hero {
  z-index: 3;
  margin-top: 60px;
}
.game--hero:before {
  content: 'NEW';
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 60px;
  font-size: 12px;
  background-color: #e23353;
  color: #fff;
  right: 20px;
  top: -24px;
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 -4px 6px 0 rgba(29,38,59,0.4);
  font-weight: 700;
  letter-spacing: 1px;
  padding-top: 2px;
}
.game__head {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.game__cover {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #141a2a;
  width: 70px;
  height: 70px;
  border-radius: 16px;
  overflow: hidden;
}
.game__cover img {
  width: 100%;
  height: auto;
}
.game__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: calc(100% - 90px);
  margin-left: 20px;
  height: 70px;
}
.game__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
}
.game__name a {
  display: block;
  color: #fff;
}
.game__name a:hover {
  color: #019AFF;
}
.game__blockchain {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #dedede;
}
.game__blockchain img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-left: 15px;
}
.game__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 0;
}
.game__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #192841;
  padding-top: 20px;
}
.game__list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  color: #dedede;
  margin-bottom: 12px;
  width: 100%;
}
.game__list li:last-child {
  margin-bottom: 0;
}
.game__list li span {
  color: #fff;
  margin-left: 12px;
}
.game__list li span.required {
  color: #e8d189;
  font-weight: 600;
}
.game__list li span.true {
  color: #29b474;
  font-weight: 600;
}
.game__list li span.process {
  color: #2568b0;
  font-weight: 600;
}
.game__more {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  right: 20px;
  width: 46px;
  height: 46px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 16px;
  border: 2px solid #019AFF;
}
.game__more svg {
  width: 24px;
  height: auto;
  fill: #fff;
  transition: fill 0.5s ease;
}
.game__more:hover {
  box-shadow: 0 0 22px #223b6d;
}
.game__more:hover svg {
  fill: #019AFF;
}
@media (min-width: 768px) {
  .game {
    margin-top: 30px;
  }
  .game--hero {
    margin-top: 70px;
    padding: 40px;
  }
  .game--hero:before {
    right: 40px;
  }
  .game--hero .game__more {
    bottom: 40px;
    right: 40px;
  }
}
@media (min-width: 992px) {
  .game--hero {
    max-width: 610px;
  }
}
@media (min-width: 1200px) {
  .game--hero {
    max-width: 390px;
    margin-top: 0;
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
  }
}
/*==============================
	Ranking
==============================*/
.ranking {
  position: relative;
  width: 100%;
  overflow: auto;
  margin-top: 20px;
}
.ranking--leaderboard {
  margin-top: 30px;
}
.ranking__table {
  width: 100%;
  min-width: 1110px;
  border-spacing: 0;
}
.ranking__table thead {
  border-bottom: 20px solid #141a2a;
}
.ranking__table thead th {
  font-size: 12px;
  color: #dedede;
  font-weight: 400;
  padding: 0 20px;
  line-height: 100%;
  margin-bottom: 0;
  border: none;
  text-transform: uppercase;
}
.ranking__table thead th:first-child {
  padding-right: 0;
}
.ranking__table tbody tr {
  border-bottom: 10px solid #141a2a;
}
.ranking__table tbody td {
  padding: 0;
  background-color: transparent;
  border: 0px solid transparent;
}
.ranking__table tbody td:first-child .ranking__text,
.ranking__table tbody td:first-child .ranking__label {
  border-radius: 20px 0 0 20px;
  padding-right: 0;
}
.ranking__table tbody td:last-child .ranking__text,
.ranking__table tbody td:last-child .ranking__label {
  border-radius: 0 20px 20px 0;
}
.ranking__head {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 70px;
  padding: 0 20px;
  background-color: #192237;
}
.ranking__cover {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #141a2a;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  overflow: hidden;
}
.ranking__cover img {
  width: 100%;
  height: auto;
}
.ranking__name {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-left: 15px;
}
.ranking__name:hover {
  color: #019AFF;
}
.ranking__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  height: 22px;
  color: #fff;
  font-weight: 400;
  padding: 0 40px;
  background-color: #192237;
  white-space: nowrap;
}
.ranking__text-left {
  align-items: flex-start;
}
.ranking__text-right {
  align-items: flex-end;
}
.ranking__text-center {
  align-items: center;
}
.ranking__text span.red {
  color: #e23353;
}
.ranking__text span.green {
  color: #29b474;
}
.ranking__text a {
  color: #fff;
}
.ranking__text a:hover {
  color: #019AFF;
}
.ranking__blockchain {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  background-color: #192237;
  height: 70px;
}
.ranking__blockchain li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border-radius: 10px;
  margin-right: 12px;
}
.ranking__blockchain li:last-child {
  margin-right: 0;
}
.ranking__blockchain li img {
  width: 26px;
  height: auto;
  border-radius: 50%;
}
@media (min-width: 1200px) {
  .ranking {
    margin-top: 15px;
  }
}
/*==============================
	Post
==============================*/
.post {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  border-radius: 20px;
  background-color: #192237;
  overflow: hidden;
}
.post__img {
  display: block;
  width: 100%;
  position: relative;
  padding: 10px 10px 0;
  border-radius: 18px;
}
.post__img img {
  width: 100%;
  position: relative;
  z-index: 1;
  transition: opacity 0.5s ease;
  border-radius: 16px;
}
.post__img:hover img {
  opacity: 0.7;
}
.post__cover {
  display: block;
  width: 100%;
  position: relative;
}
.post__cover img {
  width: 100%;
  position: relative;
  z-index: 1;
  transition: opacity 0.5s ease;
}
.post__cover:hover img {
  opacity: 0.7;
}
.post__video {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #192237;
  border: 1px solid #192841;
}
.post__video svg {
  fill: #019AFF;
  width: 24px;
  height: auto;
  margin-left: 2px;
  position: relative;
  z-index: 2;
  transition: fill 0.5s ease;
}
.post__video:hover {
  box-shadow: 0 0 16px rgba(170,114,206,0.5);
}
.post__video:hover svg {
  fill: #019AFF;
}
.post__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
}
.post__category {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 26px;
  min-width: 70px;
  width: auto;
  color: #fff;
  font-size: 13px;
  background-color: transparent;
  border: 2px solid #019AFF;
  border-radius: 10px;
  padding: 0 15px;
  font-weight: 400;
}
.post__category:hover {
  color: #fff;
  box-shadow: 0 0 12px #223b6d;
}
.post__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 66px;
  margin-top: 16px;
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
  width: 100%;
}
.post__title a {
  display: block;
  color: #fff;
}
.post__title a:hover {
  color: #019AFF;
}
.post__meta {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 20px;
}
.post__date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: #dedede;
}
.post__date svg {
  fill: #019AFF;
  width: 16px;
  height: auto;
  margin-right: 5px;
}
.post__views {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: #dedede;
}
.post__views svg {
  fill: #019AFF;
  width: 17px;
  height: auto;
  margin-right: 5px;
}
.post--big .post__img {
  padding: 0;
}
.post--big .post__img:before {
  content: '';
  position: absolute;
  display: block;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
}
.post--big .post__img img {
  border-radius: 0;
}
@media (min-width: 768px) {
  .post {
    margin-top: 30px;
  }
  .post--big .post__content {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .post--big .post__img {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 320px;
    cursor: default;
  }
  .post--big .post__img img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
  }
  .post--big .post__title {
    padding-right: 30%;
    font-size: 24px;
    height: auto;
    max-height: 72px;
  }
  .post--big:hover .post__img img {
    opacity: 0.7;
  }
  .post__cover {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 203px;
  }
  .post__cover img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
  }
}
@media (min-width: 992px) {
  .post--big .post__title {
    padding-right: 0;
  }
  .post__cover {
    height: 278px;
  }
}
@media (min-width: 1200px) {
  .post--big .post__title {
    padding-right: 33%;
  }
  .post__cover {
    height: 215px;
  }
}
/*==============================
	Article
==============================*/
.article {
  display: block;
  position: relative;
  width: 100%;
  background-color: #192237;
  border-radius: 20px;
  padding: 20px;
  margin-top: -60px;
}
.article__category {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 26px;
  min-width: 70px;
  width: auto;
  color: #fff;
  font-size: 13px;
  background-color: transparent;
  border: 2px solid #019AFF;
  border-radius: 10px;
  padding: 0 15px;
  font-weight: 400;
}
.article__category:hover {
  color: #fff;
  box-shadow: 0 0 12px #223b6d;
}
.article__date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: #dedede;
  height: 26px;
}
.article__date svg {
  fill: #019AFF;
  width: 16px;
  height: auto;
  margin-right: 5px;
}
.article__meta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}
.article__content {
  position: relative;
}
.article__content img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  border-radius: 16px;
}
.article__content iframe {
  display: block;
  width: 100%;
  height: 240px;
  margin-bottom: 20px;
  border-radius: 16px;
  border: none;
}
.article__content h1,
.article__content h2,
.article__content h3,
.article__content h4,
.article__content h5,
.article__content h6 {
  font-weight: 400;
  color: #fff;
  margin-bottom: 15px;
}
.article__content h1:last-child,
.article__content h2:last-child,
.article__content h3:last-child,
.article__content h4:last-child,
.article__content h5:last-child,
.article__content h6:last-child {
  margin-bottom: 0;
}
.article__content h1 {
  font-size: 30px;
}
.article__content h2 {
  font-size: 28px;
}
.article__content h3 {
  font-size: 24px;
}
.article__content h4 {
  font-size: 22px;
}
.article__content h5 {
  font-size: 18px;
}
.article__content h6 {
  font-size: 16px;
}
.article__content p {
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #dedede;
  margin-bottom: 20px;
}
.article__content p b {
  font-weight: 600;
}
.article__content p a {
  color: #019AFF;
  text-decoration: underline;
}
.article__content p a:hover,
.article__content p a:focus {
  color: #019AFF;
  text-decoration: none;
}
.article__content p:last-child {
  margin-bottom: 0;
}
.article__content blockquote {
  display: block;
  position: relative;
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 20px;
  font-style: italic;
}
.article__content blockquote:before {
  content: '';
  position: absolute;
  display: block;
  top: 2px;
  bottom: 2px;
  left: 0;
  width: 3px;
  background-color: #019AFF;
  border-radius: 3px;
}
.article__content blockquote:last-child {
  margin-bottom: 0;
}
.article__content ul {
  margin-bottom: 20px;
  display: block;
}
.article__content ul li {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #dedede;
  padding-left: 20px;
  position: relative;
}
.article__content ul li:before {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #019AFF;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.article__content ul:last-child {
  margin-bottom: 0;
}
.article__content ol {
  padding-left: 0;
  list-style: none;
  counter-reset: li;
  margin-bottom: 20px;
}
.article__content ol:last-child {
  margin-bottom: 0;
}
.article__content ol ol {
  padding-left: 15px;
  margin-top: 20px;
}
.article__content ol ol ol {
  margin-top: 20px;
  margin-bottom: 10px;
}
.article__content ol ol ol li {
  margin-top: 0;
  margin-bottom: 20px;
}
.article__content ol h4 {
  font-size: 16px;
  color: #dedede;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
}
.article__content ol li {
  font-size: 16px;
  line-height: 26px;
  color: #dedede;
  position: relative;
  margin-bottom: 20px;
}
.article__content ol li b {
  font-weight: 600;
  color: #fff;
}
.article__content ol li a {
  color: #019AFF;
  position: relative;
  font-weight: 600;
}
.article__content ol li a:before {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: #019AFF;
  opacity: 0;
  transition: 0.5s ease;
  transition-property: opacity, bottom;
}
.article__content ol li a:hover:before {
  opacity: 1;
}
.article__content ol li:last-child {
  margin-bottom: 0;
}
.article__content ol li:before {
  counter-increment: li;
  content: counters(li, ".") ". ";
}
@media (min-width: 768px) {
  .article {
    margin-top: -70px;
    padding: 40px;
  }
  .article__content h1 {
    font-size: 36px;
  }
  .article__content h2 {
    font-size: 32px;
  }
  .article__content h3 {
    font-size: 28px;
  }
  .article__content h4 {
    font-size: 24px;
  }
  .article__content h5 {
    font-size: 20px;
  }
  .article__content h6 {
    font-size: 18px;
  }
  .article__content iframe {
    height: 380px;
  }
  .article__meta {
    margin-bottom: 40px;
  }
}
/*==============================
	Share
==============================*/
.share {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.share__link {
  margin-top: 20px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 15px;
  height: 30px;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  background-color: #019AFF;
}
.share__link svg {
  fill: #fff;
  margin-right: 10px;
  margin-top: 1px;
  transition: fill 0.5s ease;
}
.share__link:last-child {
  margin-right: 0;
}
.share__link--fb {
  background-color: #3b5998;
}
.share__link--fb:hover {
  box-shadow: 0 0 16px rgba(59,89,152,0.14);
}
.share__link--tw {
  background-color: #55acee;
}
.share__link--tw:hover {
  box-shadow: 0 0 16px rgba(85,172,238,0.14);
}
.share__link--link {
  background-color: lightgrey;
}
.share__link--link:hover {
  box-shadow: 0 0 16px #223b6d;
}
.share__link:hover {
  color: #fff;
}
@media (min-width: 768px) {
  .share {
    margin-top: 20px;
  }
}
/*==============================
	Details
==============================*/
.details {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 20px;
  position: relative;
  margin-top: -60px;
  padding: 20px;
  background: #192237;
}
.details__slider {
  width: 100%;
  background-color: transparent;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.details__slider img {
  width: 100%;
  border-radius: 18px;
}
@media (min-width: 768px) {
  .details {
    margin-top: -70px;
  }
}
/*==============================
	Thumbnails
==============================*/
.thumbnails {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  position: relative;
  margin-top: 15px;
  overflow: hidden;
}
.thumbnails .thumbnail {
  width: calc(25% - 10px);
  height: auto;
  margin-right: 14px;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}
.thumbnails .thumbnail img {
  width: 100%;
  border-radius: 12px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.65;
  transition: 0.5s ease;
}
.thumbnails .thumbnail:last-child {
  margin-right: 0;
}
.thumbnails .thumbnail.is-active {
  cursor: default;
}
.thumbnails .thumbnail.is-active img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}
@media (min-width: 768px) {
  .thumbnails {
    margin-top: 20px;
  }
  .thumbnails .thumbnail {
    border-radius: 16px;
  }
  .thumbnails .thumbnail img {
    border-radius: 16px;
  }
}

/*==============================
	Home
==============================*/
.loader__dots {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}
.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(180deg, #019AFF 0%, #192841);
  margin: 0 7px;
}
.d1 {
  animation: dotted-loader infinite 0.5s 0.5s alternate;
}
.d2 {
  animation: dotted-loader infinite 0.5s 0.6s alternate;
}
.d3 {
  animation: dotted-loader infinite 0.5s 0.7s alternate;
}
@keyframes dotted-loader {
  100% {
    transform: translateY(-15px);
  }
}

/*==============================
	Tournament
==============================*/
.tournament__status__label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  padding: 0 0px;
  height: 22px;
  width: 100%;
}
.tournament__status__label--green {
  color: #29b474;
}
.tournament__status__label--green__blinking {
  animation: blink_text_green 1s linear infinite;
  animation-iteration-count: infinite;
}
.tournament__status__label--blue {
  color: #2568b0;
}
.tournament__status__label--yellow {
  color: #e8d189;
}
.tournament__status__label--yellow__blinking {
  animation: blink_text_yellow 1s linear infinite;
  animation-iteration-count: infinite;
}
.tournament__status__label--orange {
  color: #ed8c5f;
}
.tournament__status__label--gray {
  color: #574d4d;
}

@keyframes blink_background_loading {
  0% { 
    background-color: #6882c0;
  }
  10% { 
    background-color: #5c71a1;
  }
  20% { 
    background-color: #53658f; 
  }
  30% { 
    background-color: #405074;
  }
  40% { 
    background-color: #2f3b57;
  }
  50% { 
    background-color: #1e2841;
  }
  60% { 
    background-color: #2f3b57;
  }
  70% { 
    background-color: #405074;
  }
  80% { 
    background-color: #53658f;
  }
  90% { 
    background-color: #5c71a1;
  }
  100% { 
    background-color: #6882c0;
  }
}

.text_background_loading {
  display: inline-block;
  color: #00000000 !important;
  border-radius: 5px !important;
  height: 20px !important;
  width: 170px !important;
  margin: 2px !important;
  animation: blink_background_loading 3s linear infinite;
  animation-iteration-count: infinite;
}

.text_background_loading_small {
  display: block !important;
  color: #00000000 !important;
  border-radius: 5px !important;
  height: 15px !important;
  width: 100% !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  animation: blink_background_loading 3s linear infinite;
  animation-iteration-count: infinite;
}

.background_loading_large {
  display: block !important;
  color: #00000000 !important;
  border-radius: 5px !important;
  height: 80px !important;
  width: 100% !important;
  margin-top: 5px !important;
  margin-bottom: 10px !important;
  animation: blink_background_loading 3s linear infinite;
  animation-iteration-count: infinite;
}

.background_loading_medium {
  display: block !important;
  color: #00000000 !important;
  border-radius: 5px !important;
  height: 50px !important;
  width: 40% !important;
  margin-top: 5px !important;
  margin-bottom: 10px !important;
  animation: blink_background_loading 3s linear infinite;
  animation-iteration-count: infinite;
}

@keyframes blink_text_green { 
  0% { color: #0aeb82; }
  10% { color: #0dd477; }
  20% { color: #12b96b; }
  30% { color: #0f8850; }
  40% { color: #12834e; }
  50% { color: #0c683d; }
  60% { color: #0c683d; }
  70% { color: #12834e; }
  80% { color: #12b96b; }
  90% { color: #0dd477; }
  100% { color: #0aeb82; }  
}
@keyframes blink_text_yellow { 
  0% { color: #f8e3a5; }
  10% { color: #dbc378; }
  20% { color: #ceb25e; }
  30% { color: #b89c49; }
  40% { color: #9e822e; }
  50% { color: #745d18; }
  60% { color: #9e822e; }
  70% { color: #b89c49; }
  80% { color: #ceb25e; }
  90% { color: #dbc378; }
  100% { color: #f8e3a5; }  
}

.tournament__status {
  display: flex;
  font-size: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  width: 100%;
}
.tournament__status span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  height: 28px;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 0 0px;
  width: 150px;
}
.tournament__status--green span {
  border-color: #29b474;
  font-size: 14px !important;
}
.tournament__status--green__blinking span {
  font-size: 14px !important;
  animation: blink_border_green 1s linear infinite;
  animation-iteration-count: infinite;
}
.tournament__status--blue span {
  border-color: #2568b0;
  font-size: 14px !important;
}
.tournament__status--yellow span {
  border-color: #e8d189;
  font-size: 14px !important;
}
.tournament__status--yellow__blinking span {
  font-size: 14px !important;
  animation: blink_border_yellow 1s linear infinite;
  animation-iteration-count: infinite;
}
.tournament__status--orange span {
  border-color: #ed8c5f;
  font-size: 14px !important;
}
.tournament__status--gray span {
  border-color: #4b4545;
  font-size: 14px !important;
}
@keyframes blink_border_green { 
  0% { border-color: #0aeb82; }
  10% { border-color: #0dd477; }
  20% { border-color: #12b96b; }
  30% { border-color: #0f8850; }
  40% { border-color: #12834e; }
  50% { border-color: #0c683d; }
  60% { border-color: #0c683d; }
  70% { border-color: #12834e; }
  80% { border-color: #12b96b; }
  90% { border-color: #0dd477; }
  100% { border-color: #0aeb82; }  
}
@keyframes blink_border_yellow { 
  0% { border-color: #f8e3a5; }
  10% { border-color: #dbc378; }
  20% { border-color: #ceb25e; }
  30% { border-color: #b89c49; }
  40% { border-color: #9e822e; }
  50% { border-color: #745d18; }
  60% { border-color: #9e822e; }
  70% { border-color: #b89c49; }
  80% { border-color: #ceb25e; }
  90% { border-color: #dbc378; }
  100% { border-color: #f8e3a5; }  
}

.tournament-details__box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
}
.tournament-details__box--min__height {
  min-height: 160px;
}
.tournament-details__box h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
}

.tournament-details__box span.green {
  color: #29b474;
  margin-left: 5px;
}

.tournament-details__box__notable {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
}
.tournament-details__box__notable span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 17px;
  height: 28px;
  width: auto;
}
.tournament-details__box__notable span:first-child {
  align-items: start;
}
.tournament-details__box__notable span:last-child {
  align-items: end;
}
.tournament-details__box__notable span.white {
  color: #fff;
}
.tournament-details__box__notable span.gray {
  color: #a6afb3;
}
.tournament-details__box__notable span.orange {
  color: #ed8c5f;
}
.tournament-details__box__notable span.green {
  color: #29b474;
}
.tournament-details__box__notable span.yellow {
  display: inline-table;
  background: -webkit-linear-gradient(#ffe79d, #a98513);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  user-select: none;
}
.tournament-details__box__notable span.green {
  display: inline-table;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  user-select: none;
}
.tournament-details__box__notable span.orange {
  display: inline-table;
  background: -webkit-linear-gradient(#ffbfa1, #b54d1e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  user-select: none;
}
.centered__td {
  text-align: center;
}
.end__aligned__td {
  text-align: end;
  margin-right: 10px;
}
.tournament-details__body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  margin-top: 17px;
  margin-bottom: 17px;
}
.tournament-details__body h2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}
.tournament-details__body__notable {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  margin-top: 17px;
  margin-bottom: 17px;
}
.tournament-details__body__notable span {
  display: inline-table;
  font-size: 17px;
  height: 28px;
  width: auto;
}
.tournament-details__body__notable span:first-child {
  align-items: start;
}
.tournament-details__body__notable span:last-child {
  align-items: end;
}
.tournament-details__body__notable span.white {
  color: #fff;
}
.tournament-details__body__notable span.yellow {
  color: #e8d189;
}
.tournament-details__body__notable span.gray {
  color: #a6afb3;
}
.tournament-details__body__notable span.green {
  display: inline-table;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  user-select: none;
}
.tournament-details__body__notable span.orange {
  display: inline-table;
  background: -webkit-linear-gradient(#ffbfa1, #b54d1e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  user-select: none;
}
.label__registering__blinking__dot {
  font-size: 16px;
  font-weight: 500;
  align-items: center;
  animation: blink_dot_yellow 1s linear infinite;
  animation-iteration-count: infinite;
}
.div__container__blinking__dot {
  display: flex;
  position: absolute;
  justify-content: space-around;
  align-items: center;
  top: 0;
  left: 0;
  font-size: 16px;
  font-weight: 500;
  height: 100%;
  width: 20px;
}
.label__live__blinking__dot {
  font-size: 16px;
  font-weight: 500;
  align-items: center;
  animation: blink_dot_green 1s linear infinite;
  animation-iteration-count: infinite;
}
@keyframes blink_dot_green { 
  0% { color: #0aeb82; }
  10% { color: #0dd477; }
  20% { color: #12b96b; }
  30% { color: #0f8850; }
  40% { color: #12834e; }
  50% { color: #0c683d; }
  60% { color: #0c683d; }
  70% { color: #12834e; }
  80% { color: #12b96b; }
  90% { color: #0dd477; }
  100% { color: #0aeb82; }  
}
@keyframes blink_dot_yellow { 
  0% { color: #f8e3a5; }
  10% { color: #dbc378; }
  20% { color: #ceb25e; }
  30% { color: #b89c49; }
  40% { color: #9e822e; }
  50% { color: #745d18; }
  60% { color: #9e822e; }
  70% { color: #b89c49; }
  80% { color: #ceb25e; }
  90% { color: #dbc378; }
  100% { color: #f8e3a5; }  
}

.img_full_list {
  cursor: pointer;
  transition: 0.5s ease;
  transition-property: src;
}

.tournament-details__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  margin-top: 17px;
  margin-bottom: 0px;
}
.tournament-details__footer > * {
  margin: 0.25rem;
}
.tournament-details__last__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.tournament-details__last__footer > * {
  margin: 0.25rem;
}
.description {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-top: -60px;
  padding: 20px;
  background: #192237;
}
.description--second {
  margin-top: 20px;
}
.description__title {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  width: 100%;
}
.description__title:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.description__prize__distribution {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
  min-height: 27px;
}
.description__prize__distribution h2 {
  line-height: 100%;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  width: 100%;
}
.description__prize__distribution__img__logo {
  width: 31px;
  height: 31px;
  vertical-align: bottom;
}
.description__prize__distribution__img__arrow {
  width: 22px;
  height: 22px;
  vertical-align: bottom;
}
.description__prize__distribution h2 span {
  font-size: 18px;
  margin-left: 5px;
}
.description__prize__distribution h2 span.red {
  color: #e23353;
}
.description__prize__distribution h2 span.green {
  display: flex;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px;
  user-select: none;
}
.description__table {
  width: 100%;
  margin-top: 15px;
}
.description__table tr td {
  font-size: 15px;
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.description__table tr td:first-child {
  color: #dedede;
}
.description__table tr td span {
  font-size: 14px;
  margin-left: 5px;
}
.description__table tr td span.red {
  color: #e23353;
}
.description__table tr td span.green {
  color: #29b474;
}
.description__table tr:first-child td {
  padding-top: 0;
}
.description__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.description__blockchain {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 15px;
  color: #dedede;
  margin-bottom: 15px;
}
.description__blockchain img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-left: 15px;
}
.description__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.description__list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  color: #dedede;
  margin-bottom: 15px;
  width: 100%;
}
.description__list li:last-child {
  margin-bottom: 0;
}
.description__list li span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #fff;
  height: 28px;
  border: 2px solid transparent;
  border-radius: 10px;
  padding: 0 12px;
  margin-left: 15px;
}
.description__list li span.devices {
  font-size: 14px;
  height: auto;
  border: none;
  border-radius: 0;
  padding: 0;
}
.description__list li span.true {
  border-color: #29b474;
}
.description__list li span.process {
  border-color: #2568b0;
}
.description__list li span.required {
  border-color: #e8d189;
}
.description__social {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.description__social a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background-color: #192841;
  position: relative;
  overflow: hidden;
  margin-right: 15px;
  transition: 0.5s ease;
}
.description__social a:last-child {
  margin-right: 0;
}
.description__social a svg {
  width: 20px;
  height: auto;
  fill: #019AFF;
  position: relative;
}
.description__social a:hover {
  background-color: rgba(170,114,206,0.2);
}
@media (min-width: 992px) {
  .description {
    margin-top: -70px;
  }
  .description--second {
    margin-top: -70px;
  }
}
/*==============================
	Play
==============================*/
.play {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 20px;
  position: relative;
  margin-top: 30px;
  padding: 20px;
  background: #192237;
}
.play__btns {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  position: relative;
  z-index: 3;
  border-bottom: 1px solid #192841;
  padding-bottom: 20px;
}
.play__btn {
  position: relative;
  width: calc(50% - 10px);
  max-width: 200px;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 20px;
  border: 2px solid #019AFF;
}
.play__btn svg {
  fill: #fff;
  width: 24px;
  height: auto;
  margin-right: 10px;
  transition: fill 0.5s ease;
}
.play__btn span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
  transition: color 0.5s ease;
}
.play__btn:hover {
  box-shadow: 0 0 22px #223b6d;
}
.play__btn--trailer {
  width: auto;
  border: none;
  margin-left: 20px;
}
.play__btn--trailer:hover {
  box-shadow: none;
}
.play__btn--trailer:hover svg {
  fill: #019AFF;
}
.play__text {
  margin-top: 20px;
  height: 200px;
  width: 100%;
}
.play__text p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
  padding-right: 15px;
}
.play__text p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .play__btn--trailer {
    margin-left: 30px;
  }
}
@media (min-width: 992px) {
  .play__text {
    height: 297px;
  }
}
@media (min-width: 1200px) {
  .play__text {
    height: 207px;
  }
}
/*==============================
	Staking
==============================*/
.staking__navbar {
  border-radius: 10px;
  position: relative;
  margin-top: -80px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.staking__navbar__box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 0px;
  align-items: stretch;
  flex-wrap: wrap;
}
.staking {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-top: -60px;
  padding: 20px;
  background: #192237;
}
.staking--second {
  margin-top: 20px;
}
.staking__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  min-height: 160px;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 17px;
  margin-bottom: 17px;
}
.staking__body h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
}
.staking__box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
}
.staking__box h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
}
.staking__box span.green {
  color: #29b474;
  margin-left: 5px;
}
.staking__info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
}
.staking__info__body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-top: 17px;
  padding: 20px;
  background-color: #00000040;
}
.staking__info h2 {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px;
}
.staking__info p {
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
  font-weight: 600;
}

.staking__rewards__info__table {
  width: 100%;
}
.staking__rewards__info__table tr td {
  font-size: 17px;
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.staking__rewards__info__table tr td:first-child {
  color: #a6afb3;
  text-align: start;
}
.staking__rewards__info__table tr td:last-child {
  text-align: end;
}
.staking__rewards__info__table tr td span {
  font-size: 14px;
  margin-left: 0px;
}
.staking__rewards__info__table tr td span a img {
  margin-left: 3px;
  margin-bottom: 5px;
  cursor: pointer;
}
.staking__rewards__info__table tr td span.purple {
  font-size: 17px;
  color: #8a9397;
  user-select: none;
}
.staking__rewards__info__table tr td span.green {
  font-size: 15px;
  color: #29b474;
}
.staking__rewards__info__table tr td span.yellow {
  font-size: 15px;
  color: #e8d189;
}
.staking__rewards__info__table tr:first-child td {
  padding-top: 0;
}
.staking__rewards__info__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}

.rewards__info__body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  border-radius: 10px;
  margin-top: 17px;
  
  background-color: #00000040;
}
.rewards__simulation__info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 17px;
  padding: 20px;
}
.rewards__simulation__info h2 {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px;
}

.nav-tabs {
  border-bottom: 2px solid #192841;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 5px;
}
.nav-tabs li {
  margin-top: 5px;
  margin: 5px;
}
.nav-tabs li:last-child {
  margin-right: 0;
}
.nav-tabs a {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 115px;
  color: #dedede;
  font-size: 15px;
  padding: 0 12px;
  position: relative;
  height: 36px;
  border: 2px solid #192841;
  border-radius: 10px;
}
.nav-tabs .nav-link.active {
  border-color: #019AFF;
  color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
  background-color: transparent;
  border: 2px solid;
  border-radius: 10px;
  transition: 0.5s ease;
  transition-property: color, background-color, border-color, box-shadow;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 2px solid transparent;
  border-radius: 10px;
  transition: 0.5s ease;
  transition-property: color, background-color, border-color, box-shadow;
  margin-bottom: 18px;
}
.nav-tabs .nav-link:hover {
  color: #019AFF;
  border-color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
}

.nav-pills {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.nav-pills li {
  margin-bottom: 1px;
  width: 50%;
  height: 50px;
}
.nav-pills li:last-child {
  margin-right: 0;
}
.nav-pills--left-dotted-bordered {
  border-left: 1px dotted #3a2c4285;
}
.nav-pills--right-dotted-bordered {
  border-right: 1px dotted #3a2c4285;
}
.nav-pills--top-dotted-bordered {
  border-top: 1px dotted #3a2c4285;
}
.nav-pills--bottom-dotted-bordered {
  border-bottom: 1px dotted #3a2c4285;
}
.nav-pills a {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 115px;
  color: #dedede;
  font-size: 11px;
  padding: 0 12px;
  position: relative;
  height: 36px;
  border: 2px solid #192841;
  border-radius: 10px;
}
.nav-pills .nav-link.active {
  border-color: #019AFF;
  color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
  background-color: transparent;
  border: 2px solid;
  border-radius: 5px;
  transition: 0.2s ease;
  transition-property: color, background-color, border-color, box-shadow;
}
.nav-pills .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 2px solid transparent;
  border-radius: 5px;
  transition: 0.5s ease;
  transition-property: color, background-color, border-color, box-shadow;
  width: 100%;
  height: 100%;
}
.nav-pills .nav-link:hover {
  color: #019AFF;
  border-color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
}
.staking__tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 5px;
}
.staking__tabs li {
  margin-top: 5px;
  margin: 5px;
}
.staking__tabs li:last-child {
  margin-right: 0;
}
.staking__tabs a {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 115px;
  color: #dedede;
  font-size: 15px;
  padding: 0 12px;
  position: relative;
  height: 36px;
  border: 2px solid #192841;
  border-radius: 10px;
}
.staking__tabs a:hover {
  color: #fff;
  border-color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
}
.staking__tabs a.active {
  border-color: #019AFF;
  color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
}
.staking__tabs--nephrite a {
  border-color: rgba(34,127,158,0.12);
}
.staking__tabs--nephrite a:hover {
  border-color: #227f9e;
  box-shadow: 0 0 22px rgba(34,127,158,0.14);
}
.staking__tabs--nephrite a.active {
  border-color: #227f9e;
  color: #227f9e;
  box-shadow: 0 0 22px rgba(34,127,158,0.14);
}
.staking__content {
  position: relative;
  padding-bottom: 5px;
}
.staking__content--nephrite {
  border-color: rgba(34,127,158,0.12);
}
.emission__list {
  font-size: 15px;
  line-height: 24px;
  color: #a6afb3;
  width: 100%;
}
.emission__list span {
  color: #43cd4f;
}
.fpp__info__list {
  font-size: 15px;
  line-height: 24px;
  color: #a6afb3;
  width: 100%;
}
.fpp__info__list span {
  background: -webkit-linear-gradient(#0a5ddf, #a2d0ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.staking__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.staking__list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  color: #a6afb3;
  width: 100%;
}
.staking__list li:first-child {
  margin-top: 5px;
}
.staking__list li:last-child {
  margin-bottom: 0;
}
.staking__list li span {
  color: #a6afb3;
  margin-left: 5px;
}
.staking__title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  justify-content: center;
  align-self: center;
}
.staking__apy {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  justify-content: center;
  align-self: center;
}
.staking__apy__percent {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  justify-content: center;
  align-self: center;
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.staking__apy__percent a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  cursor: pointer;
}
.staking__apy__percent p {
  margin-left: 3px;
}
.staking__apy span {
  font-size: 14px;
  color: #dedede;
  line-height: 100%;
}
.staking__apy p {
  margin-bottom: 0;
  color: #019AFF;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}
.staking__apy--nephrite p {
  color: #227f9e;
}
.staking__group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  height: 195px;
  width: 100%;
  margin-top: 20px;
}
.staking__label {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  width: 100%;
  line-height: 100%;
  margin-bottom: 10px;
}

.staking__group2 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: stretch;
  flex-wrap: wrap;
  height: 160px;
  width: 100%;
  border-radius: 10px;
  background-color: #00000040;
  padding: 20px;
	margin-bottom: 17px;
}
.staking__label2 {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  width: 100%;
  line-height: 100%;
  margin-bottom: 5px;
}

.rewards__label {
  width: 100%;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #dedede;
  border-radius: 10px;
  line-height: 100%;
  cursor: default;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 8px;
  padding-right: 8px;
  background: linear-gradient(135deg, #192237 0%, #11182a);
}

.rewards__label__internal {
  width: 100%;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #019AFF;
  line-height: 100%;
  cursor: default;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-bottom: 2px solid #192841;
  margin-bottom: 20px;
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}

.rewards__label__internal a {
  cursor: pointer;
}

.rewards__label__internal span {
  cursor: pointer;
  margin-left: 3px;
}

.rewards__label__internal__nephrite {
  width: calc(100% - 135px);
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  color: #227f9e;
  border-radius: 10px;
  line-height: 100%;
  cursor: default;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 3px;
}

.rewards__label__internal__nephrite a {
  cursor: pointer;
}

.rewards__label__internal__nephrite span {
  cursor: pointer;
}

.rewards__group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  align-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
}
.div__input__error {
  display: flex;
  width: 100%;
  height: auto;
  background-color: transparent;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  cursor: default;
  font-weight: 400;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 1px;
}
.div__input__error span {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  border-radius: 6px;
  height: 17px;
  width: 100%;
  cursor: default;
  color: #deb887;
  background: linear-gradient(135deg, #11182a 0%, #ffffff00 70%);
}
.staking__div__input {
  display: flex;
  width: 100%;
  height: 35px;
  background-color: transparent;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  cursor: default;
  font-weight: 400;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-top: 0px;
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.staking__div__input span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border: 2px solid #192841;
  border-radius: 7px;
  height: 30px;
  width: 50px;
  cursor: default;
  appearance: none;
  box-shadow: none;
  transition: 0.5s ease;
  transition-property: background-color, border-color;
  background: linear-gradient(135deg, #162747 0%, #11182a);
}
.staking__div__input span:hover,
.staking__div__input span:focus {
  border-color: #019AFF;
  cursor: pointer;
}

.staking__div__input2 {
  display: flex;
  width: 100%;
  height: 35px;
  background-color: transparent;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  cursor: default;
  font-weight: 400;
  align-items: center;
  justify-content: space-between;
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.staking__div__input2 span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border: 2px solid #192841;
  border-radius: 7px;
  height: 30px;
  width: 50px;
  cursor: default;
  appearance: none;
  box-shadow: none;
  transition: 0.5s ease;
  transition-property: background-color, border-color;
  background: linear-gradient(135deg, #162747 0%, #11182a);
}
.staking__div__input2 span:hover,
.staking__div__input2 span:focus {
  border-color: #019AFF;
  cursor: pointer;
}

.staking__div__input--nephrite {
  display: flex;
  width: 100%;
  height: 35px;
  background-color: transparent;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  cursor: default;
  font-weight: 400;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-top: 0px;
}
.staking__div__input--nephrite span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border: 2px solid rgba(34,127,158,0.12);
  border-radius: 7px;
  height: 30px;
  width: 50px;
  cursor: default;
  appearance: none;
  box-shadow: none;
  transition: 0.5s ease;
  transition-property: background-color, border-color;
  background: linear-gradient(135deg, #0f323e 0%, #11182a);;
}
.staking__div__input--nephrite span:hover,
.staking__div__input--nephrite span:focus {
  border-color: #227f9e;
  cursor: pointer;
}

.rewards__simulation__group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  align-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
  padding: 20px;
}
.rewards__simulation__buttons {
  display: flex;
  width: 100%;
  height: 35px;
  background-color: transparent;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  cursor: default;
  font-weight: 400;
  align-items: center;
  justify-content: space-between;
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.rewards__simulation__buttons__span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border: 2px solid #192841;
  border-radius: 7px;
  height: 30px;
  width: 50px;
  cursor: default;
  appearance: none;
  box-shadow: none;
  transition: 0.5s ease;
  transition-property: background-color, border-color;
  background: linear-gradient(135deg, #402d4c 0%, #11182a);
}
.rewards__simulation__buttons span:hover {
  border-color: #019AFF;
  cursor: pointer;
}
.rewards__simulation__button__selected {
  border-color: #019AFF;
}
.general__input {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border: 2px solid #192841;
  background-color: transparent;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  cursor: default;
  font-weight: 400;
}
.general__input:hover:not([disabled]),
.general__input:focus {
  border-color: #019AFF;
}
.staking__input {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border: 2px solid #192841;
  background-color: transparent;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  cursor: default;
  font-weight: 400;
}
.staking__input:hover:not([disabled]),
.staking__input:focus {
  border-color: #019AFF;
}
.staking__input--nephrite {
  border-color: rgba(34,127,158,0.12);
}
.staking__input--nephrite:hover:not([disabled]),
.staking__input--nephrite:focus {
  border-color: #227f9e;
}
.staking__btn {
  position: relative;
  width: 135px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid #192841;
  background: linear-gradient(135deg, #162747 0%, #11182a);
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.staking__btn:hover:not([disabled]) {
  color: #fff;
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}
.staking__btn--nephrite {
  border-color: rgba(34,127,158,0.12);
  background: linear-gradient(135deg, #0f323e 0%, #11182a);
}
.staking__btn--nephrite:hover:not([disabled]) {
  box-shadow: 0 0 22px rgba(34,127,158,0.14);
  border-color: #227f9e;
}
.staking__btn--black {
  border-color: rgba(38, 43, 44, 0.12);
  background: linear-gradient(135deg, #2e2d2b 0%, #1a1a1a);
}
.staking__btn--black:hover:not([disabled]) {
  box-shadow: 0 0 22px rgba(45, 48, 49, 0.14);
  border-color: #898c8d;
}
@media (min-width: 400px) {
  .nav-pills a {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .staking__navbar {
    margin-top: -80px;
    padding: 20px;
  }
  .rewards__label__internal {
    font-size: 20px;
  }
  .rewards__label__internal__nephrite {
    font-size: 20px;
  }
  .staking {
    padding: 20px;
    margin-top: -70px;
  }
  .staking--second {
    margin-top: 30px;
  }
  
  .staking__info h2 {
    font-size: 20px;
  }
  .rewards__simulation__info h2 {
    font-size: 20px;
  }
  .staking__info p {
    font-size: 28px;
  }
  .staking__tabs {
    margin-bottom: 10px;
  }
  .staking__content {
    padding-bottom: 5px;
  }
  .staking__apy p {
    font-size: 22px;
  }
  .staking__group {
    margin-top: 30px;
  }
  .staking__input {
    width: 100%;
  }
  .staking__div__input {
    width: 100%;
  }
  .staking__btn {
    width: 150px;
  }
}
@media (min-width: 992px) {
  .staking__navbar {
    margin-top: -150px;
    padding: 20px;
  }
  .staking--second {
    margin-top: -70px;
  }
}

/*==============================
	Treasury
==============================*/
.scroll-list__treasury__div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-top: 17px;
  padding: 18px;
  background-color: #00000040;
}
.large__scroll__treasury__balances {
  margin-top: 0px;
  height: 281px;
  width: 100%;
}
.small__scroll__treasury__balances {
  margin-top: 0px;
  height: 250px;
  width: 100%;
}
.large__scroll__tournament__balances {
  margin-top: 0px;
  height: 281px;
  width: 100%;
}
.small__scroll__tournament__balances {
  margin-top: 0px;
  height: 250px;
  width: 100%;
}

.large__scroll__papparico__contracts {
  margin-top: 0px;
  height: 714px;
  width: 100%;
}
.small__scroll__papparico__contracts {
  margin-top: 0px;
  height: 200px;
  width: 100%;
}
.large__scroll__papparico__wallets {
  margin-top: 0px;
  height: 334px;
  width: 100%;
}
.small__scroll__papparico__wallets {
  margin-top: 0px;
  height: 200px;
  width: 100%;
}
.treasury__layout__large {
  display: none;
  padding-bottom: 80px;
}
.treasury__layout__small {
  display: block;
  padding-bottom: 105px;
}
.treasury__navbar {
  border-radius: 10px;
  position: relative;
  margin-top: -80px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.treasury__navbar__box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 0px;
  align-items: stretch;
  flex-wrap: wrap;
}
.treasury {
  border-radius: 10px;
  position: relative;
  margin-top: -60px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.treasury--second {
  margin-top: 20px;
}
.treasury__small {
  border-radius: 10px;
  position: relative;
  margin-top: -20px;
  padding: 20px;
  background: #192237;
}
.treasury__box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
}
.treasury__box h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
}

.treasury__box span.green {
  color: #29b474;
  margin-left: 5px;
}

.treasury__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 17px;
}
.treasury__body__or__box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
}
.treasury__contracts__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 17px;
  height: 400px;
}
.treasury__wallets__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 17px;
  height: 300px;
}
.treasury__body h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
}
.treasury__body__or__box h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
}

.treasury__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.treasury__list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  color: #a6afb3;
  width: 100%;
}
.treasury__list li:first-child {
  margin-top: 10px;
}
.treasury__list li:last-child {
  margin-bottom: 0;
}
.treasury__list li span {
  color: #fff;
  margin-left: 5px;
}
.treasury__info__table {
  width: 100%;
}
.treasury__info__table--height__300 {
  height: 300px;
}
.treasury__info__table--height__400 {
  height: 400px;
}
.treasury__info__table tr td {
  font-size: 17px;
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.treasury__info__table tr td:first-child {
  color: #a6afb3;
  text-align: start;
}
.treasury__info__table tr td:last-child {
  text-align: end;
}
.treasury__info__table tr td div {
  font-size: 15px;
  display: inline-block;
  word-break: break-all;
  margin-left: 10px;
  cursor: pointer;
  transition: 0.5s ease;
}
.treasury__info__table tr td div a {
  font-size: 17px;
  color: #fff;
  display: inline-block;
  word-break: break-all;
  margin-left: 10px;
  cursor: pointer;
  transition: 0.5s ease;
  text-decoration: none;
}
.treasury__info__table tr td div a:hover {
  color: #019AFF !important;
  transition: 0.5s ease !important;
}
.treasury__info__table tr td span.red {
  font-size: 15px;
  color: #e23353;
}
.treasury__info__table tr td span.green {
  font-size: 15px;
  color: #29b474;
}
.treasury__info__table tr td span.yellow {
  font-size: 15px;
  color: #e8d189;
}
.treasury__info__table tr:first-child td {
  padding-top: 0;
}
.treasury__info__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.treasury__info__table td:last-child {
  padding-right: 10px;
}


.treasury__tournament__balances__info__table {
  width: 100%;
}
.treasury__tournament__balances__info__table tr td {
  font-size: 17px;
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.treasury__tournament__balances__info__table tr td:first-child {
  color: #a6afb3;
  text-align: start;
  padding-right: 10px;
}
.treasury__tournament__balances__info__table tr td:last-child {
  text-align: end;
  padding-left: 10px;
}
.treasury__tournament__balances__info__table tr td span {
  display: flex;
  align-items: center;
  font-size: 17px;
  margin-left: 0px;
}
.treasury__tournament__balances__info__table tr td span a img {
  margin-left: 3px;
  margin-bottom: 5px;
  cursor: pointer;
}
.treasury__tournament__balances__info__table tr td span.purple {
  font-size: 17px;
  color: #019AFF;
}
.treasury__tournament__balances__info__table tr td span.green {
  font-size: 15px;
  color: #29b474;
}
.treasury__tournament__balances__info__table tr td span.yellow {
  font-size: 15px;
  color: #e8d189;
}
.treasury__tournament__balances__info__table tr:first-child td {
  padding-top: 0;
}
.treasury__tournament__balances__info__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.treasury__tournament__balances__info__table td:last-child {
  padding-right: 10px;
}

.treasury__balances__symbol {
  display: table-caption;
  min-height: 27px;
}
.treasury__balances__symbol img {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}
.treasury__balances__symbol span {
  font-size: 18px;
}
.treasury__balances__symbol span.red {
  color: #e23353;
}
.treasury__balances__symbol span.green {
  display: flex;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px;
  user-select: none;
}

.div__balances__values {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-end;
  flex-direction: column;
}
.div__balances__values label:first-child {
  font-size: 16px;
  color: #fff;
  transition: background-color 0.5s ease;
}
.div__balances__values label:last-child {
  display: flex;
  font-size: 15px;
  color: #8a9397;
  user-select: none;
}
.div__balances__values label.white:first-child {
  display: flex;
  color: #fff;
  font-size: 16px;
  user-select: none;
}
.div__balances__values label.green:first-child {
  display: flex;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  user-select: none;
}
.div__balances__values label.orange:first-child {
  display: flex;
  background: -webkit-linear-gradient(#ffbfa1, #b54d1e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  user-select: none;
}
.div__balances__values label.green:last-child {
  display: flex;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  user-select: none;
}
.div__balances__values label.purple:last-child {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
  user-select: none;
}
.div__balances__values__tournaments {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  align-items: flex-end;
  flex-direction: column;
  margin-left: 10px;
}
.div__balances__values__tournaments label {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  color: #fff;
  transition: background-color 0.5s ease;
}
.div__balances__values__tournaments label img {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.div__balances__values__tournaments label span {
  font-size: 18px;
  margin-left: 5px;
}
.div__balances__values__tournaments label.blue {
  background: -webkit-linear-gradient(#0a5ddf, #a2d0ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  user-select: none;
}
.div__balances__values__tournaments label.green {
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  user-select: none;
}
.div__balances__values__tournaments label.purple {
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  user-select: none;
}


.treasury__total__usd {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.treasury__total__usd span.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px;
  user-select: none;
}
.h2__total {
  display: flex;
  width: auto;
}


@media (min-width: 768px) {
  .treasury__navbar {
    margin-top: -145px;
    padding: 20px;
  }
  .treasury {
    padding: 20px;
    margin-top: -215px;
  }
  .treasury--second {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .treasury__navbar {
    margin-top: -150px;
    padding: 20px;
  }
  .treasury--second {
    margin-top: -70px;
  }
  .treasury__layout__large {
    display: block;
    padding-bottom: 80px;
  }
  .treasury__box__displayable__size {
    display: flex;
  }
  .treasury__layout__small {
    display: none;
    padding-bottom: 105px;
  }
  .treasury__body__or__box {
    margin-top: 17px;
  }
  .div__balances__values label:first-child {
    font-size: 16px;
  }
  .div__balances__values label:last-child {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .large__scroll__papparico__contracts {
    height: 690px;
  }
  .large__scroll__papparico__wallets {
    height: 310px;
  }
}
@media (min-width: 1400px) {
  .large__scroll__papparico__contracts {
    height: 642px;
  }
}
/*==============================
	Airdrop
==============================*/
.airdrop__body {
  border-radius: 10px;
  position: relative;
  margin-top: -90px;
  margin-bottom: 20px;
  min-height: 150px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.airdrop__bottom {
  position: relative;
  margin-top: -80px;
  min-height: 300px;
  padding: 20px;
  background: transparent;
}
.airdrop__community__title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  --bs-bg-opacity: 1;
  background-color: #00000040 !important;
  border-start-start-radius: 10px;
  border-start-end-radius: 10px;
}
.airdrop__community__title div:first-child {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 3px;
}
.airdrop__community__title div:last-child {
  display: flex;
}
.airdrop__community__title img {
  height: 35px;
  width: 35px;
  margin-right: 3px;
}
.airdrop__community__title label {
  font-size: 17px;
  color: #fff;
}
.airdrop__community__title label.small {
  font-size: 14px;
  margin-right: 3px;
}
.airdrop__community__title label.blue {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
  user-select: none;
}
.airdrop__community__title label.small-blue {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.vies__token__container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-width: 135px;
}
.vies__token__container img {
  width: 40px;
  height: 40px;
  z-index: 10;
}
.vies__token__container div {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-left: 5px;
}
.vies__token__container label {
  font-size: 14px;
  margin-bottom: -10px;
}
.vies__token__container label.blue {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.users__info__container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  min-width: 135px;
}
.users__info__container img {
  width: 40px;
  height: 40px;
  z-index: 10;
}
.users__info__container div {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  margin-right: 5px;
}
.users__info__container label {
  font-size: 14px;
  margin-bottom: -10px;
}
.users__info__container label.blue {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.airdrop__community__image__container {
  display: flex;
}
.airdrop__community__image__container img {
  width: 50px;
  height: 50px;
  z-index: 10;
}
.airdrop__community__info {
  display: none;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
}
.airdrop__community__info label {
  font-size: 16px;
}
.airdrop__community__info label.small {
  font-size: 14px;
  margin-top: -10px;
  margin-bottom: -10px;
}
.airdrop__community__info label.blue {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  user-select: none;
}
.airdrop__community__info label.small-blue {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  margin-bottom: -10px;
  user-select: none;
}
.airdrop__community__info img {
  width: 50px;
  height: 50px;
  z-index: 10;
}
.airdrop__summary {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  flex-direction: column;
  min-width: 80px;
}
.airdrop__summary label.title {
  font-size: 14px;
}
.airdrop__summary label.blue {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
  min-width: 60px;
  user-select: none;
  margin-top: -10px;
}
.airdrop__buttons__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #00000040;
  border-end-end-radius: 10px;
  border-end-start-radius: 10px;
  padding: 5px;
  margin-top: -1px;
}
.airdrop__button {
  position: relative;
  width: 130px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid #192841;
  background: linear-gradient(135deg, #162747 0%, #11182a);
  margin: 5px;
  transition: 0.5s ease;
  cursor: pointer;
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.airdrop__button:hover:not([disabled]) {
  color: #fff;
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}
.airdrop__button--black {
  border-color: rgba(38, 43, 44, 0.12);
  background: linear-gradient(135deg, #2e2d2b 0%, #1a1a1a);
}
.airdrop__button--black:hover:not([disabled]) {
  box-shadow: 0 0 22px rgba(45, 48, 49, 0.14);
  border-color: #898c8d;
}
.airdrop__button label {
  cursor: pointer;
}
@media (min-width: 768px) {
  .airdrop__body {
    margin-top: -90px;
  }
  .airdrop__community__title {
    display: none;
  }
  .airdrop__community__info {
    display: flex;
  }
  .airdrop__button {
    width: 145px;
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .airdrop__body {
    margin-top: -150px;
  }
}
@media (min-width: 1200px) {
  .airdrop__community__title label.blue {
    font-size: 20px;
  }
}
/*==============================
	Launchpad
==============================*/
.logo__token__presale {
  height: 28px;
  width: 28px;
  margin-right: 5px;
}
.launchpad__layout__large {
  display: none;
  padding-bottom: 25px;
  padding-top: 30px;
}
.launchpad__progress__container__large {
  display: none;
  width: 100%;
}
.launchpad__layout__small {
  display: block;
  padding-bottom: 10px;
}
.launchpad__progress__container__small {
  display: block;
  width: 100%;
}
.presale__progress {
  display: flex;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}
/*==============================
	Vaults
==============================*/
.scroll-list__vaults__div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-top: 0px;
  padding: 10px;
  background-color: #00000040;
}
.vaults__layout__large {
  display: none;
  padding-bottom: 80px;
}
.vaults__layout__small {
  display: block;
  padding-bottom: 105px;
}
.vaults__layout__small__container__li {
  display: block;
}
.vaults__navbar {
  border-radius: 10px;
  position: relative;
  margin-top: -80px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.vaults__navbar__box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 0px;
  align-items: stretch;
  flex-wrap: wrap;
}
.vaults {
  border-radius: 10px;
  position: relative;
  margin-top: -60px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.vaults--second {
  margin-top: 20px;
}
.vaults__small {
  border-radius: 10px;
  position: relative;
  margin-top: -20px;
  padding: 20px;
  background: #192237;
}
.vaults__card {
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 17px;
  border: 1px solid #192841;
}
.vaults__card button {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 80px;
  padding: 5px 5px 5px 5px;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
  justify-content: space-between;
}
.vaults__card button label {
  cursor: pointer;
}
.div__eligible__points {
  display: flex;
  align-items: center;
  width: 100%;
  left: 0;
  bottom: 5px;
}
.div__eligible__points label {
  margin-left: 5px;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
}
.vaults__card button span:last-child {
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: transparent;
  border: 2px solid #019AFF;
  position: absolute;
  right: 20px;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.vaults__card button span svg {
  width: 20px;
  height: auto;
  fill: #fff;
  position: absolute;
  z-index: 2;
  transition: transform 0.5s ease;
}
.vaults__card button:hover {
  color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
}
.vault__type {
  display: flex;
  flex-direction: column;
  min-width: 93px;
}
.vault__type label:first-child {
  margin-bottom: -5px;
}
.vault__type label:last-child {
  color: #02a3f3;
  font-size: 14px;
  margin-top: -5px;
}
.vault__type label label {
  color: #00B200 !important;
}
.vault__deposited__values {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-end;
  flex-direction: column;
  min-width: 90px;
}
.vault__deposited__values label:first-child {
  color: #a6afb3;
  margin-bottom: -8px;
  font-size: 15px;
  transition: background-color 0.5s ease;
}
.vault__deposited__values label.purple:last-child {
  display: flex;
  margin-top: -8px;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  user-select: none;
}
.vaults__box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
}
.vaults__box h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
}
.vaults__box span.green {
  color: #29b474;
  margin-left: 5px;
}
.vaults__box__displayable__size {
  display: none;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
}
.vaults__box__displayable__size h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
}
.vaults__box__displayable__size span.green {
  color: #29b474;
  margin-left: 5px;
}
.vaults__allocation__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 17px;
}
.vaults__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 17px;
}
.vaults__body h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
}
.general__list__description {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.general__list__description li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 17px;
  line-height: 24px;
  color: #a6afb3;
  width: 100%;
}
.general__list__description li:first-child {
  margin-top: 10px;
}
.general__list__description li:last-child {
  margin-bottom: 0;
}
.general__list__description li span {
  color: #fff;
  margin-left: 5px;
}
.vault__description__list__item {
  font-size: 15px;
  line-height: 24px;
  color: #a6afb3;
  margin-top: 10px;
}
.vault__empty {
  display: flex;
  height: 100%;
  justify-content: center;
  flex-direction: row;
  position: relative;
  align-items: center;
}
.vault__empty label {
  font-size: 20px;
  line-height: 26px;
  color: #747070;
}
.vault__deposits__large {
  margin-top: 0px;
  height: 422px;
  width: 100%;
}
.vault__deposits__large p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
  padding-right: 15px;
}
.vault__deposits__large p:last-child {
  margin-bottom: 0;
}
.vault__deposits__large accordion__card:first-child {
  margin-top: 0;
}
.vault__deposits__large accordion__card:last-child {
  margin-bottom: 0;
}
.vault__deposits__small {
  margin-top: 0px;
  height: 334px;
  width: 100%;
}
.vault__deposits__small--empty {
  margin-top: 0px;
  height: 90px;
  width: 100%;
}
.vault__deposits__small p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
  padding-right: 15px;
}
.vault__deposits__small p:last-child {
  margin-bottom: 0;
}
.vault__deposits__small accordion__card:first-child {
  margin-top: 0;
}
.vault__deposits__small accordion__card:last-child {
  margin-bottom: 0;
}

.vault__deposit__table {
  width: 100%;
  margin-top: 5px;
  background: #232a3b;
}
.vault__deposit__table tr td {
  font-size: 15px;
  color: #fff;
  padding: 8px 20px;
  transition: background-color 0.5s ease;
}

.vault__deposit__table tr td:first-child {
  color: #a6afb3;
  text-align: start;
}
.vault__deposit__table tr td:last-child {
  text-align: end;
  padding-right: 25px;
}
.vault__deposit__table tr td span {
  font-size: 15px;
  margin-left: 0px;
}
.vault__deposit__table tr td span.red {
  color: #e23353;
}
.vault__deposit__table tr td span.green {
  color: #29b474;
}
.vault__deposit__table tr td.blue {
  color: #4dd2ff;
}
.vault__deposit__table tr:first-child td {
  padding-top: 12px;
  border-top: 1px solid #192841;
}
.vault__deposit__table tr:last-child td {
  border-bottom: 1px solid #192841;
}
.vault__info__table {
  width: 100%;
}
.vault__info__table tr td {
  font-size: 17px;
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.vault__info__table tr td:first-child {
  color: #a6afb3;
  text-align: start;
}
.vault__info__table tr td:last-child {
  text-align: end;
}
.vault__info__table tr td span {
  font-size: 14px;
  margin-left: 0px;
}
.vault__info__table tr td span.red {
  font-size: 15px;
  color: #e23353;
}
.vault__info__table tr td span.green {
  font-size: 15px;
  color: #29b474;
}
.vault__info__table tr td span.yellow {
  font-size: 15px;
  color: #e8d189;
}
.vault__info__table tr:first-child td {
  padding-top: 0;
}
.vault__info__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}

.vaults__rewards__info__table {
  width: 100%;
}
.vaults__rewards__info__table tr td {
  font-size: 15px;
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.vaults__rewards__info__table tr:first-child td:first-child {
  color: #a6afb3;
  text-align: start;
}
.vaults__rewards__info__table tr:first-child td:last-child {
  text-align: end;
}
.vaults__rewards__info__table tr:last-child td:first-child {
  text-align: center;
}
.vaults__rewards__info__table tr td span {
  font-size: 14px;
  margin-left: 0px;
}
.vaults__rewards__info__table tr td span a img {
  margin-left: 3px;
  margin-bottom: 5px;
  cursor: pointer;
}
.vaults__rewards__info__table tr td span.purple {
  font-size: 17px;
  color: #019AFF;
}
.vaults__rewards__info__table tr td span.green {
  font-size: 15px;
  color: #29b474;
}
.vaults__rewards__info__table tr td span.yellow {
  font-size: 15px;
  color: #e8d189;
}
.vaults__rewards__info__table tr:first-child td {
  padding-top: 0;
}
.vaults__rewards__info__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.vault__deposit__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #00000040;
  padding: 10px;
  margin-top: -1px;
}
.vault__deposit__footer__radius__end__start {
  border-end-start-radius: 10px;
}
.vault__deposit__footer__radius__end__end {
  border-end-end-radius: 10px;  
}
.vault__deposit__btn {
  position: relative;
  width: 145px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid #192841;
  background: linear-gradient(135deg, #162747 0%, #11182a);
  margin: 5px;
  transition: 0.5s ease;
  cursor: pointer;
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.vault__deposit__btn:hover:not([disabled]) {
  color: #fff;
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}
.vault__deposit__btn--black {
  border-color: rgba(38, 43, 44, 0.12);
  background: linear-gradient(135deg, #2e2d2b 0%, #1a1a1a);
}
.vault__deposit__btn--black:hover:not([disabled]) {
  box-shadow: 0 0 22px rgba(45, 48, 49, 0.14);
  border-color: #898c8d;
}
.vault__deposit__btn label {
  cursor: pointer;
}

.staking__deposit__btn {
  position: relative;
  width: 125px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid #192841;
  background: linear-gradient(135deg, #162747 0%, #11182a);
  margin: 5px;
  transition: 0.5s ease;
  cursor: pointer;
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.staking__deposit__btn:hover:not([disabled]) {
  color: #fff;
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}
.staking__deposit__btn--black {
  border-color: rgba(38, 43, 44, 0.12);
  background: linear-gradient(135deg, #2e2d2b 0%, #1a1a1a);
}
.staking__deposit__btn--black:hover:not([disabled]) {
  box-shadow: 0 0 22px rgba(45, 48, 49, 0.14);
  border-color: #898c8d;
}
.staking__deposit__btn label {
  cursor: pointer;
}

.vault__deposit__value {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-end;
  flex-direction: column;
}
.vault__deposit__value label {
  display: flex;
}
.vault__deposit__value label.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
  user-select: none;
}

.vault__type__container {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  flex-direction: column;
}
.vault__type__container label {
  font-size: 17px;
}
.vault__type__container label.green {
  display: flex;
  background: -webkit-linear-gradient(#167570, #00fff1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  user-select: none;
}


.vault__apr__label {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
  flex-direction: column;
  width: 90px;
}
.vault__apr__label label:first-child {
  display: flex;
  color: #a6afb3;
  margin-bottom: -8px;
}
.vault__apr__label label:last-child {
  display: flex;
}

.vault__upgrade__apr__label {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
  flex-direction: column;
}
.vault__upgrade__apr__label label:first-child {
  display: flex;
  color: #a6afb3;
  margin-bottom: -10px;
}
.vault__upgrade__apr__label label:last-child {
  display: flex;
}

.vaults__upgrade__card {
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 10px;
  border: 1px solid #192841;
}
.vaults__upgrade__card--selected {
  border: 2px solid #019AFF;
}

.vaults__upgrade__card:first-child {
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 0px;
}
.vaults__upgrade__card button {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 50px;
  padding: 10px 20px 10px 20px;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
  justify-content: space-between;
}
.vaults__upgrade__card button label {
  cursor: pointer;
}
.vaults__upgrade__card button label:first-child {
  width: 70px;
}
.vaults__upgrade__card button span:last-child {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: transparent;
  border: 2px solid #019AFF;
  position: absolute;
  right: 20px;
  top: 27px;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.vaults__upgrade__card button span svg {
  width: 20px;
  height: auto;
  fill: #fff;
  position: absolute;
  z-index: 2;
  transition: transform 0.5s ease;
}
.vaults__upgrade__card button:hover:not([disabled]) {
  color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
}
.vaults__upgrade__card button:hover:not([disabled]) span {
  box-shadow: 0 0 22px #223b6d;
}

@media (min-width: 450px) {
  .vaults__card button {
    padding: 20px 70px 20px 20px;
  }
  .vaults__card button span:last-child {
    display: flex;
  }
  .vault__deposited__values {
    min-width: 120px;
  }
}
@media (min-width: 576px) {
  .vaults__card button span:last-child {
    display: flex;
  }
  .vaults__card button {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .vaults {
    padding: 20px;
    margin-top: -150px;
  }
  .vaults--second {
    margin-top: 30px;
  }
  .vaults__card {
    margin-top: 17px;
  }
}
@media (min-width: 992px) {
  .vaults--second {
    margin-top: -150px;
  }
  .launchpad__layout__large {
    display: block;
    padding-bottom: 10px;
    padding-top: 30px;
  }
  .launchpad__progress__container__large {
    display: block;
    width: 100%;
  }
  .launchpad__layout__small {
    display: none;
    padding-bottom: 10px;
  }
  .launchpad__progress__container__small {
    display: none;
    width: 100%;
  }
  .vaults__layout__large {
    display: block;
    padding-bottom: 80px;
  }
  .vaults__layout__small {
    display: none;
    padding-bottom: 105px;
  }
  .vault__deposits__large {
    height: 446px;
  }
  .scroll-list__vaults__div {
    margin-top: 17px;
  }
  .vaults__box__displayable__size {
    display: flex;
  }
  .vaults__layout__small__container__li {
    display: none;
  }
  .vaults__card button {
    min-height: 143px;
    font-size: 17px;
  }
  .vault__deposited__values label:first-child {
    font-size: 17px;
  }
  .vault__deposited__values label.purple:last-child {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .vaults__card button {
    min-height: 143px;
  }
  .vault__deposits__large {
    height: 422px;
  }
}
@media (min-width: 1400px) {
  .vaults__card button {
    min-height: 148px;
  }
}
/*==============================
	Contact
==============================*/
.contact {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 40px;
  margin-top: 20px;
}
.contact:hover .contact__icon {
  background-color: rgba(170,114,206,0.2);
}
.contact:hover .contact__text {
  color: #fff;
}
.contact__icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background-color: #192841;
  position: relative;
  overflow: hidden;
  transition: 0.5s ease;
}
.contact__icon svg {
  width: 24px;
  height: auto;
  fill: #019AFF;
  position: relative;
}
.contact__text {
  padding-left: 20px;
  color: #dedede;
  font-size: 18px;
  font-weight: 600;
  transition: color 0.5s ease;
}
.contacts {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.contacts__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
@media (min-width: 768px) {
  .contacts {
    flex-direction: row;
    justify-content: space-between;
  }
  .contacts__list {
    margin-top: 10px;
    width: calc(50% - 15px);
  }
}
@media (min-width: 992px) {
  .contacts {
    flex-direction: column;
    justify-content: flex-start;
  }
  .contacts__list {
    width: 100%;
  }
}
/*==============================
	Social
==============================*/
.social {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 50px;
}
.social__title {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}
.social__list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.social__list a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background-color: #192841;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
  margin-top: 15px;
  transition: 0.5s ease;
}
.social__list a:last-child {
  margin-right: 0;
}
.social__list a svg {
  width: 20px;
  height: auto;
  fill: #019AFF;
  position: relative;
}
.social__list a:hover {
  background-color: rgba(170,114,206,0.2);
}
@media (min-width: 768px) {
  .social {
    width: calc(50% - 15px);
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .social {
    width: 100%;
    margin-top: 50px;
  }
}
/*==============================
	Form
==============================*/
.form {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 50px;
  padding: 30px 20px;
  border-radius: 20px;
  background-color: #192237;
}
.form--content {
  max-width: 420px;
  margin: 0;
  position: relative;
  z-index: 3;
}
.form--big {
  margin-top: -60px;
}
.form__logo-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  width: 100%;
}
.form__logo {
  display: block;
  height: 50px;
}
.form__logo img {
  height: 50px;
  width: auto;
}
.form__tagline {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-left: 20px;
}
.form__group {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.form__group--checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}
.form__group--checkbox input:not(:checked),
.form__group--checkbox input:checked {
  position: absolute;
  left: -9999px;
}
.form__group--checkbox input:not(:checked) + label,
.form__group--checkbox input:checked + label {
  font-size: 14px;
  color: #dedede;
  font-weight: normal;
  position: relative;
  cursor: pointer;
  padding-left: 35px;
  line-height: 24px;
  margin: 0;
}
.form__group--checkbox input:not(:checked) + label a,
.form__group--checkbox input:checked + label a {
  color: #019AFF;
}
.form__group--checkbox input:not(:checked) + label a:hover,
.form__group--checkbox input:checked + label a:hover {
  color: #019AFF;
  text-decoration: underline;
}
.form__group--checkbox input:not(:checked) + label:before,
.form__group--checkbox input:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 22px;
  height: 22px;
  background-color: transparent;
  border-radius: 8px;
  border: 2px solid #192841;
}
.form__group--checkbox input:not(:checked) + label:after,
.form__group--checkbox input:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 6px;
  width: 12px;
  height: 12px;
  text-align: center;
  transition: 0.5s ease;
  background-color: #019AFF;
  border-radius: 4px;
}
.form__group--checkbox input:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.form__group--checkbox input:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.form__group--checkbox label::-moz-selection {
  background: transparent;
  color: #dedede;
}
.form__group--checkbox label::selection {
  background: transparent;
  color: #dedede;
}
.form__label {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  width: 100%;
  line-height: 100%;
  margin-bottom: 15px;
}
.form__input {
  width: 100%;
  height: 54px;
  padding: 0 20px;
  border: 2px solid #192841;
  background-color: transparent;
  border-radius: 20px;
  font-size: 16px;
  color: #fff;
  cursor: default;
  font-weight: 400;
}
.form__input:hover,
.form__input:focus {
  border-color: #019AFF;
}
.form__select {
  width: 100%;
  height: 54px;
  padding: 0 20px;
  background: url("../img/select.svg") no-repeat center right 20px transparent;
  background-size: 20px auto;
  border: 2px solid #192841;
  border-radius: 20px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  position: relative;
}
.form__select:hover,
.form__select:focus {
  border-color: #019AFF;
}
.form__select2 {
  height: 54px;
  margin-bottom: 0;
}
.form__select2 .select2-selection--single {
  height: 54px;
  background-color: transparent;
  border-radius: 20px !important;
  border: 2px solid #192841;
  transition: 0.5s ease;
}
.form__select2 .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  color: #fff;
  padding: 0 60px 0 20px;
  font-size: 16px;
  font-weight: 400;
  transition: 0.5s ease;
}
.form__select2 .select2-selection--single .select2-selection__arrow {
  height: 20px;
  width: 20px;
  top: 16px;
  right: 20px;
  background: url("../img/arrow.svg") no-repeat center right;
  background-size: 20px auto;
  margin-top: 1px;
}
.form__select2 .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.form__select2 .select2-selection--single[aria-expanded="true"] {
  background-color: transparent;
}
.form__select2 .select2-selection--single:hover {
  border-color: #019AFF;
}
.form__select2 .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #019AFF;
  color: #fff;
  white-space: nowrap;
}
.form__select2 .select2-results__option--selected {
  color: #fff;
  background-color: #019AFF;
  cursor: default;
}
.form__select2 .select2-results__option[aria-selected="true"] {
  background-color: transparent;
  color: #019AFF;
  cursor: default;
}
.form__select2 .select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
  color: #019AFF;
}
.form__select2 .select2-results__option {
  padding: 0 0;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  height: 40px;
  line-height: 40px;
  transition: 0.5s ease;
}
.form__select2 .select2-dropdown {
  border: none;
  border-radius: 20px !important;
  min-width: 180px;
  padding: 12px 0 12px 20px;
  background: #141a2a;
  box-shadow: none;
  z-index: 98;
}
.form__select2 .select2-container--open .select2-dropdown--below {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.form__select2 .select2-container--open .select2-dropdown--above {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.form__select2 .select2-results__options::-webkit-scrollbar {
  width: 16px;
  background-clip: padding-box;
}
.form__select2 .select2-results__options::-webkit-scrollbar-track {
  background-color: #192841;
  height: 8px;
  background-clip: padding-box;
  border-right: 12px solid rgba(0,0,0,0);
  border-top: 12px solid rgba(0,0,0,0);
  border-bottom: 12px solid rgba(0,0,0,0);
}
.form__select2 .select2-results__options::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #019AFF;
  border-right: 12px solid rgba(0,0,0,0);
  border-top: 12px solid rgba(0,0,0,0);
  border-bottom: 12px solid rgba(0,0,0,0);
}
.form__select2 .select2-results__options::-webkit-scrollbar-button {
  display: none;
}
.form__select2 .select2-selection--multiple {
  border: 2px solid #192841;
  height: 54px;
  color: #fff;
  padding: 0 40px 0 20px;
  background-color: transparent;
  width: 100%;
  font-size: 16px;
  border-radius: 20px !important;
  transition: 0.5s ease;
}
.form__select2 .select2-selection--multiple:hover {
  border-color: #019AFF;
}
.form__select2 .select2-selection--multiple .select2-search__field {
  color: #fff;
  font-size: 16px;
  margin-top: 0;
  height: 30px;
}
.form__select2 .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 54px;
  padding: 0;
}
.form__select2 .select2-selection--multiple .select2-selection__choice {
  background-color: #141a2a;
  border: none;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 30px;
  margin-top: 0;
  color: #fff;
  padding: 0 12px;
  margin-right: 10px;
  font-size: 14px;
}
.form__select2 .select2-selection--multiple .select2-selection__choice:last-child {
  margin-right: 0;
}
.form__select2 .select2-selection--multiple .select2-selection__choice__remove {
  color: #dedede;
  margin-right: 6px;
  transition: color 0.5s;
  margin-bottom: 1px;
}
.form__select2 .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #e23353;
}
.form__select2.select2-container--focus .select2-selection--multiple {
  border: 2px solid #019AFF;
}
.form__textarea {
  width: 100%;
  height: 110px;
  padding: 15px 20px;
  border: 2px solid #192841;
  background-color: transparent;
  border-radius: 20px;
  font-size: 16px;
  color: #fff;
  cursor: default;
  resize: none;
  font-weight: 400;
}
.form__textarea:hover,
.form__textarea:focus {
  border-color: #019AFF;
}
.form__gallery {
  position: relative;
  width: 100%;
  height: 54px;
  overflow: hidden;
  border-radius: 20px;
}
.form__gallery input {
  position: absolute;
  left: -9999px;
  opacity: 0;
  z-index: 1;
}
.form__gallery label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 2;
  height: 54px;
  color: #fff;
  padding: 0 60px 0 20px;
  background-color: transparent;
  border: 2px solid #192841;
  font-weight: 400;
  margin: 0;
  width: 100%;
  font-size: 16px;
  cursor: default;
  transition: 0.5s ease;
  border-radius: 20px;
}
.form__gallery label:hover {
  border-color: #019AFF;
}
.form__radio {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 2px;
}
.form__radio li {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.form__radio li:last-child {
  margin-bottom: 0;
}
.form__radio input:not(:checked),
.form__radio input:checked {
  position: absolute;
  left: -9999px;
}
.form__radio label {
  display: block;
  margin: 0;
  position: relative;
  font-weight: 400;
  cursor: pointer;
  font-size: 16px;
  color: #dedede;
  line-height: 26px;
  padding-left: 31px;
  transition: 0.5s ease;
}
.form__radio label:before {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 6px solid #223b6d;
  background-color: transparent;
  border-radius: 50%;
  left: 0;
  top: 3px;
  transition: 0.5s ease;
}
.form__radio label:hover {
  color: #fff;
}
.form__radio input:checked + label {
  color: #fff;
}
.form__radio input:checked + label:before {
  border-color: #019AFF;
}
.form__btn {
  position: relative;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 20px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid #019AFF;
  margin-top: 10px;
}
.form__btn:hover {
  color: #fff;
  box-shadow: 0 0 22px #223b6d;
}
.form__delimiter {
  font-size: 16px;
  color: #dedede;
  line-height: 100%;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 20px;
}
.form__line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #192841;
  margin-bottom: 30px;
  border-radius: 2px;
  margin-top: 10px;
}
.form__social {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}
.form__social a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 44px;
  width: calc(33% - 10px);
  border-radius: 16px;
  color: #fff;
}
.form__social a svg {
  height: auto;
  fill: #fff;
  transition: fill 0.5s ease;
}
.form__social a.fb {
  background-color: #3b5999;
}
.form__social a.fb svg {
  width: 10px;
}
.form__social a.gl {
  background-color: #df4a32;
}
.form__social a.gl svg {
  width: 18px;
}
.form__social a.tw {
  background-color: #1da1f2;
}
.form__social a.tw svg {
  width: 20px;
}
.form__social a:hover {
  background-color: #fff;
}
.form__social a:hover.fb svg {
  fill: #3b5999;
}
.form__social a:hover.gl svg {
  fill: #df4a32;
}
.form__social a:hover.tw svg {
  fill: #1da1f2;
}
.form__text {
  margin-top: 30px;
  font-size: 14px;
  line-height: 26px;
  color: #dedede;
  width: 100%;
  text-align: left;
}
.form__text:first-child {
  margin-top: 0;
}
.form__text a {
  position: relative;
  color: #019AFF;
}
.form__text a:hover {
  color: #019AFF;
  text-decoration: underline;
}
.form__text--center {
  text-align: center;
}
@media (min-width: 576px) {
  .form__btn--small {
    width: 200px;
  }
}
@media (min-width: 768px) {
  .form {
    margin-top: 70px;
    padding: 40px;
  }
  .form--content {
    margin-top: 0;
  }
  .form--big {
    margin-top: -70px;
  }
  .form__logo-wrap {
    margin-bottom: 40px;
  }
  .form__group {
    margin-bottom: 30px;
  }
  .form__text {
    margin-top: 40px;
  }
  .form__text:first-child {
    margin-top: 0;
  }
  .form__line {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .form {
    margin-top: 50px;
  }
  .form--content {
    margin-top: 0;
  }
  .form--big {
    margin-top: -70px;
  }
}
/*==============================
	Page 404
==============================*/
.page-404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
  max-width: 420px;
  background-color: #192237;
  z-index: 3;
}
.page-404__title {
  position: relative;
  color: #019AFF;
  line-height: 100%;
  font-size: 120px;
  margin-bottom: 10px;
  font-weight: 700;
}
.page-404__text {
  text-align: center;
  display: block;
  width: 100%;
  color: #dedede;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 30px;
}
.page-404__btn {
  position: relative;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid #019AFF;
  margin-top: 10px;
  text-decoration: none;
}
.page-404__btn:hover {
  color: #fff;
  box-shadow: 0 0 22px #223b6d;
}
@media (min-width: 768px) {
  .page-404 {
    padding: 40px;
  }
}
/*==============================
	Footer
==============================*/

.footer {
  padding-top: 2px;
  bottom: 0px;
  position: fixed;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
  z-index: 99;
  background-color: #141a2a;
}

.footer__logo {
  margin-top: 60px;
}
.footer__logo img {
  width: auto;
  height: 50px;
  display: block;
}
.footer__tagline {
  margin-top: 15px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #dedede;
  margin-bottom: 0;
}
.footer__social {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.twitter {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  position: relative;
}
.discord {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  position: relative;
}
.telegram {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  position: relative;
}
.gitbook {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  position: relative;
}
.footer__social a {
  color: #dedede;
}
.footer__social a:hover {
  color: #019AFF;
}
.footer__social a svg {
  width: 100%;
  height: auto;
  fill: #dedede;
  transition: fill 0.5s ease;
}
.footer__social a:last-child {
  margin-right: 0;
}

.footer__content {
  position: relative;
  margin-top: 0px;
  border-top: 1px solid #192841;
}

.footer__copyright {
  display: none;
  font-size: 14px;
  color: #dedede;
  margin-top: 20px;
  font-weight: 400;
}
.footer__copyright a {
  color: #dedede;
}
.footer__copyright a:hover {
  color: #019AFF;
}
.footer__title {
  display: block;
  margin-top: 30px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 15px;
}
.footer__nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer__nav a {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 15px;
  color: #dedede;
  font-weight: 400;
}
.footer__nav a:last-child {
  margin-bottom: 0;
}
.footer__nav a:hover {
  color: #019AFF;
}
.footer__lang {
  position: relative;
  margin-top: 20px;
}
.footer__lang-btn {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.footer__lang-btn img {
  width: 20px;
  height: auto;
  margin-right: 10px;
  border-radius: 4px;
}
.footer__lang-btn span {
  color: #dedede;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  transition: color 0.4s ease;
}
.footer__lang-btn svg {
  width: 14px;
  height: auto;
  fill: #dedede;
  margin-left: 2px;
  margin-top: 2px;
  transition: 0.4s ease;
  transition-property: transform, fill;
}
.footer__lang-btn:hover span {
  color: #019AFF;
}
.footer__lang-btn:hover svg {
  fill: #019AFF;
}
.footer__lang-btn[aria-expanded="true"] span {
  color: #019AFF;
}
.footer__lang-btn[aria-expanded="true"] svg {
  fill: #019AFF;
  transform: rotate(180deg);
}
.footer__lang-dropdown {
  display: block;
  position: absolute !important;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  top: 0;
  border-radius: 20px;
  padding: 20px;
  min-width: 120px;
  transition: opacity 0.4s ease;
  height: auto;
  background-color: #141a2a;
  margin-top: 10px;
  margin-bottom: 10px;
}
.footer__lang-dropdown li {
  width: 100%;
  margin-bottom: 13px;
}
.footer__lang-dropdown li:last-child {
  margin-bottom: 0;
}
.footer__lang-dropdown a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.footer__lang-dropdown a img {
  width: 20px;
  height: auto;
  margin-right: 12px;
  border-radius: 4px;
}
.footer__lang-dropdown a span {
  color: #dedede;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  transition: color 0.5s ease;
}
.footer__lang-dropdown a:hover span {
  color: #019AFF;
}
.footer__lang-dropdown.show {
  z-index: 1000;
  pointer-events: auto;
  opacity: 1;
}
@media (min-width: 768px) {
  .footer {
    padding-top: 2px;
  }
  .footer__content {
    margin-top: 0px;
    padding: 0;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .footer__logo {
    margin-top: 50px;
  }
  .footer__title {
    margin-top: 50px;
  }
  .footer__social {
    width: auto;
    order: 2;
  }
  .footer__social a {
    margin-top: 0;
  }
  .footer__copyright {
    display: block;
    margin-top: 0;
    order: 1;
  }
  .twitter {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .discord {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .telegram {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .gitbook {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) {
  .footer {
    padding-top: 2px;
    bottom: 0px;
    position: fixed;
  }
  .footer__content {
    margin-top: 0px;
    padding: 0;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .footer__social {
    display: inline-flex;
    width: auto;
  }
}
/*==============================
	Modal
==============================*/
.modal-new-points-collect {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  max-height: 251px;
  flex-wrap: wrap;
  margin-bottom: 17px;
}
.modal-new-points-collect h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  width: 100%;
}
.div-progress-bar-collect-points {
  margin-top: 10px;
  width: calc(100% - 43px);
  position: absolute;
  top: 38px;
  left: 21px;
}
.small__blue {
  position: absolute;
  left: -33px;
  top: 50px;
  font-size: 12px !important;

  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.scroll-list-new-points-collect {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: -webkit-fill-available;
  border-radius: 10px;
  position: relative;
  margin-top: 17px;
  padding: 20px;
  background-color: #00000040;
}
.scroll-new-points {
  margin-top: 0px;
  height: 130px;
  width: 100%;
}
.scroll-new-points p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
  padding-right: 15px;
}
.scroll-new-points p:last-child {
  margin-bottom: 0;
}

.new-points-table {
  width: 100%;
  margin-top: 0px;
}
.new-points-table tr td {
  font-size: 15px;
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.new-points-table tr td:first-child {
  color: #a6afb3;
}
.new-points-table tr td span {
  font-size: 15px;
  margin-left: 0px;
}
.new-points-table tr td span.red {
  color: #e23353;
}
.new-points-table tr td span.green {
  font-size: 17px;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.new-points-table tr:first-child td {
  padding-top: 0;
}
.new-points-table td:last-child {
  padding-right: 10px;
}
.new-points-table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.label-navigate-tournament {
  color: #a6afb3;
  cursor: pointer;
  transition: color 0.5s ease;
}
.label-navigate-tournament:hover {
  color: #019AFF;
  cursor: pointer;
}
.label__confirmation__wallet {
  position: absolute;
  width: auto !important;
  margin-bottom: 0px !important;
  margin-top: 23px;
  left: 20px;
  font-size: 12px;
  color: #0d6efd;
}
.label__container__collect__points__btn {
  display: inline-block;
  width: auto !important;
  margin-bottom: 0px !important;
  vertical-align: -webkit-baseline-middle !important;
}
.collect__points__btn {
  position: relative;
  width: 90px;
  height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 8px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid #192841;
  background: linear-gradient(135deg, #402d4c 0%, #11182a);

  transition: 0.5s ease;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
}
.collect__points__btn:hover:not([disabled]) {
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}
.modal-header-info-fpp {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  border-bottom: 0px;
}
.modal-header-info-fpp h2 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0px;
  margin-right: 5px;
}
.modal-header-info-fpp img {
  margin-bottom: 0px;
  margin-right: 10px;
}
.modal-header-info-customizable {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  border-bottom: 0px;
}
.modal-header-info-customizable h2 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0px;
  margin-right: 5px;
}
.modal-header-info-customizable img {
  margin-bottom: 0px;
  margin-right: 10px;
}
.modal-description-info-fpp {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 17px;
}
.modal-description-info-fpp h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  width: 100%;
}
.modal-description-info-customizable {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 17px;
  margin-bottom: 17px;
}
.modal-description-info-customizable h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  width: 100%;
}
.modal-list-info-customizable {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.modal-list-info-customizable li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  color: #a6afb3;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.modal-detail-items-info-customizable {
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  width: 100%;
}
.div-detail-items-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  pointer-events: auto;
  background: #192237;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  outline: 0;
  width: 100%;
  padding: 20px;
}
.modal-header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  border-bottom: 0px;  
}
.modal-header h2 {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px;
}
.modal-sub-header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  margin-top: 17px;
}
.modal-header-error {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  border-bottom: 0px;
}
.modal-header-error h2 {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px;
  margin-right: 5px;
}
.modal-header-error img {
  margin-bottom: 0px;
  margin-right: 10px;
}
.modal-body-advertisement {
  display: flex;
  justify-content: space-around;
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  background-color: transparent;
  border-radius: 10px;
}
.modal-body-advertisement img {
  width: 100%;
  height: auto;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  padding: 20px;
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 14px;
  margin-bottom: 14px;
}

.modal-info-table {
  width: 100%;
  margin-top: 5px;
}
.modal-info-table tr td {
  font-size: 15px;
  color: #fff;
  padding: 10px 10px;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.modal-info-table__td__large__font {
  font-size: 17px !important;
}
.modal-info-table tr td:first-child {
  color: #a6afb3;
  text-align: start;
}
.modal-info-table tr td:last-child {
  text-align: end;
  word-break: break-word;
}
.modal-info-table--last__td__start tr td:last-child {
  text-align: start;
}

.modal-info-table tr td:first-child {
  color: #a6afb3;
}
.modal-info-table tr td span {
  font-size: 15px;
  margin-left: 0px;
}
.modal-info-table tr td span.red {
  color: #e23353;
}
.modal-info-table tr td span.green {
  color: #29b474;
}
.modal-info-table tr:first-child td {
  padding-top: 0;
}
.modal-info-table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.modal-info-table tr td.purple {
  color: #019AFF;
}

.modal-info-body-table {
  width: 100%;
  margin-top: 5px;
}
.modal-info-body-table tr td {
  font-size: 15px;
  color: #fff;
  padding: 10px 10px;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.modal-info-body-table tr td:first-child {
  color: #a6afb3;
  text-align: start;
}

.modal-info-body-table tr td:first-child {
  color: #a6afb3;
}
.modal-info-body-table tr td span {
  font-size: 15px;
  margin-left: 0px;
}
.modal-info-body-table tr td span.red {
  color: #e23353;
}
.modal-info-body-table tr td span.green {
  color: #29b474;
}
.modal-info-body-table tr td span.green {
  font-size: 16px;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.modal-info-body-table tr:first-child td {
  padding-top: 0;
}
.modal-info-body-table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}

.modal-body label {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #a6afb3;
  width: 100%;
  line-height: 100%;
  margin-bottom: 10px;  
}

.modal-body span {
  font-style: normal;
  color: #fff;  
  font-weight: 600;
  font-size: 16px;
  width: 100%;
  text-transform: uppercase;
}

.modal-body-wallet-connection {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 20px;
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 14px;
  margin-bottom: 14px;
}

.wallet-connection-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 50px;
  background-color: transparent;
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid #192841;
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}
.wallet-connection-button:hover {
  border-color: #019AFF;
  box-shadow: 0 0 22px #192841;
}
.wallet-connection-button div {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
}
.wallet-connection-button img {
  vertical-align: middle;
  height: 35px;
  width: 35px;
  margin-right: 5px;
}
.wallet-connection-button span {
  display: block;
  letter-spacing: 0.4px;
  font-size: 15px;
  color: #fff;
  transition: 0.5s ease;
  font-weight: 700;
  margin-left: 5px;
}


.modal-body-blockchain-selection {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 20px;
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 17px;
}

.blockchain-selection-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 50px;
  background-color: transparent;
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid #192841;
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}
.blockchain-selection-button:hover {
  border-color: #019AFF;
  box-shadow: 0 0 22px #192841;
}
.blockchain-selection-button div {
  display: flex;
  align-items: center;
  width: 240px;
  justify-content: center;
}
.blockchain-selection-button img {
  vertical-align: middle;
  height: 35px;
  width: 35px;
  margin-right: 5px;
}
.blockchain-selection-button span {
  display: block;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-size: 13px;
  color: #fff;
  transition: 0.5s ease;
  font-weight: 700;
  margin-left: 5px;
}
.modal-footer-blockchain-selection {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px;
  background-color: #00000040;
  border-radius: 10px;
  border-top: 0px;
  margin-top: 17px;
}



.label__container__view__explorer__btn {
  display: inline-block;
  width: auto !important;
  margin-bottom: 0px !important;
  vertical-align: -webkit-baseline-middle !important;
}
.view__explorer__btn {
  position: relative;
  width: 132px;
  height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 8px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid #192841;
  background: linear-gradient(135deg, #162747 0%, #11182a);

  transition: 0.5s ease;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
}
.view__explorer__btn:hover:not([disabled]) {
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}


.modal-body-wallet-disconnection {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  height: 50px;
  padding: 0px;
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 14px;
  margin-bottom: 0px;
  font-size: 12px;
}

.view__explorer__disconnection {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid #192841;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}

.view__explorer__disconnection:hover {
  border-color: #019AFF;
  color: #019AFF;
  box-shadow: 0 0 22px #192841;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px;
  background-color: #00000040;
  border-radius: 10px;
  border-top: 0px;
}

.div-progress-bar {
  margin-top: 10px;
}

.mdc-linear-progress {
  position: relative;
  width: 100%;
  transform: translateZ(0);
  outline: 1px solid rgba(0,0,0,0);
  overflow: hidden;
  transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  border-radius: 10px;
  background: linear-gradient(45deg, transparent, black);
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #019AFF;
  --mdc-linear-progress-track-color: #192841;
  --mdc-linear-progress-active-indicator-height: 6px !important;
  --mdc-linear-progress-track-height: 6px !important;
}
.mat-mdc-table {
  background-color: transparent !important;
}
.scroll-list__games__list__div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-top: 17px;
  margin-bottom: 17px;
  padding: 20px;
  background-color: #00000040;
}
.games__list__table {
  width: 100%;
  margin-top: 0px;
}
.games__list__table tr td {
  font-size: 17px;
  color: #fff;
  padding: 10px;
  transition: background-color 0.5s ease;
}
.games__list__table tr td:first-child {
  color: #a6afb3;
}
.games__list__table tr:first-child td {
  padding-top: 0;
}
.games__list__table td:last-child {
  padding-right: 10px;
}
.games__list__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.games__list {
  margin-top: 0px;
  height: 250px;
  width: 100%;
}
.game__details {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  background: linear-gradient(360deg, #170e21, #00000069);
  border-radius: 10px;
  cursor: pointer;
  transition: box-shadow 0.5s ease;
}
.game__details:hover {
  color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
  transition: box-shadow 0.5s ease;
}
.game__details label {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  -webkit-user-select: none;
  cursor: pointer;
  transition: 0.5s ease;
}
.grad-border-games {
  height: 1px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
.left-border-games, .right-border-games {
  width: 50%;
  border-bottom: 1px solid #695f52;
  display: inline-block;
}
.left-border-games {
  border-image: linear-gradient(270deg, #2bacdf, #252323) 1;
  margin-left: 10px;
}
.right-border-games {
  border-image: linear-gradient(90deg, #2bacdf, #252323) 1;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .modal-body-wallet-disconnection {
    font-size: 15px;
  }
}
@media (min-width: 576px) {
  .scroll-new-points {
    height: 130px;
  }
}
/*==============================
	Scrollbar-track
==============================*/
.scrollbar-track-y {
  background: #192841 !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  width: 4px !important;
  border-radius: 4px !important;
  right: 0 !important;
  overflow: hidden;
  cursor: pointer;
}
.scrollbar-thumb-y {
  background-color: #019AFF !important;
  width: 4px !important;
  border-radius: 4px !important;
  cursor: pointer;
  cursor: pointer;
}
.scrollbar-track-x {
  background: #192841 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  width: auto !important;
  border-radius: 4px !important;
  bottom: 0 !important;
  overflow: hidden;
}
.scrollbar-thumb-x {
  background-color: #019AFF !important;
  height: 4px !important;
  border-radius: 4px !important;
  cursor: pointer;
}
/*==============================
	Blueimp
==============================*/
.blueimp-gallery {
  background-color: $dark;
}
.blueimp-gallery-svgasimg > .play-pause {
  background-image: url("../img/play.svg");
}
.blueimp-gallery-playing > .play-pause {
  background-position: 0 0;
  background-image: url("../img/pause.svg");
}
.blueimp-gallery > .title {
  top: 20px;
  left: 20px;
  font-weight: 600;
  opacity: 0.7;
  transition: opacity 0.5s ease;
}
.blueimp-gallery-display > .close {
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  background-size: 100% auto;
  opacity: 0.7;
  transition: opacity 0.5s ease;
}
.blueimp-gallery-display > .play-pause {
  right: 20px;
  bottom: 20px;
  width: 24px;
  height: 24px;
  background-size: 100% auto;
  opacity: 0.7;
  transition: opacity 0.5s ease;
}
.blueimp-gallery > .indicator {
  right: 20px;
  bottom: 20px;
  left: 20px;
}
.blueimp-gallery-display > .next,
.blueimp-gallery-display > .prev {
  background-color: rgba(0,0,0,0.1);
  border: none;
  opacity: 0.7;
  width: 30px;
  height: 30px;
  padding: 0;
  margin-top: -15px;
  border-radius: 10px;
  background-size: 24px auto;
  transition: opacity 0.5s ease;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
.blueimp-gallery-display > .next:before,
.blueimp-gallery-display > .prev:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 2px solid #fff;
  border-radius: 10px;
  display: block;
}
@media (min-width: 1200px) {
  .blueimp-gallery-display > .next,
  .blueimp-gallery-display > .prev {
    width: 36px;
    height: 36px;
    border-radius: 12px;
  }
  .blueimp-gallery-display > .next:before,
  .blueimp-gallery-display > .prev:before {
    border-radius: 12px;
  }
}
.blueimp-gallery-display > .next {
  right: 20px;
  background-position: center right 2px;
}
@media (min-width: 1200px) {
  .blueimp-gallery-display > .next {
    background-position: center right 5px;
  }
}
.blueimp-gallery-display > .prev {
  left: 20px;
  background-position: center left 2px;
}
@media (min-width: 1200px) {
  .blueimp-gallery-display > .prev {
    background-position: center left 5px;
  }
}
/*==============================
	Material Table
==============================*/
.mat-table-background {
  background-color: #ffffff00;
}
.mat-table-row-border {
  border-bottom-width: 0px;
  border-bottom-style: none !important;;
}
.mat-table-column-header {
  font-size: 12px;
  color: #dedede;
  font-weight: 400;
  margin-left: 0px;
}
.mat-table-column-header:hover {
  color: #019AFF;
  cursor: pointer;
}
.li-marker-sorted-header {
  color: #019AFF;
  font-size: small;
}
.li-marker-sorted-header-invisible {
  color: transparent;
  font-size: small;
}
.div__container__filter__controls {
  display: flex;
  width: auto;
  padding: 5px;
  justify-content: space-evenly;
}
.rd__buttons {
  width: 30px;
  padding: 5px;
  margin: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: auto;
  box-shadow: none;
  transition: 0.5s ease;
  transition-property: background-color, border-color;
  cursor: pointer;
}
.checkbox__filter {
  width: 30px;
  padding: 5px;
  margin: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: auto;
  box-shadow: none;
  transition: 0.5s ease;
  transition-property: background-color, border-color;
  cursor: pointer;
}
.rd__labels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 40px;
  color: #fff;
  padding: 0 18px 0 0;
  font-size: 14px;
  font-weight: 400;
  transition: 0.5s ease;
  cursor: pointer;
}
.rd__labels:hover {
  color: #019AFF;
}
.filters__button__div {
  display: flex;
}
.filters__button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  margin: 5px;
  position: relative;
  border-radius: 10px;
  width: 100px;
  height: 35px;
  border: 2px solid #192841;
  text-decoration: none;
}
.filters__button:hover {
  cursor: pointer;
  color: #019AFF;
  border-color: #019AFF;
  box-shadow: 0 0 22px #192841;
}
/*==============================
	Custom button
==============================*/
.custom-button {
  display: flex;
  align-items: center;
  justify-content: center;
  
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  border-radius: 10px;
  width: 120px;
  height: 35px;
  border: 2px solid #192841;
  text-decoration: none;
}
.custom-button:hover {
  cursor: pointer;
  color: #019AFF;
  border-color: #019AFF;
  box-shadow: 0 0 22px #192841;
}
.custom-button-disabled {
  display: flex;
  align-items: center;
  justify-content: center;
  
  color: #4b4545;
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  border-radius: 10px;
  width: 120px;
  height: 35px;
  border: 2px solid #192841;
}
.custom-button-disabled:hover {
  color: #4b4545;
  border: 2px solid #192841;
}
/*==============================
	Protocol statistics
==============================*/
.protocol__stats {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 22px;
  border-radius: 10px;
  background: linear-gradient(135deg, #162747 0%, #0d101a);
  
  width: 100%;
  height: 75px;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.protocol__stats h3 {
  font-size: 15px;
  color: #8a9397;
  font-weight: 400;
  position: relative;
  z-index: 3;
  margin-left: 8px;
  padding-top: 0px;
  width: 100%;
  position: absolute;
  top: 5px;
}
.protocol__stats__single__value {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  flex-direction: row;
  align-content: flex-start;
  width: 100%;
}
.protocol__stats__single__value span {
  font-size: 24px;
  font-weight: 800;
  position: relative;
  z-index: 3;
  width: 100%;
  text-align: end;
  padding-right: 5px;
  color: #a6afb3;
  user-select: none;
}
.launchpad__percent__progress {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  align-content: center;
  width: 100%;
}
.launchpad__percent__progress span.blue {
  display: flex;
  justify-content: center;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
  font-size: 20px;
  font-weight: 800;
  position: relative;
  z-index: 3;
  width: 100%;
}
.launchpad__percent__progress span.green {
  display: flex;
  justify-content: center;
  background: -webkit-linear-gradient(#8dff9c, #1f6d06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
  font-size: 20px;
  font-weight: 800;
  position: relative;
  z-index: 3;
  width: 100%;
}
.launchpad__stats {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 25px;
  border-radius: 10px;
  background: linear-gradient(135deg, #162747 0%, #0d101a);
  
  width: 100%;
  height: 75px;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.launchpad__stats h3 {
  font-size: 15px;
  color: #8a9397;
  font-weight: 400;
  position: relative;
  z-index: 3;
  margin-left: 8px;
  padding-top: 0px;
  width: 100%;
  position: absolute;
  top: 5px;
}
.launchpad__stats__single__value {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  flex-direction: row;
  align-content: flex-start;
  width: 100%;
}
.launchpad__stats__single__value span {
  font-size: 17px;
  font-weight: 800;
  position: relative;
  z-index: 3;
  width: 100%;
  text-align: end;
  padding-right: 5px;
  color: #a6afb3;
  user-select: none;
}
.protocol__stats__values {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  flex-direction: row;
  align-content: flex-start;
  width: 100%;
}
.protocol__stats__values span:first-child {
  font-size: 24px;
  color: #737a7d;
  font-weight: 800;
  position: relative;
  z-index: 3;
  width: 100%;
  text-align: end;
  padding-right: 5px;
  margin-bottom: -10px;
  /* background: -webkit-linear-gradient(#2199ff, #2a4687);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none; */
}
.protocol__stats__values span:last-child {
  font-size: 26px;
  color: #a6afb3;/*#11182a;*/
  font-weight: 800;
  position: relative;
  z-index: 3;
  width: 100%;
  text-align: end;
  padding-right: 5px;
}
.protocol__stats__title {
  font-size: 15px;
  color: #fff;/*#a6afb3;*/
  font-weight: 400;
  position: relative;
  z-index: 3;
  margin-top: 5px;
  margin-left: 8px;
  width: 100%;
}
.protocol__stats__content {
  font-size: 28px;
  color: #a6afb3;/*#11182a;*/
  font-weight: 800;
  position: relative;
  z-index: 3;
  width: 100%;
  text-align: end;
  padding-right: 5px;
}

.protocol__stats__div__values {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-end;
  flex-direction: column;
  width: 100%;
}
.protocol__stats__div__values span:first-child {
  display: flex;
}
.protocol__stats__div__values span:last-child {
  display: flex;
  background: -webkit-linear-gradient(#2199ff, #2a4687);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.info__stats {
  font-size: 13px;
  line-height: 24px;
  color: #a6afb3;
  width: 100%;
}
/*==============================
	Custom sections
==============================*/
.middle__section {
  position: relative;
  overflow: hidden;
  padding-top: 35px;
  padding-bottom: 35px;
}
.middle__section__swiper {
  position: relative;
  overflow: hidden;
  padding-bottom: 7px;
}




/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 6px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: 1px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 5px;
  right: 26px;
}
.ribbon-top-left::after {
  bottom: 21px;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
  padding-right: 32px;
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}


.ratio-margin-top {
  margin-top: 5px;
}


.div-swiper {
  display: flex;
  border-radius: 10px;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: center;
  align-items: stretch;
}

.container-swiper {
  border-radius: 10px;
}

.column-swiper {
  min-height: 305px;
  padding-left: 0;
  padding-right: 0;
  border-radius: 10px;
  box-shadow: 25px 0px 20px -20px rgba(0,0,0,0.45), inset 25px 0px 10px -20px rgba(0,0,0,0.45), -25px 0px 20px -20px rgba(0,0,0,0.45), inset -25px 0px 10px -20px rgba(0,0,0,0.45);
}

.div-swiper-prize-pool {
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.prize-pool-label {
  position: relative;
  text-transform: uppercase;
  font-family: verdana;
  font-size: 1.15em;
  font-weight: 700;
  color: #f5f5f5;
  text-shadow: 1px 1px 1px #919191, 
    1px 1px 1px #000000, 
    1px 1px 1px #919191, 
    1px 1px 1px #000000, 
    1px 1px 1px #919191, 
    1px 1px 1px #000000, 
    1px 1px 1px #919191, 
    1px 1px 1px #000000, 
    1px 1px 1px #919191, 
    1px 1px 1px #000000, 
    1px 5px 6px rgb(12 12 12 / 40%), 
    1px 22px 10px rgb(0 0 0 / 0%), 
    1px 25px 35px rgb(16 16 16 / 0%), 
    1px 30px 60px rgb(16 16 16 / 0%);
}
.div-icon-prize-pool-text {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.div-prize-tokens {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.div-prize-tokens-usd {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.div-prize-tokens-usd span.purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #faf6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  user-select: none;
}

.img-icon-prize-pool {
  width: 33px;
  height: 33px;
  margin-right: 5px;
}
.prize-pool-text {
  position: relative;
  text-transform: uppercase;
  font-family: verdana;
  font-size: 1.25em;
  font-weight: 700;
  color: #ed9b19;
  text-shadow: 1px 1px 1px #919191, 
  1px 1px 1px #000000, 
  1px 1px 1px #919191, 
  1px 1px 1px #000000, 
  1px 1px 1px #919191, 
  1px 1px 1px #000000, 
  1px 1px 1px #919191, 
  1px 1px 1px #000000, 
  1px 1px 1px #919191, 
  1px 1px 1px #000000, 
  1px 5px 6px rgb(2 2 0 / 79%), 
  1px 22px 10px rgb(0 0 0 / 0%), 
  1px 25px 35px rgb(16 16 16 / 0%), 
  1px 30px 60px rgb(16 16 16 / 0%);
}

.grad-border {
  height: 1px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
.left-border, .right-border {
  width: 50%;
  border-bottom: 2px solid #695f52;
  display: inline-block;
}
.left-border {
  border-image: linear-gradient(270deg, #a7690b, #000) 1;
  margin-left: 20px;
}
.right-border {
  border-image: linear-gradient(90deg, #a7690b, #000) 1;
  margin-right: 20px;
}

.div-swiper-tournament-details {
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  align-items: center;
  width: 100%;
}
.div-swiper-tournament-details span.gray {
  color: #a6afb3;
}
.div-swiper-tournament-details span.white {
  color: #ffffff;
}
.div-entry-price {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  width: 100%;
}
.div-icon-entry-price {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.img-icon-entry-price {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.div-status {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  width: 100%;
}
.div-time {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.navigate-tournament {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #019AFF;
  position: absolute;
  right: 0px;
  top: 0px;
  margin-top: 10px;
  margin-right: 15px;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
  cursor: pointer;
}
.navigate-tournament svg {
  width: 15px;
  height: auto;
  fill: #fff;
  position: absolute;
  z-index: 2;
  transition: transform 0.5s ease;
}

.last__section {
  position: relative;
  overflow: hidden;
  padding-top: 7px;
  padding-bottom: 110px;
}
@media (min-width: 768px) {
  .launchpad__stats__single__value span {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .launchpad__stats__single__value span {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .launchpad__stats__single__value span {
    font-size: 20px;
  }
  .last__section {
    height: 25%;
  }
  .prize-pool-label {
    font-size: 1.4em;
  }
  .prize-pool-text {
    font-size: 1.5em;
  }
}
@media (min-width: 1400px) {
  .launchpad__stats__single__value span {
    font-size: 23px;
  }
}

/*==============================
	Tournament Listing
==============================*/

.tournaments__listing__layout__large {
  display: none;
  padding-bottom: 80px;
}
.tournaments__listing__layout__small {
  display: block;
  padding-bottom: 150px;
}
.tournament__listing__empty {
  display: flex;
  height: 100%;
  justify-content: center;
  flex-direction: row;
  position: relative;
  align-items: center;
  height: 170px;
}
.tournament__listing__empty label {
  font-size: 20px;
  line-height: 26px;
  color: #747070;
}
.tournament__listing__item {
  border-radius: 10px;
  position: relative;
  margin-top: 17px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.tournament__listing__item__header {
  background-color: #00000040;
  border-radius: 10px;
  border: 1px solid #192841;
}
.tournament__listing__item__header button {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 60px;
  padding: 20px 70px 20px 20px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
  justify-content: space-between;
}
.tournament__listing__item__header button label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 100%;
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
}
.tournament__listing__item__header button span:last-child {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: transparent;
  border: 2px solid #019AFF;
  position: absolute;
  right: 20px;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.tournament__listing__item__header button span svg {
  width: 20px;
  height: auto;
  fill: #fff;
  position: absolute;
  z-index: 2;
  transition: transform 0.5s ease;
}
.tournament__listing__item__header button:hover {
  color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
}
.tournament__listing__item__box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
}
.tournament__listing__item__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 17px;
}
.tournament__listing__item__body--min__height {
  min-height: 258px;
}
.tournament__listing__item__price__table {
  width: 100%;
}
.tournament__listing__item__price__table tr td {
  font-size: 17px;
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.tournament__listing__item__price__table tr td:first-child {
  color: #a6afb3;
}
.tournament__listing__item__price__table tr td span {
  font-size: 17px;
  margin-left: 0px;
}
.tournament__listing__item__price__table tr td span.red {
  color: #e23353;
}
.tournament__listing__item__price__table tr td span.green {
  font-size: 17px;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.tournament__listing__item__price__table tr:first-child td {
  padding-top: 0;
}
.tournament__listing__item__price__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.prize__entry__tokens__div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.single__prize__tokens__div {
  display: flex;
  justify-content: space-between;
}
.prize__tokens__div {
  display: flex;
  flex-direction: column;
  align-items: end;
  width: 110px;
}
.prize__tokens__div strong.blue {
  color: #3b99e3;
  margin-left: 5px;
}
.prize__distribution__div {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.prize__distribution__title {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
}
.current__total__prize__increased {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-evenly;
  min-height: 27px;
}
.current__total__prize__increased img {
  width: 17px;
  height: 17px;
  vertical-align: bottom;
}
.current__total__prize__increased span {
  font-size: 18px;
  margin-left: 5px;
}
.current__total__prize__increased span.green {
  display: flex;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px;
  align-items: center;
  user-select: none;
}

.current__total__prize__increased__swiper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
  min-height: 27px;
}
.current__total__prize__increased__swiper img {
  width: 17px;
  height: 17px;
  vertical-align: bottom;
}
.current__total__prize__increased__swiper span {
  font-size: 18px;
  margin-left: 5px;
}
.current__total__prize__increased__swiper span.green {
  display: flex;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  align-items: center;
  user-select: none;
}


.tournament-listing__box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
}
.tournament-listing__body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  margin-top: 17px;
  margin-bottom: 17px;
}

.mdc-data-table__content {
  font-family: inherit !important;
  line-height: var(--bs-body-line-height) !important;
}
.mat-mdc-row {
  font-family: inherit !important;
}

.tournament-listing {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-top: 30px;
  padding: 20px;
  background: #192237;
}

.tournament-listing button {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 80px;
  padding: 20px 70px 20px 20px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
  justify-content: space-between;
}
.tournament-listing button span:last-child {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: transparent;
  border: 2px solid #019AFF;
  position: absolute;
  right: 20px;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.tournament-listing button span svg {
  width: 20px;
  height: auto;
  fill: #fff;
  position: absolute;
  z-index: 2;
  transition: transform 0.5s ease;
}
.tournament-listing button:hover {
  color: #019AFF;
  box-shadow: 0 0 22px #223b6d;
}


.tournament-listing__title {
  font-size: 24px;
  color: #fff;
  font-weight: 600;
}
.tournament-listing__box h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
}
.tournament-listing__box h2:hover {
  color: #019AFF;
  cursor: pointer;
}
.tournament-listing__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
}
.tournament-listing__name a {
  display: block;
  color: #fff;
}
.tournament-listing__blockchain {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  font-size: 16px;
  color: #dedede;
}
.img__first {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.img__last {
  margin-top: 5px;
  width: 28px;
  height: 32px;
  border-radius: 0%;
}
.img__fpp {
  width: 30px;
  height: 34px;
}
.tournament-listing__title:first-child {
  border-top: none;
}
.tournament-listing__price {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.tournament-listing__price h3 {
  font-size: 14px;
  line-height: 24px;
  color: #dedede;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 100%;
}
.tournament-listing__price p {
  font-size: 30px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
}
.tournament-listing__price p span {
  font-size: 18px;
  margin-left: 5px;
}
.tournament-listing__price p span.red {
  color: #e23353;
}
.tournament-listing__price p span.green {
  color: #29b474;
}

.tournament-listing-price__table {
  width: 100%;
}
.tournament-listing-price__table tr td {
  font-size: 15px;
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.tournament-listing-price__table tr td:first-child {
  color: #a6afb3;
}
.tournament-listing-price__table tr td span {
  font-size: 15px;
  margin-left: 0px;
}
.tournament-listing-price__table tr td span.red {
  color: #e23353;
}
.tournament-listing-price__table tr td span.green {
  color: #29b474;
}
.tournament-listing-price__table tr:first-child td {
  padding-top: 0;
}
.tournament-listing-price__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.tournament-listing__table__double__value__td {
  display: flex;
  font-size: 17px;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-end;
  flex-direction: column;
}
.tournament-listing__table {
  width: 100%;
}
.tournament-listing__table tr td {
  font-size: 17px;
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.tournament-listing__table tr td:first-child {
  color: #a6afb3;
}
.tournament-listing__table tr td span {
  font-size: 17px;
  margin-left: 0px;
}
.tournament-listing__table tr td span.red {
  font-size: 17px;
  color: #e23353;
}
.tournament-listing__table tr td span.green {
  display: inline-table;
  font-size: 17px;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.tournament-listing__table tr td span.yellow {
  display: inline-table;
  background: -webkit-linear-gradient(#ffe79d, #a98513);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  user-select: none;
}
.tournament-listing__table tr:first-child td {
  padding-top: 0;
}
.tournament-listing__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.tournament__create__update__table {
  width: 100%;
}
.tournament__create__update__table tr td {
  font-size: 15px;
  color: #fff;
  padding: 10px 0;
  transition: background-color 0.5s ease;
}
.tournament__create__update__table tr td:first-child {
  color: #a6afb3;
}
.tournament__create__update__table tr td span {
  font-size: 14px;
  margin-left: 0px;
}
.tournament__create__update__table tr td span.red {
  font-size: 16px;
  color: #e23353;
}
.tournament__create__update__table tr td span.green {
  font-size: 16px;
  background: -webkit-linear-gradient(#00B200, #27915c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.tournament__create__update__table tr td span.yellow {
  font-size: 16px;
  color: #e8d189;
}
.tournament__create__update__table tr:first-child td {
  padding-top: 0;
}
.tournament__create__update__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.div__prize__pool {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}
.margin__left__10px {
  margin-left: 10px !important;
}
.label__container__play__now__btn {
  display: flex;
  width: 100%;
  margin-top: 10px !important;
  vertical-align: -webkit-baseline-middle;
  justify-content: center;
}
.play__now__btn {
  position: relative;
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid #192841;
  background: linear-gradient(135deg, #402d4c 0%, #11182a);
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.play__now__btn:hover:not([disabled]) {
  color: #fff;
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}

.tournament-listing__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.tournament-listing__list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  color: #dedede;
  margin-bottom: 15px;
  width: 100%;
}
.tournament-listing__list li:last-child {
  margin-bottom: 0;
}
.tournament-listing__list li span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #fff;
  height: 28px;
  border: 2px solid transparent;
  border-radius: 10px;
  padding: 0 12px;
  margin-left: 15px;
}
.tournament-listing__list li span.devices {
  font-size: 14px;
  height: auto;
  border: none;
  border-radius: 0;
  padding: 0;
}
.tournament-listing__list li span.true {
  border-color: #29b474;
}
.tournament-listing__list li span.process {
  border-color: #2568b0;
}
.tournament-listing__list li span.required {
  border-color: #e8d189;
}
.tournament-listing__social {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.tournament-listing__social a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background-color: #192841;
  position: relative;
  overflow: hidden;
  margin-right: 15px;
  transition: 0.5s ease;
}
.tournament-listing__social a:last-child {
  margin-right: 0;
}
.tournament-listing__social a svg {
  width: 20px;
  height: auto;
  fill: #019AFF;
  position: relative;
}
.tournament-listing__social a:hover {
  background-color: rgba(170,114,206,0.2);
}

.tournament-listing__more {
  position: absolute;
  z-index: 1;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 10px;
  border: 2px solid #019AFF;
}
.tournament-listing__more svg {
  width: 24px;
  height: auto;
  fill: #fff;
  transition: fill 0.5s ease;
}
.tournament-listing__more:hover {
  box-shadow: 0 0 22px #223b6d;
  cursor: pointer;
}
.tournament-listing__more:hover svg {
  fill: #019AFF;
}
@media (min-width: 992px) {
  .tournament-listing {
    margin-top: 30px;
  }
  .tournament__listing__item {
    margin-top: 34px;
  }
  .tournament__listing__item__header button label {
    font-size: 20px;
  }
  .tournaments__listing__layout__large {
    display: block;
    padding-bottom: 80px;
  }
  .tournaments__listing__layout__small {
    display: none;
    padding-bottom: 150px;
  }
  .tournament__listing__item__body--min__height {
    min-height: 208px;
  }
}
@media (max-width: 422px) {
  .tournament-listing__name {
    max-width: 270px;
  }  
}
/*==============================
	LP Mining
==============================*/
.lp__pair__info__container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
}
.lp__pair__info__container label {
  font-size: 14px;
}
.lp__pair__info__container label.green {
  display: flex;
  background: -webkit-linear-gradient(#167570, #00fff1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  user-select: none;
}
.lp__rewards__info__container__large__layout {
  display: none;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
}
.lp__rewards__info__container__large__layout label {
  font-size: 14px;
  margin-bottom: -8px;
}
.lp__rewards__info__container__small__layout {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
}
.lp__rewards__info__container__small__layout label {
  font-size: 14px;
  margin-bottom: -8px;
}
.lp__apr__stakes__info__container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
}
.pools__empty__results__box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
  align-items: center;
  flex-wrap: wrap;
}
.pools__empty__results {
  text-align: center;
  font-size: 18px;
  color: #019AFF;
  width: 100%;
}
#emptyResults {
  vertical-align: middle;
}
.lp__mining__main {
  display: block;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 5px;
}
.lp__mining__filter {
  display: flex;
  justify-content: center;
  border-radius: 10px;
  position: relative;
  height: 118px;
  margin-top: -90px;
  margin-bottom: 20px;
  padding: 20px;
  background: #192237;
}
.lp__mining__filter__box {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
}
.lp__mining__filter__labels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 40px;
  color: #fff;
  padding: 0 30px 0 0;
  font-size: 16px;
  font-weight: 400;
  transition: 0.5s ease;
  cursor: pointer;
}
.lp__mining__filter__labels:hover {
  color: #019AFF;
}

.lp__mining__body {
  display: flex;
  border-radius: 10px;
  position: relative;
  margin-top: 0px;
  min-height: 150px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.lp__mining__bottom {
  position: relative;
  margin-top: -80px;
  min-height: 300px;
  padding: 20px;
  background: transparent;
}
.separator__pool__div {
  display: block;
  height: 10px;
}
.div__token__pair__container {
  display: flex;
}
.div__token__pair__container img {
  width: 30px;
  height: 30px;
  z-index: 10;
}
.div__token__pair__container img:last-child {
  margin-left: -5px;
  z-index: 9;
}
.div__token__container {
  display: flex;
}
.div__token__container img {
  width: 30px;
  height: 30px;
  z-index: 10;
}
.div__reward__token__container__large {
  display: flex;
  flex-direction: column;
}
.div__reward__token__container__large div:last-child {
  margin-bottom: 0px;
}
.div__reward__token__container__small {
  display: flex;
  flex-direction: column;
}
.div__reward__token__container__small div:last-child {
  margin-bottom: 0px;
}
.div__single__apr {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 30px;
}
.div__single__apr label.title {
  font-size: 14px;
  margin-right: 5px;
}
.div__single__apr label.apr-purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
  min-width: 60px;
  user-select: none;
}
.div__container__single__reward__info {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.div__container__single__reward__info img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
.div__container__single__reward__info div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.div__container__single__reward__info div label {
  font-size: 14px;
  min-width: 70px;
  margin-bottom: -14px;
}
.div__container__single__reward__info div label.apr-purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.div__container__single__reward__info div label.time-remaining-reward {
  color: #55acee;
  margin-bottom: unset;
}
.div__reward__single__token {
  display: flex;
}
.div__reward__single__token img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.lp__apr__staked__value {
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}
.lp__apr__staked__value label.title {
  font-size: 14px;
}
.lp__apr__staked__value label.apr-purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
  min-width: 60px;
  user-select: none;
  margin-top: -10px;
}
.lp__apr__staked__value label.total-staked-purple {
  display: flex;
  background: -webkit-linear-gradient(#8dd1ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
  min-width: 60px;
  user-select: none;
  margin-top: -10px;
}
.lp__apr__staked__div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  min-width: 60px;
}
.lp__apr__staked__div div:last-child {
  display: none;
}
.platform__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: -10px;
}
.platform__info label {
  font-size: 12px;
  color: #6378d6;
}
.platform__info label:first-child {
  margin-right: 3px;
}
.platform__info label:last-child {
  margin-left: 3px;
}
.platform__info img {
  width: 20px;
  height: 20px;
}
.emissions__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -10px;
}
.emissions__info label {
  font-size: 13px;
}
.emissions__info label:first-child {
  color: #b48dcd;
}
.emissions__info label:last-child {
  color: #55e389;
  margin-top: -10px;
}
.pool__content__left {
  padding-right: unset;
  padding-bottom: 5px;
}
.pool__content__right {
  padding-left: unset;
  padding-top: 5px;
}
.scroll-list__lp__mining__div {
  display: block;
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-top: 0px;
  padding: 5px;
}
.custom__grid__margin {
  margin-left: -12px;
  margin-right: -12px;
}
.lp__info__table__min__height__1-2__tokens {
  min-height: 100px;
}
.lp__info__table__min__height__3__tokens {
  min-height: 150px;
}
.lp__info__table__min__height__4__tokens {
  min-height: 200px;
}
.lp__info__table__min__height__5__tokens {
  min-height: 250px;
}
.lp__info__table {
  width: 100%;
  background: #232a3b;
}
.lp__info__table tr td {
  font-size: 15px;
  color: #fff;
  padding: 8px 20px;
  transition: background-color 0.5s ease;
}

.lp__info__table tr td:first-child {
  color: #a6afb3;
  text-align: start;
}
.lp__info__table tr td:last-child {
  text-align: end;
  padding-right: 25px;
}
.lp__info__table tr td span {
  font-size: 15px;
  margin-left: 0px;
}
.lp__info__table tr td img {
  height: 30px;
  width: 30px;
}
.lp__info__table tr td span.red {
  color: #e23353;
}
.lp__info__table tr td span.green {
  color: #29b474;
}
.lp__info__table tr td.blue {
  color: #4dd2ff;
}
.lp__info__table tr:first-child td {
  padding-top: 12px;
  border-top: 1px solid #192841;
}
.lp__info__table tr:last-child td {
  border-bottom: 1px solid #192841;
}

.lp__info__div {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
  min-height: 150px;
  margin-top: 5px;
  background: #232a3b;
  border-start-end-radius: 10px;
  border-start-start-radius: 10px;
}
.lp__info__div div {
  display: flex;
  padding: 8px 20px;
  flex-direction: row;
  justify-content: space-between;
}
.lp__info__div div:first-child {
  padding-top: 20px !important;
}
.lp__info__div div:last-child {
  padding-bottom: 20px !important;
}
.lp__info__div div label {
  font-size: 15px;  
}
.lp__info__div div label:first-child {
  font-size: 15px;  
  color: #a6afb3;
}
.lp__info__div div label:last-child {
  font-size: 15px;  
  color: #fff;
}

.lp__btn {
  position: relative;
  width: 130px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid #192841;
  background: linear-gradient(135deg, #162747 0%, #11182a);
  margin: 5px;
  transition: 0.5s ease;
  cursor: pointer;
  -webkit-user-select: none; 
  -webkit-touch-callout: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.lp__btn:hover:not([disabled]) {
  color: #fff;
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}
.lp__btn--black {
  border-color: rgba(38, 43, 44, 0.12);
  background: linear-gradient(135deg, #2e2d2b 0%, #1a1a1a);
}
.lp__btn--black:hover:not([disabled]) {
  box-shadow: 0 0 22px rgba(45, 48, 49, 0.14);
  border-color: #898c8d;
}
.lp__btn label {
  cursor: pointer;
}
.lp__dyor__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  background-color: #00000040;
  border-end-end-radius: 10px;
  border-end-start-radius: 10px;
  padding: 10px;
  margin-top: -1px;
  color: burlywood;
  font-size: 14px;
}

@media (min-width: 768px) {
  .lp__mining__filter {
    margin-top: -90px;
  }
  .lp__mining__body {
    margin-top: 0px;
  }
  .pool__content__left {
    padding-right: 5px;
    padding-bottom: inherit;
  }
  .pool__content__right {
    padding-left: 5px;
    padding-top: inherit;
  }
  .lp__rewards__info__container__large__layout {
    display: flex;
  }
  .lp__rewards__info__container__small__layout {
    display: none;
  }
  .lp__apr__staked__value {
    display: flex;
  }
  .lp__apr__staked__div div:last-child {
    display: block;
  }
  .lp__btn {
    width: 145px;
    font-size: 12px;
  }
  .lp__apr__staked__div {
    min-width: 180px;
  }
}
@media (min-width: 992px) {
  .lp__mining__filter {
    margin-top: -150px;
  }
  .lp__mining__body {
    margin-top: -0px;
  }
}
/*==============================
	Tournament Detail
==============================*/
.bg-tournament-delayed {
  --bs-bg-opacity: 1;
  background-color: rgb(190, 66, 35) !important;
  background: linear-gradient(270deg, black, #0000006b);
  box-shadow: inset #0009 18px 20px 20px 10px, -3px 2px 16px 0px black;
  border-radius: 10px;
}
.bg-tournament-delayed label {
  color: #d8e3df;
  padding: 3px;
  margin: 3px;
}
.tournament__detail__description {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-top: -60px;
  padding: 20px;
  background: #192237;
}
.tournament__detail__description--second {
  margin-top: 20px;
}
.tournament__detail__description__small {
  border-radius: 10px;
  position: relative;
  margin-top: -20px;
  padding: 20px;
  background: #192237;
}
.col__6__right__padding {
  padding-right: 10px !important;
  margin-bottom: 17px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.col__6__left__padding {
  padding-left: 10px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  margin-bottom: 17px;
}
.tournament__detail__layout__large {
  display: none;
  padding-bottom: 80px;
}
.tournament__detail__layout__small {
  display: block;
  padding-bottom: 105px;
}
.tournament__detail__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 20px;
}
.tournament__detail__footer > * {
  margin: 0.25rem;
}
.tournament__navbar {
  border-radius: 10px;
  position: relative;
  margin-top: -80px;
  padding: 20px;
  background: #192237;
  box-shadow: rgb(0 0 0 / 60%) 0px 7px 29px 0px;
}
.tournament__navbar__box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00000040;
  border-radius: 10px;
  padding: 0px;
  align-items: stretch;
  flex-wrap: wrap;
}

.scroll-list__tournament__div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: -webkit-fill-available;
  border-radius: 10px;
  position: relative;
  margin-top: 17px;
  margin-bottom: 17px;
  padding: 20px;
  background-color: #00000040;
}
.scroll-list__tournament__div--no__bottom__margin {
  margin-bottom: 0px;
}
.scroll-list__tournament__scoreboard__div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: -webkit-fill-available;
  border-radius: 10px;
  position: relative;
  margin-top: 17px;
  padding: 20px;
  background-color: #00000040;
}
.scroll-content {
  height: 100%;
}
.scroll-list__registrations__scoreboard__div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-top: 17px;
  margin-bottom: 17px;
  padding: 20px;
  background-color: #00000040;
}
.scroll-list__div2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin-top: 17px;
  margin-bottom: 17px;
  padding: 20px;
  background-color: #00000040;
}
.scroll__prize__distribution {
  margin-top: 0px;
  height: auto;
  min-height: 270px;
  width: 100%;
}
.scroll__prize__distribution p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
  padding-right: 15px;
}
.scroll__prize__distribution p:last-child {
  margin-bottom: 0;
}
.small__scroll__prize__distribution {
  margin-top: 0px;
  height: auto;
  min-height: 270px;
  max-height: 400px;
  width: 100%;
}
.small__scroll__prize__distribution p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
  padding-right: 15px;
}
.small__scroll__prize__distribution p:last-child {
  margin-bottom: 0;
}
.scroll__user__registrations {
  margin-top: 0px;
  height: auto;
  min-height: 270px;
  width: 100%;
}
.scroll__user__registrations p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
  padding-right: 15px;
}
.scroll__user__registrations p:last-child {
  margin-bottom: 0;
}
.small__scroll__user__registrations {
  margin-top: 0px;
  height: auto;
  min-height: 270px;
  max-height: 400px;
  width: 100%;
}
.small__scroll__user__registrations p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
  padding-right: 15px;
}
.small__scroll__user__registrations p:last-child {
  margin-bottom: 0;
}
.scroll__user__scoreboard {
  margin-top: 0px;
  height: auto;
  min-height: 270px;
  width: 100%;
}
.scroll__user__scoreboard p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
  padding-right: 15px;
}
.scroll__user__scoreboard p:last-child {
  margin-bottom: 0;
}
.small__scroll__user__scoreboard {
  margin-top: 0px;
  height: auto;
  min-height: 270px;
  max-height: 400px;
  width: 100%;
}
.small__scroll__user__scoreboard p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
  padding-right: 15px;
}
.small__scroll__user__scoreboard p:last-child {
  margin-bottom: 0;
}
.registrations__scoreboard__listing {
  margin-top: 0px;
  height: 250px;
  width: 100%;
}
.registrations__scoreboard__listing p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
  padding-right: 15px;
}
.registrations__scoreboard__listing p:last-child {
  margin-bottom: 0;
}

.tournament-detail__table {
  width: 100%;
  margin-top: 0px;
}
.tournament-detail__table tr td {
  font-size: 17px;
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.tournament-detail__table tr td:first-child {
  color: #a6afb3;
}
.tournament-detail__table tr td span {
  font-size: 15px;
  margin-left: 0px;
}
.tournament-detail__table tr td span.red {
  color: #e23353;
}
.tournament-detail__table tr td span.green {
  font-size: 17px;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.tournament-detail__table tr:first-child td {
  padding-top: 0;
}
.tournament-detail__table td:last-child {
  padding-right: 10px;
}
.tournament-detail__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
.prize__distribution__title__table {
  width: 100%;
  margin-top: 0px;
}
.prize__distribution__title__table tr td {
  font-size: 17px;
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #192841;
  transition: background-color 0.5s ease;
}
.prize__distribution__title__table tr td:first-child {
  font-size: 22px;
  color: #fff;
}
.prize__distribution__title__table tr td span {
  font-size: 15px;
  margin-left: 0px;
}
.prize__distribution__title__table tr td span.red {
  color: #e23353;
}
.prize__distribution__title__table tr td span.green {
  font-size: 17px;
  background: -webkit-linear-gradient(#165f5b, #18df43);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
}
.prize__distribution__title__table tr:first-child td {
  padding-top: 0;
}
.prize__distribution__title__table tr:last-child td {
  border-bottom: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .tournament__navbar {
    margin-top: -80px;
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .tournament__navbar {
    margin-top: -150px;
    padding: 20px;
  }
  .tournament__detail__description {
    margin-top: -70px;
  }
  .tournament__detail__description--second {
    margin-top: -70px;
  }
  .tournament__detail__layout__large {
    display: block;
    padding-bottom: 80px;
  }
  .tournament__detail__layout__small {
    display: none;
    padding-bottom: 105px;
  }
  .scroll__prize__distribution {
    height: 525px;
  }
  .small__scroll__prize__distribution {
    height: 525px;
  }

  .scroll__user__registrations {
    height: 479px;
  }
  .small__scroll__user__registrations {
    height: 479px;
  }
  .scroll__user__scoreboard {
    height: 353px;
  }
  .small__scroll__user__scoreboard {
    height: 353px;
  }
  .registrations__scoreboard__listing {
    height: 310px;
  }
}
@media (min-width: 1200px) {
  .scroll__prize__distribution {
    height: 525px;
  }
  .small__scroll__prize__distribution {
    height: 525px;
  }
  .scroll__user__registrations {
    height: 479px;
  }
  .small__scroll__user__registrations {
    height: 479px;
  }
  .scroll__user__scoreboard {
    height: 353px;
  }
  .small__scroll__user__scoreboard {
    height: 353px;
  }
  .registrations__scoreboard__listing {
    height: 340px;
  }
}

/*==============================
	Modal Game
==============================*/

.watermark__background {
  background-image: url('../img/icons/watermark_background.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.iframe__game {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #141a2a;
}

.tournament__finished__dialog {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: absolute;
  top: 50px;
  background-color: #192237;
  border-radius: 10px;
  padding: 20px;
  align-items: stretch;
  flex-wrap: wrap;
  width: 90%;
}

.close__btn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 41px;
  height: 38px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 8px;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid #192841;
  background: linear-gradient(135deg, #402d4c 0%, #11182a);
  margin-left: 5px;
  transition: 0.5s ease;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
}
.close__btn:hover {
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}

.tournament__finished__dialog h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
}

.modal-content__game {
  
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  pointer-events: auto;
  background: #192237;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  outline: 0;
  width: 100%;
  padding: 20px;
      
}
.container__game {
  position: relative;
}
.row__game {
  justify-content: space-evenly;
}
.col-12__game {
  width: 100%;
}
.div__container__modal__body {
  display: flex;
  flex-direction: column;
  background: #192237;
  padding: 20px;
  border-radius: 10px;
}
.modal-header__game {
  border-radius: 10px !important;
}
.modal-body__game {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  padding: 20px;
  background-color: #00000040;
  border-radius: 10px;
  margin-top: 14px;
  margin-bottom: 14px;

}
.div-tournament-result {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 32px;
  padding-right: 32px;
}
.div-tournament-result span.white {
  color: #fff;
  display: flex;
  align-items: center;
}
.div-tournament-result strong.gold {
  display: flex;
  background: -webkit-linear-gradient(#d7d109, #d9a40d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  align-items: center;
  user-select: none;
}
.div-tournament-result strong.silver {
  display: flex;
  background: -webkit-linear-gradient(#d8e3df, #939393);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  align-items: center;
  user-select: none;
}
.div-tournament-result strong.bronze {
  display: flex;
  background: -webkit-linear-gradient(#e58206, #8f500e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  align-items: center;
  user-select: none;
}
.div-tournament-result strong.blue {
  display: flex;
  background: -webkit-linear-gradient(#4196ff, #3e6287);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  align-items: center;
  user-select: none;
}
.div-tournament-result strong.red {
  display: flex;
  background: -webkit-linear-gradient(#bb2d2d, #ab4848);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  align-items: center;
  user-select: none;
}
.add-margins-top-bottom {
  margin-top: 10px;
  margin-bottom: 10px;
}
.add-margins-left {
  margin-left: 8px;
}
.img-badge {
  width: 65px;
  height: 97px;
}

.grad-line {
  height: 1px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
.left-line, .right-line {
  width: 50%;
  border-bottom: 2px solid #695f52;
  display: inline-block;
}
.left-line {
  border-image: linear-gradient(270deg, #67625c, #000) 1;
  margin-left: 20px;
}
.right-line {
  border-image: linear-gradient(90deg, #67625c, #000) 1;
  margin-right: 20px;
}

.modal-footer__game {
  border-radius: 10px !important;
  margin-top: 0px !important;
}

.label__container__fix__btn {
  display: inline-block;
  width: auto !important;
  margin-bottom: 0px !important;
  vertical-align: -webkit-baseline-middle !important;
  font-size: 15px !important;
}
.label__container__fix__btn--green__blinking {
  animation: blink_text_green 1s linear infinite;
  animation-iteration-count: infinite;
}

.label__tournament__progress__title {
  display: inline-block;
  color: #fff;
  width: auto !important;
  margin-bottom: 0px !important;
  vertical-align: -webkit-baseline-middle !important;
  font-size: 18px !important;
}
.label__tournament__progress__title__yellow {
  display: inline-block;
  color: #e8d189;
  width: auto !important;
  margin-bottom: 0px !important;
  vertical-align: -webkit-baseline-middle !important;
  font-size: 18px !important;
}

.label__tournament__progress__description__yellow {
  display: inline-block;
  color: #e8d189;
  width: auto !important;
  margin-bottom: 0px !important;
  vertical-align: -webkit-baseline-middle !important;
  font-size: 18px !important;
}
.label__tournament__progress__description__green {
  display: inline-block;
  color: #29b474;
  width: auto !important;
  margin-bottom: 0px !important;
  vertical-align: -webkit-baseline-middle !important;
  font-size: 18px !important;
}



.fix__game__pre__check__btn {
  position: relative;
  width: 55px;
  height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  border-radius: 8px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid #192841;
  background: linear-gradient(135deg, #402d4c 0%, #11182a);
  margin-left: 5px;
  transition: 0.5s ease;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
}
.fix__game__pre__check__btn:hover:not([disabled]) {
  box-shadow: 0 0 22px #223b6d;
  border-color: #019AFF;
}

.info__issue {
  font-size: 13px;
  line-height: 24px;
  color: #a6afb3;
  width: 100%;
}

/* @media (min-width: 576px) {
  .tournament__finished__dialog {
    width: 70%;
  }
} */
@media (min-width: 768px) {
  .tournament__finished__dialog {
    width: 75%;
  }
  .div-tournament-result strong.gold {
    font-size: 18px;
  }
  .div-tournament-result strong.silver {
    font-size: 18px;
  }
  .div-tournament-result strong.bronze {
    font-size: 18px;
  }
  .div-tournament-result strong.blue {
    font-size: 18px;
  }
  .div-tournament-result strong.red {
    font-size: 18px;
  }
  .add-margins-top-bottom {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .add-margins-left {
    margin-left: 8px;
  }
  .img-badge {
    width: 65px;
    height: 97px;
  }
}
@media (min-width: 992px) {
  .tournament__finished__dialog {
    width: 60%;
  }
  .div-tournament-result strong.gold {
    font-size: 20px;
  }
  .div-tournament-result strong.silver {
    font-size: 20px;
  }
  .div-tournament-result strong.bronze {
    font-size: 20px;
  }
  .div-tournament-result strong.blue {
    font-size: 20px;
  }
  .div-tournament-result strong.red {
    font-size: 20px;
  }
  .add-margins-top-bottom {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .add-margins-left {
    margin-left: 8px;
  }
  .img-badge {
    width: 80px;
    height: 119px;
  }
}
@media (min-width: 1200px) {
  .tournament__finished__dialog {
    width: 50%;
  }
  .div-tournament-result strong.gold {
    font-size: 24px;
  }
  .div-tournament-result strong.silver {
    font-size: 24px;
  }
  .div-tournament-result strong.bronze {
    font-size: 24px;
  }
  .div-tournament-result strong.blue {
    font-size: 24px;
  }
  .div-tournament-result strong.red {
    font-size: 21px;
  }
  .add-margins-top-bottom {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .add-margins-left {
    margin-left: 15px;
  }
  .img-badge {
    width: 100px;
    height: 148px;
  }
}
@media (min-width: 1500px) {
  .tournament__finished__dialog {
    width: 40%;
  }
}
@media (min-width: 1700px) {
  .tournament__finished__dialog {
    width: 30%;
  }
}



#fileName {
  position: relative;
  width: 100px;
}

#fileName p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#fileName:after {
  content: attr(data-filetype);
  position: absolute;
  left: 100%;
  top: 0;
}