.call-to-action .cta-footer .cta-footer-texta.see-all:hover svg {
  animation: ease-in-out infinite;
  -webkit-animation: ease-in-out infinite;
  -webkit-animation-name: run;
  -webkit-animation-duration: 1s;
}
@-webkit-keyframes run {
  0% {
    left: -2px;
  }
  50% {
    left: 2px;
  }
  100% {
    left: -2px;
  }
}
* .animated-underline > span,
*.bitcoin .animated-underline > span {
  background: linear-gradient(to right, transparent, transparent),
    linear-gradient(to right, var(--bitcoin-color), var(--bitcoin-color));
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
*.ethereum .animated-underline > span {
  background: linear-gradient(to right, transparent, transparent),
    linear-gradient(to right, var(--eth-color), var(--eth-color));
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
*.altcoin .animated-underline > span {
  background: linear-gradient(to right, transparent, transparent),
    linear-gradient(to right, var(--altcoin-color), var(--altcoin-color));
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
*.blockchain .animated-underline > span {
  background: linear-gradient(to right, transparent, transparent),
    linear-gradient(to right, var(--altcoin-color), var(--altcoin-color));
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
*.nft .animated-underline > span {
  background: linear-gradient(to right, transparent, transparent),
    linear-gradient(to right, var(--nft-color), var(--nft-color));
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
*.defi .animated-underline > span {
  background: linear-gradient(to right, transparent, transparent),
    linear-gradient(to right, var(--defi-color), var(--defi-color));
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
*.technical-analyse .animated-underline > span {
  background: linear-gradient(to right, transparent, transparent),
    linear-gradient(
      to right,
      var(--technical-analyse-color),
      var(--technical-analyse-color)
    );
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
*.on-chain-analyse .animated-underline > span {
  background: linear-gradient(to right, transparent, transparent),
    linear-gradient(
      to right,
      var(--on-chain-analyse-color),
      var(--on-chain-analyse-color)
    );
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
*.gamefi .animated-underline > span {
  background: linear-gradient(to right, transparent, transparent),
    linear-gradient(to right, var(--gamefi-color), var(--gamefi-color));
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
*.right-and-taxation .animated-underline > span {
  background: linear-gradient(to right, transparent, transparent),
    linear-gradient(
      to right,
      var(--right-and-taxation-color),
      var(--right-and-taxation-color)
    );
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
*.exchange .animated-underline > span {
  background: linear-gradient(to right, transparent, transparent),
    linear-gradient(to right, var(--exchange-color), var(--exchange-color));
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
.guide-or-tutorial-card:hover .animated-underline > span,
.redaction-selection-card:hover .animated-underline > span,
.btc-knowledge .grid-item:hover .animated-underline > span,
.last-news-card:hover .animated-underline > span,
.last-news-snd-card:hover .animated-underline > span,
.good-deals-card:hover .animated-underline > span {
  background-size: 0 0.1em, 100% 0.1em;
  background-position: 100% 100%, 0 100%;
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.355, 0.61, 0.355, 1);
  }
  0% {
    transform: scale3d(1, 1, 1);
  }
  20% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.good-deals-card:hover .arrow-curved-icon {
  animation-duration: 1.4s;
  animation-name: bounceIn;
}
.last-news-card.loading {
  pointer-events: none;
}
.last-news-card.loading .last-news-card-img-ctn {
  height: 4rem;
  width: auto;
  aspect-ratio: 2/1;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.last-news-card.loading .last-news-card-img-ctn img {
  display: none;
}
.last-news-card.loading .last-news-card-img-ctn p.last-news-card-category {
  display: none;
}
.last-news-card.loading .last-news-card-date-and-category span {
  border-radius: 0.5rem;
  height: 10px;
  width: 33%;
  margin-bottom: 4px;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.last-news-card.loading .last-news-card-date-and-category span:nth-child(2) {
  display: none;
}
.last-news-card.loading .last-news-card-title-ctn {
  flex-direction: column !important;
}
.last-news-card.loading .last-news-card-title-ctn span {
  border-radius: 0.5rem;
  height: 10px;
  width: 100%;
  aspect-ratio: 2/1;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.last-news-card.loading .last-news-card-title-ctn span:not(:last-child) {
  margin-bottom: 6px;
}
.guide-or-tutorial-card.loading .guide-or-tutorial-bg {
  aspect-ratio: 2/1;
  width: 100%;
  margin-bottom: 0.5rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.guide-or-tutorial-card.loading
  header.guide-or-tutorial-card-header
  p.difficulty {
  height: 1.25rem;
  width: 33%;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.guide-or-tutorial-card.loading
  header.guide-or-tutorial-card-header
  div.time-ctn {
  height: 1.25rem;
  width: 20%;
  border-radius: 0.25rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.guide-or-tutorial-card.loading h4.guide-or-tutorial-card-title {
  height: 0.875rem;
  border-radius: 0.25rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.guide-or-tutorial-card.loading
  h4.guide-or-tutorial-card-title:not(:last-child) {
  margin-bottom: 0.25rem;
}
@media (min-width: 768px) {
  .last-news-card.loading .last-news-card-img-ctn {
    height: auto;
    width: 100%;
  }
  .last-news-card.loading .last-news-card-date-and-category span {
    margin-bottom: 8px;
    margin-top: 4px;
    border-radius: 0.5rem;
    height: 12px;
    width: 100%;
    background-color: var(--loading-grey) !important;
    background: linear-gradient(
        100deg,
        rgba(var(--white-normal-loading-step-1)) 40%,
        rgba(var(--white-normal-loading-step-2)) 50%,
        rgba(var(--white-normal-loading-step-3)) 60%
      )
      var(--loading-grey);
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s skeleton ease-in-out infinite;
  }
  .last-news-card.loading .last-news-card-date-and-category span:first-child {
    width: 33%;
    margin-right: auto;
  }
  .last-news-card.loading .last-news-card-date-and-category span:nth-child(2) {
    width: 50%;
    display: block;
  }
  .last-news-card.loading .last-news-card-title-ctn span {
    height: 14px;
    background-color: var(--loading-grey) !important;
    background: linear-gradient(
        100deg,
        rgba(var(--white-normal-loading-step-1)) 40%,
        rgba(var(--white-normal-loading-step-2)) 50%,
        rgba(var(--white-normal-loading-step-3)) 60%
      )
      var(--loading-grey);
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s skeleton ease-in-out infinite;
  }
  .last-news-card.loading .last-news-card-title-ctn span:not(:last-child) {
    margin-bottom: 6px;
  }
  .guide-or-tutorial-card.loading h4.guide-or-tutorial-card-title {
    height: 1.25rem;
  }
}
.prices-grid-row.loading a {
  pointer-events: none;
  cursor: default;
}
.prices-grid-row.loading .rank {
  width: 1.5rem;
  height: 1rem;
  border-radius: 0.25rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.prices-grid-row.loading .crypto-infos .crypto-logo {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  margin-right: 0.5rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.prices-grid-row.loading .title {
  width: 100%;
  height: 1rem;
  border-radius: 0.25rem;
  margin-right: 1rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.prices-grid-row.loading .subtitle {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.prices-grid-row.loading .buy-crypto-btn {
  width: 4rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  margin-left: auto;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.prices-grid-row.loading .price-p {
  width: 100%;
  height: 1rem;
  border-radius: 0.25rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.prices-grid-row.loading .change-p {
  width: 100%;
  height: 1rem;
  border-radius: 0.25rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.prices-grid-row.loading .mk-p {
  width: 100%;
  height: 1rem;
  border-radius: 0.25rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.prices-grid-row.loading .volume {
  width: 100%;
  height: 1rem;
  border-radius: 0.25rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
.prices-grid-row.loading .graph-loading {
  width: 100%;
  height: 2rem;
  border-radius: 0.25rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
}
@keyframes skeleton {
  to {
    background-position-x: -20%;
  }
}
html {
  --gray-bg: #e5e5e5;
  --gray-soft: #f1f1f6;
  --gray-light: #bebebe;
  --gray-light-2: #1111110d;
  --gray-normal: #888888;
  --loading-grey: #ededed;
  --orange-primary: #ff815e;
  --orange-primary-2: #fb7d5c;
  --orange-light: #fff1ef;
  --logo-gradient-from: #f2bf42;
  --logo-gradient-to: #eda73b;
  --formation-gradient-from: #f2aa81;
  --formation-gradient-to: #eb6192;
  --orange-gradient-from: #fe904c;
  --orange-gradient-to: #fd6d6a;
  --purple-light: #f0eaf3;
  --purple-gradient-from: #d693d8;
  --purple-gradient-to: #9c7ec9;
  --green-gradient-from: #61d7ac;
  --green-gradient-to: #6cced0;
  --blue-gradient-from: #b6a8f6;
  --blue-gradient-to: #719fea;
  --black-normal: #111111;
  --white-normal: #ffffff;
  --black-normal-opacity-5: #11111180;
  --white-normal-opacity-5: #ffffff80;
  --white-normal-loading-step-1: 255, 255, 255, 0;
  --white-normal-loading-step-2: 255, 255, 255, 0.5;
  --white-normal-loading-step-3: 255, 255, 255, 0;
  --bg-back: #f8f8f8;
  --bg-front: #ffffff;
  --red-light: #ffdadb;
  --red-normal: #d63031;
  --red-normal-home: #ff7675;
  --green-light-home: #55efc4;
  --green-light: #c7fbeb;
  --green-normal: #34c759;
  --green-dark: #00b894;
  --bitcoin-color: #ffbd82;
  --eth-color: #85aedc;
  --altcoin-color: #ff9c94;
  --blockchain-color: #efbcb3;
  --nft-color: #fd79a8;
  --defi-color: #d1a6fe;
  --technical-analyse-color: #a6b9fe;
  --on-chain-analyse-color: #f0bdfe;
  --gamefi-color: #8ac3a6;
  --right-and-taxation-color: #9de0e9;
  --exchange-color: #ffa600;
  --advices-and-tutos-color: #ffcbb3;
  --trading-color: #a6b9fe;
  --other-color: #bebebe;
  --guide-or-turorial-easy-light: #ddf3e5;
  --guide-or-turorial-easy-bg: #b8ffbf;
  --guide-or-turorial-easy-color: #659b51;
  --guide-or-turorial-medium-light: #faf1d9;
  --guide-or-turorial-medium-dark: #fdcb6e;
  --guide-or-turorial-medium-bg: #ffdab8;
  --guide-or-turorial-medium-color: #c78d7b;
  --guide-or-turorial-hard-light: #f5d9dc;
  --guide-or-turorial-hard-bg: #ffb8b8;
  --guide-or-turorial-hard-color: #bf6f6f;
  --prices-grid-odd: white;
  --prices-grid-even: #f8f8f8;
  --outer-card-shadow: #1c415414;
  --inner-card-shadow: #0000001f;
  --header-border: #efefef;
  --footer-bg: white;
}
html[data-theme="dark"] {
  --gray-soft: #282828;
  --gray-light-2: #ffffff1a;
  --black-normal: #ffffff;
  --white-normal: #111111;
  --black-normal-opacity-5: #ffffff80;
  --white-normal-opacity-5: #11111180;
  --white-normal-loading-step-1: 136, 136, 136, 0;
  --white-normal-loading-step-2: 136, 136, 136, 0.5;
  --white-normal-loading-step-3: 136, 136, 136, 0;
  --bg-back: #111111;
  --bg-front: #1e1e1e;
  --loading-grey: #1e1e1e;
  --prices-grid-odd: #1e1e1e;
  --prices-grid-even: rgba(23, 23, 23, 0.75);
  --outer-card-shadow: #10101022;
  --inner-card-shadow: #10101022;
  --header-border: #1e1e1e;
  --footer-bg: #1e1e1e;
}
.color-orange-gradient {
  display: inline-block;
  width: fit-content;
  background: -webkit-linear-gradient(
    left,
    var(--orange-gradient-from),
    var(--orange-gradient-to)
  );
  background: -o-linear-gradient(
    right,
    var(--orange-gradient-from),
    var(--orange-gradient-to)
  );
  background: -moz-linear-gradient(
    right,
    var(--orange-gradient-from),
    var(--orange-gradient-to)
  );
  background: linear-gradient(
    to right,
    var(--orange-gradient-from),
    var(--orange-gradient-to)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.color-orange-gradient-to {
  color: var(--orange-gradient-to) !important;
}
.color-pink-gradient {
  display: inline-block;
  width: fit-content;
  background: -webkit-linear-gradient(
    left,
    var(--formation-gradient-from),
    var(--formation-gradient-to)
  );
  background: -o-linear-gradient(
    right,
    var(--formation-gradient-from),
    var(--formation-gradient-to)
  );
  background: -moz-linear-gradient(
    right,
    var(--formation-gradient-from),
    var(--formation-gradient-to)
  );
  background: linear-gradient(
    to right,
    var(--formation-gradient-from),
    var(--formation-gradient-to)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.color-pink-gradient-to {
  color: var(--formation-gradient-to) !important;
}
.color-purple-gradient {
  display: inline-block;
  width: fit-content;
  background: -webkit-linear-gradient(
    left,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
  background: -o-linear-gradient(
    right,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
  background: -moz-linear-gradient(
    right,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
  background: linear-gradient(
    to right,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.color-purple-gradient-to {
  color: var(--purple-gradient-to) !important;
}
.color-green-gradient {
  display: inline-block;
  width: fit-content;
  background: -webkit-linear-gradient(
    left,
    var(--green-gradient-from),
    var(--green-gradient-to)
  );
  background: -o-linear-gradient(
    right,
    var(--green-gradient-from),
    var(--green-gradient-to)
  );
  background: -moz-linear-gradient(
    right,
    var(--green-gradient-from),
    var(--green-gradient-to)
  );
  background: linear-gradient(
    to right,
    var(--green-gradient-from),
    var(--green-gradient-to)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.color-green-gradient-to {
  color: var(--green-gradient-to) !important;
}
.color-blue-gradient {
  display: inline-block;
  width: fit-content;
  background: -webkit-linear-gradient(
    left,
    var(--blue-gradient-from),
    var(--blue-gradient-to)
  );
  background: -o-linear-gradient(
    right,
    var(--blue-gradient-from),
    var(--blue-gradient-to)
  );
  background: -moz-linear-gradient(
    right,
    var(--blue-gradient-from),
    var(--blue-gradient-to)
  );
  background: linear-gradient(
    to right,
    var(--blue-gradient-from),
    var(--blue-gradient-to)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.color-blue-gradient-to {
  color: var(--blue-gradient-to) !important;
}
svg.black:not(.excluded) path,
svg.black:not(.excluded) circle {
  fill: var(--black-normal);
}
svg.white:not(.excluded) path,
svg.white:not(.excluded) circle {
  fill: var(--white-normal);
}
svg path.black,
svg circle.black {
  fill: var(--black-normal) !important;
}
svg path.white,
svg circle.white {
  fill: var(--white-normal) !important;
}
html {
  width: 100%;
  overflow-x: auto;
}
body {
  font-family: "Sora", sans-serif;
  background: var(--bg-back);
  scroll-behavior: smooth;
  overflow-x: hidden;
}
.outer {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top;
}
@media (max-width: 576px) {
  body.modal-opened {
    overflow: hidden;
    height: 100vh;
  }
}
p,
pre,
span,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
}
h1 {
  line-height: 1.5;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
li,
label,
pre {
  margin: 0;
  color: var(--black-normal);
}
ul,
ol {
  margin: 0;
  padding-left: 1rem;
}
a {
  text-decoration: none;
  color: var(--orange-primary);
}
a:hover {
  color: var(--black-normal);
}
.cut-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}
.h-min-100 {
  min-height: 100%;
}
.w-fit {
  width: fit-content;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default !important;
}
.max-w-100 {
  max-width: 100% !important;
}
p.orange {
  color: var(--orange-primary);
}
.blcatt {
  color: var(--black-normal);
}
.inverse {
  transform: rotate(180deg);
}
.neutral {
  transform: rotate(90deg);
}
#comments {
  font-family: "Sora", sans-serif !important;
}
.disabled-cursor {
  cursor: default !important;
  pointer-events: none !important;
}
.hide-and-disabled-cursor {
  visibility: hidden !important;
  cursor: default !important;
  pointer-events: none !important;
}
.orange-hover {
  transition: all 0.3s ease;
}
.orange-hover:hover {
  color: var(--orange-primary) !important;
}
.orange-hover:hover path {
  transition: all 0.3s ease;
  fill: var(--orange-primary) !important;
  fill-opacity: 1;
}
.inner-ctn {
  max-width: calc(1280px - 2rem);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
div.main-content {
  padding: 0 1rem 1rem 1rem;
  max-width: calc(1280px - 2rem);
  width: 100%;
  margin: 0 auto;
  background: var(--bg-back);
}
a.see-all-mobile-btn-ctn {
  border: 1px solid var(--black-normal);
  border-radius: 0.75rem;
  padding: 0.75rem 0;
}
a.see-all-mobile-btn-ctn.orange {
  border: 1px solid var(--orange-gradient-to);
}
a.see-all-mobile-btn-ctn.orange svg path {
  fill: var(--orange-gradient-to);
}
a.see-all-mobile-btn-ctn.pink {
  border: 1px solid var(--formation-gradient-to);
}
a.see-all-mobile-btn-ctn.pink svg path {
  fill: var(--formation-gradient-to);
}
a.see-all-mobile-btn-ctn.green {
  border: 1px solid var(--green-gradient-to);
}
a.see-all-mobile-btn-ctn.green svg path {
  fill: var(--green-gradient-to);
}
a.see-all-mobile-btn-ctn.purple {
  border: 1px solid var(--purple-gradient-to);
}
a.see-all-mobile-btn-ctn.purple svg path {
  fill: var(--purple-gradient-to);
}
a.see-all-mobile-btn-ctn.blue {
  border: 1px solid var(--blue-gradient-to);
}
a.see-all-mobile-btn-ctn.blue svg path {
  fill: var(--blue-gradient-to);
}
div.pagination-ctn {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}
div.pagination-ctn .pagination-item svg path {
  fill: var(--black-normal);
}
div.pagination-ctn .pagination-item.disabled svg path {
  fill: var(--gray-normal);
}
div.pagination-ctn .pagination-item {
  border-radius: 0.625rem;
  background-color: var(--bg-front);
  box-shadow: 0 12px 12px 0 var(--outer-card-shadow);
  padding: 0.25rem 0.75rem;
  color: var(--black-normal);
}
div.pagination-ctn .pagination-item.disabled {
  color: var(--gray-normal);
  pointer-events: none;
}
div.pagination-ctn .pagination-item.selected {
  box-shadow: 0 2px 4px 0 #0000001f inset;
  pointer-events: none;
}
div.pagination-ctn.news-pagination .pagination-item.selected {
  color: var(--orange-primary-2);
}
div.pagination-ctn.formation-pagination .pagination-item.selected {
  color: var(--formation-gradient-to);
}
div.pagination-ctn.prices-pagination .pagination-item.selected,
div.pagination-ctn.nfts-pagination .pagination-item.selected {
  color: var(--purple-gradient-to);
}
div.pagination-ctn.cryptos-pagination .pagination-item.selected {
  color: var(--green-gradient-to);
}
div.pagination-numbers .pagination-item:not(:last-child) {
  margin-right: 0.5rem;
}
div.statistics > div.title {
  flex: 1 0 100%;
  margin-bottom: 1rem;
}
div.statistics > div.title p {
  font-size: 1.5rem;
  font-weight: bold;
}
div.statistics > div {
  flex: 1;
}
div.statistics > div.stat > p:first-child {
  font-size: 1.5rem;
  font-weight: bold;
}
div.statistics.news-statistics > div.stat > p:first-child {
  color: var(--orange-primary-2);
}
div.statistics.formation-statistics > div.stat > p:first-child {
  color: var(--formation-gradient-to);
}
div.statistics > div.stat > p:nth-child(2) {
  font-size: 1rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  div.statistics > div.title {
    flex: 1;
    margin-bottom: 0;
  }
}
.search-input-ctn {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 25rem;
  border-radius: 3rem;
  background-color: var(--header-border);
  padding: 0.625rem 1rem;
  margin-top: 0.75rem;
}
.search-input-ctn.bg-back {
  background-color: var(--bg-back);
}
.search-input-ctn svg {
  min-width: 1rem;
  min-height: 1rem;
  margin-left: 1rem;
}
.search-input-ctn input {
  background: transparent;
  color: var(--black-normal);
  width: 100%;
  border: none;
  outline: none;
  margin: 0;
  padding: 0 0 0 0.125rem;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .search-input-ctn {
    flex: 0 0 22rem;
    margin-top: 0;
  }
}
.search-input-ctn input::placeholder {
  color: var(--gray-normal);
}
.search-input-ctn svg path {
  fill: var(--black-normal);
}
.chips-ctn a.chip {
  border-radius: 6rem;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.5rem;
  border-width: 2px;
  border-style: solid;
  font-size: 0.75rem;
}
a.chip:not(:last-child) {
  margin-right: 0.75rem;
}
@media (min-width: 768px) {
  a.chip {
    padding: 0.25rem 1rem;
    font-size: 1rem;
  }
  a.chip:not(:last-child) {
    margin-right: 1.25rem;
  }
}
a.chip {
  color: var(--bitcoin-color);
  border-color: var(--bitcoin-color);
}
a.chip.selected {
  color: #fff;
  background-color: var(--bitcoin-color);
}
a.chip.ethereum {
  color: var(--eth-color);
  border-color: var(--eth-color);
}
a.chip.ethereum.selected {
  color: #fff;
  background-color: var(--eth-color);
}
a.chip.altcoin {
  color: var(--altcoin-color);
  border-color: var(--altcoin-color);
}
a.chip.altcoin.selected {
  color: #fff;
  background-color: var(--altcoin-color);
}
a.chip.blockchain {
  color: var(--blockchain-color);
  border-color: var(--blockchain-color);
}
a.chip.blockchain.selected {
  color: #fff;
  background-color: var(--blockchain-color);
}
a.chip.nft {
  color: var(--nft-color);
  border-color: var(--nft-color);
}
a.chip.nft.selected {
  color: #fff;
  background-color: var(--nft-color);
}
a.chip.defi {
  color: var(--defi-color);
  border-color: var(--defi-color);
}
a.chip.defi.selected {
  color: #fff;
  background-color: var(--defi-color);
}
a.chip.technical-analyse {
  color: var(--technical-analyse-color);
  border-color: var(--technical-analyse-color);
}
a.chip.technical-analyse.selected {
  color: #fff;
  background-color: var(--technical-analyse-color);
}
a.chip.on-chain-analyse {
  color: var(--on-chain-analyse-color);
  border-color: var(--on-chain-analyse-color);
}
a.chip.on-chain-analyse.selected {
  color: #fff;
  background-color: var(--on-chain-analyse-color);
}
a.chip.gamefi {
  color: var(--gamefi-color);
  border-color: var(--gamefi-color);
}
a.chip.gamefi.selected {
  color: #fff;
  background-color: var(--gamefi-color);
}
a.chip.right-and-taxation {
  color: var(--right-and-taxation-color);
  border-color: var(--right-and-taxation-color);
}
a.chip.right-and-taxation.selected {
  color: #fff;
  background-color: var(--right-and-taxation-color);
}
a.chip.exchange {
  color: var(--exchange-color);
  border-color: var(--exchange-color);
}
a.chip.exchange.selected {
  color: #fff;
  background-color: var(--exchange-color);
}
a.chip.prices {
  color: var(--black-normal);
  border-color: var(--purple-gradient-to);
}
a.chip.prices.selected {
  color: #fff;
  background-color: var(--purple-gradient-to);
}
.element-copied-popover {
  background: var(--black-normal);
  padding: 0.25rem 0.875rem;
  position: absolute;
  border-radius: 0.375rem;
  transition: opacity 0.3s linear;
  opacity: 0;
  left: calc(50% - 32px);
  top: -2.25rem;
}
.element-copied-popover.active {
  opacity: 1;
}
.element-copied-popover.far-away {
  z-index: -999;
}
.element-copied-popover .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--black-normal);
  position: absolute;
  left: calc(50% - 7px);
  bottom: -7px;
}
.element-copied-popover p {
  color: var(--white-normal);
  z-index: 11;
}
#feedback-popover {
  border: 1px solid var(--black-normal-opacity-5);
  transition: bottom 0.7s ease;
  position: fixed;
  z-index: 9999;
  bottom: -1000px;
  left: 0;
  max-width: 100vw;
  width: 100%;
  padding: 1rem;
  border-radius: 0.5rem 0.5rem 0 0;
  background: var(--bg-front);
}
#feedback-popover.opened {
  bottom: 0;
}
#feedback-popover .title {
  margin-bottom: 1rem;
}
#feedback-popover svg.close-icon {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
#feedback-popover textarea,
#feedback-popover input {
  border-radius: 0.25rem;
  color: var(--black-normal);
  width: 100%;
  padding: 0.5rem;
  outline: none;
  border: 1px solid var(--gray-normal);
  font-size: 1rem;
  background: transparent;
}
#feedback-popover textarea::placeholder,
#feedback-popover input::placeholder {
  color: var(--gray-light);
}
#feedback-popover button {
  width: 100%;
  max-width: 500px;
  background: var(--orange-primary);
  border: none;
  outline: none;
  padding: 0.625rem 1.75rem;
  margin: 1rem 0 0 0;
  color: #fff;
  font-size: 0.875rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: all 0.3s linear;
}
@media (min-width: 576px) {
  #feedback-popover {
    left: calc(50vw - 250px);
    max-width: 500px;
  }
}
header.page-header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 11;
  padding: 1rem 1.5rem;
  background: var(--white-normal);
}
header.page-header .search-icon {
  cursor: pointer;
}
header.page-header > div {
  position: relative;
}
header.page-header img.clickable {
  padding: 4px;
  box-sizing: content-box;
}
header.page-header img.cryptoast-logo {
  width: 2rem;
  height: 2rem;
}
header.page-header p.header-title {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0;
  text-align: left;
}
.header-popover-btn svg path {
  fill: var(--black-normal);
}
.header-popover-menu {
  max-height: 11.75rem;
  padding: 0.75rem 1rem 0.75rem 1rem;
  transition: all 0.3s ease;
  position: absolute;
  background: var(--bg-front);
  border-radius: 1rem;
  z-index: 999;
  left: -1.5rem;
  top: 2.5rem;
  box-shadow: 0 64px 64px 0 var(--outer-card-shadow),
    0 64px 48px 0 var(--outer-card-shadow),
    0 24px 24px 0 var(--outer-card-shadow),
    0 12px 12px 0 var(--outer-card-shadow);
  visibility: visible;
}
.header-popover-menu.hidden {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
.header-popover-menu a {
  background-color: transparent;
  padding: 0.625rem 0.5rem;
  border-radius: 0.625rem;
  transition: background-color 0.3s ease;
}
header.page-header nav a.actual {
  text-decoration: underline;
  text-underline-offset: 4px;
}
header.page-header nav a.actual.color-orange-gradient {
  text-decoration-color: var(--orange-gradient-to);
}
header.page-header nav a.actual.color-green-gradient {
  text-decoration-color: var(--green-gradient-to);
}
header.page-header nav a.actual.color-pink-gradient {
  text-decoration-color: var(--formation-gradient-to);
}
header.page-header nav a.actual.color-blue-gradient {
  text-decoration-color: var(--blue-gradient-to);
}
header.page-header nav a.actual.color-purple-gradient {
  text-decoration-color: var(--purple-gradient-to);
}
.header-popover-menu p.pro {
  font-size: 0.75rem;
  border-radius: 0.5rem;
  background: var(--black-normal);
  color: var(--white-normal);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.25rem;
  font-weight: bold;
  position: relative;
  top: 0.125rem;
}
.header-popover-menu a:hover {
  background-color: var(--gray-soft);
}
body.dark .header-popover-menu a:hover {
  background-color: #343434;
}
@media (min-width: 768px) {
  header.page-header .header-right-ctn {
    margin-left: 3.75rem;
  }
  header.page-header .header-logo-ctn {
    padding-right: 2rem;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: var(--header-border);
  }
  header.page-header .menu-burger-icon {
    display: none;
  }
  header.page-header nav a.popover-hover-btn {
    margin-left: 1.2rem;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0px !important;
  }
  header.page-header .redirection {
    color: var(--gray-normal);
    position: relative;
    padding: 0.625rem 0.5rem;
    border-radius: 0.625rem;
    min-width: 8rem;
    cursor: pointer;
  }
  header.page-header nav p {
    font-size: 0.875rem;
    color: var(--gray-normal);
    margin-left: 0.5rem;
    font-weight: 600;
  }
  header.page-header .popover-hover-menu {
    background-color: var(--bg-front);
    padding: 1rem 0.75rem 1rem 1.5rem;
    border-radius: 1rem;
    display: flex;
    opacity: 1;
    transition: 0.3s ease;
    position: absolute;
    z-index: 999;
    top: -1rem;
    margin-top: 3rem;
    left: 1.5rem;
    visibility: visible;
    box-shadow: 0 64px 64px 0 var(--outer-card-shadow),
      0 64px 48px 0 var(--outer-card-shadow),
      0 24px 24px 0 var(--outer-card-shadow),
      0 12px 12px 0 var(--outer-card-shadow);
  }
  header.page-header .popover-hover-menu.hidden {
    visibility: hidden;
    opacity: 0;
  }
  header.page-header svg.associated-icon {
    width: 1rem;
    height: 1rem;
  }
  header.page-header svg.right-arrow-icon {
    margin-left: auto;
    width: 0.5rem;
    height: 0.75rem;
  }
  header.page-header .popover-hover-menu svg path,
  header.page-header .popover-hover-menu svg circle {
    fill: var(--gray-normal);
  }
  .cryptoast-pro-popover a {
    padding: 0.5rem;
    border-radius: 1rem;
  }
  .dark .popover a:hover {
    background: #343434;
  }
  header.page-header .news a p,
  header.page-header .news a svg path,
  header.page-header .news a svg circle {
    transition: all 0.3s ease;
  }
  header.page-header .news a:hover svg path,
  header.page-header .news a:hover svg circle {
    fill: var(--orange-gradient-from);
  }
  header.page-header .news a:hover p {
    background: -webkit-linear-gradient(
      left,
      var(--orange-gradient-from),
      var(--orange-gradient-to)
    );
    background: -o-linear-gradient(
      right,
      var(--orange-gradient-from),
      var(--orange-gradient-to)
    );
    background: -moz-linear-gradient(
      right,
      var(--orange-gradient-from),
      var(--orange-gradient-to)
    );
    background: linear-gradient(
      to right,
      var(--orange-gradient-from),
      var(--orange-gradient-to)
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .popover-left-border {
    background-color: var(--gray-normal);
    border-radius: 1rem;
    position: absolute;
    width: 2px;
    height: calc(100% - 60px);
    left: 12px;
  }
  .circle {
    position: absolute;
    top: 8px;
    left: -12px;
    width: 12px;
    height: 12px;
    display: inline-block;
  }
  .bottom-left {
    border-bottom: 2px solid var(--gray-normal);
    border-left: 2px solid var(--gray-normal);
    border-bottom-left-radius: 50%;
  }
  header.page-header .moon-icon {
    margin-left: 2rem;
  }
  header.page-header a.buy-crypto {
    border: 2px solid var(--orange-primary);
    padding: 0.5rem 1rem;
    background: transparent;
    margin: 0 1.5rem;
    border-radius: 3rem;
  }
  header.page-header a.buy-crypto > span {
    font-size: 0.875rem;
    margin-right: 0.375rem;
    color: var(--black-normal);
  }
}
div.main-content {
  position: relative;
}
div.main-content div#swiper {
  width: 100%;
  height: 116px;
  margin: 1rem 0;
  background: var(--bg-front);
  border-radius: 1.5rem;
}
div.main-content .section-header {
  margin: 1.5rem 0 0.75rem;
}
div.main-content h3.title {
  font-size: 1.25rem;
  letter-spacing: 0;
  color: var(--orange-primary);
}
.autoplay-swiper-ctn {
  margin: 1rem 0;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.autoplay-swiper-ctn .swiper-wrapper {
  height: 100%;
}
.autoplay-swiper-ctn .swiper-slide {
  height: auto;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0;
}
.autoplay-swiper-ctn,
.autoplay-swiper-ctn div,
.autoplay-swiper-ctn a {
  border-radius: 1.25rem;
}
.autoplay-swiper-ctn .autoplay-swiper {
  height: 100%;
}
@media (min-width: 768px) {
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 10px;
  }
  div.main-content {
    padding: 1rem;
  }
  div.main-content div#swiper {
    width: 100%;
    height: 204px;
    margin-bottom: 1.375rem;
  }
  div.main-content .section-header {
    margin: 3rem 0 1.5rem;
  }
  div.main-content h3.title {
    font-size: 1.875rem;
    font-weight: bold;
    letter-spacing: -0.0625rem;
  }
  .autoplay-swiper-ctn {
    margin: 2rem 0;
  }
}
div.main-content div.market-cap {
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  background-color: var(--bg-front);
}
div.main-content div.market-cap > p {
  font-size: 0.75rem;
  font-weight: bold;
  text-align: left;
}
div.main-content header.section-header > div.icon-wrapper {
  background-color: var(--orange-primary);
  padding: 0.5rem;
  border-radius: 50%;
}
.carrousel-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  div.swipe-arrows > div.arrow-wrapper {
    background-color: var(--orange-primary);
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.page-section {
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .page-section {
    margin-top: 2.5rem;
  }
}
.good-deals .good-deals-grid > h3.title {
  margin-bottom: 0.75rem;
}
.good-deals > .section-header h3:first-child {
  width: 100%;
}
.good-deals-grid {
  display: flex;
  flex-direction: column;
}
.good-deals-grid .good-deals-grid-item:first-child {
  margin: 0 0 1.5rem;
}
.good-deals-grid > .good-deals-grid-item {
  position: relative;
  background-color: var(--bg-front);
  border-radius: 1rem;
  padding-bottom: 1.5rem;
}
.good-deals-grid-item p.affiliation {
  font-size: 0.625rem;
  font-style: italic;
  position: absolute;
  bottom: 0.5rem;
  left: 0.75rem;
  color: var(--gray-normal);
}
.good-deals-grid .arrow-curved-icon {
  margin-left: auto;
}
@media (min-width: 768px) {
  .good-deals > .section-header h3:first-child {
    width: 50%;
  }
  .good-deals-grid {
    flex-direction: row;
  }
  .good-deals-grid .good-deals-grid-item:first-child {
    margin: 0 1.5rem 0 0;
  }
  .good-deals-grid > .good-deals-grid-item {
    padding: 0.5rem 0.5rem 1.5rem;
  }
  .good-deals-grid-item p.affiliation {
    position: absolute;
    left: unset;
    right: 0.75rem;
    color: var(--gray-normal);
  }
  .good-deals-grid .arrow-curved-icon {
    margin-left: 0.5rem;
  }
}
.btc-knowledge-grid {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(4, 9.5rem);
  grid-template-areas: "one one" "two three" "four four" "five six";
  grid-gap: 0.5rem;
}
.btc-knowledge-grid .grid-item {
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1rem 0.75rem;
}
.btc-knowledge-grid .grid-item p.title {
  font-size: 0.875rem;
  color: #fff;
}
.btc-knowledge-grid .grid-item p.subtitle {
  font-size: 0.625rem;
  color: #f8f8f8;
}
.btc-knowledge-grid .grid-item p.likes {
  font-size: 0.625rem;
  color: #f8f8f8;
  background-color: rgba(255, 255, 255, 0.33);
  padding: 0.375rem 0.5rem 0.25rem;
  border-radius: 6rem;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: none;
}
.btc-knowledge-grid .grid-item {
  position: relative;
  overflow: hidden;
}
.btc-knowledge-grid .grid-item .linear-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.25) 100%
  );
}
.btc-knowledge-grid .grid-item.one {
  grid-area: one;
}
.btc-knowledge-grid .grid-item.one p.title {
  font-size: 1.125rem;
  padding-right: 33%;
}
.btc-knowledge-grid .grid-item.one p.likes {
  display: block;
}
.btc-knowledge-grid .grid-item.two {
  grid-area: two;
}
.btc-knowledge-grid .grid-item.three {
  grid-area: three;
}
.btc-knowledge-grid .grid-item.four {
  grid-area: four;
}
.btc-knowledge-grid .grid-item.four p.title {
  font-size: 1.125rem;
  padding-right: 33%;
}
.btc-knowledge-grid .grid-item.four p.likes {
  display: block;
}
.btc-knowledge-grid .grid-item.five {
  grid-area: five;
}
.btc-knowledge-grid .grid-item.six {
  grid-area: six;
}
@media (min-width: 768px) {
  .btc-knowledge-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 9.5rem 9.5rem;
    grid-template-areas: "one one five six" "two three four four";
    grid-gap: 1.5rem;
  }
  .btc-knowledge-grid .grid-item {
    transition: all 0.3s ease;
  }
  .btc-knowledge-grid .grid-item:hover {
    cursor: pointer;
  }
  .btc-knowledge-grid .grid-item p.title {
    font-size: 1.25rem;
  }
  .btc-knowledge-grid .grid-item p.subtitle {
    font-size: 0.75rem;
  }
  .btc-knowledge-grid .grid-item.one p.title {
    font-size: 1.5rem;
    padding-right: 4rem;
  }
  .btc-knowledge-grid .grid-item.four p.title {
    font-size: 1.5rem;
    padding-right: 4rem;
  }
}
.crypto-trend-cards-ctn {
  padding: 0 0 1rem 0.5rem;
}
.crypto-trend-cards-ctn img.crypto-logo {
  width: 2.75rem;
  height: 2.75rem;
}
.crypto-trend-card {
  display: flex;
  width: 90%;
  position: relative;
  background-color: var(--bg-front);
  padding: 0.75rem;
  border-radius: 1rem;
  transition: all 0.3s ease;
}
.crypto-trend-cards-ctn .swiper-slide:first-child {
  margin-bottom: 1.25rem !important;
}
@media (min-width: 992px) {
  .crypto-trend-cards-ctn .swiper-slide:first-child {
    margin-bottom: auto !important;
  }
}
p.crypto-change {
  position: absolute;
  color: #111;
  right: 0.75rem;
  top: 1.5rem;
  display: table;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4rem;
}
p.crypto-change.positive {
  background: var(--green-light-home);
}
p.crypto-change.negative {
  background: var(--red-normal-home);
}
.crypto-trend-card p.crypto-short-name {
  margin: 0.5rem 0 0 0;
  font-size: 0.875rem;
  color: var(--gray-normal);
}
.crypto-trend-card p.crypto-rank {
  display: none;
  font-size: 0.75rem;
  color: var(--gray-normal);
}
.crypto-trend-card p.crypto-price {
  font-size: 1.375rem;
  margin: 0.5rem 0;
}
.crypto-trend-card p.crypto-full-name {
  font-size: 0.75rem;
  color: var(--gray-normal);
}
@media (min-width: 768px) {
  .crypto-trend-cards-ctn {
    padding: 1rem 0.25rem;
  }
  .crypto-trend-card {
    padding: 1.5rem;
  }
  .crypto-trend-card .crypto-logo-and-short-name {
    margin-bottom: 1.25rem;
  }
  .crypto-trend-card p.crypto-short-name {
    font-size: 1.25rem;
    margin: 0 0 0 0.5rem;
  }
  p.crypto-change {
    position: relative;
    top: 0;
    right: 0;
  }
  .crypto-trend-card p.crypto-rank {
    display: block;
    margin-right: 1.5rem;
    font-size: 0.75rem;
  }
  .crypto-trend-card p.crypto-price {
    margin: 0.125rem 0 0.125rem 0;
  }
  .crypto-trend-card p.crypto-full-name {
    font-size: 0.875rem;
    max-width: 60%;
  }
}
.page-section.videos {
  margin-bottom: 1rem;
}
.cryptoast-book-banner.blue {
  background-color: #8698d5;
}
.cryptoast-book-banner {
  overflow: hidden;
  position: relative;
  padding: 1.25rem 0;
  border-radius: 0.5rem;
  background-image: url("../icons/cryptoast-book-cover.png");
  background-size: 75%;
  background-repeat: no-repeat;
  background-position-x: 231px;
  background-position-y: -36px;
}
.cryptoast-book-banner .background-orange-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #fb7d5c, #ff815e);
  z-index: -1;
}
.cryptoast-book-banner .background-blue-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #a8acf6, #719fea);
  z-index: -1;
}
.cryptoast-book-banner .banner-title {
  font-size: 1rem;
}
.cryptoast-book-banner .pre-order-button {
  border-radius: 100px;
  padding: 0.375rem 1rem;
  background-color: #fff;
  margin-top: 0.75rem;
  font-size: 1rem;
  color: var(--orange-primary);
  display: flex;
  width: min-content;
  font-weight: 600;
  box-shadow: 0 64px 64px 0 var(--outer-card-shadow),
    0 64px 48px 0 var(--outer-card-shadow),
    0 24px 24px 0 var(--outer-card-shadow),
    0 12px 12px 0 var(--outer-card-shadow);
}
.cryptoast-book-banner .pre-order-button.blue {
  color: var(--blue-gradient-to);
}
.cryptoast-book-banner .pre-order-button.blue svg > path {
  fill: var(--blue-gradient-to);
}
.binance-affiliate-banner-home {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background-size: 100%;
  background-image: url(../icons/binance-cover-mobile.png);
  background-position-x: right;
  background-repeat: no-repeat;
}
.binance-affiliate-banner-home .background-front {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-front);
  z-index: -1;
}
.binance-affiliate-banner-home .right-arrow-ctn {
  width: fit-content;
  display: flex;
  flex-grow: 0;
  align-items: center;
  border-radius: 6rem;
  background: transparent;
  border: 1px solid var(--black-normal);
  padding: 0.4375rem 1.5rem;
  cursor: pointer;
  height: fit-content;
  transition: all 0.3s ease;
}
.binance-affiliate-banner-home .right-arrow-ctn svg path {
  fill: var(--black-normal);
}
.binance-affiliate-banner-home .right-arrow-ctn:hover {
  border: 1px solid transparent;
  background: var(--exchange-color);
}
.binance-affiliate-banner-home .right-arrow-ctn:hover svg path {
  fill: var(--white-normal);
}
.binance-affiliate-banner-home p.title {
  font-size: 1.125rem;
  font-weight: 800;
  max-width: 50%;
  margin-bottom: 0.75rem;
}
.binance-affiliate-banner-home p.description {
  margin: 0.5rem 0 0.875rem;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .cryptoast-book-banner {
    border-radius: 0;
    padding: 2rem 1rem;
    justify-content: center;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: -100;
  }
  .cryptoast-book-banner .banner-title {
    font-size: 1.5rem;
  }
  .cryptoast-book-banner .pre-order-button {
    padding: 0.75rem 1.25rem;
    font-size: 1.125rem;
    margin-top: 1.75rem;
  }
  .cryptoast-book-banner .ship-date {
    margin-top: 0.375rem;
    font-weight: 400;
    font-size: 0.75rem;
    padding-left: 1rem;
  }
  .binance-affiliate-banner-home {
    padding: 1.25rem 2rem;
    border-radius: 0.5rem;
    background-size: cover;
    background-image: url("../icons/binance-cover.png");
    background-position-x: right;
    background-repeat: no-repeat;
  }
  .binance-affiliate-banner-home p.title {
    font-size: 1.5rem;
    line-height: 2;
    max-width: unset;
    margin-bottom: 0;
  }
  .binance-affiliate-banner-home p.description {
    margin: 0.75rem 0 1.25rem;
  }
  .page-section.videos {
    margin-bottom: 2rem;
  }
}
.search-result {
  opacity: 0;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  top: 3rem;
  left: 0;
  position: absolute;
  background: var(--bg-front);
  border: 1px solid var(--black-normal);
  border-radius: 0.5rem;
}
.search-items {
  overflow-y: auto;
}
.search-result.visible {
  opacity: 1;
}
#close-global-modal-search {
  bottom: -2px;
}
.global-search-modal-ctn.desktop {
  position: relative;
  display: none;
}
.global-search-modal-ctn.mobile {
  position: absolute;
  right: 100vw;
  top: 0;
  width: 100vw;
  min-height: 100vh;
  background: var(--bg-back);
  display: flex;
  flex-direction: column;
  transition: right 0.5s ease;
  z-index: 99999;
}
.global-search-modal-ctn.visible {
  right: 0;
}
.global-search-modal-ctn .input-ctn {
  width: 100%;
  background: var(--bg-front);
  padding: 1.125rem 1.5rem;
}
.global-search-modal-ctn .input-ctn input {
  border: none;
  outline: none;
  background: transparent;
  font-size: 1rem;
  color: var(--gray-normal);
  width: 100%;
}
.global-search-modal-ctn .input-ctn svg {
  width: 1.5rem;
  height: 1.5rem;
}
.global-search-modal-ctn .input-ctn svg path {
  fill: var(--black-normal);
}
.global-search-modal-ctn .search-items > .search-result-section {
  margin-top: 0;
}
.global-search-modal-ctn .search-items > .search-result-section .title {
  font-size: 1.125rem;
  font-weight: bold;
}
.global-search-modal-ctn .search-items > .search-result-section .see-more {
  font-size: 0.75rem;
}
.global-search-modal-ctn
  .search-items
  > .search-result-section
  ~ .search-result-section {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .global-search-modal-ctn {
    max-width: 1280px;
    margin: 0 auto;
    position: absolute;
    min-height: unset;
  }
  .global-search-modal-ctn.desktop {
    display: flex;
  }
  .global-search-modal-ctn.mobile {
    display: none;
  }
  .global-search-modal-ctn .global-search-modal {
    background: var(--bg-front);
    transition: all 0.3s ease;
    min-height: unset;
    opacity: 0;
    visibility: hidden;
    top: -22px;
    right: -2px;
    border-radius: 1rem;
    overflow: hidden;
    position: absolute;
    left: unset;
    width: 444px;
    box-shadow: 0 8px 24px rgba(38, 50, 56, 0.1),
      0 16px 32px rgba(38, 50, 56, 0.08);
  }
  .global-search-modal-ctn.visible .global-search-modal {
    opacity: 1;
    visibility: visible;
  }
  .global-search-modal-ctn .input-ctn {
    padding: 0.675rem 1rem;
    background: var(--bg-front);
  }
}
.search-item-price,
.search-item-nft {
  display: flex;
  align-items: center;
  background: transparent;
  padding: 0.5rem;
  transition: all 0.3s ease;
  border-radius: 0.675rem;
}
.search-item-price .rank,
.search-item-nft .rank {
  font-size: 0.75rem;
  margin-right: 0.5rem;
  min-width: 34px;
}
.search-item-price .logo,
.search-item-nft .logo {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
.search-item-price .name,
.search-item-nft .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-weight: 700;
  width: 240px;
  margin-right: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.search-item-price .symbol,
.search-item-nft .symbol {
  text-transform: uppercase;
  color: var(--gray-normal);
  font-size: 0.875rem;
}
.search-item-price:hover,
.search-item-nft:hover {
  background: var(--bg-front);
}
.search-item-price:first-child,
.search-item-nft:first-child {
  margin-top: 0.5rem;
}
.search-item-nft .logo {
  border-radius: 0.375rem;
}
.search-items-guides-and-tutos-ctn .to-fill {
  display: flex;
}
.search-item-tuto-guide {
  display: flex;
  flex-direction: column;
  flex: 0 1 33%;
  margin-top: 0.5rem;
}
.search-item-tuto-guide:not(:last-child) {
  margin-right: 1.25rem;
}
.search-item-tuto-guide .image {
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
  border-radius: 1rem;
  margin-bottom: 0.5rem;
  object-fit: cover;
}
.search-item-tuto-guide .tuto-guide-title {
  font-size: 0.75rem;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.search-items-sheets-ctn .to-fill {
  display: flex;
}
.search-item-sheet {
  display: flex;
  flex-direction: column;
  flex: 0 1 33%;
  margin-top: 0.5rem;
  padding: 0.75rem;
  border-radius: 1rem;
  background: var(--bg-front);
  align-items: center;
  justify-content: center;
}
.search-item-sheet:not(:last-child) {
  margin-right: 1.25rem;
}
.search-item-sheet .logo {
  margin-bottom: 0.875rem;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
.search-item-sheet .sheet-title {
  text-align: center;
  font-size: 0.75rem;
  font-weight: 700;
}
.search-items-articles-ctn .to-fill {
  display: flex;
}
.search-item-article {
  display: flex;
  flex-direction: column;
  flex: 0 1 33%;
  margin-top: 0.5rem;
}
.search-item-article:not(:last-child) {
  margin-right: 1.25rem;
}
.search-item-article .image {
  margin-bottom: 0.5rem;
  border-radius: 0.75rem;
  width: 100%;
  aspect-ratio: 2/1;
  height: auto;
}
.search-item-article .article-title {
  font-size: 0.75rem;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.search-item-price:hover,
.search-item-nft:hover {
  background: var(--bg-back);
}
@media (min-width: 768px) {
  .search-items {
    overflow-y: auto;
    height: auto;
    max-height: 80vh;
  }
  .search-item-sheet {
    background: var(--bg-back);
  }
  .search-item-sheet .logo {
    width: 4rem;
    height: 4rem;
  }
}
.left-arrow-icon {
  min-width: 0.75rem;
  min-height: 0.75rem;
  transform: rotate(90deg);
  position: relative;
  right: 1px;
}
.top-arrow-icon {
  transform: rotate(180deg);
}
.right-arrow-icon {
  min-width: 0.75rem;
  min-height: 0.75rem;
  transform: rotate(270deg);
  position: relative;
  left: 1px;
}
.right-arrow-icon:not(.excluded) path {
  fill: var(--black-normal);
}
.redaction-selection-card {
  display: flex;
  border-radius: 1.25rem;
  background-color: var(--bg-front);
  padding: 1rem;
  flex-direction: column;
}
.redaction-selection-card .title-left-border {
  width: 0.25rem;
  height: auto;
  border-radius: 0.25rem;
}
.redaction-selection-card .title-left-border {
  background-color: var(--bitcoin-color);
}
.redaction-selection-card.ethereum .title-left-border {
  background-color: var(--eth-color);
}
.redaction-selection-card.altcoin .title-left-border {
  background-color: var(--altcoin-color);
}
.redaction-selection-card.blockchain .title-left-border {
  background-color: var(--blockchain-color);
}
.redaction-selection-card.nft .title-left-border {
  background-color: var(--nft-color);
}
.redaction-selection-card.defi .title-left-border {
  background-color: var(--defi-color);
}
.redaction-selection-card.technical-analyse .title-left-border {
  background-color: var(--technical-analyse-color);
}
.redaction-selection-card.on-chain-analyse .title-left-border {
  background-color: var(--on-chain-analyse-color);
}
.redaction-selection-card.gamefi .title-left-border {
  background-color: var(--gamefi-color);
}
.redaction-selection-card.right-and-taxation .title-left-border {
  background-color: var(--right-and-taxation-color);
}
.redaction-selection-card.exchange .title-left-border {
  background-color: var(--exchange-color);
}
.redaction-selection-card:not(:last-child) {
  margin: 0 0 0.5rem 0;
}
.redaction-selection-card .redaction-selection-card-img-ctn {
  border-radius: 0.75rem;
  margin: 0 0 0.5rem 0;
}
.redaction-selection-card img.redaction-selection-card-img {
  border-radius: 0.75rem;
  aspect-ratio: 2/1;
  transition: all 0.3s linear;
  height: auto;
  width: 100%;
}
.redaction-selection-card .redaction-selection-card-texts {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.redaction-selection-card .redaction-selection-card-date-and-category {
  margin-top: auto;
  align-items: flex-start;
}
.redaction-selection-card .redaction-selection-card-author-ctn {
  display: flex;
}
.redaction-selection-card p.redaction-selection-card-date,
.redaction-selection-card p.redaction-selection-card-author {
  color: var(--gray-normal);
  font-size: 0.625rem;
}
.redaction-selection-card p.redaction-selection-card-category {
  border-radius: 6rem;
  padding: 0.0625rem 0.375rem;
  color: var(--white-normal);
  font-size: 0.625rem;
  position: absolute;
  bottom: 0.375rem;
  right: 0.375rem;
}
.redaction-selection-card.bitcoin p.redaction-selection-card-category {
  background-color: var(--bitcoin-color);
}
.redaction-selection-card.ethereum p.redaction-selection-card-category {
  background-color: var(--eth-color);
}
.redaction-selection-card.altcoin p.redaction-selection-card-category {
  background-color: var(--altcoin-color);
}
.redaction-selection-card.blockchain p.redaction-selection-card-category {
  background-color: var(--blockchain-color);
}
.redaction-selection-card.nft p.redaction-selection-card-category {
  background-color: var(--nft-color);
}
.redaction-selection-card.defi p.redaction-selection-card-category {
  background-color: var(--defi-color);
}
.redaction-selection-card.technical-analyse
  p.redaction-selection-card-category {
  background-color: var(--technical-analyse-color);
}
.redaction-selection-card.on-chain-analyse
  p.redaction-selection-card-66.66category {
  background-color: var(--on-chain-analyse-color);
}
.redaction-selection-card.gamefi p.redaction-selection-card-category {
  background-color: var(--gamefi-color);
}
.redaction-selection-card.right-and-taxation
  p.redaction-selection-card-category {
  background-color: var(--right-and-taxation-color);
}
.redaction-selection-card.exchange p.redaction-selection-card-category {
  background-color: var(--exchange-color);
}
.redaction-selection-card .redaction-selection-card-title-ctn {
  margin: 0.5rem 0 0.5rem 0;
}
.redaction-selection-card h4.redaction-selection-card-title {
  color: var(--black-normal);
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0 0 0 0.25rem !important;
}
.redaction-selection-card p.redaction-selection-card-content {
  color: var(--gray-normal);
  font-size: 0.75rem;
  display: block;
}
@media (min-width: 768px) {
  .redaction-selection-card h4.redaction-selection-card-title {
    font-size: 1rem;
  }
  .redaction-selection-card p.redaction-selection-card-date,
  .redaction-selection-card p.redaction-selection-card-author {
    font-size: 0.75rem;
  }
  .redaction-selection-card {
    max-width: 57.66%;
  }
}
.last-news-card {
  transition: all 0.3s linear;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  width: 100%;
  display: flex;
  flex: 1;
  position: relative;
  flex-direction: row;
  padding: 0.75rem;
  border-radius: 1.25rem;
  background-color: var(--bg-front);
}
.last-news-card .title-left-border {
  min-width: 0.25rem;
  height: auto;
  border-radius: 0.25rem;
}
.last-news-card .title-left-border {
  background-color: var(--bitcoin-color);
}
.last-news-card.ethereum .title-left-border {
  background-color: var(--eth-color);
}
.last-news-card.altcoin .title-left-border {
  background-color: var(--altcoin-color);
}
.last-news-card.blockchain .title-left-border {
  background-color: var(--blockchain-color);
}
.last-news-card.nft .title-left-border {
  background-color: var(--nft-color);
}
.last-news-card.defi .title-left-border {
  background-color: var(--defi-color);
}
.last-news-card.technical-analyse .title-left-border {
  background-color: var(--technical-analyse-color);
}
.last-news-card.on-chain-analyse .title-left-border {
  background-color: var(--on-chain-analyse-color);
}
.last-news-card.gamefi .title-left-border {
  background-color: var(--gamefi-color);
}
.last-news-card.right-and-taxation .title-left-border {
  background-color: var(--right-and-taxation-color);
}
.last-news-card.exchange .title-left-border {
  background-color: var(--exchange-color);
}
.last-news-card .last-news-card-img-ctn {
  border-radius: 0.75rem;
  margin: 0 0.5rem 0 0;
  overflow: hidden;
  height: min-content;
}
.last-news-card img.last-news-card-img {
  border-radius: 0.75rem;
  height: 4rem;
  width: auto;
  aspect-ratio: 2/1;
  transition: all 0.3s linear;
}
.last-news-card .last-news-card-texts {
  display: flex;
  flex-direction: column-reverse;
  min-height: 100%;
  flex: 1;
}
.last-news-card .last-news-card-date-and-category {
  align-items: flex-end;
}
.last-news-card .last-news-card-date-and-category img {
  width: 0.625rem;
  height: 0.625rem;
}
.last-news-card .last-news-card-author-ctn {
  display: none;
}
.last-news-card p.last-news-card-date,
.last-news-card p.last-news-card-author {
  color: var(--gray-normal);
  font-size: 0.625rem;
}
.last-news-card p.last-news-card-category {
  border-radius: 6rem;
  padding: 0.125rem 0.375rem 0.0625rem;
  color: var(--white-normal);
  font-size: 0.625rem;
  position: absolute;
  bottom: 0.375rem;
  right: 0.375rem;
  max-width: 116px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.last-news-card p.last-news-card-category {
  background-color: var(--bitcoin-color);
}
.last-news-card.ethereum p.last-news-card-category {
  background-color: var(--eth-color);
}
.last-news-card.altcoin p.last-news-card-category {
  background-color: var(--altcoin-color);
}
.last-news-card.blockchain p.last-news-card-category {
  background-color: var(--blockchain-color);
}
.last-news-card.nft p.last-news-card-category {
  background-color: var(--nft-color);
}
.last-news-card.defi p.last-news-card-category {
  background-color: var(--defi-color);
}
.last-news-card.technical-analyse p.last-news-card-category {
  background-color: var(--technical-analyse-color);
}
.last-news-card.on-chain-analyse p.last-news-card-category {
  background-color: var(--on-chain-analyse-color);
}
.last-news-card.gamefi p.last-news-card-category {
  background-color: var(--gamefi-color);
}
.last-news-card.right-and-taxation p.last-news-card-category {
  background-color: var(--right-and-taxation-color);
}
.last-news-card.exchange p.last-news-card-category {
  background-color: var(--exchange-color);
}
.last-news-card .last-news-card-title-ctn {
  margin: 0 0 auto 0;
  z-index: 1;
}
.last-news-card h4.last-news-card-title {
  color: var(--black-normal);
  font-size: 0.75rem;
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.last-news-card p.last-news-card-content {
  color: var(--gray-normal);
  font-size: 0.75rem;
  display: none;
}
@media (min-width: 768px) {
  .redaction-selection-card:not(:last-child) {
    margin: 0;
  }
  .last-news-card {
    flex-direction: column;
    max-width: 18rem;
  }
  .last-news-card .last-news-card-img-ctn {
    margin: 0 0 0.5rem 0;
  }
  .last-news-card img.last-news-card-img {
    height: auto;
    width: 100%;
  }
  .last-news-card .last-news-card-texts {
    display: flex;
    flex-direction: column;
    min-height: auto;
  }
  .last-news-card p.last-news-card-category {
    font-size: 0.875rem;
    max-width: 254px;
  }
  .last-news-card .last-news-card-date-and-category {
    margin-top: 0;
    align-items: center;
  }
  .last-news-card .last-news-card-author-ctn {
    display: flex;
  }
  .last-news-card p.last-news-card-date,
  .last-news-card p.last-news-card-author {
    font-size: 0.75rem;
  }
  .last-news-card h4.last-news-card-title {
    color: var(--black-normal);
    font-size: 1rem !important;
  }
  .last-news-card div.last-news-card-title-ctn {
    margin: 0.5rem 0 0 0 !important;
    height: 76.78px;
    display: flex;
  }
  .last-news-card:not(:last-child) {
    margin: 0 1.5rem 0 0;
    padding: 0.75rem;
  }
  .last-news-card:not(:last-child) .title-left-border {
    height: auto;
  }
  .article-grid .last-news-card:not(:last-child) {
    margin: 0;
  }
  .related-articles-swiper .last-news-card {
    max-width: 17rem;
  }
}
.last-news-snd {
  background: var(--white-normal);
  border-radius: 1rem;
  margin-top: 1rem;
  overflow: hidden;
}
.last-news-snd-card {
  display: flex;
  flex-direction: row;
  padding: 0.75rem 0.5rem;
}
.last-news-snd-card .title-left-border {
  min-width: 0.25rem;
  height: auto;
  border-radius: 0.25rem;
}
.last-news-snd-card .arrow-curved-icon {
  min-width: 1.25rem;
  min-height: 1.25rem;
}
.last-news-snd-card .title-left-border {
  background-color: var(--bitcoin-color);
}
.last-news-snd-card .arrow-curved-icon path {
  fill: var(--bitcoin-color);
}
.last-news-snd-card.ethereum .title-left-border {
  background-color: var(--eth-color);
}
.last-news-snd-card.ethereum .arrow-curved-icon path {
  fill: var(--eth-color);
}
.last-news-snd-card.altcoin .title-left-border {
  background-color: var(--altcoin-color);
}
.last-news-snd-card.altcoin .arrow-curved-icon path {
  fill: var(--altcoin-color);
}
.last-news-snd-card.blockchain .title-left-border {
  background-color: var(--blockchain-color);
}
.last-news-snd-card.blockchain .arrow-curved-icon path {
  fill: var(--blockchain-color);
}
.last-news-snd-card.nft .title-left-border {
  background-color: var(--nft-color);
}
.last-news-snd-card.nft .arrow-curved-icon path {
  fill: var(--nft-color);
}
.last-news-snd-card.defi .title-left-border {
  background-color: var(--defi-color);
}
.last-news-snd-card.defi .arrow-curved-icon path {
  fill: var(--defi-color);
}
.last-news-snd-card.technical-analyse .title-left-border {
  background-color: var(--technical-analyse-color);
}
.last-news-snd-card.technical-analyse .arrow-curved-icon path {
  fill: var(--technical-analyse-color);
}
.last-news-snd-card.on-chain-analyse .title-left-border {
  background-color: var(--on-chain-analyse-color);
}
.last-news-snd-card.on-chain-analyse .arrow-curved-icon path {
  fill: var(--on-chain-analyse-color);
}
.last-news-snd-card.gamefi .title-left-border {
  background-color: var(--gamefi-color);
}
.last-news-snd-card.gamefi .arrow-curved-icon path {
  fill: var(--gamefi-color);
}
.last-news-snd-card.right-and-taxation .title-left-border {
  background-color: var(--right-and-taxation-color);
}
.last-news-snd-card.right-and-taxation .arrow-curved-icon path {
  fill: var(--right-and-taxation-color);
}
.last-news-snd-card.exchange .title-left-border {
  background-color: var(--exchange-color);
}
.last-news-snd-card.exchange .arrow-curved-icon path {
  fill: var(--exchange-color);
}
.last-news-snd-card > img.last-news-snd-card-img {
  border-radius: 0.75rem;
  height: 4rem;
  width: auto;
  aspect-ratio: 2/1;
  margin: 0 0.5rem 0 0;
  transition: all 0.3s linear;
}
.last-news-snd-card .last-news-snd-card-texts {
  display: flex;
  flex-direction: column-reverse;
  min-height: 100%;
  flex: 1;
}
.last-news-snd-card .last-news-snd-card-texts .title-left-border {
  height: 100%;
}
.last-news-snd-card p.last-news-snd-card-date {
  color: var(--gray-normal);
  font-size: 0.75rem;
  white-space: nowrap;
}
.last-news-snd-card {
  display: flex;
  background: var(--bg-front);
}
.last-news-snd-card:not(:last-child) {
  border-bottom: 1px solid var(--gray-light);
}
.last-news-snd-card .last-news-snd-card-title-ctn {
  margin: 0 0 auto 0;
}
.last-news-snd-card .last-news-snd-card-title-ctn .last-news-snd-card-image {
  display: none;
  border-radius: 0.75rem;
  height: 5rem;
  width: auto;
  aspect-ratio: 2/1;
  margin-right: 0.375rem;
}
.last-news-snd-card p.last-news-snd-card-category {
  display: none;
  background-color: var(--bitcoin-color);
  border-radius: 6rem;
  padding: 0.125rem 0.375rem 0.0625rem;
  color: var(--white-normal);
  font-size: 0.75rem;
  position: absolute;
  bottom: 0.375rem;
  right: 0.75rem;
  max-width: 116px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.last-news-snd-card.ethereum p.last-news-snd-card-category {
  background-color: var(--eth-color);
}
.last-news-snd-card.altcoin p.last-news-snd-card-category {
  background-color: var(--altcoin-color);
}
.last-news-snd-card.blockchain p.last-news-snd-card-category {
  background-color: var(--blockchain-color);
}
.last-news-snd-card.nft p.last-news-snd-card-category {
  background-color: var(--nft-color);
}
.last-news-snd-card.defi p.last-news-snd-card-category {
  background-color: var(--defi-color);
}
.last-news-snd-card.technical-analyse p.last-news-snd-card-category {
  background-color: var(--technical-analyse-color);
}
.last-news-snd-card.on-chain-analyse p.last-news-snd-card-category {
  background-color: var(--on-chain-analyse-color);
}
.last-news-snd-card.gamefi p.last-news-snd-card-category {
  background-color: var(--gamefi-color);
}
.last-news-snd-card.right-and-taxation p.last-news-snd-card-category {
  background-color: var(--right-and-taxation-color);
}
.last-news-snd-card.exchange p.last-news-snd-card-category {
  background-color: var(--exchange-color);
}
.last-news-snd-card .last-news-snd-card-texts-ctn img,
.last-news-snd-card .last-news-snd-card-texts-ctn svg {
  width: 10px;
  height: 10px;
}
.last-news-snd-card h4.last-news-snd-card-title {
  color: var(--black-normal);
  font-size: 0.75rem;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.last-news-snd-card p.last-news-snd-card-content {
  color: var(--gray-normal);
  font-size: 0.75rem;
  display: none;
}
.good-deals-card {
  display: flex;
  flex-direction: row;
  padding: 0.75rem 0.5rem;
  border-radius: 1.25rem;
}
.good-deals-card .title-left-border {
  width: 0.25rem;
  height: 100%;
  border-radius: 0.25rem;
}
.good-deals-card .arrow-curved-icon {
  min-width: 1.25rem;
  min-height: 1.25rem;
  margin-left: 0.5rem;
}
.good-deals-card .title-left-border {
  background-color: var(--bitcoin-color);
}
.good-deals-card .arrow-curved-icon path {
  fill: var(--bitcoin-color);
}
.good-deals-card.ethereum .title-left-border {
  background-color: var(--eth-color);
}
.good-deals-card.ethereum .arrow-curved-icon path {
  fill: var(--eth-color);
}
.good-deals-card.altcoin .title-left-border {
  background-color: var(--altcoin-color);
}
.good-deals-card.altcoin .arrow-curved-icon path {
  fill: var(--altcoin-color);
}
.good-deals-card.blockchain .title-left-border {
  background-color: var(--blockchain-color);
}
.good-deals-card.blockchain .arrow-curved-icon path {
  fill: var(--blockchain-color);
}
.good-deals-card.nft .title-left-border {
  background-color: var(--nft-color);
}
.good-deals-card.nft .arrow-curved-icon path {
  fill: var(--nft-color);
}
.good-deals-card.defi .title-left-border {
  background-color: var(--defi-color);
}
.good-deals-card.defi .arrow-curved-icon path {
  fill: var(--defi-color);
}
.good-deals-card.technical-analyse .title-left-border {
  background-color: var(--technical-analyse-color);
}
.good-deals-card.technical-analyse .arrow-curved-icon path {
  fill: var(--technical-analyse-color);
}
.good-deals-card.on-chain-analyse .title-left-border {
  background-color: var(--on-chain-analyse-color);
}
.good-deals-card.on-chain-analyse .arrow-curved-icon path {
  fill: var(--on-chain-analyse-color);
}
.good-deals-card.gamefi .title-left-border {
  background-color: var(--gamefi-color);
}
.good-deals-card.gamefi .arrow-curved-icon path {
  fill: var(--gamefi-color);
}
.good-deals-card.right-and-taxation .title-left-border {
  background-color: var(--right-and-taxation-color);
}
.good-deals-card.right-and-taxation .arrow-curved-icon path {
  fill: var(--right-and-taxation-color);
}
.good-deals-card.exchange .title-left-border {
  background-color: var(--exchange-color);
}
.good-deals-card.exchange .arrow-curved-icon path {
  fill: var(--exchange-color);
}
.good-deals-card .good-deals-card-img-ctn {
  margin: 0 0.5rem 0 0;
  transition: all 0.3s linear;
  height: min-content;
}
.good-deals-card img.good-deals-card-img {
  border-radius: 0.75rem;
  height: 4rem;
  width: auto;
  aspect-ratio: 2/1;
}
.good-deals-card .good-deals-card-texts {
  display: flex;
  flex-direction: column-reverse;
  min-height: 100%;
  flex: 1;
}
.good-deals-card .good-deals-card-date-and-category {
  align-items: flex-end;
}
.good-deals-card .good-deals-card-author-ctn {
  display: none;
}
.good-deals-card p.good-deals-card-date,
.good-deals-card p.good-deals-card-author {
  color: var(--gray-normal);
  font-size: 0.625rem;
}
.good-deals-card p.good-deals-card-category {
  border-radius: 6rem;
  padding: 0.125rem 0.375rem 0.0625rem;
  color: var(--white-normal);
  font-size: 0.625rem;
  height: fit-content;
  position: absolute;
  bottom: 0.375rem;
  right: 0.375rem;
}
.good-deals-card.bitcoin p.good-deals-card-category {
  background-color: var(--bitcoin-color);
}
.good-deals-card.ethereum p.good-deals-card-category {
  background-color: var(--eth-color);
}
.good-deals-card.altcoin p.good-deals-card-category {
  background-color: var(--altcoin-color);
}
.good-deals-card.blockchain p.good-deals-card-category {
  background-color: var(--blockchain-color);
}
.good-deals-card.nft p.good-deals-card-category {
  background-color: var(--nft-color);
}
.good-deals-card.defi p.good-deals-card-category {
  background-color: var(--defi-color);
}
.good-deals-card.technical-analyse p.good-deals-card-category {
  background-color: var(--technical-analyse-color);
}
.good-deals-card.on-chain-analyse p.good-deals-card-category {
  background-color: var(--on-chain-analyse-color);
}
.good-deals-card.gamefi p.good-deals-card-category {
  background-color: var(--gamefi-color);
}
.good-deals-card.right-and-taxation p.good-deals-card-category {
  background-color: var(--right-and-taxation-color);
}
.good-deals-card.exchange p.good-deals-card-category {
  background-color: var(--exchange-color);
}
.good-deals-card .good-deals-card-title-ctn {
  margin: 0 0 auto 0;
}
.good-deals-card h4.good-deals-card-title {
  color: var(--black-normal);
  font-size: 0.75rem;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.good-deals-card p.good-deals-card-content {
  color: var(--gray-normal);
  font-size: 0.75rem;
  display: none;
}
@media (min-width: 768px) {
  .last-news-snd-card h4.last-news-snd-card-title {
    font-size: 1rem;
  }
  .last-news-snd {
    max-width: 33.33%;
    display: flex;
    flex-direction: column;
    margin-top: 0;
    margin-left: 1rem;
    background: transparent;
    justify-content: space-between;
  }
  .last-news-snd-card .last-news-snd-card-texts .title-left-border {
    height: auto;
  }
  .last-news-snd-card {
    border-radius: 1.25rem;
  }
  .last-news-snd-card:not(:last-child) {
    border-bottom: none;
    margin-bottom: 0.75rem;
  }
  .last-news-snd-card .last-news-snd-card-title-ctn {
    margin: 0 0 auto 0;
  }
  .last-news-snd-card .last-news-snd-card-title-ctn .last-news-snd-card-image {
    display: block;
  }
  .last-news-snd-card p.last-news-snd-card-category {
    display: block;
  }
  .last-news-snd-card .last-news-snd-card-texts-ctn {
    min-height: 100%;
    padding: 0.25rem 0;
  }
  .good-deals-card:not(:last-child) {
    padding: 0.75rem 0.5rem;
  }
  .good-deals-card {
    flex-direction: column;
    max-width: 18rem;
  }
  .good-deals-card .good-deals-card-img-ctn {
    margin: 0 0 0.5rem 0;
  }
  .good-deals-card img.good-deals-card-img {
    height: auto;
    width: 100%;
  }
  .good-deals-card .good-deals-card-texts {
    display: flex;
    flex-direction: column;
    min-height: auto;
  }
  .good-deals-card .good-deals-card-date-and-category {
    margin-top: auto;
    align-items: flex-start;
  }
  .good-deals-card .good-deals-card-author-ctn {
    display: flex;
  }
  .good-deals-card p.good-deals-card-date,
  .good-deals-card p.good-deals-card-author {
    font-size: 0.75rem;
  }
  .good-deals-card h4.good-deals-card-title {
    color: var(--black-normal);
    font-size: 0.875rem !important;
  }
  .good-deals-card div.good-deals-card-title-ctn {
    margin: 0.5rem 0 0 0 !important;
  }
  .good-deals-card p.good-deals-card-category {
    font-size: 0.875rem;
  }
}
.swiper .guide-or-tutorial-card {
  max-width: 10rem;
  display: block;
}
@media (min-width: 768px) {
  .swiper .guide-or-tutorial-card {
    max-width: 18rem;
    display: block;
  }
}
.guide-or-tutorial-card .guide-or-tutorial-bg {
  aspect-ratio: 2/1;
  width: 100%;
  height: auto;
  border-radius: 1rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  object-fit: cover;
}
.home .guide-or-tutorial-card {
  width: 80%;
  display: block;
}
.formation-grid .guide-or-tutorial-card .guide-or-tutorial-bg {
  width: 100%;
}
.guide-or-tutorial-card header.guide-or-tutorial-card-header {
  margin-bottom: 0.5rem;
}
.guide-or-tutorial-card header.guide-or-tutorial-card-header p.difficulty {
  font-size: 0.625rem;
  border-radius: 0.25rem;
  padding: 0.25rem 0.25rem 0.125rem;
  color: var(--black-normal);
}
.guide-or-tutorial-card.easy header.guide-or-tutorial-card-header p.difficulty {
  background: var(--guide-or-turorial-easy-bg);
  color: #111;
}
.guide-or-tutorial-card.medium
  header.guide-or-tutorial-card-header
  p.difficulty {
  background: var(--guide-or-turorial-medium-bg);
  color: #111;
}
.guide-or-tutorial-card.hard header.guide-or-tutorial-card-header p.difficulty {
  background: var(--guide-or-turorial-hard-bg);
  color: #111;
}
.guide-or-tutorial-card header.guide-or-tutorial-card-header div.time-ctn {
  font-size: 0.625rem;
}
.guide-or-tutorial-card header.guide-or-tutorial-card-header div.time-ctn svg,
.guide-or-tutorial-card header.guide-or-tutorial-card-header div.time-ctn img {
  width: 12px;
  height: 12px;
}
.guide-or-tutorial-card h4.guide-or-tutorial-card-title {
  font-size: 0.75rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.formation-grid .guide-or-tutorial-card h4.guide-or-tutorial-card-title {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .guide-or-tutorial-card header.guide-or-tutorial-card-header p.difficulty {
    font-size: 0.75rem;
  }
  .guide-or-tutorial-card h4.guide-or-tutorial-card-title {
    font-size: 1rem;
  }
  .formation-grid .guide-or-tutorial-card h4.guide-or-tutorial-card-title {
    font-size: 1rem;
  }
  .guide-or-tutorial-card header.guide-or-tutorial-card-header div.time-ctn {
    font-size: 0.75rem;
  }
}
.video-card-ctn {
  position: relative;
  display: block;
}
.video-card-img {
  border-radius: 1.25rem;
  width: 90%;
  height: auto;
  transition: all 0.3s ease;
  aspect-ratio: 2/1;
}
.video-card-ctn:not(:last-child) {
  margin: 0 0.5rem 0 0;
}
@media (min-width: 768px) {
  .video-card-ctn:not(:last-child) {
    margin: 0 1rem 0 0;
  }
}
.menu-burger {
  padding: 1rem 1.5rem;
  position: absolute;
  right: 100vw;
  top: 0;
  width: 100vw;
  min-height: 100vh;
  background: var(--bg-back);
  display: flex;
  flex-direction: column;
  transition: right 0.5s ease;
  z-index: 99999;
}
.menu-burger.opened {
  right: 0;
}
.menu-burger-date {
  padding: 0.75rem 0;
  background: var(--bg-front);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.menu-burger-date p.date {
  font-size: 0.75rem;
}
.menu-burger-button {
  margin-top: 1rem;
  padding: 1.125rem;
  background: var(--bg-front);
  border-radius: 0.875rem;
}
.menu-burger-button:first-child {
  margin-top: 0;
}
.menu-burger-button .menu-burger-button-icon {
  width: 2rem;
  height: 2rem;
  margin-right: 1.5rem;
}
.menu-burger-button .dark-mode-icon-menu-burger {
  min-width: 2.25rem;
  min-height: 2.25rem;
  margin-right: 1.25rem;
}
.menu-burger-button svg.right-arrow-icon {
  width: 1.25rem;
  margin-left: auto;
}
.menu-burger-button svg.right-arrow-icon path {
  fill: var(--gray-normal);
}
.menu-burger-button p.title {
  font-size: 1rem;
}
.menu-burger-button p.subtitle {
  font-size: 0.75rem;
}
.menu-burger-button .right-arrow-icon {
  height: 1.875rem;
  width: 1.125rem;
}
.menu-burger-downloads {
  margin-top: 0.5rem;
}
.menu-burger-downloads .menu-burger-badge {
  width: 9rem;
  height: auto;
}
.menu-burger-downloads .google-play-badge {
  width: 10.875rem;
  height: auto;
  position: relative;
  right: -0.75rem;
}
@media (min-width: 768px) {
  .menu-burger {
    display: none;
  }
}
footer.page-footer {
  width: 100%;
  background: var(--footer-bg);
  display: flex;
  align-items: center;
  margin-top: 4rem;
}
footer.page-footer .footer-ctn {
  flex-direction: column;
  margin: 0 auto;
  max-width: calc(1280px - 2rem);
  padding: 2rem 2rem;
}
@media (min-width: 768px) {
  footer.page-footer {
    display: block;
    margin-top: 8rem;
  }
  footer.page-footer .footer-ctn {
    padding: 0 2rem;
  }
}
footer.page-footer .footer-ctn p.footer-title {
  font-size: 1.5rem;
}
footer.page-footer .footer-ctn .footer-section {
  margin-bottom: 1.75rem;
  flex: 1;
}
@media (min-width: 768px) {
  footer.page-footer .footer-ctn .footer-section {
    margin-bottom: 0;
  }
}
footer.page-footer .footer-ctn .footer-section a {
  font-size: 0.875rem;
}
footer.page-footer .footer-ctn .footer-social-links {
  flex-direction: column;
}
.footer-social-links-logo-ctn {
  background: var(--black-normal);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem;
  transition: all 0.3s ease;
}
.footer-social-links-logo-ctn svg {
  width: 1rem;
  height: 1rem;
}
.footer-social-links-logo-ctn svg path {
  fill: var(--white-normal);
}
a.spotify-svg {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
a.spotify-svg svg {
  margin-right: 0.5rem;
  width: 2.25rem;
  height: 2.25rem;
}
a.spotify-svg svg path {
  fill: var(--black-normal);
}
.footer-social-links-logo-ctn:not(:last-child) {
  margin-right: 0.5rem;
}
footer.page-footer .footer-ctn p.footer-section-title {
  font-size: 1.125rem;
  font-weight: bold;
}
footer.page-footer .footer-ctn .footer-about ol:first-child {
  margin: 0 2rem 0 0;
}
footer.page-footer .footer-ctn .footer-legal li:first-child {
  margin: 0 2rem 0 0;
}
footer.page-footer .footer-ctn .footer-about li:not(:last-child) {
  margin: 0 0 0.5rem;
  color: var(--black-normal);
}
footer.page-footer .footer-ctn li a {
  color: var(--black-normal);
}
footer.page-footer .footer-ctn p.footer-copyright {
  margin: 0.75rem auto 0;
  font-size: 0.875rem;
}
footer.page-footer .footer-ctn .footer-badge {
  width: 9rem;
  height: auto;
}
footer.page-footer .footer-ctn .footer-badge.google-play-badge {
  width: 10.44rem;
  height: auto;
}
@media (min-width: 768px) {
  footer.page-footer {
    padding: 4rem 1rem;
  }
  footer.page-footer .footer-ctn .footer-about ol:first-child {
    margin: 0;
  }
  footer.page-footer .footer-ctn .footer-legal li:first-child {
    margin: 0 0 0 0;
  }
  footer.page-footer .footer-ctn p.footer-copyright {
    margin: 0.75rem auto 0;
  }
  footer.page-footer .footer-ctn .footer-identity {
    order: 1;
    margin-right: 1rem;
    position: relative;
    right: 2rem;
  }
  footer.page-footer .footer-ctn .footer-about {
    order: 2;
    margin-right: 1rem;
  }
  footer.page-footer .footer-ctn .footer-legal {
    order: 3;
    margin-right: 1rem;
  }
  footer.page-footer .footer-ctn .footer-social-links {
    order: 4;
  }
}
p,
span,
a,
h1,
h2,
h4,
h5,
h6 {
  transition: color 0.3s ease;
}
div {
  transition: background, background-color 0.3s ease;
}
svg {
  transition: all 0.3s ease;
}
svg.arrow-down-icon path,
svg.search-icon path,
svg.dark-mode-icon path,
svg.bitcoin-icon path,
svg#close-menu-burger-icon path,
svg.plus-icon path {
  fill: var(--black-normal);
}
svg#open-menu-burger-icon line {
  stroke: var(--black-normal);
}
div.main-content section a.see-all {
  display: none;
}
.see-all-mobile-btn-ctn {
  margin: 0.5rem 0 1rem 0;
}
.see-all-mobile-btn {
  font-size: 0.75rem;
  color: var(--black-normal);
}
.gray-border {
  background: var(--gray-normal);
  opacity: 0.25;
  height: 1px;
  width: 75%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  div.main-content section a.see-all {
    display: flex;
    padding: 0.375rem 0.75rem;
    background: transparent;
    border-radius: 3rem;
    font-size: 0.875rem;
    margin-left: 1.5rem;
    color: var(--black-normal);
  }
  div.main-content section a.see-all > img {
    margin-left: 0.5rem;
  }
  div.main-content section a.see-all.orange {
    border: 2px solid var(--orange-gradient-to);
  }
  div.main-content section a.see-all.pink {
    border: 2px solid var(--formation-gradient-to);
  }
  div.main-content section a.see-all.purple {
    border: 2px solid var(--purple-gradient-to);
  }
  div.main-content section a.see-all.green {
    border: 2px solid var(--green-gradient-to);
  }
  div.main-content section a.see-all.blue {
    border: 2px solid var(--blue-gradient-to);
  }
}
section.newsletter-banner {
  background: linear-gradient(
    to right,
    var(--orange-gradient-from),
    var(--orange-gradient-to)
  );
  width: 100%;
}
section.newsletter-banner .newsletter-banner-ctn {
  padding: 2rem 1rem;
  max-width: calc(1280px - 2rem);
  margin: 0 auto;
}
section.newsletter-banner .newsletter-banner-title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  z-index: 2;
}
section.newsletter-banner .newsletter-banner-subtitle {
  color: #fff;
  font-size: 0.75rem;
  z-index: 2;
}
section.newsletter-banner img.newsletter-banner-img {
  position: absolute;
  width: 14rem;
  height: 14rem;
  right: -3rem;
  bottom: -2rem;
  z-index: 1;
}
section.newsletter-banner form {
  z-index: 2;
}
section.newsletter-banner form input[type="email"] {
  border-radius: 0.5rem 0 0 0.5rem;
  padding: 0.5rem 0 0.5rem 1.25rem;
  width: 11rem;
  color: var(--gray-normal);
  border: none;
  outline: none;
  font-size: 1rem;
}
section.newsletter-banner form button {
  background-color: rgba(255, 255, 255, 0.25);
  padding: 0.61rem;
  border-radius: 0 0.5rem 0.5rem 0;
  border: none;
  margin: 0;
  color: #fff;
  position: relative;
  right: 4px;
  bottom: 1px;
  font-size: 0.75rem;
  font-weight: 600;
}
section.newsletter-banner input[type="checkbox"] {
  width: 0.875rem;
  height: 0.875rem;
  vertical-align: middle;
  cursor: pointer;
  float: left;
  margin-right: 0.5rem;
}
section.newsletter-banner .checkbox-and-label {
  margin: 0.75rem 0 -0.25rem 0;
}
section.newsletter-banner form label {
  color: #fff;
  font-size: 0.625rem;
  position: relative;
  display: block;
  appearance: attachment;
  -webkit-appearance: attachment;
}
@media (min-width: 768px) {
  section.newsletter-banner .newsletter-banner-title {
    font-size: 3rem;
  }
  section.newsletter-banner .newsletter-banner-subtitle {
    font-size: 1.125rem;
  }
  section.newsletter-banner img.newsletter-banner-img {
    width: 27rem;
    height: 27rem;
    right: 0;
    bottom: -5rem;
  }
  section.newsletter-banner form input[type="email"] {
    border-radius: 1rem 0 0 1rem;
    font-size: 1rem;
    padding: 0.5rem 0 0.5rem 4rem;
    width: 19rem;
  }
  section.newsletter-banner form button {
    background-color: var(--bitcoin-color);
    border-radius: 0 1rem 1rem 0;
    padding: 0.61rem 1.25rem;
    border: none;
    margin: 0;
    color: #fff;
    position: relative;
    right: 4px;
    bottom: 0;
    font-size: 0.875rem;
    font-weight: 600;
  }
  section.newsletter-banner input[type="checkbox"] {
    float: left;
  }
  section.newsletter-banner form label {
    font-size: 0.875rem;
  }
}
.page-news .chips-ctn {
  background: var(--header-border);
}
p.introduction-paragraph {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}
.clamped-btn {
  color: var(--orange-primary-2);
  text-decoration: underline;
  font-size: 0.875rem;
  cursor: pointer;
}
.clamped {
  display: block;
  max-height: 52px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .clamped {
    max-height: 300px;
  }
}
h2.our-article {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}
div.article-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem 0;
}
.news-section-second-title-ctn {
  padding: 1rem;
}
.cryptos-section-second-title {
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  div.article-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem 1rem;
  }
}
@media (min-width: 768px) {
  p.introduction-paragraph {
    font-size: 1.125rem;
    max-width: unset;
    text-align: justify;
    max-height: unset;
  }
  h2.our-article {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
  div.article-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .cryptos-section-second-title {
    font-size: 2rem;
  }
  .news-section-second-title-ctn {
    padding: 2rem 1rem 0.75rem;
  }
}
section.formation-banner {
  background: linear-gradient(
    to right,
    var(--formation-gradient-from),
    var(--formation-gradient-to)
  );
  width: 100%;
}
section.formation-banner .formation-banner-ctn {
  padding: 2rem 1rem;
  max-width: calc(1280px - 2rem);
  margin: 0 auto;
}
section.formation-banner .formation-banner-title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  z-index: 2;
}
section.formation-banner .formation-banner-subtitle {
  color: #fff;
  font-size: 0.75rem;
  z-index: 2;
}
section.formation-banner img.formation-banner-img {
  position: absolute;
  width: 9rem;
  height: 9rem;
  right: -1.5rem;
  bottom: -2rem;
  z-index: 1;
}
@media (min-width: 768px) {
  section.formation-banner .formation-banner-title {
    font-size: 3rem;
  }
  section.formation-banner img.formation-banner-img {
    width: 15rem;
    height: 15rem;
    right: 0;
    bottom: -4rem;
  }
}
.formation-section-first-title {
  color: var(--formation-gradient-to);
  margin: 0 0 1rem 0;
  font-size: 1.25rem;
}
.formation-section-second-title-ctn {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
.formation-section-second-title {
  color: var(--formation-gradient-to);
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .formation-section-first-title {
    margin: 1.5rem 0;
    font-size: 2rem;
  }
  .formation-section-second-title {
    font-size: 2rem;
  }
}
.how-to-buy-btc-banner {
  background-size: cover;
  background-position: right;
  border-radius: 1.25rem;
  background-color: var(--bg-front);
  padding: 1.5rem;
  overflow: hidden;
  background-image: url("../../v3/icons/pink-shape-mobile.png");
}
@media (min-width: 768px) {
  .how-to-buy-btc-banner {
    background-image: url("../../v3/icons/pink-shape.png");
  }
}
.how-to-buy-btc-banner .how-to-buy-btc-banner-left-ctn {
  z-index: 3;
}
.how-to-buy-btc-banner .title {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--black-normal);
}
.how-to-buy-btc-banner .subtitle {
  font-size: 0.75rem;
  margin-bottom: 1rem;
  color: var(--black-normal);
}
.how-to-buy-btc-banner a.read-more {
  background: linear-gradient(to right, #f2aa81, #ef8889);
  border-radius: 0.625rem;
  padding: 0.5rem 1.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--white-normal);
  transition: all 0.3s linear;
  display: table;
}
@media (min-width: 768px) {
  .how-to-buy-btc-banner .title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  .how-to-buy-btc-banner .subtitle {
    font-size: 1.125rem;
    text-align: justify;
    margin-bottom: 2.5rem;
    max-width: 64%;
  }
  .how-to-buy-btc-banner a.read-more {
    font-size: 1.125rem;
    padding: 0.625rem 1.5rem;
  }
  .how-to-buy-btc-banner a.read-more {
    font-size: 1.125rem;
    padding: 0.625rem 1.5rem;
  }
}
.how-to-buy-btc-banner a.read-more > span {
  margin-right: 1rem;
}
.how-to-buy-btc-banner a.read-more svg.right-arrow-icon {
  width: 0.875rem;
}
.how-to-buy-btc-banner a.read-more svg.right-arrow-icon path {
  fill: var(--white-normal);
}
.how-to-buy-btc-banner img.formation-htbb-logo {
  width: 7rem;
  height: 7.7rem;
  position: relative;
  top: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .how-to-buy-btc-banner img.formation-htbb-logo {
    width: 10rem;
    height: 11.1rem;
    top: 0;
    right: 10rem;
    z-index: 2;
  }
}
.how-to-buy-btc-banner img.formation-pink-shape {
  width: 24rem;
  height: 23rem;
  position: absolute;
  top: -1rem;
  right: -2rem;
  z-index: 1;
}
.level-choice-txt {
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}
div.formation-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.5rem 1rem;
}
.filter-selector-ctn {
  display: flex;
  flex-direction: column;
  margin-top: 0.625rem;
  max-width: 25rem;
  width: 100%;
  justify-content: space-between;
}
.filter-selector-inner {
  padding: 0.5rem 1rem 0.5rem 1rem;
  background: var(--bg-front);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  max-width: 11rem;
  border-radius: 0.625rem;
  position: relative;
  cursor: pointer;
}
.filter-selector-inner > p {
  color: var(--black-normal);
  font-size: 0.875rem;
  font-weight: bold;
  margin-right: 1rem;
}
.filter-selector-inner > svg {
  min-width: 11px;
  min-height: 7px;
}
.filter-selector-inner > svg path {
  fill: var(--black-normal);
}
.filter-selector:first-child {
  margin: 0 0 1rem 0;
}
.difficulty-popover,
.category-popover {
  z-index: 2;
  position: absolute;
  top: 3rem;
  right: 0.375rem;
  border-radius: 1rem;
  background: var(--bg-front);
  padding: 1rem;
  display: flex;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-direction: column;
  opacity: 1;
  visibility: visible;
}
.difficulty-popover {
  max-height: 15rem;
  visibility: visible;
}
.category-popover {
  max-height: 37rem;
  width: calc(100vw - 2rem);
  padding: 0.25rem 1rem;
  visibility: visible;
}
.difficulty-popover.hidden,
.category-popover.hidden {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
.difficulty-popover .checkbox {
  padding: 0.25rem 0.5rem;
}
.difficulty-popover .checkbox p {
  font-size: 1.125rem;
  margin-right: 0.5rem;
}
#difficulty-easy .checkbox {
  border-radius: 0.375rem;
  align-items: center;
  display: flex;
  border: 1px solid var(--guide-or-turorial-easy-light);
}
#difficulty-easy .checkbox div.round {
  border-radius: 50%;
  width: 0.375rem;
  height: 0.375rem;
  margin-right: 0.365rem;
  background: var(--guide-or-turorial-easy-color);
}
#difficulty-easy .checkbox svg.plus {
  display: block;
}
#difficulty-easy .checkbox svg.checked {
  display: none;
}
#difficulty-easy .checkbox.active {
  background: var(--guide-or-turorial-easy-light);
}
#difficulty-easy .checkbox.active p {
  color: #111;
}
#difficulty-easy .checkbox.active svg.plus {
  display: none;
}
#difficulty-easy .checkbox.active svg.plus path {
  fill: #111;
}
#difficulty-easy .checkbox.active svg.checked {
  display: block;
}
#difficulty-easy .checkbox.active svg.checked path {
  fill: #111;
}
#difficulty-medium .checkbox {
  border-radius: 0.375rem;
  align-items: center;
  display: flex;
  border: 1px solid var(--guide-or-turorial-medium-light);
}
#difficulty-medium .checkbox div.round {
  border-radius: 50%;
  width: 0.375rem;
  height: 0.375rem;
  margin-right: 0.365rem;
  background: var(--guide-or-turorial-medium-dark);
}
#difficulty-medium .checkbox svg.plus {
  display: block;
}
#difficulty-medium .checkbox svg.checked {
  display: none;
}
#difficulty-medium .checkbox.active {
  background: var(--guide-or-turorial-medium-light);
}
#difficulty-medium .checkbox.active p {
  color: #111;
}
#difficulty-medium .checkbox.active svg.plus {
  display: none;
}
#difficulty-medium .checkbox.active svg.plus path {
  fill: #111;
}
#difficulty-medium .checkbox.active svg.checked {
  display: block;
}
#difficulty-medium .checkbox.active svg.checked path {
  fill: #111;
}
#difficulty-hard .checkbox {
  border-radius: 0.375rem;
  align-items: center;
  display: flex;
  border: 1px solid var(--guide-or-turorial-hard-light);
}
#difficulty-hard .checkbox div.round {
  border-radius: 50%;
  width: 0.375rem;
  height: 0.375rem;
  margin-right: 0.365rem;
  background: var(--red-normal);
}
#difficulty-hard .checkbox svg.plus {
  display: block;
}
#difficulty-hard .checkbox svg.checked {
  display: none;
}
#difficulty-hard .checkbox.active {
  background: var(--guide-or-turorial-hard-light);
}
#difficulty-hard .checkbox.active p {
  color: #111;
}
#difficulty-hard .checkbox.active svg.plus {
  display: none;
}
#difficulty-hard .checkbox.active svg.plus path {
  fill: #111;
}
#difficulty-hard .checkbox.active svg.checked {
  display: block;
}
#difficulty-hard .checkbox.active svg.checked path {
  fill: #111;
}
.difficulty-popover .option {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.difficulty-popover .option:not(:last-child) {
  margin-bottom: 1rem;
}
.difficulty-popover p,
.category-popover p {
  color: var(--black-normal);
  font-size: 1rem;
}
.difficulty-popover > p {
  margin-bottom: 1.25rem;
  white-space: nowrap;
}
.category-choices {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
}
.category-choice {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0.75rem 0.75rem;
  width: fit-content;
}
.category-choice h4 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-left: 0.375rem;
  color: var(--gray-light);
  transition: color 0.3s ease;
}
.category-choice:hover h4 {
  color: var(--black-normal);
}
.category-choice svg {
  width: 1.25rem;
  height: 1.25rem;
}
.category-choice svg path,
.category-choice circle {
  fill: var(--gray-light);
  transition: fill 0.3s ease;
}
.category-choice:hover svg path,
.category-choice:hover circle,
.category-choice.all.active svg path,
.category-choice.other.active svg path {
  fill: var(--black-normal);
}
.category-choice.all.active h4,
.category-choice.other.active h4 {
  color: var(--black-normal);
}
.category-choice.bitcoin.active h4,
.category-choice.bitcoin:hover h4 {
  color: var(--bitcoin-color);
}
.category-choice.bitcoin.active svg path,
.category-choice.bitcoin:hover svg path {
  fill: var(--bitcoin-color) !important;
}
.category-choice.ethereum.active h4,
.category-choice.ethereum:hover h4 {
  color: var(--eth-color);
}
.category-choice.ethereum.active svg path,
.category-choice.ethereum:hover svg path {
  fill: var(--eth-color) !important;
}
.category-choice.altcoin.active h4,
.category-choice.altcoin:hover h4 {
  color: var(--altcoin-color);
}
.category-choice.altcoin.active svg path,
.category-choice.altcoin:hover svg path,
.category-choice.altcoin:hover circle {
  fill: var(--altcoin-color) !important;
}
.category-choice.blockchain.active h4,
.category-choice.blockchain:hover h4,
.category-choice.mining.active h4,
.category-choice.mining:hover h4 {
  color: var(--blockchain-color);
}
.category-choice.blockchain.active svg path,
.category-choice.blockchain:hover svg path,
.category-choice.blockchain:hover circle,
.category-choice.mining.active svg path,
.category-choice.mining:hover svg path,
.category-choice.mining:hover circle {
  fill: var(--blockchain-color) !important;
}
.category-choice.nft.active h4,
.category-choice.nft:hover h4 {
  color: var(--nft-color);
}
.category-choice.nft.active svg path,
.category-choice.nft:hover svg path,
.category-choice.nft:hover circle {
  fill: var(--nft-color) !important;
}
.category-choice.defi.active h4,
.category-choice.defi:hover h4 {
  color: var(--defi-color);
}
.category-choice.defi.active svg path,
.category-choice.defi:hover svg path,
.category-choice.defi:hover circle {
  fill: var(--defi-color) !important;
}
.category-choice.technical-analyse.active h4,
.category-choice.technical-analyse:hover h4 {
  color: var(--technical-analyse-color);
}
.category-choice.technical-analyse.active svg path,
.category-choice.technical-analyse:hover svg path,
.category-choice.technical-analyse:hover circle {
  fill: var(--technical-analyse-color) !important;
}
.category-choice.on-chain-analyse.active h4,
.category-choice.on-chain-analyse:hover h4,
.category-choice.personalities.active h4,
.category-choice.personalities:hover h4 {
  color: var(--on-chain-analyse-color);
}
.category-choice.on-chain-analyse.active svg path,
.category-choice.on-chain-analyse:hover svg path,
.category-choice.on-chain-analyse:hover circle,
.category-choice.personalities.active svg path,
.category-choice.personalities:hover svg path,
.category-choice.personalities:hover circle {
  fill: var(--on-chain-analyse-color) !important;
}
.category-choice.gamefi.active h4,
.category-choice.gamefi:hover h4,
.category-choice.wallet-and-security.active h4,
.category-choice.wallet-and-security:hover h4 {
  color: var(--gamefi-color);
}
.category-choice.gamefi.active svg path,
.category-choice.gamefi:hover svg path,
.category-choice.gamefi:hover circle,
.category-choice.wallet-and-security.active svg path,
.category-choice.wallet-and-security:hover svg path,
.category-choice.wallet-and-security:hover circle {
  fill: var(--gamefi-color) !important;
}
.category-choice.advices-and-tutos.active h4,
.category-choice.advices-and-tutos:hover h4 {
  color: var(--advices-and-tutos-color);
}
.category-choice.advices-and-tutos.active svg path,
.category-choice.advices-and-tutos:hover svg path,
.category-choice.advices-and-tutos:hover circle {
  fill: var(--advices-and-tutos-color) !important;
}
.category-choice.right-and-taxation.active h4,
.category-choice.right-and-taxation:hover h4 {
  color: var(--right-and-taxation-color);
}
.category-choice.right-and-taxation.active svg path,
.category-choice.right-and-taxation:hover svg path,
.category-choice.right-and-taxation:hover circle {
  fill: var(--right-and-taxation-color) !important;
}
.category-choice.trading.active h4,
.category-choice.trading:hover h4 {
  color: var(--trading-color);
}
.category-choice.trading.active svg path,
.category-choice.trading:hover svg path,
.category-choice.trading:hover circle {
  fill: var(--trading-color) !important;
}
.category-choice.exchange.active h4,
.category-choice.exchange:hover h4 {
  color: var(--exchange-color);
}
.category-choice.exchange.active svg path,
.category-choice.exchange:hover svg path,
.category-choice.exchange:hover circle {
  fill: var(--exchange-color) !important;
}
.filter-selector.difficulty {
  min-width: 138px;
}
@media (min-width: 375px) {
  .filter-selector-ctn {
    display: flex;
    flex-direction: row;
    margin-top: 0.625rem;
  }
  .filter-selector:first-child {
    margin: 0 1rem 0 0;
  }
}
.prices-type-choices {
  width: 150px !important;
}
@media (min-width: 768px) {
  .category-choice {
    margin: 0.75rem 1rem;
  }
  .filter-selector-ctn {
    flex: 0 1 auto;
    margin-top: 0.75rem;
    max-width: unset;
    justify-content: flex-start;
  }
  .filter-selector-inner {
    padding: 0.5rem 1rem;
    flex: 0;
  }
  .filter-selector-inner > p {
    font-size: 1rem;
    margin-right: 0;
  }
  .filter-selector-inner > svg {
    min-width: 12px;
    min-height: 8px;
  }
  .filter-selector:nth-child(2) {
    position: relative;
  }
  .category-choices {
    margin: 0 -1rem;
    padding: 0 0.5rem;
  }
  .category-popover {
    max-height: 31rem;
    width: 495px;
    left: 0;
  }
  .category-choice h4 {
    font-size: 1.5rem;
  }
  .category-choice svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .difficulty-popover {
    right: -0.5rem;
  }
}
@media (min-width: 576px) {
  div.formation-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .level-choice-txt {
    font-size: 1.125rem;
    font-weight: 600;
  }
  div.formation-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2.5rem 2rem;
  }
  .category-popover.news {
    left: 1rem;
  }
  .formation-category-popover {
    width: 526px;
  }
}
.ct-point {
  stroke-width: 4px;
}
.ct-line {
  stroke-width: 2px;
}
.ct-area,
.ct-line {
  pointer-events: none;
}
.cmc-tooltip {
  background: var(--bg-back);
  font-weight: bold;
  color: var(--black-normal);
  border-radius: 0.5rem;
  pointer-events: none;
  position: absolute;
  transition: all 0.1s ease;
  transform: translate(-50%, 0);
  font-size: 0.875rem;
  z-index: 20;
}
.cmc-tooltip table tbody tr {
  white-space: nowrap;
  z-index: 20;
}
.cmc-tooltip p.green {
  color: var(--green-light-home);
}
.cmc-tooltip p.red {
  color: var(--red-normal-home);
}
.inflation-text {
  font-size: 1rem;
}
.inflation-text span {
  color: var(--red-normal-home);
}
@media (min-width: 768px) {
  .inflation-text {
    font-size: 1.25rem;
  }
}
section.prices-banner {
  background: linear-gradient(
    to right,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
  width: 100%;
}
section.prices-banner .prices-banner-ctn {
  padding: 2rem 1rem;
  max-width: calc(1280px - 2rem);
  margin: 0 auto;
}
section.prices-banner .prices-banner-title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  z-index: 2;
}
section.prices-banner img.prices-banner-img {
  position: absolute;
  width: 9rem;
  height: 9rem;
  right: -1.5rem;
  bottom: -2rem;
  z-index: 1;
}
@media (min-width: 768px) {
  section.prices-banner .prices-banner-title {
    font-size: 3rem;
  }
  section.prices-banner img.prices-banner-img {
    width: 15rem;
    height: 15rem;
    right: 0;
    bottom: -4rem;
  }
}
.market-info-grid {
  margin-bottom: 1rem;
}
.market-info-grid .crypto-gainers .crypto-gainer,
.market-info-grid .crypto-gainers .crypto-loser,
.market-info-grid .crypto-losers .crypto-gainer,
.market-info-grid .crypto-losers .crypto-loser {
  padding: 0.375rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.market-info-grid .crypto-gainers .crypto-gainer:not(:last-child),
.market-info-grid .crypto-gainers .crypto-loser:not(:last-child),
.market-info-grid .crypto-losers .crypto-gainer:not(:last-child),
.market-info-grid .crypto-losers .crypto-loser:not(:last-child) {
  margin-bottom: 0.375rem;
}
.market-info-grid .crypto-gainers .crypto-gainer:hover,
.market-info-grid .crypto-gainers .crypto-loser:hover,
.market-info-grid .crypto-losers .crypto-gainer:hover,
.market-info-grid .crypto-losers .crypto-loser:hover {
  background: var(--bg-back);
}
.market-info-grid .crypto-gainers .crypto-gainer img,
.market-info-grid .crypto-gainers .crypto-loser img,
.market-info-grid .crypto-losers .crypto-gainer img,
.market-info-grid .crypto-losers .crypto-loser img {
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.5rem;
}
.market-info-grid .crypto-gainers .crypto-gainer .name,
.market-info-grid .crypto-gainers .crypto-loser .name,
.market-info-grid .crypto-losers .crypto-gainer .name,
.market-info-grid .crypto-losers .crypto-loser .name {
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin-right: 0.375rem;
  font-size: 0.875rem;
}
.market-info-grid .crypto-gainers .crypto-gainer .symbol,
.market-info-grid .crypto-gainers .crypto-loser .symbol,
.market-info-grid .crypto-losers .crypto-gainer .symbol,
.market-info-grid .crypto-losers .crypto-loser .symbol {
  font-size: 0.875rem;
  max-width: 48px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: var(--gray-light);
}
.market-info-grid .crypto-gainers .crypto-gainer .change,
.market-info-grid .crypto-gainers .crypto-loser .change,
.market-info-grid .crypto-losers .crypto-gainer .change,
.market-info-grid .crypto-losers .crypto-loser .change {
  display: table;
  font-size: 0.875rem;
  padding: 0.25rem;
  border-radius: 4rem;
  color: #111;
  margin-left: auto;
}
.market-info-grid .crypto-gainers .crypto-gainer .change,
.market-info-grid .crypto-losers .crypto-gainer .change {
  background: var(--green-light-home);
}
.market-info-grid .crypto-gainers .crypto-loser .change,
.market-info-grid .crypto-losers .crypto-loser .change {
  background: var(--red-normal-home);
}
.market-info {
  padding: 0.75rem;
  background: var(--bg-front);
  flex: 1;
  border-radius: 1.25rem;
  width: 95%;
}
.market-info:last-child {
  margin-right: 0 !important;
}
.market-info .title {
  font-size: 1.125rem;
  font-weight: bold;
}
.market-info .subtitle {
  font-size: 0.875rem;
}
.prices-section-title {
  color: var(--purple-gradient-to);
  font-size: 1.25rem;
}
.prices-section-first-title {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.second-title-top-margin {
  margin-top: 0.5rem !important;
}
.prices-section-second-title-ctn {
  margin: 0.5rem 0 0;
}
.prices-grid {
  overflow-y: auto;
  box-shadow: 0 12px 12px 0 var(--outer-card-shadow);
  border-radius: 0 0 0.5rem 0.5rem;
  overflow-x: hidden;
}
.prices-grid canvas {
  max-height: 60px;
}
.prices-grid-row > .col-2.col-md-1 {
  width: 12% !important;
}
.prices-grid-row > .col-7.col-md-3 {
  width: 63% !important;
}
@media (min-width: 768px) {
  .prices-grid-row > .col-2.col-md-1 {
    width: 3.33333333% !important;
  }
  .prices-grid-row > .col-7.col-md-3 {
    width: 30% !important;
  }
}
@media (min-width: 992px) {
  .market-info {
    width: 100%;
  }
}
.prices-grid .section-title {
  font-size: 0.875rem;
}
.prices-grid .row > * {
  padding: 0 0.25rem;
}
.prices-grid-row.header {
  background-color: var(--prices-grid-odd);
  border-radius: 0.5rem 0.5rem 0 0;
  margin: 0 !important;
}
.prices-grid .prices-grid-row:nth-child(odd) {
  background-color: var(--prices-grid-even);
}
.prices-grid .prices-grid-row:nth-child(even) {
  background-color: var(--prices-grid-odd);
}
.prices-grid .prices-grid-row:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.prices-grid .prices-grid-row:not(.header) {
  padding: 1rem 0.5rem !important;
}
@media (min-width: 768px) {
  .prices-grid .prices-grid-row:not(.header) {
    padding: 0.75rem 1.5rem !important;
  }
}
.prices-grid .prices-grid-row:not(.header) p {
  font-size: 0.875rem;
  font-weight: 600;
}
.prices-grid .crypto-infos .crypto-logo {
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.5rem;
}
.prices-grid .crypto-infos p.title {
  font-size: 0.875rem;
  font-weight: bold;
  width: 33vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
@media (min-width: 768px) {
  .prices-grid .crypto-infos p.title {
    width: 100%;
    max-width: 140px;
  }
}
.prices-grid .crypto-infos p.subtitle {
  font-size: 0.875rem;
  color: var(--gray-normal);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.prices-grid .crypto-infos a.buy-crypto-btn,
.prices-grid .crypto-infos div.buy-crypto-btn {
  display: block;
  padding: 0.375rem 0.625rem;
  color: #fff;
  border-radius: 0.375rem;
  border: none;
  margin: 0;
  font-size: 0.75rem;
  background: linear-gradient(
    to right,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
  transition: all 0.3s linear;
}
.prices-grid p.green {
  color: var(--green-dark);
}
.prices-grid p.red {
  color: var(--red-normal);
}
.prices-grid .row:first-child svg.volume path {
  fill: var(--white-normal);
}
.prices-grid svg.volume circle {
  fill: var(--black-normal);
}
.prices-grid-row .crypto-graph {
  order: 3;
}
.crypto-graph p.section-title {
  white-space: nowrap;
}
.prices-grid-row .crypto-price {
  order: 4;
}
.outro {
  margin-top: 2rem;
}
.outro > h2.title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.outro > p.subtitle {
  font-size: 0.875rem;
  text-align: justify;
}
.outro > p.subtitle.clamped {
  overflow: hidden;
  max-height: 52px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media (min-width: 768px) {
  .prices-grid-row.header {
    border-radius: 1rem 1rem 0 0;
  }
  .prices-section-second-title-ctn {
    margin: 2rem 0 0;
  }
  .second-title-top-margin {
    margin-top: 1rem !important;
  }
  .prices-section-title {
    font-size: 2rem;
  }
  .prices-grid {
    border-radius: 0 0 1rem 1rem;
  }
  .prices-grid .prices-grid-row:not(:first-child) {
    padding: 1rem 1.5rem;
  }
  .prices-grid .prices-grid-row:not(:first-child) p.crypto-name {
    font-size: 1rem;
  }
  .prices-grid .crypto-logo {
    margin-right: 0.75rem;
  }
  .outro {
    margin-top: 2.5rem;
  }
  .outro > p.subtitle {
    font-size: 1.125rem;
    max-width: 72%;
  }
  .outro > h2.title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  .outro > p.subtitle.clamped {
    font-size: 1.125rem;
    max-width: 75%;
    max-height: unset;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
  }
  .prices-grid-row .crypto-graph {
    order: unset;
  }
  .prices-grid-row .crypto-price {
    order: unset;
  }
}
.prices-search {
  margin-left: 0;
  margin-bottom: 1rem;
}
.price-filters {
  flex: 1;
  margin-left: auto;
  justify-content: flex-start;
}
.prices-filter-selectors .filter-selector {
  margin: 0;
}
.prices-filter-selectors .filter-selector .filter-selector-inner {
  padding: 0.375rem 0.75rem 0.375rem 0.75rem;
}
.prices-filter-selectors .filter-selector .filter-selector-inner > p {
  margin-right: 0;
}
@media (min-width: 768px) {
  .prices-filter-selectors .filter-selector {
    margin: 1rem;
  }
  .prices-filter-selectors .filter-selector .filter-selector-inner {
    padding: 0.5rem 1rem 0.5rem 1rem;
  }
  .prices-search {
    margin-left: 1rem;
    margin-bottom: 0;
  }
  div.prices-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .price-filters {
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .search-input-ctn.prices-search {
    flex: 0 0 16.25rem;
    margin-top: 0;
  }
}
.prices-category-popover {
  left: 0;
  width: auto;
  padding: 0.5rem;
}
.prices-category-popover p {
  padding: 0.625rem 0.5rem;
  font-weight: bold;
  border-radius: 0.5rem;
  white-space: nowrap;
  transition: background-color 0.3s ease;
}
.prices-category-popover p:hover {
  background: var(--gray-soft);
  cursor: pointer;
}
.prices-search-result,
.nfts-search-result {
  padding: 0.5rem;
  background: var(--bg-front);
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  position: absolute;
  left: 0;
  top: 3.5rem;
  border-radius: 1rem;
  width: calc(100vw - 2rem);
  overflow: auto;
}
.prices-search-result::-webkit-scrollbar,
.nfts-search-result::-webkit-scrollbar {
  width: 8px;
}
.prices-search-result::-webkit-scrollbar-track,
.nfts-search-result::-webkit-scrollbar-track {
  background: #ffcbc1;
  overflow: hidden;
  border-radius: 0.25rem;
  margin: 1rem 0;
  position: relative;
  right: 0.125rem;
}
.prices-search-result::-webkit-scrollbar-thumb,
.nfts-search-result::-webkit-scrollbar-thumb {
  background-color: #ff815e;
  border-radius: 1.5rem;
}
.prices-search-result.visible,
.nfts-search-result.visible {
  opacity: 1;
  visibility: visible;
  max-height: 200px;
}
.prices-search-result .crypto-list-item,
.nfts-search-result .crypto-list-item {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  background-color: transparent;
  transition: background-color 0.3s ease;
  border-radius: 0.5rem;
}
.prices-search-result .crypto-list-item:hover,
.nfts-search-result .crypto-list-item:hover {
  cursor: pointer;
  background-color: var(--gray-soft);
}
.prices-search-result .crypto-list-item:not(:last-child),
.nfts-search-result .crypto-list-item:not(:last-child) {
  margin-bottom: 0.5rem;
}
.prices-search-result .crypto-list-item img,
.nfts-search-result .crypto-list-item img {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
.prices-search-result .crypto-list-item p,
.nfts-search-result .crypto-list-item p {
  font-size: 0.875rem;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}
.prices-search-result .nft-list-item,
.nfts-search-result .nft-list-item {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  background-color: transparent;
  transition: background-color 0.3s ease;
  border-radius: 0.5rem;
}
.prices-search-result .nft-list-item:hover,
.nfts-search-result .nft-list-item:hover {
  cursor: pointer;
  background-color: var(--gray-soft);
}
.prices-search-result .nft-list-item:not(:last-child),
.nfts-search-result .nft-list-item:not(:last-child) {
  margin-bottom: 0.5rem;
}
.prices-search-result .nft-list-item img,
.nfts-search-result .nft-list-item img {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
  border-radius: 0.375rem;
}
.prices-search-result .nft-list-item p,
.nfts-search-result .nft-list-item p {
  font-size: 0.875rem;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}
@media (min-width: 768px) {
  .prices-search-result,
  .nfts-search-result {
    width: 16.25rem;
  }
}
.cmc-chart-ctn {
  margin-top: 0.875rem;
}
@media (min-width: 992px) {
  .cmc-chart-ctn {
    margin-top: 1.75rem;
  }
}
.buy-popover-trigger {
  cursor: pointer;
}
.buy-popover {
  padding: 1.25rem;
  max-width: 200px;
  position: absolute;
  background: var(--bg-front);
  border-radius: 1rem;
  border: 1px solid var(--gray-normal);
  opacity: 0;
  transition: all 0.3s ease;
}
.buy-popover.visible {
  opacity: 1;
}
.buy-popover img {
  height: auto;
  margin: 0 auto 1rem;
  max-width: 100%;
}
.buy-popover a {
  font-size: 1rem;
  display: block;
  text-align: center;
}
section.cryptos-banner {
  background: linear-gradient(
    to right,
    var(--green-gradient-from),
    var(--green-gradient-to)
  );
  width: 100%;
}
section.cryptos-banner .cryptos-banner-ctn {
  padding: 2rem 1rem;
  max-width: calc(1280px - 2rem);
  margin: 0 auto;
}
section.cryptos-banner .cryptos-banner-title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  z-index: 2;
}
section.cryptos-banner .cryptos-banner-subtitle {
  color: #fff;
  font-size: 0.75rem;
  z-index: 2;
}
section.cryptos-banner img.cryptos-banner-img {
  position: absolute;
  width: 9rem;
  height: 9rem;
  right: -1.5rem;
  bottom: -2rem;
  z-index: 1;
}
@media (min-width: 768px) {
  section.cryptos-banner .cryptos-banner-title {
    font-size: 3rem;
  }
  section.cryptos-banner img.cryptos-banner-img {
    width: 15rem;
    height: 15rem;
    right: 0;
    bottom: -4rem;
  }
}
.cryptos-section-first-title {
  color: var(--green-gradient-to);
  margin: 0 0 1rem 0;
  font-size: 1.25rem;
}
.cryptos-section-second-title-ctn {
  margin: 2rem 0 1.5rem;
}
.cryptos-section-second-title {
  color: var(--green-gradient-to);
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .cryptos-section-first-title {
    margin: 1.5rem 0;
    font-size: 2rem;
  }
  .cryptos-section-second-title {
    font-size: 2rem;
  }
}
.banner-inner {
  background-size: cover;
  background-position: right;
  border-radius: 1.25rem;
  background-color: var(--bg-front);
  padding: 1.5rem;
  overflow: hidden;
  background-image: url("../../v3/icons/green-shape-mobile.png");
}
@media (min-width: 768px) {
  .banner-inner {
    background-image: url("../../v3/icons/green-shape.png");
  }
}
.banner-inner .banner-inner-left-ctn {
  z-index: 3;
}
.banner-inner .title {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--black-normal);
}
.banner-inner .subtitle {
  font-size: 0.75rem;
  margin-bottom: 1rem;
  color: var(--black-normal);
}
.banner-inner a.read-more {
  background: linear-gradient(
    to right,
    var(--green-gradient-from),
    var(--green-gradient-to)
  );
  border-radius: 0.625rem;
  padding: 0.5rem 1.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--white-normal);
  transition: all 0.3s ease;
  display: table;
}
@media (min-width: 768px) {
  .banner-inner .title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  .banner-inner .subtitle {
    font-size: 1.125rem;
    text-align: justify;
    margin-bottom: 2.5rem;
    max-width: 64%;
  }
  .banner-inner a.read-more {
    font-size: 1.125rem;
    padding: 0.625rem 1.5rem;
  }
  .banner-inner a.read-more {
    font-size: 1.125rem;
    padding: 0.625rem 1.5rem;
  }
}
.banner-inner a.read-more > span {
  margin-right: 1rem;
}
.banner-inner a.read-more svg.right-arrow-icon {
  width: 0.875rem;
}
.banner-inner a.read-more svg.right-arrow-icon path {
  fill: var(--white-normal);
}
.banner-inner img.cryptos-banner-inner {
  width: 3.5rem;
  height: 3.5rem;
  position: relative;
  top: 0;
  z-index: 2;
}
@media (min-width: 992px) {
  .banner-inner img.cryptos-banner-inner {
    width: 10rem;
    height: 10rem;
    top: -3em;
    right: -2rem;
    object-fit: none;
    z-index: 2;
  }
}
.banner-inner img.cryptos-green-shape {
  width: 24rem;
  height: 23rem;
  position: absolute;
  top: -1rem;
  right: -2rem;
  z-index: 1;
}
div.cryptos-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.75rem;
}
div.cryptos-grid a.cryptos-card {
  transition: all 0.3s ease;
}
div.cryptos-grid .cryptos-card-img {
  height: auto;
  aspect-ratio: 2/1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  object-fit: cover;
  border-radius: 0.75rem;
  overflow: hidden;
}
div.cryptos-grid a.cryptos-card.loading {
  transition: all 0.3s ease;
  pointer-events: none;
  cursor: default;
}
div.cryptos-grid a.cryptos-card h4.title {
  font-size: 0.75rem;
  font-weight: bold;
  margin-top: 0.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
div.cryptos-grid .cryptos-card.loading div {
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
  width: 100%;
  aspect-ratio: 2/1;
  height: auto;
  border-radius: 1rem;
}
div.cryptos-grid a.cryptos-card.loading h4.title {
  margin-top: 0.375rem;
  background-color: var(--loading-grey) !important;
  background: linear-gradient(
      100deg,
      rgba(var(--white-normal-loading-step-1)) 40%,
      rgba(var(--white-normal-loading-step-2)) 50%,
      rgba(var(--white-normal-loading-step-3)) 60%
    )
    var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s skeleton ease-in-out infinite;
  height: 0.625rem;
  border-radius: 0.5rem;
  display: block !important;
}
@media (min-width: 576px) {
  div.cryptos-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  div.cryptos-grid a.cryptos-card.loading h4.title {
    margin-top: 0.375rem;
    background-color: var(--loading-grey) !important;
    background: linear-gradient(
        100deg,
        rgba(var(--white-normal-loading-step-1)) 40%,
        rgba(var(--white-normal-loading-step-2)) 50%,
        rgba(var(--white-normal-loading-step-3)) 60%
      )
      var(--loading-grey);
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s skeleton ease-in-out infinite;
    height: 1rem;
    border-radius: 0.5rem;
    display: block !important;
  }
  div.cryptos-grid a.cryptos-card h4.title {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  div.cryptos-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  div.cryptos-grid {
    grid-gap: 2rem 2.5rem;
  }
}
div.pagination-ctn.cryptos-pagination {
  margin-top: 2.25rem;
  margin-bottom: 8rem;
}
section.videos-banner {
  background: linear-gradient(
    to right,
    var(--blue-gradient-from),
    var(--blue-gradient-to)
  );
  width: 100%;
}
section.videos-banner .videos-banner-ctn {
  padding: 2rem 1rem;
  max-width: calc(1280px - 2rem);
  margin: 0 auto;
}
section.videos-banner .videos-banner-title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  z-index: 2;
}
section.videos-banner img.videos-banner-img {
  position: absolute;
  width: 9rem;
  height: 9rem;
  right: -1.5rem;
  bottom: -2rem;
  z-index: 1;
}
div.videos-ctn section {
  margin-top: 1rem;
}
div.videos-ctn section:last-child {
  margin-bottom: 5rem;
}
.videos-section-title {
  color: var(--blue-gradient-to);
  font-size: 1.25rem;
}
.last-videos {
  margin-top: 1rem !important;
}
.last-videos header.section-header {
  margin-top: 0;
}
@media (min-width: 768px) {
  section.videos-banner .videos-banner-title {
    font-size: 3rem;
  }
  section.videos-banner img.videos-banner-img {
    width: 15rem;
    height: 15rem;
    right: 0;
    bottom: -4rem;
  }
  div.videos-ctn section {
    margin-top: 2rem;
  }
  .videos-section-title {
    font-size: 2rem;
  }
}
.switch {
  position: relative;
  display: inline-block;
  width: 3.25rem;
  height: 2rem;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #78788029;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: var(--green-normal);
}
input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.article-main-ctn {
  margin-top: 0.5rem;
}
.article-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.article-content p,
.article-content pre,
.article-content span,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  line-height: 1.5;
}
.article-content a:hover {
  color: var(--orange-primary) !important;
}
.article-content .breadcrumb-desktop {
  margin-bottom: 1rem;
  font-size: 0.75rem;
}
.article-content .breadcrumb-mobile {
  margin-bottom: 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.article-content .breadcrumb-desktop *:not(:hover) {
  color: var(--gray-normal);
}
.article-content .breadcrumb-desktop > span {
  margin: 0 0.25rem;
}
.article-content .article-title-ctn {
  display: flex;
  flex-direction: column-reverse;
  margin: 0 0 1.25rem 0;
}
.article-content .article-title-border {
  width: 12vw;
  height: 2px;
  border-radius: 4rem;
}
.article-content .article-title-border {
  background-color: var(--bitcoin-color);
}
.article-content .article-title-border.ethereum {
  background-color: var(--eth-color);
}
.article-content .article-title-border.altcoin {
  background-color: var(--altcoin-color);
}
.article-content .article-title-border.blockchain {
  background-color: var(--blockchain-color);
}
.article-content .article-title-border.nft {
  background-color: var(--nft-color);
}
.article-content .article-title-border.defi {
  background-color: var(--defi-color);
}
.article-content .article-title-border.technical-analyse {
  background-color: var(--technical-analyse-color);
}
.article-content .article-title-border.on-chain-analyse {
  background-color: var(--on-chain-analyse-color);
}
.article-content.article-title-border.gamefi {
  background-color: var(--gamefi-color);
}
.article-content.article-title-border.right-and-taxation {
  background-color: var(--right-and-taxation-color);
}
.article-content .article-title-border.exchange {
  background-color: var(--exchange-color);
}
.article-content h1.article-title {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0 0 1.25rem 0;
  line-height: 1.2;
}
.article-content .intro-exe p {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.article-content .article-date-and-author {
  margin-bottom: 1rem;
}
.article-content .article-date-and-author p {
  font-size: 0.75rem;
  color: var(--gray-normal);
}
.article-content .date-and-read-time .date {
  margin-top: 0.5rem;
  /*padding-left: 0.5rem;*/
}
.article-content .author-info > img.author-image {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.article-content img.main-illustration {
  aspect-ratio: 2/1;
  max-width: 900px;
  height: auto;
  margin: 0 -1rem 1rem;
}
.article-content .article-section {
  margin-bottom: 1.5rem;
}
.article-content .article-section > h2 {
  font-size: 1.375rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
  margin-top: 2.5rem;
}
.article-content .article-section > h3 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 1.125rem;
  margin-top: 2.25rem;
}
.article-content .article-section > h4 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1.125rem;
  margin-top: 2.25rem;
}
.article-content .article-section > p {
  margin-bottom: 1rem;
}
.article-content .call-to-action {
  border-radius: 0.625rem;
  background: var(--bg-front);
  margin-bottom: 1.5rem;
}
.article-content .call-to-action .cta-content {
  padding: 0.375rem;
}
.share-article-ctn a {
  padding: 0.75rem;
}
.share-article-ctn svg {
  width: 1.25rem;
  height: 1.25rem;
}
a.whatsapp {
  padding: 0.25rem;
}
svg.whatsapp {
  transform: scale(1.3);
}
.share-article-ctn a:not(:last-child) {
  margin-right: 0.5rem;
}
.call-to-action {
  margin: 0 auto;
  width: 336px;
  transition: all 0.3s linear;
  display: flex;
  flex-direction: column;
}
.crytoast-pro-cta .cta-content-inner {
  padding: 0.5rem 0.625rem;
}
.crytoast-pro-cta .cta-content-inner .cta-content-inner-left > div {
  margin-bottom: 0.75rem;
}
.crytoast-pro-cta .cta-content-inner img.crytoast-pro-cta-left-img {
  width: 1rem;
  height: 1rem;
  margin: 0 0.25rem 0 0 !important;
}
.call-to-action .cta-content {
  margin-bottom: auto;
}
.call-to-action .toaster-icon {
  margin: 0 0 0 1rem !important;
}
.call-to-action .cta-content-inner .crytoast-pro-cta-left-top-text {
  font-weight: bold;
  font-size: 0.875rem;
}
.call-to-action .cta-content-inner .crytoast-pro-cta-left-main-text {
  font-size: 0.875rem;
  font-weight: 600;
}
.call-to-action
  .cta-content-inner
  .crytoast-pro-cta-left-main-text
  > span.purple {
  color: #827ef7;
}
.call-to-action .cta-content-inner .crytoast-pro-cta-right-img {
  width: 60px;
  height: 60px;
}
.call-to-action .cta-footer {
  padding: 0.75rem 1rem;
}
.call-to-action .cta-footer .cta-footer-text {
  font-size: 1rem;
  color: var(--gray-normal);
}
.call-to-action .cta-footer {
  border-top: 1px solid var(--bg-back);
}
.call-to-action .cta-footer svg path {
  fill: var(--gray-normal);
}
.twitter-tweet {
  margin: 0 auto;
}
.crytoast-pro-cta .cta-content-inner .crytoast-pro-cta-left-chip {
  font-size: 0.4375rem;
  border-radius: 0.25rem;
  background: var(--black-normal);
  color: var(--white-normal);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px 3px 0 3px;
  font-weight: bold;
}
.article-blockquote-module {
  background-color: var(--bg-front);
  border-radius: 0.675rem;
  padding: 0.75rem 1rem;
}
.article-blockquote-module .blockquote-icon {
  width: 58px;
  height: 40px;
  margin-bottom: 1.5rem;
}
.article-blockquote-module .blockquote-citation {
  font-size: 1rem;
  font-style: italic;
  font-weight: 500;
  margin-bottom: 2rem;
}
.article-blockquote-module .blockquote-author-img {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}
.article-blockquote-module .blockquote-author-name {
  font-size: 1rem;
  font-weight: 600;
}
.highlighting-module {
  transition: all 0.3s linear;
  max-width: 342px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  background-color: var(--bg-front);
  box-shadow: 0 4px 8px 0 #26323814;
  border-radius: 0.675rem;
}
.highlighting-module .highlighting-content {
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
}
.highlighting-module .highlighting-content-left {
  display: flex;
  flex: 1.15;
  flex-direction: column;
  padding: 0.5rem;
  margin-right: 0.5rem;
}
.highlighting-module .highlighting-content-left h4.highlighting-title {
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 600;
}
.highlighting-module .highlighting-content-left p.highlighting-intro {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}
.highlighting-module .highlighting-content-right {
  height: fit-content;
  display: flex;
  flex: 0.85;
  align-items: center;
}
.highlighting-module .highlighting-content-right img {
  height: auto;
  max-height: 86px;
}
.highlighting-module .highlighting-footer {
  display: flex;
  flex: 1;
  border-top: 1px solid var(--gray-soft);
  padding: 0.75rem 1rem;
}
.highlighting-module .highlighting-footer p.highlighting-footer-read-article {
  font-size: 0.75rem;
  line-height: 1.2;
  color: #888;
  margin: 0;
}
.highlighting-module .highlighting-footer svg path {
  fill: var(--gray-normal);
}
@media (min-width: 321px) {
  .highlighting-content .highlighting-content-left h4.highlighting-title {
    font-size: 0.875rem !important;
  }
}
section.newsletter-module {
  background: var(--bg-front);
  width: 100%;
  padding: 1.25rem 1rem;
  border-radius: 1.25rem;
}
section.newsletter-module .newsletter-module-title {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -1px;
  color: var(--orange-primary);
  z-index: 2;
  margin-bottom: 0.5rem;
}
section.newsletter-module .newsletter-module-subtitle {
  font-size: 0.875rem;
  font-weight: 500;
  z-index: 2;
  margin-bottom: 1.25rem;
}
section.newsletter-module img.newsletter-module-img {
  position: absolute;
  width: 14rem;
  height: 14rem;
  right: -3rem;
  bottom: -2rem;
  z-index: 1;
}
section.newsletter-module form {
  z-index: 2;
}
section.newsletter-module form input[type="email"] {
  border-radius: 0.5rem 0 0 0.5rem;
  padding: 0.5rem 0 0.5rem 1.25rem;
  width: 47vw;
  color: var(--gray-normal);
  border: none;
  outline: none;
  font-size: 1rem;
  background: var(--gray-soft);
}
section.newsletter-module form button {
  background-color: var(--orange-primary);
  padding: 0.61rem;
  border-radius: 0 0.5rem 0.5rem 0;
  border: none;
  margin: 0;
  color: var(--white-normal);
  position: relative;
  right: 4px;
  bottom: 1px;
  font-size: 0.75rem;
  font-weight: 600;
}
section.newsletter-module form input[type="checkbox"] {
  width: 0.875rem;
  height: 0.875rem;
  vertical-align: middle;
  cursor: pointer;
  float: left;
}
section.newsletter-module form label {
  font-size: 0.625rem;
  position: relative;
  margin-left: 0.5rem;
  color: var(--gray-normal);
}
section.newsletter-module form label span {
  color: var(--orange-primary);
}
section.newsletter-module .checkbox-and-label {
  margin: 0.75rem 0 -0.25rem 0;
}
.article-separator {
  background-color: var(--orange-primary);
  height: 2px;
  width: 2.375rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.125rem;
}
.affiliation-disclaimer,
#avertissement-crypto-monnaies-risques {
  border: 1px solid var(--gray-normal);
  border-radius: 1.25rem;
  padding: 0.625rem 1rem;
  margin: 2rem 0;
}
.affiliation-disclaimer .su-note,
.affiliation-disclaimer .su-note-inner,
#avertissement-crypto-monnaies-risques .su-note,
#avertissement-crypto-monnaies-risques .su-note-inner {
  background: transparent !important;
}
.affiliation-disclaimer p,
.affiliation-disclaimer div,
#avertissement-crypto-monnaies-risques p,
#avertissement-crypto-monnaies-risques div {
  font-size: 0.875rem !important;
  color: var(--gray-normal) !important;
}
.article-author-module {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.article-author-module img.author-profile-picture {
  width: 3.625rem;
  height: 3.625rem;
  margin-right: 0.625rem;
}
.article-author-module p.bio {
  font-size: 0.875rem;
}
.article-author-module .name-and-articles {
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}
.article-author-module .name-and-articles .name {
  font-size: 0.875rem;
  font-weight: 700;
}
.article-author-module .name-and-articles .articles {
  color: var(--gray-normal);
  font-size: 0.875rem;
}
.article-author-module .author-links a.twitter {
  margin-right: 0.375rem;
}
.article-author-module .author-links a.all-articles {
  background-color: var(--orange-primary);
  border-radius: 100px;
  padding: 0 1.25rem;
  border: none;
  margin: 0 0.625rem 0 0;
  position: relative;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--white-normal);
}
.article-author-module .author-links a {
  height: 44px;
  width: auto;
  background: var(--orange-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  transition: all 0.3s ease;
}
.article-author-module .author-links a svg {
  width: 1.25rem;
  height: 1.25rem;
}
.related-articles-title {
  font-size: 0.875rem;
  font-weight: 700;
}
.related-articles-see-more-mobile {
  color: var(--black-normal) !important;
  font-size: 0.875rem;
  font-weight: 700;
}
.article-content .comments .account-profile-picture {
  width: 3.25rem;
  height: 3.25rem;
}
.article-content .comments .textarea-ctn {
  transition: all 0.3s ease;
  background-color: var(--gray-soft);
  border-radius: 0.625rem;
  margin-left: 0.75rem;
  padding: 0;
}
.article-content .comments .textarea-ctn .comment-actions {
  pointer-events: none !important;
}
.article-content .comments textarea {
  background: transparent;
  transition: all 0.3s ease;
  padding: 0.5rem 0.75rem;
  width: 100%;
  color: var(--black-normal);
  border: none;
  outline: none;
  font-size: 1rem;
  min-height: 52px;
  resize: none;
}
.article-content .comments .textarea-ctn.open {
  padding-bottom: 2.5rem;
}
.article-content .comments .textarea-ctn.open textarea {
  min-height: 105px;
}
.article-content .comments .textarea-ctn.open .comment-actions {
  opacity: 1;
  z-index: 10;
  pointer-events: auto !important;
}
.article-content .comments .textarea-ctn.open #cancel-comment {
  cursor: pointer;
}
.article-content .comments .textarea-ctn.open #submit-comment {
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.article-content .comments .textarea-ctn.open #submit-comment.disabled {
  pointer-events: none !important;
  opacity: 0.5;
}
.article-content .comments textarea::placeholder {
  color: var(--black-normal);
}
.article-content .comments .write-a-comment {
  margin-bottom: 2rem;
}
.article-content .comments .comment-actions {
  transition: opacity 0.3s ease;
  opacity: 0;
  bottom: 1rem;
  right: 1rem;
  position: absolute;
}
.article-content .comments #cancel-comment {
  font-size: 0.875rem;
  margin-right: 0.75rem;
}
.article-content .comments #submit-comment {
  background: var(--orange-primary);
  padding: 0.25rem 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  color: var(--white-normal);
}
.article-content .comments .comment .comment-author-picture {
  width: 3.25rem;
  height: 3.25rem;
  margin-right: 0.75rem;
}
.article-content .comments .comment .comment-author {
  font-size: 1.125rem;
  font-weight: 600;
}
.article-content .comments .comment .comment-date {
  font-size: 1.125rem;
}
.article-content .comments .comment .comment-content {
  font-size: 1rem;
  margin-top: 0.75rem;
}
.article-content .comments .comment .other-comments-action svg {
  cursor: pointer;
}
.article-content
  .comments
  .comment
  .other-comments-action
  svg:not(:last-child) {
  margin-right: 0.75rem;
}
.article-content .article-section *:not(.call-to-action) img.size-full {
  max-width: 100%;
  height: 100%;
  margin: 1rem -1rem 0.5rem;
}
.article-content .article-section *:not(.call-to-action) img.aligncenter {
  display: flex;
  margin: 0 auto;
}
.article-content .vidcontainer {
  display: flex;
  justify-content: center;
}
.article-content .vidcontainer iframe.vidvideo {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
@media (min-width: 768px) {
  .article-content .article-section *:not(.call-to-action) img.size-full {
    max-width: 100%;
    height: 100%;
    margin: 1rem auto 0.5rem;
  }
  .article-main-ctn {
    display: flex;
    flex-direction: row;
  }
  .article-content .article-title-ctn {
    flex-direction: row;
    margin: 0 0 1rem 0;
  }
  .article-content .article-title-border {
    width: 0.5rem;
    height: auto;
  }
  .article-content h1.article-title {
    font-size: 2.5rem;
    font-weight: bold;
    padding: 0 0 0 0.75rem;
  }
  .article-content .intro-exe p {
    font-size: 1.125rem;
  }
  .article-content .date-and-read-time .date {
    margin-right: 1.5rem;
    margin-top: 0;
  }
  .article-content .article-date-and-author p {
    font-size: 1rem;
  }
  .article-content img.main-illustration {
    /*margin:0 0 1rem 0;*/
    border-radius: 1.25rem;
    position: relative;
    left: -1em;
    width: 100vw;
    margin-bottom: 1em;
  }
  .article-content .article-section {
    margin-bottom: 2rem;
  }
  .article-content .article-section > h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
  }
  .article-content .article-section > h3 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
  }
  .article-content .article-section > h4 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
  }
  .article-content .article-section > p {
    font-size: 1.125rem;
  }
  .article-content .call-to-action {
    margin-bottom: 2rem;
  }
  .article-blockquote-module .blockquote-icon {
    margin-bottom: 1.125rem;
  }
  .article-blockquote-module .blockquote-citation {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
  .article-blockquote-module .blockquote-author-img {
    width: 2rem;
    height: 2rem;
    margin-right: 0.75rem;
  }
  .article-blockquote-module .blockquote-author-name {
    font-size: 1.25rem;
  }
  section.newsletter-module {
    padding: 1.5rem 5rem;
  }
  section.newsletter-module .newsletter-module-title {
    font-size: 2.25rem;
    margin-bottom: 0.75rem;
  }
  section.newsletter-module .newsletter-module-subtitle {
    font-size: 1.125rem;
    margin-bottom: 2.75rem;
  }
  section.newsletter-module img.newsletter-module-img {
    width: 27rem;
    height: 27rem;
    right: 0;
    bottom: -5rem;
  }
  section.newsletter-module form input[type="email"] {
    border-radius: 1rem 0 0 1rem;
    font-size: 1rem;
    padding: 0.5rem 0 0.5rem 1rem;
    width: 75%;
  }
  section.newsletter-module form button {
    border-radius: 0 1rem 1rem 0;
    padding: 0.61rem 1.25rem;
    border: none;
    margin: 0;
    position: relative;
    right: 4px;
    bottom: 1px;
    font-size: 0.875rem;
    font-weight: 600;
  }
  section.newsletter-module form label {
    font-size: 0.875rem;
  }
  section.newsletter-module input[type="checkbox"] {
    float: left;
  }
  .affiliation-disclaimer,
  #avertissement-crypto-monnaies-risques {
    padding: 1rem 1.25rem;
  }
  .affiliation-disclaimer p,
  .affiliation-disclaimer div,
  #avertissement-crypto-monnaies-risques p,
  #avertissement-crypto-monnaies-risques div {
    font-size: 1.125rem;
  }
  .article-author-module {
    margin-bottom: 2rem;
  }
  .article-author-module img.author-profile-picture {
    width: 6rem;
    height: 6rem;
    margin-right: 4rem;
  }
  .article-author-module p.bio {
    font-size: 1.125rem;
  }
  .article-author-module .name-and-articles {
    margin-top: 0.875rem;
    margin-bottom: 1rem;
  }
  .article-author-module .author-links a.twitter {
    margin-right: 0.375rem;
  }
  .article-author-module .author-links button {
    font-size: 1.125rem;
  }
  .related-articles-title {
    font-size: 1.5rem;
  }
  .article-content .comments .textarea-ctn {
    margin-left: 1.25rem;
  }
  .article-content .comments textarea {
    padding: 0.75rem 1rem;
    font-size: 1.125rem;
  }
  .article-content .comments #cancel-comment {
    font-size: 1rem;
    margin-right: 1.25rem;
  }
  .article-content .comments #submit-comment {
    padding: 0.5rem 1.25rem;
  }
  .article-content .comments .comment {
    margin-top: 1rem;
  }
  .article-content .comments .comment .comment-content {
    font-size: 1.125rem;
    margin-top: 0.75rem;
  }
}
.article-aside {
  display: none;
}
.article-aside .affiliate {
  display: flex;
  flex-direction: column;
  min-height: 280px;
  width: 100%;
  background: var(--bg-front);
  padding: 2rem 2rem 0;
  border-radius: 1.25rem;
  background-position: bottom;
  background-repeat: no-repeat;
  transition: all 0.3s linear;
}
.article-aside .affiliate p.title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: var(--black-normal);
}
.article-aside .affiliate .subtitle {
  font-size: 0.625rem;
  margin-bottom: 1.25rem;
}
.article-aside .affiliate .right-arrow-ctn {
  width: fit-content;
  border-radius: 6rem;
  padding: 0.125rem 1.25rem;
  border: 1px solid var(--black-normal);
}
.article-aside .affiliate .right-arrow-ctn > svg path {
  fill: var(--black-normal);
}
.article-aside .affiliate .right-arrow-ctn.yellow {
  background-color: var(--binance-color);
  border: none;
}
.article-aside .affiliate .right-arrow-ctn.yellow > svg path {
  fill: var(--white-normal);
}
.article-aside .what-is-cryptoast {
  display: flex;
  flex-direction: column;
  margin: 2.5rem 0 1.5rem 0;
}
.article-aside .what-is-cryptoast header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.625rem;
}
.article-aside .what-is-cryptoast header > img {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
.article-aside .what-is-cryptoast header > p {
  font-size: 1.5rem;
  font-weight: bold;
}
.article-aside .what-is-cryptoast > p {
  font-size: 0.875rem;
}
.article-aside .social-networks-stat-ctn {
  margin-bottom: 2.5rem;
}
.article-aside .social-networks-stat-ctn > p.title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
}
.article-aside .social-networks-stat-ctn > a.social-networks-stat {
  display: flex;
  flex-direction: row;
}
.article-aside
  .social-networks-stat-ctn
  > a.social-networks-stat:not(:last-child) {
  margin-bottom: 1rem;
}
.article-aside .social-networks-stat-ctn > a.social-networks-stat > svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.75rem;
}
.article-aside .social-networks-stat-ctn > a.social-networks-stat > svg path {
  color: var(--black-normal);
}
.article-aside .most-read-article-ctn {
  display: flex;
  flex-direction: column;
  margin-top: 2.5rem;
}
.article-aside .most-read-article-ctn > p.title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.article-aside .most-read-article-ctn > a.most-read-article {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.article-aside .most-read-article-ctn > a.most-read-article:not(:last-child) {
  margin-bottom: 1rem;
}
.article-aside .most-read-article-ctn > a.most-read-article > img {
  width: 5.75rem;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: 1rem;
  margin-right: 0.75rem;
}
.article-aside .most-read-article-ctn > a.most-read-article > p.article-title {
  font-size: 1rem;
  font-weight: bold;
}
svg#share-mobile-icon {
  width: 1.125rem;
  height: 1.5rem;
}
svg#share-mobile-icon path {
  fill: var(--black-normal);
}
@media (min-width: 1200px) {
  .article-content:not(.tuto-guide-content) {
    min-width: calc(75% - 3rem);
    margin-right: 3rem;
  }
  .article-aside {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  svg#share-mobile-icon {
    display: none;
  }
}
.article-search-card {
  z-index: 2;
  padding: 0.5rem;
  overflow: auto;
}
.article-search-card .article-search-card-image {
  aspect-ratio: 2/1;
  width: 160px;
  height: 80px;
  margin-right: 0.75rem;
  border-radius: 0.5rem;
}
.article-search-card .article-search-card-title {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .article-search-card {
    padding: 0.5rem;
  }
  .article-search-card .article-search-card-image {
    margin-right: 1rem;
  }
  .article-search-card .article-search-card-title {
    font-size: 0.875rem;
  }
}
.come-back-top-arrow-ctn {
  top: calc(100vh - 8rem);
  right: 4rem;
  position: absolute;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
.come-back-top-arrow-ctn.visible {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
.come-back-top-arrow-ctn .come-back-top-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background: var(--orange-primary);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  position: fixed;
}
.come-back-top-arrow-ctn svg {
  width: 12px;
  height: 8px;
}
.come-back-top-arrow-ctn svg path {
  fill: var(--bg-back) !important;
}
.main-content.prices-single .breadcrumb-desktop {
  margin: 1rem 0 1rem 0;
  font-weight: 600;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .main-content.prices-single .breadcrumb-desktop {
    margin: 1rem 0 2rem 0;
  }
}
.main-content.prices-single .breadcrumb-desktop a,
.main-content.prices-single .breadcrumb-desktop span {
  color: var(--gray-normal);
}
.main-content.prices-single .breadcrumb-desktop a:hover,
.main-content.prices-single .breadcrumb-desktop span:hover {
  color: var(--black-normal);
}
.main-content.prices-single .breadcrumb-desktop a:last-child {
  color: var(--purple-gradient-to);
}
.main-content.prices-single .breadcrumb-desktop > span {
  margin: 0 0.25rem;
}
.crypto-infos .crypto-infos-main .crypto-infos-main-logo {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
.crypto-infos .crypto-infos-main .crypto-infos-main-name {
  font-size: 1.5rem;
  font-weight: 600;
  margin-right: 0.75rem;
  margin-bottom: 0.5rem;
}
.crypto-infos .crypto-infos-main .crypto-infos-main-symbol {
  display: flex;
  border-radius: 0.625rem;
  background: var(--purple-light);
}
.crypto-infos .crypto-infos-main .crypto-infos-main-symbol > p {
  padding: 0.25rem 0.75rem;
  font-size: 1.125rem;
  font-weight: 600;
}
@media (min-width: 768px) {
  .crypto-infos .crypto-infos-main .crypto-infos-main-logo {
    width: 4rem;
    height: 4rem;
    margin-right: 0.75rem;
  }
  .crypto-infos .crypto-infos-main .crypto-infos-main-name {
    font-size: 3rem;
    margin-right: 1.5rem;
    margin-bottom: 0;
  }
  .crypto-infos .crypto-infos-main .crypto-infos-main-symbol > p {
    font-size: 1.5rem;
  }
}
.crypto-infos .crypto-infos-main .crypto-infos-main-price-and-mk .price {
  font-size: 2.25rem;
  font-weight: 700;
}
.crypto-infos .crypto-infos-main .crypto-infos-main-price-and-mk .change {
  border-radius: 0.625rem;
}
.crypto-infos .crypto-infos-main .crypto-infos-main-price-and-mk .change > p {
  padding: 0.375rem 0.75rem;
  font-weight: 600;
  font-size: 1.125rem;
}
.crypto-infos
  .crypto-infos-main
  .crypto-infos-main-price-and-mk
  .change.positive {
  background: var(--green-light);
}
.crypto-infos
  .crypto-infos-main
  .crypto-infos-main-price-and-mk
  .change.positive
  > p {
  color: var(--green-normal);
}
.crypto-infos
  .crypto-infos-main
  .crypto-infos-main-price-and-mk
  .change.negative {
  background: var(--red-light);
}
.crypto-infos
  .crypto-infos-main
  .crypto-infos-main-price-and-mk
  .change.negative
  > p {
  color: var(--red-normal);
}
.crypto-infos .crypto-infos-main .crypto-infos-main-price-and-mk p.mk {
  font-size: 1.5rem;
  font-weight: 600;
}
.crypto-infos .crypto-infos-main .crypto-infos-main-price-and-mk p.mk-text {
  font-size: 1.125rem;
  font-weight: 600;
}
.crypto-infos
  .crypto-infos-main
  .crypto-infos-main-price-and-mk
  .buy-crypto
  > button {
  width: 100%;
  max-width: 500px;
  background: transparent;
  border: 2px solid var(--purple-gradient-to);
  padding: 0.625rem 1.75rem;
  margin: 1rem 0 0 0;
  color: #fff;
  font-size: 0.875rem;
  border-radius: 0.375rem;
  font-weight: 600;
  transition: all 0.3s linear;
}
.crypto-infos .crypto-infos-secondary {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .crypto-infos
    .crypto-infos-main
    .crypto-infos-main-price-and-mk
    .buy-crypto
    > button {
    width: auto;
    margin: 0 0 0 1.75rem;
    font-size: 1.125rem;
    border-radius: 0.625rem;
  }
  .crypto-infos .crypto-infos-secondary {
    margin-top: 2.375rem;
  }
}
.crypto-infos .crypto-infos-secondary .crypto-infos-main-desc {
  background: var(--bg-front);
  color: var(--black-normal);
  border-radius: 0.625rem;
  padding: 0.75rem 1rem;
}
.crypto-infos .crypto-infos-terciary {
  margin: 1rem 0 0.5rem 0;
}
@media (min-width: 768px) {
  .crypto-infos .crypto-infos-secondary .crypto-infos-main-desc {
    margin-right: 0rem;
    border-radius: 1.25rem;
    padding: 1.5rem 2rem;
  }
  .crypto-infos .crypto-infos-terciary {
    margin: 2rem 0;
  }
}
.crypto-infos .crypto-infos-secondary .crypto-infos-main-desc .chips-ctn .chip {
  background: var(--purple-light);
  border-radius: 0.625rem;
}
.crypto-infos .crypto-infos-secondary .crypto-infos-main-desc .chips-ctn {
  margin-bottom: 1rem;
}
.crypto-infos
  .crypto-infos-secondary
  .crypto-infos-main-desc
  .chips-ctn
  .chip:not(:last-child) {
  margin-right: 1rem;
}
.crypto-infos
  .crypto-infos-secondary
  .crypto-infos-main-desc
  .chips-ctn
  .chip
  > p {
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.crypto-infos .crypto-infos-secondary .crypto-infos-main-desc p.desc {
  font-size: 0.875rem;
  font-weight: 500;
  text-align: justify;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .crypto-infos
    .crypto-infos-secondary
    .crypto-infos-main-desc
    .chips-ctn
    .chip
    > p {
    padding: 0.25rem 1rem;
    font-size: 1.125rem;
    font-weight: 600;
  }
  .crypto-infos .crypto-infos-secondary .crypto-infos-main-desc p.desc {
    font-size: 1.125rem;
  }
}
.crypto-infos
  .crypto-infos-secondary
  .crypto-infos-main-desc
  p.desc
  > span.positive {
  color: var(--green-normal);
}
.crypto-infos
  .crypto-infos-secondary
  .crypto-infos-main-desc
  p.desc
  > span.negative {
  color: var(--red-normal);
}
.crypto-infos .crypto-infos-terciary .crypto-infos-main-stats {
  background: var(--bg-front);
  border-radius: 0.625rem;
  padding: 0.75rem 1rem;
  margin-right: 0;
  flex: 1;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .crypto-infos .crypto-infos-terciary .crypto-infos-main-stats {
    flex: 1 0 782px;
    background: var(--bg-front);
    border-radius: 1.25rem;
    padding: 3rem 2rem;
    margin-right: 2rem;
    margin-bottom: 0;
  }
  .crypto-infos .crypto-infos-terciary .crypto-infos-main-stats.bottom-stats {
    padding: 1.5rem 2rem;
  }
}
.crypto-infos
  .crypto-infos-terciary
  .crypto-infos-main-stats.bottom-stats
  .stat-title,
.crypto-infos
  .crypto-infos-terciary
  .crypto-infos-main-stats:not(.bottom-stats)
  .stat-title {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.crypto-infos
  .crypto-infos-terciary
  .crypto-infos-main-stats:not(.bottom-stats)
  .separator {
  background: var(--gray-light);
  width: 1px;
}
@media (min-width: 768px) {
  .crypto-infos
    .crypto-infos-terciary
    .crypto-infos-main-stats:not(.bottom-stats)
    > .left-ctn {
    padding: 0 1rem 0 0;
    border-right: 1px solid var(--gray-normal);
  }
  .crypto-infos
    .crypto-infos-terciary
    .crypto-infos-main-stats:not(.bottom-stats)
    > .middle-ctn {
    padding: 0 0.8rem;
    border-right: 1px solid var(--gray-normal);
  }
  .crypto-infos
    .crypto-infos-terciary
    .crypto-infos-main-stats:not(.bottom-stats)
    > .right-ctn {
    padding: 0 0 0 0.7rem;
  }
  .crypto-infos
    .crypto-infos-terciary
    .crypto-infos-main-stats.bottom-stats
    .stat-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.crypto-infos .crypto-infos-terciary .crypto-infos-main-stats > div {
  flex: 1;
}
.crypto-infos .crypto-infos-terciary .crypto-infos-main-stats .number {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--black-normal);
}
.crypto-infos .crypto-infos-terciary svg path {
  fill: var(--black-normal);
}
.crypto-infos
  .crypto-infos-terciary
  .crypto-infos-main-stats
  div
  > div
  > div
  > p {
  font-size: 1rem;
  font-weight: 500;
  color: var(--gray-normal);
}
.crypto-infos
  .crypto-infos-terciary
  .crypto-infos-main-stats.bottom-stats
  div
  > div
  > div
  > p {
  color: var(--black-normal);
}
@media (min-width: 768px) {
  .crypto-infos
    .crypto-infos-terciary
    .crypto-infos-main-stats
    div
    > div
    > div
    > p {
    font-size: 1.125rem;
  }
  .crypto-infos .crypto-infos-terciary .crypto-infos-main-stats .number {
    font-size: 1.125rem;
    margin-top: 0.625rem;
  }
}
.crypto-infos
  .crypto-infos-terciary
  .crypto-infos-main-stats
  div
  > div
  > div
  > div.changes
  > p {
  text-align: right;
  font-weight: 600;
  font-size: 0.75rem;
}
.crypto-infos .crypto-infos-terciary .crypto-infos-main-stats .stat {
  padding: 1rem 0;
  border-top: 1px solid var(--gray-light);
}
.crypto-infos .crypto-infos-terciary .crypto-infos-main-stats .stat:last-child {
  padding-bottom: 0.25rem;
}
@media (min-width: 768px) {
  .crypto-infos
    .crypto-infos-terciary
    .crypto-infos-main-stats:not(.bottom-stats)
    > div
    > div:not(:last-child) {
    margin-bottom: 3rem;
  }
  .crypto-infos
    .crypto-infos-terciary
    .crypto-infos-main-stats:not(.bottom-stats)
    div
    > div
    > div
    > div.changes.positive {
    background: var(--green-light);
  }
  .crypto-infos
    .crypto-infos-terciary
    .crypto-infos-main-stats:not(.bottom-stats)
    div
    > div
    > div
    > div.changes.negative {
    background: var(--red-light);
  }
  .crypto-infos
    .crypto-infos-terciary
    .crypto-infos-main-stats:not(.bottom-stats)
    div
    > div
    > div
    > div.changes
    > p {
    padding: 0.25rem 0.5rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.875rem;
  }
  .crypto-infos
    .crypto-infos-terciary
    .crypto-infos-main-stats:not(.bottom-stats)
    div
    > div
    > div
    > div.changes {
    min-width: 4rem;
    border-radius: 0.625rem;
    margin: 0.625rem 0 0 0.375rem;
    height: fit-content;
  }
  .crypto-infos
    .crypto-infos-terciary
    .crypto-infos-main-stats:not(.bottom-stats)
    .stat {
    padding: 0;
    border-top: none;
  }
  .crypto-infos
    .crypto-infos-terciary
    .crypto-infos-main-stats:not(.bottom-stats)
    .stat:last-child {
    padding: 0;
  }
}
.crypto-infos
  .crypto-infos-terciary
  .crypto-infos-main-stats
  div
  > div
  > div
  > div.changes.positive
  > p {
  color: var(--green-normal);
}
.crypto-infos
  .crypto-infos-terciary
  .crypto-infos-main-stats
  div
  > div
  > div
  > div.changes.negative
  > p {
  color: var(--red-normal);
}
.crypto-infos .crypto-infos-terciary .crypto-infos-main-stats div > div > p {
  font-size: 1.125rem;
  font-weight: 600;
}
.crypto-infos .crypto-infos-terciary .user-actions {
  align-content: baseline;
}
.crypto-infos .crypto-infos-terciary .user-actions > .user-action {
  padding: 0.75rem 1.125rem;
  background: var(--bg-front);
  height: fit-content;
  border-radius: 0.625rem;
  margin: 0 1.25rem 1.25rem 0;
  cursor: pointer;
}
.crypto-infos
  .crypto-infos-terciary
  .user-actions
  > .user-action
  > svg:first-child {
  margin-right: 0.75rem;
}
.crypto-infos
  .crypto-infos-terciary
  .user-actions
  > .user-action
  > svg:last-child {
  margin-left: 0.75rem;
}
.crypto-infos .crypto-infos-terciary .user-actions > .user-action > svg path {
  fill: var(--black-normal);
}
.crypto-infos .crypto-infos-terciary .user-actions > .user-action p {
  font-size: 0.875rem;
  font-weight: 600;
}
.crypto-infos
  .crypto-infos-terciary
  .user-actions
  > .user-action
  p.contract-address {
  max-width: 132px;
}
@media (min-width: 768px) {
  .crypto-infos .crypto-infos-terciary .user-actions > .user-action {
    max-height: 60px;
  }
  .crypto-infos .crypto-infos-terciary .user-actions > .user-action p {
    font-size: 1.125rem;
  }
}
.crypto-infos .graph-ctn {
  background: var(--bg-front);
  padding: 1.25rem 2rem;
  margin: 1rem 0 0 0;
  border-radius: 0.625rem;
}
@media (min-width: 768px) {
  .crypto-infos .graph-ctn {
    background: var(--bg-front);
    padding: 1.25rem 2rem;
    margin: 2rem 0 0 0;
    border-radius: 1.25rem;
  }
}
.crypto-infos .graph-ctn > header.graph-header .title {
  font-size: 1.5rem;
  font-weight: 700;
}
.crypto-infos .graph-ctn > header.graph-header .time-options > .time-option {
  background: transparent;
  padding: 0.25rem 0.5rem;
  color: var(--black-normal);
  border-radius: 0.625rem;
}
.crypto-infos
  .graph-ctn
  > header.graph-header
  .time-options
  > .time-option
  > p {
  font-size: 1.125rem;
  font-weight: 600;
}
.crypto-infos
  .graph-ctn
  > header.graph-header
  .time-options
  > .time-option:not(:last-child) {
  margin-right: 1.25rem;
}
.crypto-infos
  .graph-ctn
  > header.graph-header
  .time-options
  > .time-option.selected {
  background: linear-gradient(
    90deg,
    var(--purple-gradient-from) 0.01%,
    var(--purple-gradient-to) 100%
  );
  padding: 0.25rem 0.5rem;
  color: #fff;
}
.crypto-infos
  .graph-ctn
  > header.graph-header
  .time-options
  > .time-option.selected
  > p {
  color: #fff;
}
.prices-single .mk-convert > h3.title,
.prices-single .buy-crypto-section h3.title,
.prices-single .exchange-list-ctn,
.prices-single .crypto-bottom-description-ctn {
  margin-top: 2rem;
}
.prices-single .price-convert > h3.title,
.prices-single .mk-convert > h3.title,
.prices-single .buy-crypto-section h3.title,
.prices-single .exchange-list-ctn > h3.title,
.prices-single .crypto-bottom-description-ctn > h3.title {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--black-normal);
}
.exchange-list-ctn,
.prices-single .crypto-bottom-description-ctn {
  background: var(--bg-front);
  border-radius: 0.625rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .prices-single .price-convert > h3.title,
  .prices-single .mk-convert > h3.title,
  .prices-single .buy-crypto-section h3.title,
  .prices-single .exchange-list-ctn > h3.title,
  .prices-single .crypto-bottom-description-ctn > h3.title {
    font-size: 1.5rem;
  }
  .prices-single .mk-convert > h3.title {
    margin-top: 0;
  }
  .prices-single .buy-crypto-section h3.title {
    margin-top: 3rem;
  }
  .price-utils {
    padding: 0 2rem;
  }
  .prices-single .mk-convert {
    margin-left: 7rem;
  }
  .exchange-list-ctn {
    border-radius: 0.625rem;
  }
  .exchange-list-ctn,
  .prices-single .crypto-bottom-description-ctn {
    margin-bottom: 0;
  }
}
.buy-crypto-section-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.buy-crypto-section-grid .buy-crypto-section-grid-item {
  max-width: 18rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.buy-crypto-section-grid .buy-crypto-section-grid-item .sponsor {
  color: var(--gray-normal);
  font-size: 0.625rem;
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
}
.buy-crypto-section-grid .buy-crypto-section-grid-item input {
  outline: none;
  background: transparent;
  border: 1px solid var(--gray-normal);
  padding: 0.25rem 0.375rem;
  font-size: 1.25rem;
  border-radius: 0.75rem;
  margin-right: 0.375rem;
  display: flex;
  width: 80px;
  flex-grow: 1;
  color: var(--black-normal);
}
.buy-crypto-section-grid .buy-crypto-section-grid-item:first-child {
  display: block;
}
@media (min-width: 768px) {
  .buy-crypto-section-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem;
  }
  .buy-crypto-section-grid .buy-crypto-section-grid-item:nth-child(2) {
    display: block;
  }
  .buy-crypto-section-grid .buy-crypto-section-grid-item {
    display: none;
  }
  .buy-crypto-section-grid .buy-crypto-section-grid-item input {
    padding: 0.25rem 0.5rem;
    font-size: 1.75rem;
  }
}
@media (min-width: 992px) {
  .buy-crypto-section-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2rem;
  }
  .buy-crypto-section-grid .buy-crypto-section-grid-item:nth-child(3) {
    display: block;
  }
}
@media (min-width: 1200px) {
  .buy-crypto-section-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 2rem;
  }
  .buy-crypto-section-grid .buy-crypto-section-grid-item:nth-child(4) {
    display: block;
  }
}
.buy-crypto-section-grid-item {
  padding: 2rem 1.25rem 2rem;
  background: var(--bg-front);
  border-radius: 1.25rem;
}
.buy-crypto-section-grid-item .buy-crypto-section-grid-item-header {
  justify-content: center;
  align-items: center;
  padding: 1.25rem 1.25rem 2rem;
  background: var(--gray-soft);
  border-radius: 0.625rem;
}
.buy-crypto-section-grid-item
  .buy-crypto-section-grid-item-header
  img.buy-crypto-logo {
  width: 1.75rem;
  height: 1.75rem;
  position: absolute;
  top: -0.875rem;
  left: calc(50% - 1rem);
}
.buy-crypto-section-grid-item
  .buy-crypto-section-grid-item-header
  p.i-want-to-buy {
  font-size: 0.875rem;
  color: var(--gray-normal);
}
.buy-crypto-section-grid-item
  .buy-crypto-section-grid-item-header
  p.crypto-price {
  font-size: 1.75rem;
}
.buy-crypto-section-grid-item
  .buy-crypto-section-grid-item-header
  p.crypto-price
  > span {
  color: var(--gray-normal);
}
.buy-crypto-section-grid-item .order-info {
  margin-top: 2rem;
  padding: 0 1.25rem;
}
.buy-crypto-section-grid-item .order-info p.order-detail {
  color: var(--gray-normal);
  font-size: 0.875rem;
}
.buy-crypto-section-grid-item .order-info .currency,
.market-cap-tool .currency {
  color: var(--gray-normal);
  padding: 2px 4px;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  font-size: 0.875rem;
}
.buy-crypto-section-grid-item .order-info .currency:not(:last-child),
.market-cap-tool .currency:not(:last-child) {
  margin-right: 0.375rem;
}
.buy-crypto-section-grid-item .order-info .currency.selected,
.market-cap-tool .currency.selected {
  box-shadow: 0 4px 8px 0 #26323814, 0 2px 4px 0 var(--outer-card-shadow);
  color: var(--purple-gradient-to);
  background: var(--bg-back);
}
.buy-crypto-section-grid-item .currency-price,
.buy-crypto-section-grid-item .currency-displayed {
  font-size: 1.75rem;
  font-weight: 600;
  padding: 0 1rem;
  text-align: center;
  display: table;
  color: var(--black-normal);
}
.buy-crypto-section-grid-item .currency-displayed {
  padding-left: 0;
  padding-right: 2.375rem;
}
.buy-crypto-section-grid-item a.buy-crypto-btn,
.buy-crypto-section-grid-item div.buy-crypto-btn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 180px;
  background: linear-gradient(
    to right,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
  padding: 0.75rem 1rem;
  transition: all 0.3s linear;
  border-radius: 6rem;
  border: none;
  outline: none;
  margin: 1.5rem auto 0;
}
.buy-crypto-section-grid-item a.buy-crypto-btn > p,
.buy-crypto-section-grid-item div.buy-crypto-btn > p {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
}
.buy-crypto-section-grid-item a.buy-crypto-btn > svg path,
.buy-crypto-section-grid-item div.buy-crypto-btn > svg path {
  fill: #fff;
}
.exchange-list-ctn,
.crypto-bottom-description-ctn {
  padding: 0.75rem 1rem;
}
.exchange-list {
  max-height: 500px;
  overflow-y: auto;
}
.exchange-list-item.header {
  padding: 0.625rem 0;
}
.exchange-list-item {
  padding: 0.5rem 0;
  border-top: 1px solid var(--gray-soft);
}
.exchange-list-item > div:not(:last-child) {
  margin-right: 0.25rem;
}
.exchange-list-item .title {
  font-size: 0.75rem;
  font-weight: 600;
}
.exchange-list-item .content {
  font-size: 0.875rem;
  font-weight: 600;
}
.exchange-list-item .rank .content {
  color: var(--gray-normal);
}
.exchange-list-item .security.low .content {
  color: var(--red-normal-home);
}
.exchange-list-item .security.medium .content {
  color: var(--guide-or-turorial-medium-color);
}
.exchange-list-item .security.high .content {
  color: var(--green-normal);
}
.exchange-list-item .rank {
  display: flex;
  flex: 1;
}
.exchange-list-item .exchange-logo-and-name {
  display: flex;
  flex: 5;
}
.exchange-list-item .exchange-logo-and-name > img {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.125rem;
}
.exchange-list-item .pair {
  display: none;
}
.exchange-list-item .price {
  display: flex;
  flex: 3;
}
.exchange-list-item .volume {
  display: none;
  flex: 3;
}
.exchange-list-item .buy {
  display: flex;
  flex: 3;
}
.buy-button-xs {
  display: block;
  background: linear-gradient(
    to right,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
  transition: all 0.3s linear;
  border: none;
  outline: none;
  font-size: 0.625rem;
  border-radius: 0.375rem;
  padding: 0.25rem 0.5rem;
  color: var(--white-normal) !important;
}
.mk-convert .buy {
  width: fit-content;
  margin: 0 auto;
  position: relative;
  bottom: 1rem;
}
@media (min-width: 768px) {
  .exchange-list-ctn {
    padding: 1.5rem 2rem 1rem;
  }
  .crypto-bottom-description-ctn {
    padding: 1.5rem 2rem;
  }
  .exchange-list {
    max-height: 760px;
  }
  .exchange-list-item.header {
    padding: 0.75rem 0;
  }
  .exchange-list-item {
    padding: 0.5rem 0;
  }
  .exchange-list-item .exchange-logo-and-name {
    display: flex;
    flex: 3;
  }
  .exchange-list-item .pair {
    display: flex;
    flex: 2;
  }
  .exchange-list-item .price {
    display: flex;
    flex: 2;
  }
  .exchange-list-item .volume {
    display: flex;
    flex: 3;
  }
  .exchange-list-item .buy {
    display: flex;
    flex: 2;
  }
  .exchange-list-item .buy button {
    font-size: 0.75rem;
  }
}
.crypto-bottom-description-ctn .description {
  font-size: 0.875rem;
  font-weight: 400;
}
.crypto-bottom-description-ctn .description > span {
  font-weight: 600;
}
.crypto-bottom-description-ctn .see-associated-paper {
  background: var(--purple-light);
  border-radius: 0.625rem;
  margin-top: 1rem;
}
.crypto-bottom-description-ctn .see-associated-paper {
  display: table;
  background: var(--purple-light);
  border-radius: 0.625rem;
  margin-top: 1rem;
}
.crypto-bottom-description-ctn .see-associated-paper > p {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.last-news-of {
  font-size: 1.125rem;
  color: var(--black-normal);
}
@media (min-width: 768px) {
  .crypto-bottom-description-ctn .description {
    font-size: 1.125rem;
  }
  .crypto-bottom-description-ctn .see-associated-paper {
    margin-top: 1.5rem;
  }
  .last-news-of {
    padding-left: 2rem;
    font-size: 1.5rem;
  }
}
.ss-main {
  max-width: 288px;
  width: 100%;
  color: #fff;
  padding: 0 0.75rem;
}
.ss-main .close-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.ss-main .ss-single-selected .crypto-icon {
  width: 2.75rem;
  height: 2.75rem;
  margin-right: 0.875rem;
}
.ss-main > .ss-single-selected .is-not-selected {
  display: none;
}
.ss-main > .ss-content > .ss-list .is-selected {
  display: none;
}
.ss-main .ss-option .crypto-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}
.ss-list::-webkit-scrollbar {
  width: 6px;
}
.ss-list::-webkit-scrollbar-track {
  background: #ffcbc1;
  overflow: hidden;
  border-radius: 0.25rem;
  margin: 1.5rem 0;
  position: relative;
  right: 0.125rem;
}
.ss-list::-webkit-scrollbar-thumb {
  background-color: #ff815e;
  border-radius: 1.5rem;
}
.ss-main .ss-list {
  padding: 3.5rem 0.75rem 0.5rem 0.75rem;
  position: relative;
  right: 0.75rem;
  top: 0.5rem;
  border-radius: 1rem;
  max-height: 10rem;
  background: var(--bg-front);
  scrollbar-width: thin;
  scrollbar-color: #ff815e #ffcbc1;
  box-shadow: 0 12px 12px rgba(28, 65, 84, 0.1),
    0 24px 24px rgba(28, 65, 84, 0.08), 0 64px 48px rgba(28, 65, 84, 0.08),
    0 64px 64px rgba(28, 65, 84, 0.04);
}
.ss-main.no-search .ss-list {
  padding: 0.75rem 0.5rem;
}
.ss-main.no-search .ss-content {
  top: 32px !important;
}
.ss-content .ss-list .ss-option * {
  display: flex;
}
.ss-content .ss-list .ss-option .checkmark-icon-wrapper {
  padding: 0.1875rem 0.25rem;
  background-color: #ff815e;
  border-radius: 50%;
  margin-left: auto;
  display: none;
}
.checkmark-icon {
  display: flex;
  height: 0.5625rem;
  width: 0.5625rem;
}
.ss-content .ss-list .ss-option,
.ss-content .ss-list .ss-option.ss-disabled {
  position: relative;
  background-color: transparent !important;
  color: var(--black-normal);
  padding: 0.5rem;
  font-size: 0.875rem;
  font-weight: bold;
  border-radius: 0.75rem;
}
.ss-content .ss-list .ss-option.ss-disabled {
  background-color: #8888881a;
  cursor: auto;
}
.ss-main .ss-single-selected .placeholder .checkmark-icon-wrapper {
  display: none;
}
.ss-content .ss-list .ss-option.ss-disabled .checkmark-icon-wrapper {
  display: flex;
}
.ss-content .ss-list .ss-option.ss-disabled.ss-highlighted,
.ss-content .ss-list .ss-option:hover {
  color: var(--black-normal);
  background-color: #8888881a;
}
.ss-main .search-icon {
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute; /*left:28px;*/
  right: 1.7em;
  top: 22px;
}
.ss-content .ss-list .ss-option:not(.ss-disabled) .is-selected-icon {
  display: block;
}
.ss-main .ss-list .ss-option:not(:last-child) {
  margin-bottom: 0.5rem;
}
.ss-main .ss-content.ss-open {
  border-bottom: none;
  border-right: none;
  border-left: none;
  border-top: none;
  background: transparent;
  position: absolute;
  top: 64px;
}
.ss-main .ss-single-selected {
  position: relative;
  background: transparent;
  padding: 0;
  height: 54px;
  border: none;
}
.ss-main .ss-option {
  background: transparent;
  display: flex;
  align-items: center;
}
.ss-main .ss-single-selected .ss-arrow {
  margin: 16px 4px;
  background: var(--black-normal);
  padding: 4px 6px;
  border-radius: 50%;
  height: 20px;
}
.ss-main .ss-single-selected .ss-arrow span {
  border: solid var(--white-normal);
  border-width: 0 2px 2px 0;
}
.ss-main .ss-single-selected .placeholder {
  font-size: 1.125rem;
  text-transform: capitalize;
  font-weight: 600;
  color: var(--black-normal);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 192px;
}
.ss-content .ss-search {
  padding: 0.675rem 0.875rem;
  background: var(--bg-front);
  position: absolute;
  z-index: 1;
  width: calc(100% - 6px);
  right: 1.125rem;
  top: 0.5rem;
  border: none;
  border-radius: 0.75rem;
}
.ss-content .ss-search input {
  height: 2.25rem;
  padding: 0.75rem 0.75rem 0.75rem 2.5rem;
  border-radius: 0.625rem;
  background: #d5d7d8;
  font-size: 1rem;
  width: 100%;
}
.ss-content .ss-search input:focus {
  box-shadow: none;
}
.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:hover {
  color: var(--black-normal);
  background-color: var(--gray-soft) !important;
}
.swap-icon {
  height: 1.125rem;
  width: 1.25rem;
  cursor: pointer;
  margin: 0 0.75rem;
  transform: rotate(90deg);
}
.swap-separator {
  border-top: 1px solid var(--white-normal);
}
.right-arrow-icon-convert {
  width: 0.75rem;
  margin: 0.875rem;
  transform: rotate(90deg);
}
@media (min-width: 768px) {
  .right-arrow-icon-convert {
    transform: none;
  }
}
.market-cap-tool {
  position: relative;
  display: flex;
}
.price-convert .market-cap-tool {
  max-width: 18rem;
  margin: 0 auto;
}
.market-cap-tool .market-cap-tool-card {
  box-shadow: rgba(88, 102, 126, 0.08) 0 4px 16px,
    rgba(88, 102, 126, 0.12) 0 1px 2px;
  border-radius: 1rem;
  padding: 0.75rem 0;
  max-width: 18rem;
  width: 100%;
  background: var(--bg-front);
  position: relative;
}
.market-cap-tool .market-cap-tool-card input {
  border-radius: 0.25rem;
  color: var(--black-normal);
  width: 100%;
  padding: 0.5rem 0 0.5rem 0.5rem;
  outline: none;
  border: 1px solid var(--gray-normal);
  font-size: 1rem;
  background: transparent;
}
.market-cap-tool .market-cap-tool-card input::placeholder {
  color: var(--gray-light);
}
@media (min-width: 576px) {
  .market-cap-tool .market-cap-tool-card {
    box-shadow: rgba(88, 102, 126, 0.08) 0 4px 12px,
      rgba(88, 102, 126, 0.12) 0 1px 2px;
  }
}
.crypto-info {
  margin-bottom: 0;
}
.market-cap-tool .swap-result-card {
  padding: 0.5rem 0.75rem;
}
.swap-result-card p {
  margin: 0;
}
.market-cap-tool .card-title {
  text-align: center;
  font-size: 1rem;
  color: var(--gray-normal);
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0 0.75rem;
}
.market-cap-tool span.rounded-letter {
  text-align: center;
  font-size: 0.875rem;
  display: flex;
  height: 21px;
  width: 21px;
  align-items: center;
  justify-content: center;
  color: var(--orange-primary);
  border: 2px solid var(--orange-primary);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.swap-result-card img.crypto-icon {
  width: 2.75rem;
  height: 2.75rem;
  margin-right: 0.5rem;
}
.swap-result-card p#dollar-result {
  font-size: 1.5rem;
  color: var(--black-normal);
  max-width: 160px;
  font-weight: bold;
}
.swap-result-card p#coefficient-result {
  font-size: 0.875rem;
  border-radius: 3.125rem;
  color: #111;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  margin: 0.25rem auto 2.25rem;
  display: table;
}
.swap-result-card p#coefficient-result.green {
  background: var(--green-light-home);
}
.swap-result-card p#coefficient-result.red {
  background: var(--red-normal-home);
}
.market-cap-tool-card p.website,
.swap-result-card p.website {
  color: var(--gray-normal);
  font-size: 0.625rem;
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
}
.contact-us-intro {
  margin: 1rem 0 1.5rem 0;
}
.contact-us-intro h3 {
  font-size: 1.25rem;
  color: var(--orange-primary);
  margin-right: auto;
  font-weight: 700;
}
.contact-us-intro img {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.contact-us-intro img:not(:last-child) {
  margin-right: 0.75rem;
}
.contact-us-intro p {
  font-size: 1rem;
  margin-top: 1rem;
}
.contact-us-card {
  background: var(--bg-front);
  border-radius: 1.25rem;
  padding: 1.25rem;
  box-shadow: 0 4px 24px 0 #58667e14, 0 1px 2px 0 #58667e1f;
}
.contact-us-card:not(:last-child) {
  margin-bottom: 1rem;
}
.contact-us-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
}
.contact-us-card p.description {
  letter-spacing: 1px;
  text-align: justify;
}
.contact-us-card .card-content svg {
  width: 2rem;
  height: 2rem;
}
.contact-us-card .card-content > div {
  margin: 0 2rem 0.75rem;
}
.contact-us-card .card-content-icon {
  margin-right: 1.25rem;
}
.contact-us-card footer {
  margin-top: 1rem;
}
.contact-us-card footer > .rounded-gray-ctn {
  background: var(--bg-back);
  padding: 0.5rem 0.75rem;
  border-radius: 0.625rem;
  margin-right: 1.25rem;
}
.contact-us-card footer > .rounded-gray-ctn {
  background: var(--bg-back);
  padding: 0.5rem 0.75rem;
  border-radius: 0.625rem;
  max-width: calc(50vw + 1rem);
  width: 100%;
  justify-content: space-between;
}
.contact-us-card footer > .rounded-gray-ctn p {
  font-weight: 600;
  font-size: 0.875rem;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  margin-right: auto;
  max-width: 40vw;
}
.contact-us-card footer > .rounded-gray-ctn svg {
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  margin-left: 0.5rem;
}
.contact-us-card footer > .rounded-gray-ctn svg path {
  fill: var(--gray-normal);
}
.contact-us-card .right-arrow-ctn {
  display: flex;
  align-items: center;
  border-radius: 6rem;
  background: transparent;
  border: 1px solid var(--black-normal);
  padding: 0.4375rem 1.5rem;
  cursor: pointer;
  height: fit-content;
  transition: all 0.3s ease;
}
.contact-us-card .right-arrow-ctn svg {
  width: 1rem;
  height: 1rem;
  fill: var(--black-normal);
}
.contact-us-card .right-arrow-ctn svg path {
  fill: var(--black-normal);
}
.contact-us-card .right-arrow-ctn:hover {
  background: var(--orange-primary);
  border-color: transparent;
}
.contact-us-card .right-arrow-ctn:hover svg path {
  fill: var(--white-normal);
}
.contact-us-card .card-content .contact-us-sn svg {
  width: 1rem;
  height: 1rem;
}
@media (min-width: 768px) {
  .contact-us-intro {
    margin: 2rem 0 2rem 0;
  }
  .contact-us-intro h3 {
    font-size: 2rem;
    margin-right: 1.25rem;
  }
  .contact-us-intro p {
    font-size: 1.125rem;
  }
  .contact-us-intro img {
    width: 2rem;
    height: 2rem;
  }
  .contact-us-card h3 {
    font-size: 1.5rem;
  }
  .contact-us-card .card-content > div {
    margin: 0 0 1.125rem 0;
  }
  .contact-us-card p.description {
    font-size: 1.125rem;
  }
  .contact-us-card .left-icon {
    display: flex;
    flex: 1;
  }
  .contact-us-card .card-content {
    flex: 3;
    padding-right: 200px;
  }
  .contact-us-card footer {
    margin-top: 2.5rem;
  }
  .contact-us-card footer > .rounded-gray-ctn p {
    font-size: 1rem;
    max-width: 200px;
  }
  .contact-us-card:not(:last-child) {
    margin-bottom: 2rem;
  }
  .contact-us-card footer > .rounded-gray-ctn {
    max-width: 260px;
  }
}
.our-team h1.headline {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin-top: 2rem;
  line-height: 1.2;
}
.our-team .our-team-card {
  padding: 2rem 1rem;
  background: var(--bg-front);
  border-radius: 1.25rem;
}
.our-team .our-team-card header h3 {
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
}
.our-team .our-team-card header p {
  color: var(--gray-normal);
  font-size: 1rem;
  font-weight: 700;
  margin-top: 1rem;
  text-align: center;
}
.our-team span.orange-underline {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--orange-primary);
  text-underline-offset: 4px;
}
.our-team p.subheadline {
  color: var(--gray-normal);
  font-size: 1.125rem;
  text-align: center;
  margin: 2rem 0 3rem 0;
}
.our-team .team-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem 3rem;
  margin-top: 2.25rem;
}
.our-team .team-grid-item img {
  width: 7.5rem;
  height: 7.5rem;
}
.our-team .team-grid-item .name {
  font-size: 1.125rem;
  font-weight: 600;
}
.our-team .team-grid-item .job {
  font-weight: 600;
  color: var(--gray-normal);
  margin-top: 0.25rem;
}
.our-team .team-grid-item svg.linkedin-logo {
  width: 1.25rem;
  height: 1.25rem;
}
.our-team .team-grid-item svg.linkedin-logo path {
  fill: var(--black-normal);
}
.our-team .our-partner {
  margin-top: 4rem;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
.our-team .our-partner-desc {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  color: var(--gray-normal);
  margin-top: 1.5rem;
}
.our-team .partner-logo-ctn svg path:not(.excluded) {
  fill: var(--black-normal);
}
.our-team .partner-logo-ctn .partner-logo {
  margin: 1.75rem 0 0 0;
}
.hiring-and-press-kit {
  margin: 4rem 0;
}
.hiring-and-press-kit > div:first-child {
  margin: 0 0 1.5rem 0;
}
.hiring-and-press-kit > div {
  flex: 1;
  background: var(--bg-front);
  padding: 2rem;
  border-radius: 1.25rem;
}
.hiring-and-press-kit > div .title {
  font-size: 1.375rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: var(--black-normal) !important;
}
.hiring-and-press-kit > div .description {
  font-size: 1.125rem;
  color: var(--gray-normal);
  margin-bottom: 3rem;
}
.hiring-and-press-kit .action-ctn a {
  color: var(--black-normal);
  font-size: 1.125rem;
  font-weight: 600;
  margin-right: auto;
}
.hiring-and-press-kit .right-arrow-ctn {
  display: flex;
  align-items: center;
  border-radius: 6rem;
  background: transparent;
  border: 1px solid var(--black-normal);
  padding: 0.4375rem 1.5rem;
  cursor: pointer;
  height: fit-content;
  transition: all 0.3s ease;
}
.hiring-and-press-kit .right-arrow-ctn svg {
  width: 1rem;
  height: 1rem;
  fill: var(--black-normal);
}
.hiring-and-press-kit .right-arrow-ctn svg path {
  fill: var(--black-normal);
}
.hiring-and-press-kit .right-arrow-ctn:hover {
  background: var(--orange-primary);
  border-color: transparent;
}
.hiring-and-press-kit .right-arrow-ctn:hover svg path {
  fill: var(--white-normal);
}
@media (min-width: 768px) {
  .our-team {
    padding: 1rem 2rem !important;
  }
  .our-team h1.headline {
    font-size: 4rem;
    max-width: 900px;
    margin: 4rem auto 0;
  }
  .our-team span.orange-underline {
    text-decoration-thickness: 4px;
    text-underline-offset: 10px;
  }
  .our-team p.subheadline {
    font-size: 1.5rem;
    text-align: center;
    max-width: 900px;
    margin: 2.75rem auto 5rem;
  }
  .our-team .our-team-card {
    padding: 5rem 9rem;
  }
  .our-team .our-team-card header h3 {
    font-size: 3rem;
  }
  .our-team .our-team-card header p {
    font-size: 1.25rem;
    margin-top: 1.25rem;
  }
  .our-team .team-grid {
    margin-top: 3.25rem;
    grid-gap: 2.5rem 3rem;
  }
  .our-team .team-grid-item img {
    width: 9rem;
    height: 9rem;
  }
  .our-team .team-grid-item .name {
    font-size: 1.25rem;
  }
  .our-team .team-grid-item .job {
    font-size: 1.125rem;
  }
  .our-team .our-partner {
    margin-top: 4rem;
    font-size: 3rem;
  }
  .our-team .our-partner-desc {
    font-size: 1.5rem;
    margin-top: 1rem;
  }
  .our-team .partner-logo-ctn .partner-logo:not(:last-child) {
    margin-right: 4.5rem;
  }
  .hiring-and-press-kit {
    margin: 12rem 0 8rem;
  }
  .hiring-and-press-kit > div:first-child {
    margin: 0 4.5rem 0 0;
  }
  .hiring-and-press-kit > div {
    padding: 2.5rem 2.75rem;
  }
  .hiring-and-press-kit > div .title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .hiring-and-press-kit > div .description {
    font-size: 1.25rem;
    margin-bottom: 3.5rem;
  }
  .hiring-and-press-kit .action-ctn a {
    font-size: 1.25rem;
    margin-right: 1.5rem;
  }
}
@media (min-width: 992px) {
  .our-team .team-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .our-team .team-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.jobs .introduction {
  margin: 1rem 0 3rem 0;
}
.jobs .headline-texts h1 {
  font-size: 1.25rem;
  color: var(--orange-primary);
  margin-bottom: 1rem;
  font-weight: 700;
}
.jobs .headline-texts p {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
}
.jobs .headline-ctn {
  margin: 0 0 2.5rem 0;
}
.jobs .job-illustration {
  width: calc(100vw - 1.5rem);
  height: calc(100vw - 1.5rem);
  max-width: 400px;
  max-height: 400px;
}
.jobs button {
  border-radius: 0.625rem;
  padding: 0.75rem 1rem;
  border: none;
  outline: none;
  transition: all 0.3s linear;
}
.jobs .headline-btns button:first-child {
  margin-right: 1.5rem;
}
.jobs button.orange {
  background: var(--orange-primary);
}
.jobs button.orange p {
  font-weight: 500;
  color: var(--white-normal);
}
.jobs .headline-btns button.gray {
  background: var(--gray-light-2);
}
.jobs .headline-btns button.gray p {
  font-weight: 500;
}
.jobs .headline-btns button svg {
  display: none;
}
.job-cards-ctn .job-card {
  padding: 1rem;
  border-radius: 1.25rem;
  background: var(--bg-front);
}
.job-cards-ctn .job-card:not(:last-child) {
  margin-bottom: 2rem;
}
.job-cards-ctn .job-card:last-child {
  margin-bottom: 3rem;
}
.job-cards-ctn .job-card header {
  margin-bottom: 0.75rem;
}
.job-cards-ctn .job-card header img {
  width: 3rem;
  height: 3rem;
  margin-right: 0.75rem;
}
.job-cards-ctn p.salary {
  font-size: 1.125rem;
  font-weight: 600;
}
.job-cards-ctn .job-card p.timestamp {
  font-size: 0.875rem;
  color: var(--gray-normal);
  font-weight: 600;
}
.job-cards-ctn .job-card .middle-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 0 0.5rem;
  background: var(--gray-normal);
}
.job-cards-ctn .job-card .job-name {
  font-size: 1.125rem;
  font-weight: 600;
  margin-top: 0.25rem;
  display: inline-flex;
  align-items: center;
}
.job-cards-ctn .job-card .job-name > span.is-new {
  font-size: 0.625rem;
  background: var(--orange-light);
  border-radius: 0.625rem;
  padding: 0.375rem 0.625rem;
  color: var(--orange-primary);
  margin-left: 1rem;
}
.job-cards-ctn .job-card .job-description {
  line-height: 1.5;
  text-align: justify;
  font-weight: 400;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.job-cards-ctn .job-card p.quality-required {
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--gray-light);
  height: fit-content;
  font-size: 0.625rem;
  border-radius: 0.625rem;
  font-weight: 700;
}
.job-cards-ctn .job-card p.quality-required:not(:last-child) {
  margin-right: 0.75rem;
  margin-bottom: 0.5rem;
}
.job-cards-ctn .job-card .salary-and-more-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.75rem;
}
.job-cards-ctn .job-card .more-info-btn {
  padding: 0.75rem 1.5rem;
}
.job-cards-ctn .job-card .more-info-btn p {
  font-weight: 500;
}
@media (min-width: 768px) {
  .jobs .introduction {
    margin: 7rem 0 6rem 0;
  }
  .jobs .headline-texts h1 {
    font-size: 2rem;
    margin-bottom: 1.25rem;
  }
  .jobs .headline-texts p {
    font-size: 1.125rem;
    margin-bottom: 1.75rem;
  }
  .jobs .headline-ctn {
    max-width: 44%;
    margin-right: 3rem;
  }
  .jobs .job-illustration {
    width: 496px;
    height: 496px;
  }
  .jobs .headline-btns button svg {
    display: block;
    margin-left: 1.25rem;
  }
  .job-cards-ctn .job-card {
    padding: 2.75rem 3.25rem 2rem;
  }
  .job-cards-ctn .job-card header {
    margin-bottom: 1rem;
  }
  .job-cards-ctn .job-card header img {
    margin-right: 1.25rem;
  }
  .job-cards-ctn .job-card p.timestamp {
    font-size: 1.125rem;
  }
  .job-cards-ctn .job-card .job-name {
    font-size: 1.5rem;
  }
  .job-cards-ctn .job-card .job-name > span.is-new {
    font-size: 0.75rem;
  }
  .job-cards-ctn .job-card .job-description {
    max-width: 70%;
    margin-bottom: 1.5rem;
    display: block;
    -webkit-box-orient: unset;
    -webkit-line-clamp: unset;
    overflow: visible;
  }
  .job-cards-ctn .job-card p.quality-required {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
  }
  .job-cards-ctn .job-card p.quality-required:not(:last-child) {
    margin-right: 1rem;
    margin-bottom: 0.75rem;
  }
  .job-cards-ctn .job-card .salary-and-more-info {
    width: auto;
    justify-content: flex-end;
    margin-top: 0;
  }
  .job-cards-ctn .job-card .more-info-btn {
    position: relative;
    bottom: 0.75rem;
  }
}
.tuto-guide-block {
  padding: 1rem;
  position: relative;
  border-radius: 1rem;
  margin: 2rem 0;
}

.tuto-guide-block ul {
  list-style: none;
}
.tuto-guide-block .title {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  color: var(--black-normal) !important;
  font-weight: 700;
}
.tuto-guide-block div {
  color: var(--black-normal) !important;
}
.tuto-guide-block p.content {
  font-size: 1rem;
  color: var(--black-normal) !important;
}
.tuto-guide-block img.block-icon {
  position: absolute;
  /*left: calc(50vw - 1.125rem);
  top: -1rem;
  */
  
}
.tuto-guide-block.aim-block {
  background: linear-gradient(
    to right,
    rgba(168, 172, 246, 0.25),
    rgba(113, 159, 234, 0.25)
  );
}
.tuto-guide-block.faq-block {
  background: linear-gradient(
    to right,
    rgba(97, 215, 17, 0.25),
    rgba(108, 206, 208, 0.25)
  );
}
.tuto-guide-block.prerequisites-block {
  background: linear-gradient(
    to right,
    rgba(214, 147, 216, 0.25),
    rgba(156, 126, 201, 0.25)
  );
}
.tuto-guide-block.warning-block {
  background: linear-gradient(
    to right,
    rgba(242, 170, 129, 0.25),
    rgba(235, 97, 146, 0.25)
  );
}
.configure-wallet {
  border-radius: 0.625rem;
  max-width: 788px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: var(--bg-front);
}
.configure-wallet .top-border {
  background: linear-gradient(
    to right,
    var(--formation-gradient-from),
    var(--formation-gradient-to)
  );
  width: 100%;
  height: 4px;
}
.configure-wallet .configure-wallet-banner {
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  background: linear-gradient(
    to right,
    var(--formation-gradient-from),
    var(--formation-gradient-to)
  );
  width: fit-content;
}
.configure-wallet .configure-wallet-banner svg {
  margin-right: 0.75rem;
}
.configure-wallet .configure-wallet-banner p {
  font-size: 1rem;
  line-height: 1;
  color: var(--white-normal);
}
.configure-wallet .configure-wallet-inner {
  padding: 1.25rem 1rem;
}
.configure-wallet .protocol-info li {
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
}
.configure-wallet .protocol-info li:not(:last-child) {
  margin-bottom: 0.25rem;
}
.configure-wallet .protocol-info li::before {
  content: "•";
  margin-right: 0.75rem;
}
.configure-wallet .protocol-info li > span {
  display: flex;
  align-items: center;
  width: fit-content;
  font-weight: 500;
  padding: 0.25rem;
  background: var(--bg-back);
  border-radius: 0.625rem;
  margin-left: 0.5rem;
}
.configure-wallet .protocol-info li > span > span.text-to-copy {
  max-width: calc(100vw - 16rem);
}
.configure-wallet .protocol-info li > span > svg {
  margin-left: 0.5rem;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
}
.configure-wallet .protocol-info li > span > svg path {
  fill: var(--gray-normal);
}
.download-document {
  max-width: 788px;
  width: 100%;
  margin: 3rem auto 0;
  display: flex;
  flex-direction: column;
  background: var(--header-border);
  border-radius: 1.25rem;
  padding: 1.25rem 1rem 1rem;
  align-items: center;
  justify-content: center;
}
.download-document .form {
  margin-bottom: 1.25rem;
}
.download-document .form p {
  font-size: 1.25rem;
  font-weight: 700;
}
.download-document .download p {
  color: var(--orange-primary);
  margin-right: 0.625rem;
  font-size: 1.125rem;
  font-weight: 600;
}
.tuto-guide-conclusion {
  border-radius: 1rem;
  background: var(--bg-front);
  display: flex;
  width: 100%;
  overflow: hidden;
  margin: 2.5rem 0;
}
.tuto-guide-conclusion .left-border {
  width: 10px;
  background: linear-gradient(
    to right,
    var(--orange-gradient-from),
    var(--orange-gradient-to)
  );
}
.tuto-guide-conclusion .tuto-guide-conclusion-inner {
  padding: 1rem;
}
.tuto-guide-conclusion .tuto-guide-conclusion-inner h3 {
  color: var(--black-normal) !important;
  margin-bottom: 0.75rem;
  font-size: 2rem;
  font-weight: 700;
}
.tuto-guide-conclusion .tuto-guide-conclusion-inner p,
.tuto-guide-conclusion .tuto-guide-conclusion-inner li {
  font-size: 1.125rem;
}
.cryptoast-opinion h3.title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--black-normal) !important;
}
.cryptoast-opinion p.subtitle {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.cryptoast-opinion div.opinion-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.875rem;
  margin-bottom: 2rem;
}
.cryptoast-opinion .opinion-card-toasts-ctn img:not(:last-child) {
  margin-right: 0.5rem;
}
.cryptoast-opinion div.opinion-card {
  border-radius: 0.625rem;
  background: var(--header-border);
  padding: 1rem 1.25rem;
  justify-content: space-between;
  align-items: center;
}
.cryptoast-opinion div.opinion-card p {
  font-size: 1.125rem;
  font-weight: 700;
}
.cryptoast-opinion div.opinion-card img {
  width: 23px;
  height: 21px;
}
.cryptoast-opinion .positive-point {
  margin-bottom: 1.125rem;
}
.cryptoast-opinion .positive-point,
.cryptoast-opinion .negative-point {
  max-width: 386px;
  width: 100%;
  margin-right: 2.5rem;
}
.cryptoast-opinion .positive-point p.title,
.cryptoast-opinion .negative-point p.title {
  font-size: 1.125rem;
  font-weight: 700;
}
.cryptoast-opinion .positive-point-list {
  list-style: none;
  position: relative;
  padding: 0 0 0 2rem;
  margin: 0;
}
.cryptoast-opinion .positive-point-list li {
  padding-left: 1rem;
}
.cryptoast-opinion .positive-point-list li:before {
  position: absolute;
  content: "•";
  color: var(--green-gradient-from);
  left: 2rem;
  transform: scale(2);
}
.cryptoast-opinion .negative-point-list {
  list-style: none;
  position: relative;
  padding: 0 0 0 2rem;
  margin: 0;
}
.cryptoast-opinion .negative-point-list li {
  padding-left: 1rem;
}
.cryptoast-opinion .negative-point-list li:before {
  position: absolute;
  content: "•";
  color: var(--orange-gradient-from);
  left: 2rem;
  transform: scale(2);
}
.tuto-and-guide-debrief {
  margin-top: 2rem;
  max-width: 788px;
  width: 100%;
}
.tuto-and-guide-debrief h3.title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--black-normal) !important;
}
.tuto-and-guide-debrief p.content {
  font-size: 1rem;
  text-align: justify;
  margin-bottom: 2rem;
}
.tuto-and-guide-debrief .rating img {
  width: 84px;
  height: 77px;
  margin-bottom: 0.5rem;
}
.tuto-and-guide-debrief .rating p {
  font-size: 2rem;
  font-weight: 700;
}
.tuto-guide-your-opinion,
.tuto-guide-project-link {
  padding: 1.25rem;
  background: var(--header-border);
  border-radius: 0.625rem;
  max-width: 788px;
  width: 100%;
}
.tuto-guide-your-opinion .title,
.tuto-guide-project-link .title {
  text-align: center;
  font-size: 1.125rem;
  color: var(--black-normal) !important;
  margin-bottom: 1rem;
}
.tuto-guide-your-opinion .your-opinion-toasts-ctn img:not(:last-child) {
  margin-right: 0.5rem;
}
.your-opinion-toast-icon {
  cursor: pointer;
}
.tuto-guide-result {
  border-radius: 1.25rem;
  padding: 1.25rem;
}
.tuto-guide-result h3.title {
  font-size: 1.125rem;
  font-weight: 700;
}
.tuto-guide-result p.content {
  font-size: 1rem;
  font-weight: 600;
}
.tuto-guide-success {
  background: linear-gradient(
    to right,
    rgba(97, 215, 172, 0.25),
    rgba(108, 206, 208, 0.1)
  );
}
.tuto-guide-failure {
  background: linear-gradient(
    to right,
    rgba(255, 118, 117, 0.25),
    rgba(255, 118, 117, 0.1)
  );
}
.tuto-guide-failure h3.title {
  color: var(--red-normal-home) !important;
}

@media (min-width: 768px) {
  .tuto-guide-block {
    padding: 1rem 2rem;
    margin: 2.5rem 0;
  }
  .tuto-guide-block .title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .tuto-guide-block p.content {
    font-size: 1.125rem;
  }
  .tuto-guide-block img.block-icon {
    position: absolute;
    left: -0.5em;
    top: calc(-47%);
  }
  .configure-wallet {
    border-radius: 0.625rem;
  }
  .configure-wallet .configure-wallet-banner p {
    font-size: 1.25rem;
  }
  .configure-wallet .configure-wallet-inner {
    padding: 1.75rem 2.25rem 1.25rem;
  }
  .configure-wallet .protocol-info li {
    flex-direction: row;
    font-size: 1.5rem;
  }
  .configure-wallet .protocol-info li > span {
    padding: 0.25rem;
  }
  .configure-wallet .protocol-info li > span > svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .configure-wallet .protocol-info li > span > span.text-to-copy {
    max-width: unset;
  }
  .download-document {
    padding: 3.75rem 3rem;
    flex-direction: row;
    justify-content: space-between;
  }
  .download-document .form {
    margin-bottom: 0;
  }
  .tuto-guide-conclusion .tuto-guide-conclusion-inner {
    padding: 1rem 2rem;
  }
  .cryptoast-opinion h3.title {
    font-size: 2rem;
    font-weight: 600;
  }
  .cryptoast-opinion p.subtitle {
    font-size: 1.5rem;
    font-weight: 600;
  }
  .cryptoast-opinion div.opinion-grid {
    display: grid;
    grid-template-columns: 386px 386px;
    grid-gap: 1rem 2.5rem;
  }
  .cryptoast-opinion div.opinion-card {
    background: var(--header-border);
    padding: 1.25rem;
  }
  .cryptoast-opinion div.opinion-card p {
    font-size: 1.5rem;
    font-weight: 700;
  }
  .positive-point {
    margin-right: 2.5rem;
  }
  .positive-point p.title,
  .negative-point p.title {
    font-size: 1.5rem;
    font-weight: 700;
  }
  .tuto-and-guide-debrief {
    margin-top: 2rem;
    max-width: 788px;
    width: 100%;
  }
  .tuto-and-guide-debrief h3.title {
    font-size: 1.5rem;
    margin-bottom: 0.875rem;
  }
  .tuto-and-guide-debrief p.content {
    font-size: 1.125rem;
    max-width: 576px;
    margin-bottom: 0;
  }
  .tuto-guide-your-opinion,
  .tuto-guide-project-link {
    padding: 1.25rem;
    background: var(--header-border);
  }
  .tuto-guide-your-opinion .title,
  .tuto-guide-project-link .title {
    font-size: 1.5rem;
  }
  .tuto-guide-result {
    max-width: 788px;
    width: 100%;
    border-radius: 1.25rem;
    padding: 2rem;
  }
  .tuto-guide-result h3.title {
    font-size: 1.25rem !important;
    letter-spacing: 0 !important;
  }
  .tuto-guide-result p.content {
    font-size: 1.125rem;
    font-weight: 600;
    padding-right: 20%;
  }
  .tuto-guide-result .icon-ctn-desktop {
    padding: 0 4rem 0 0.5rem;
  }
}
.card-shadow {
  transition: all 0.3s ease;
  box-shadow: 0 1px 2px rgba(88, 102, 126, 0.12),
    0 4px 12px rgba(88, 102, 126, 0.08);
}
.card-shadow:hover {
  transition: all 0.3s ease;
  box-shadow: 0 8px 8px rgba(88, 102, 126, 0.12),
    0 8px 6px rgba(88, 102, 126, 0.08);
}
body.dark .card-shadow {
  box-shadow: 0 2px 4px rgba(38, 50, 56, 0.1), 0 8px 8px rgba(38, 50, 56, 0.08);
}
body.dark .card-shadow:hover {
  box-shadow: 0 12px 12px rgba(38, 50, 56, 0.1),
    0 8px 12px rgba(38, 50, 56, 0.08);
}
.author-page {
  padding: 1rem !important;
}
.author-page .author-info .author-profile-picture {
  width: 7rem;
  height: 7rem;
  margin: 0 auto 1.75rem auto;
}
.author-page .author-info h3.author-name {
  font-size: 1.25rem;
  color: var(--orange-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
}
.author-page .author-info p.author-desc {
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.author-page .author-info .author-links a {
      height: 44px;
    width: auto;
    background: var(--orange-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .75rem;
    transition: all .3s ease;
}
.author-page .author-info .author-links a:not(:last-child) {
  margin-right: 0.375rem;
}
.author-page .author-info .author-links a svg {
  width: 1.25rem;
  height: 1.25rem;
}
.author-page .author-articles h3.title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--black-normal);
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .author-page {
    padding: 3rem 1rem !important;
  }
  .author-page .author-info .author-profile-picture {
    width: 8rem;
    height: 8rem;
    margin: 0 3.625rem 0 0;
  }
  .author-page .author-info h3.author-name {
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }
  .author-page .author-info p.author-desc {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
    max-width: 66%;
  }
  .author-page .author-articles h3.title {
    margin: 3rem 0 2rem 0;
  }
}
.press-kit .hero {
  padding: 1rem 0 2rem;
}
.press-kit .hero .title {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.press-kit .hero .subtitle {
  margin-bottom: 1.75rem;
}
.press-kit .hero .download-press-kit {
  background-color: var(--orange-primary);
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  padding: 0.625rem 1.25rem;
  width: fit-content;
  font-weight: 500;
}
.press-kit .hero .download-press-kit p {
  color: var(--white-normal);
  margin-right: 0.75rem;
}
.press-kit .hero img.press-kit-illustration {
  max-width: calc(100vw - 2rem);
  width: 100%;
}
.press-kit .press-kit-colors > h3 {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.press-kit .press-kit-colors .colors-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
  margin-bottom: 2.75rem;
}
.press-kit .press-kit-colors .colors-grid .colors-grid-item h4 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.press-kit .press-kit-colors .colors-grid .colors-grid-item .gradient {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 114px;
  border-radius: 1.25rem;
  padding: 1.25rem;
}
.press-kit .press-kit-colors .colors-grid .colors-grid-item .gradient p {
  color: var(--white-normal);
}
.press-kit .press-kit-colors .colors-grid .colors-grid-item.logo .gradient {
  background: -webkit-linear-gradient(
    left,
    var(--logo-gradient-from),
    var(--logo-gradient-to)
  );
  background: -o-linear-gradient(
    right,
    var(--logo-gradient-from),
    var(--logo-gradient-to)
  );
  background: -moz-linear-gradient(
    right,
    var(--logo-gradient-from),
    var(--logo-gradient-to)
  );
  background: linear-gradient(
    to right,
    var(--logo-gradient-from),
    var(--logo-gradient-to)
  );
}
.press-kit .press-kit-colors .colors-grid .colors-grid-item.news .gradient {
  background: -webkit-linear-gradient(
    left,
    var(--orange-gradient-from),
    var(--orange-gradient-to)
  );
  background: -o-linear-gradient(
    right,
    var(--orange-gradient-from),
    var(--orange-gradient-to)
  );
  background: -moz-linear-gradient(
    right,
    var(--orange-gradient-from),
    var(--orange-gradient-to)
  );
  background: linear-gradient(
    to right,
    var(--orange-gradient-from),
    var(--orange-gradient-to)
  );
}
.press-kit
  .press-kit-colors
  .colors-grid
  .colors-grid-item.formation
  .gradient {
  background: -webkit-linear-gradient(
    left,
    var(--formation-gradient-from),
    var(--formation-gradient-to)
  );
  background: -o-linear-gradient(
    right,
    var(--formation-gradient-from),
    var(--formation-gradient-to)
  );
  background: -moz-linear-gradient(
    right,
    var(--formation-gradient-from),
    var(--formation-gradient-to)
  );
  background: linear-gradient(
    to right,
    var(--formation-gradient-from),
    var(--formation-gradient-to)
  );
}
.press-kit .press-kit-colors .colors-grid .colors-grid-item.prices .gradient {
  background: -webkit-linear-gradient(
    left,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
  background: -o-linear-gradient(
    right,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
  background: -moz-linear-gradient(
    right,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
  background: linear-gradient(
    to right,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
}
.press-kit .press-kit-colors .colors-grid .colors-grid-item.sheets .gradient {
  background: -webkit-linear-gradient(
    left,
    var(--green-gradient-from),
    var(--green-gradient-to)
  );
  background: -o-linear-gradient(
    right,
    var(--green-gradient-from),
    var(--green-gradient-to)
  );
  background: -moz-linear-gradient(
    right,
    var(--green-gradient-from),
    var(--green-gradient-to)
  );
  background: linear-gradient(
    to right,
    var(--green-gradient-from),
    var(--green-gradient-to)
  );
}
.press-kit .press-kit-colors .colors-grid .colors-grid-item.videos .gradient {
  background: -webkit-linear-gradient(
    left,
    var(--blue-gradient-from),
    var(--blue-gradient-to)
  );
  background: -o-linear-gradient(
    right,
    var(--blue-gradient-from),
    var(--blue-gradient-to)
  );
  background: -moz-linear-gradient(
    right,
    var(--blue-gradient-from),
    var(--blue-gradient-to)
  );
  background: linear-gradient(
    to right,
    var(--blue-gradient-from),
    var(--blue-gradient-to)
  );
}
.press-kit .press-kit-logos > h3 {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.press-kit .press-kit-logos .logos-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
  margin-bottom: 2.75rem;
}
.press-kit .press-kit-logos .logos-grid .logo-grid-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.press-kit .press-kit-logos .logos-grid .logo-grid-item h4 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.press-kit .press-kit-logos .logos-grid .logo-grid-item img.logo-only {
  width: 154px;
  height: 154px;
}
.press-kit .press-kit-logos .logos-grid .logo-grid-item img.logo-with-typo {
  width: auto;
  height: 54px;
}
.press-kit .press-kit-logos .download-img-buttons {
  display: flex;
  flex-direction: column;
  margin-top: 0.75rem;
}
.press-kit .press-kit-logos .download-img-buttons a {
  border: 1px solid var(--black-normal);
  padding: 0.25rem 0.5rem;
  border-radius: 100px;
  transition: all 0.3s ease;
  color: var(--black-normal);
}
.press-kit .press-kit-logos .download-img-buttons a:first-child {
  margin: 0 0 0.75rem 0;
}
.press-kit .press-kit-logos .download-img-buttons a:hover {
  border-color: transparent;
  background-color: var(--orange-primary);
}
.press-kit .press-kit-font > h3 {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.press-kit .press-kit-font .font-item {
  display: flex;
  align-items: center;
}
.press-kit .press-kit-font .font-item p {
  font-weight: 700;
  margin-right: 1rem;
}
.press-kit .press-kit-font .font-item a.right-arrow-ctn {
  width: fit-content;
  display: flex;
  flex-grow: 0;
  align-items: center;
  border-radius: 6rem;
  background: transparent;
  border: 1px solid var(--black-normal);
  padding: 0.4375rem 1.5rem;
  cursor: pointer;
  height: fit-content;
  transition: all 0.3s ease;
}
.press-kit .press-kit-font .font-item a.right-arrow-ctn svg path {
  fill: var(--black-normal);
}
.press-kit .press-kit-font .font-item .right-arrow-ctn:hover {
  border: 1px solid transparent;
  background: var(--orange-primary);
}
.press-kit .press-kit-font .font-item .right-arrow-ctn:hover svg path {
  fill: var(--white-normal);
}
@media (min-width: 768px) {
  .press-kit .hero {
    padding: 3rem 0 5rem;
  }
  .press-kit .hero .title {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
  .press-kit .hero .subtitle {
    font-size: 1.125rem;
    margin-bottom: 2.25rem;
    line-height: 1.5;
    margin-right: 7.5rem;
  }
  .press-kit .hero .download-press-kit p {
    font-size: 1.125rem;
    margin-right: 1rem;
  }
  .press-kit .hero img.press-kit-illustration {
    max-width: 505px;
    height: 304px;
  }
  .press-kit .press-kit-colors .colors-grid {
    max-width: 66%;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.75rem 100px;
    margin-bottom: 3.5rem;
  }
  .press-kit .press-kit-logos .logos-grid {
    max-width: 66%;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.75rem 100px;
    margin-bottom: 3.5rem;
  }
  .press-kit .press-kit-logos .logos-grid .logo-grid-item {
    flex-direction: column;
    justify-content: normal;
  }
  .press-kit .press-kit-logos .download-img-buttons {
    flex-direction: row;
  }
  .press-kit .press-kit-logos .download-img-buttons a:first-child {
    margin: 0 1.25rem 0 0;
  }
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  margin: 4px;
  border: 4px solid var(--orange-primary);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--orange-primary) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
section.nfts-banner {
  background: linear-gradient(
    to right,
    var(--purple-gradient-from),
    var(--purple-gradient-to)
  );
  width: 100%;
}
section.nfts-banner .nfts-banner-ctn {
  padding: 2rem 1rem;
  max-width: calc(1280px - 2rem);
  margin: 0 auto;
}
section.nfts-banner .nfts-banner-title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  z-index: 2;
}
section.nfts-banner img.nfts-banner-img {
  position: absolute;
  width: 7.5rem;
  height: 7.5rem;
  right: -1.5rem;
  bottom: -1rem;
  z-index: 1;
  transform: rotate(12deg);
}
@media (min-width: 768px) {
  section.nfts-banner .nfts-banner-title {
    font-size: 3rem;
  }
  section.nfts-banner img.nfts-banner-img {
    width: 15rem;
    height: 15rem;
    right: 0;
    bottom: -4rem;
  }
}
.nfts-section-title {
  color: var(--purple-gradient-to);
  font-size: 1.25rem;
}
.nfts-section-first-title {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.second-title-top-margin {
  margin-top: 0.5rem !important;
}
.nfts-section-second-title-ctn {
  margin: 0.5rem 0 0;
}
.nfts-grid {
  overflow-y: auto;
  box-shadow: 0 12px 12px 0 var(--outer-card-shadow);
  border-radius: 0 0 0.5rem 0.5rem;
  overflow-x: hidden;
}
.nfts-grid-row .section-title {
  font-size: 0.875rem;
  white-space: nowrap;
}
.nfts-grid .row > * {
  padding: 0 0.25rem !important;
}
.nfts-grid-row.header {
  background-color: var(--prices-grid-odd);
  border-radius: 0.5rem 0.5rem 0 0;
  margin: 0 !important;
}
.nfts-grid .nfts-grid-row:nth-child(odd) {
  background-color: var(--prices-grid-even);
}
.nfts-grid .nfts-grid-row:nth-child(even) {
  background-color: var(--prices-grid-odd);
}
.nfts-grid .nfts-grid-row:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.nfts-grid .nfts-grid-row:not(.header) {
  padding: 1rem 0.5rem;
}
.nfts-grid .nfts-grid-row:not(.header) p {
  font-weight: 600;
}
.nfts-grid .nfts-grid-row:not(.header) p {
  font-size: 0.875rem;
}
.nfts-grid p.green {
  color: var(--green-dark);
}
.nfts-grid p.red {
  color: var(--red-normal);
}
.nfts-grid .row:first-child svg.volume path {
  fill: var(--white-normal);
}
.nfts-grid svg.volume circle {
  fill: var(--black-normal);
}
.nfts-grid-row .nft-rank {
  flex: 0 0 auto;
  width: 10%;
}
.nfts-grid-row .nft-name {
  flex: 0 0 auto;
  width: 40%;
}
.nfts-grid-row .nft-name p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.nfts-grid-row .nft-name img {
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 0.5rem;
  border-radius: 0.375rem;
}
.nfts-grid-row .nft-floor-price {
  order: 1;
  flex: 0 0 auto;
  width: 25%;
}
.nfts-grid-row .nft-sell {
  flex: 0 0 auto;
  width: 12%;
}
.nfts-grid-row .nft-owner-amount {
  flex: 0 0 auto;
  width: 12%;
}
.nfts-grid-row .nft-mk {
  flex: 0 0 auto;
  width: 25%;
}
.nfts-grid-row .nft-volume {
  flex: 0 0 auto;
  width: 25%;
}
.nfts-grid-row .nft-quantity {
  flex: 0 0 auto;
  width: 25%;
}
.market-info-grid .crypto-gainers .name,
.market-info-grid .crypto-losers .name {
  max-width: 66% !important;
}
.market-info-grid .crypto-gainers img,
.market-info-grid .crypto-losers img {
  border-radius: 0.375rem;
}
@media (min-width: 768px) {
  .market-info-grid .crypto-gainers .name,
  .market-info-grid .crypto-losers .name {
    max-width: 66% !important;
  }
  .nfts-grid-row.header {
    border-radius: 1rem 1rem 0 0;
  }
  .nfts-section-second-title-ctn {
    margin: 2rem 0 0;
  }
  .second-title-top-margin {
    margin-top: 1rem !important;
  }
  .nfts-section-title {
    font-size: 2rem;
  }
  .nfts-grid {
    border-radius: 0 0 1rem 1rem;
  }
  .nfts-grid .nfts-grid-row:not(:first-child) {
    padding: 1rem 1.5rem;
  }
  .nfts-grid .nfts-grid-row:not(:first-child) p.crypto-name {
    font-size: 1rem;
  }
  .nfts-grid-row .nft-rank {
    width: 8%;
  }
  .nfts-grid-row .nft-name {
    width: 22%;
  }
  .nfts-grid-row .nft-name p {
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 10vw;
  }
  .nfts-grid-row .nft-floor-price {
    order: unset;
    width: 12%;
  }
  .nfts-grid-row .nft-sell {
    width: 10%;
  }
  .nfts-grid-row .nft-owner-amount {
    flex: 0 0 auto;
    width: 10%;
  }
  .nfts-grid-row .nft-mk {
    width: 14%;
  }
  .nfts-grid-row .nft-volume {
    width: 12%;
  }
  .nfts-grid-row .nft-quantity {
    width: 12%;
  }
}
.nfts-search {
  margin-left: 0;
  margin-bottom: 1rem;
}
.nft-filters {
  flex: 1;
  margin-left: auto;
  justify-content: flex-start;
}
.nfts-filter-selectors .filter-selector {
  margin: 0;
}
.nfts-filter-selectors .filter-selector .filter-selector-inner {
  padding: 0.375rem 0.75rem 0.375rem 0.75rem;
}
.nfts-filter-selectors .filter-selector .filter-selector-inner > p {
  margin-right: 0;
}
@media (min-width: 768px) {
  .nfts-filter-selectors .filter-selector {
    margin: 1rem;
  }
  .nfts-filter-selectors .filter-selector .filter-selector-inner {
    padding: 0.5rem 1rem 0.5rem 1rem;
  }
  .nfts-search {
    margin-left: 1rem;
    margin-bottom: 0;
  }
  div.nfts-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .nft-filters {
    justify-content: flex-end;
  }
}
.incoming-nft-collections .section-header {
  margin-bottom: 0.75rem !important;
}
.incoming-nft-collections .incoming-nft-title {
  font-size: 1.25rem;
  font-weight: 700;
}
.incoming-nft-collections .incoming-nft-collection .title {
  font-weight: 700;
  margin-bottom: 1.25rem;
  font-size: 1rem;
}
.incoming-nft-collections .incoming-nft-collection-grid:not(.swiper) {
  display: grid;
  margin-bottom: 2rem;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem 1.5rem;
}
.incoming-nft-collection-grid .swiper-slide .grid-item {
  width: 90%;
  height: auto;
}
.incoming-nft-collection-grid .swiper-slide:first-child {
  margin-bottom: 1.25rem !important;
}
.incoming-nft-collection-grid .grid-item {
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--bg-front);
}
.incoming-nft-collection-grid .grid-item .grid-item-cover {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.incoming-nft-collection-grid .grid-item .grid-item-infos {
  padding: 0.625rem;
}
.incoming-nft-collection-grid .grid-item .grid-item-infos .title {
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
  height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.incoming-nft-collection-grid
  .grid-item
  .grid-item-infos
  .grid-item-infos-inner
  .networks-and-chain {
  flex: 1 1 60%;
}
.incoming-nft-collection-grid
  .grid-item
  .grid-item-infos
  .grid-item-infos-inner
  .networks-and-chain
  a.discord
  path:first-child {
  fill: var(--black-normal);
}
.incoming-nft-collection-grid
  .grid-item
  .grid-item-infos
  .grid-item-infos-inner
  .networks-and-chain
  a.discord
  path {
  fill: var(--bg-front);
}
.incoming-nft-collection-grid
  .grid-item
  .grid-item-infos
  .grid-item-infos-inner
  .networks-and-chain
  a:not(:last-child) {
  margin-right: 0.5rem;
}
.incoming-nft-collection-grid
  .grid-item
  .grid-item-infos
  .grid-item-infos-inner
  .networks-and-chain
  svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-bottom: 0.375rem;
}
.incoming-nft-collection-grid
  .grid-item
  .grid-item-infos
  .grid-item-infos-inner
  .quantity-time-price
  div:not(:last-child) {
  margin-bottom: 0.25rem;
}
.incoming-nft-collection-grid
  .grid-item
  .grid-item-infos
  .grid-item-infos-inner
  .quantity-time-price
  p {
  font-size: 0.75rem;
  font-weight: 500;
  margin-right: 0.25rem;
}
.incoming-nft-collection-grid
  .grid-item
  .grid-item-infos
  .grid-item-infos-inner
  .quantity-time-price
  svg {
  width: 0.75rem;
  height: 0.75rem;
}
.incoming-nft-collection-grid
  .grid-item
  .grid-item-infos
  .grid-item-infos-inner
  .price
  img {
  width: 0.875rem;
  height: 0.875rem;
}
.incoming-nft-collection-grid .already-released .title {
  margin-bottom: 0.25rem !important;
}
.chain {
  padding: 0.5rem;
  background-color: var(--gray-normal);
  border-radius: 100px;
  width: fit-content;
}
.chain img {
  width: 0.75rem;
  height: 0.75rem;
}
.chain p {
  font-size: 0.625rem;
  color: var(--white-normal);
  margin-right: 0.25rem;
}
@media (min-width: 768px) {
  .search-input-ctn.nfts-search {
    flex: 0 0 16.25rem;
    margin-top: 0;
  }
  .incoming-nft-collections {
    margin-bottom: 5rem;
  }
  .incoming-nft-collections .incoming-nft-title {
    font-size: 2rem;
    margin-bottom: 0.75rem;
  }
  .incoming-nft-collections .incoming-nft-collection .title {
    margin-bottom: 2rem;
    font-size: 1.25rem;
  }
  .incoming-nft-collections .incoming-nft-collection-grid {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1.5rem 2rem;
    margin-bottom: 2.5rem;
  }
  .incoming-nft-collections
    .incoming-nft-collection-grid
    .swiper-slide:first-child {
    margin-bottom: 0 !important;
  }
  .incoming-nft-collection-grid .grid-item {
    border-radius: 0.75rem;
  }
  .incoming-nft-collection-grid .grid-item .grid-item-infos {
    padding: 0.875rem;
  }
  .incoming-nft-collection-grid .grid-item .grid-item-infos .title {
    font-size: 1rem;
    margin-bottom: 0.875rem;
    height: 38px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .incoming-nft-collection-grid
    .grid-item
    .grid-item-infos
    .grid-item-infos-inner
    .networks-and-chain
    a:not(:last-child) {
    margin-right: 0.5rem;
  }
  .incoming-nft-collection-grid
    .grid-item
    .grid-item-infos
    .grid-item-infos-inner
    .networks-and-chain
    svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 0.5rem;
  }
  .incoming-nft-collection-grid
    .grid-item
    .grid-item-infos
    .grid-item-infos-inner
    .quantity-time-price
    div:not(:last-child) {
    margin-bottom: 0.25rem;
  }
  .incoming-nft-collection-grid
    .grid-item
    .grid-item-infos
    .grid-item-infos-inner
    .quantity-time-price
    p {
    font-size: 1rem;
    font-weight: 500;
    margin-right: 0.375rem;
  }
  .incoming-nft-collection-grid
    .grid-item
    .grid-item-infos
    .grid-item-infos-inner
    .quantity-time-price
    svg {
    width: 0.875rem;
    height: 0.875rem;
  }
  .incoming-nft-collection-grid .already-released .title {
    margin-bottom: 0.875rem !important;
  }
  .chain {
    padding: 0.25rem 0.5rem;
  }
  .chain img {
    width: 0.875rem;
    height: 0.875rem;
  }
  .chain p {
    font-size: 0.75rem;
    color: var(--white-normal);
    margin-right: 0.25rem;
  }
}
.already-released .section-title {
  font-size: 0.75rem !important;
  color: var(--gray-normal);
}
.nfts-category-popover {
  left: 0;
  width: auto;
  padding: 0.5rem;
}
.nfts-category-popover p {
  padding: 0.625rem 0.5rem;
  font-weight: bold;
  border-radius: 0.5rem;
  white-space: nowrap;
  transition: background-color 0.3s ease;
}
.nfts-category-popover p:hover {
  background: var(--gray-soft);
  cursor: pointer;
}
.crypto-as-a-devise {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.25rem;
}
.hearth-vote img {
  width: 1rem;
  height: 1rem;
}
@media (min-width: 768px) {
  .nfts-search-result {
    width: 16.25rem;
  }
  .already-released .section-title {
    font-size: 0.875rem !important;
  }
}
.player-ctn {
  margin-top: 1rem;
  position: relative;
  width: 100%;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  transition: max-height 0.3s ease;
  max-height: 358px;
  overflow: hidden;
}
#player {
  max-height: 358px;
  overflow: hidden;
  transition: all 0.2s linear;
}
#player.hidden {
  max-height: 0;
  padding: 0;
}
#title {
  visibility: hidden;
  text-align: center;
  font-size: 1rem;
  color: var(--black-normal);
}
.play-btn-ctn {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 6px 12px 6px 0;
}
.play-btn-ctn .lds-ring {
  display: block;
  width: 2rem;
  height: 2rem;
}
.play-btn-ctn .lds-ring div {
  width: 25.6px;
  height: 25.6px;
  border: 4px solid var(--black-normal);
  border-color: var(--black-normal) transparent transparent transparent;
}
.speed-menu {
  display: none;
  border-radius: 0.25rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease;
  background: var(--bg-back);
  border: 1px solid var(--black-normal);
}
.speed-menu .speed-menu-option {
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 0.5rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-front);
}
.speed-menu .speed-menu-option:not(:last-child) {
  border-bottom: 1px solid var(--black-normal);
}
.speed-menu .speed-menu-option:hover {
  background: var(--gray-light-2);
}
#timer {
  width: 40px;
  text-align: left;
  margin-right: 0.25rem;
  font-size: 0.875rem;
  color: var(--black-normal);
}
.time-actions p {
  color: var(--black-normal);
  padding: 3px 6px;
  background: var(--gray-light-2);
  border-radius: 4px;
  cursor: pointer;
}
.time-actions svg {
  height: 1.25rem;
  width: auto;
  aspect-ratio: 1/1;
  margin-right: 0.5rem;
  cursor: pointer;
}
.time-actions svg path,
.time-actions svg text {
  fill: var(--black-normal);
}
#duration {
  width: 40px;
  text-align: right;
  margin-left: 0.25rem;
  font-size: 0.875rem;
  color: var(--black-normal);
}
.player-btn {
  cursor: pointer;
  margin-bottom: 10px;
}
.player-btn svg {
  width: 2rem;
  height: 2rem;
}
.player-btn svg circle {
  fill: var(--black-normal);
}
.player-btn svg path,
.player-btn svg rect {
  fill: var(--white-normal);
}
.player-btn#pauseBtn {
  display: none;
}
.player-btn#playBtn {
  display: none;
}
#waveform {
  width: 100%;
  cursor: pointer;
}
#progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background-color: var(--orange-primary);
  z-index: 4;
  height: 0.375rem;
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
.swiper-pagination-bullet-active {
  background-color: var(--orange-primary);
}
.cryptoast-pub-aside {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  height: 80vh;
  flex: 1;
  max-width: 1780px;
  color: var(--black-normal);
}
.cryptoast-pub-top {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  flex: 1;
  height: 150px;
  color: var(--black-normal);
}
@media (min-width: 768px) {
  .cryptoast-pub-top {
    border-radius: 0.5rem;
    background: transparent;
    width: 100%;
    height: 250px;
  }
}
.graph-tool {
  padding: 2rem;
  background: var(--bg-front);
  border-radius: 1.25rem;
}
.graph-tool .title {
  font-size: 1.5rem;
}
.newsletter-banner .hustle-ui {
  border-radius: 0.75rem;
  overflow: hidden;
}
.newsletter-banner .hustle-ui * {
  background-color: transparent !important;
  background: transparent !important;
}
.newsletter-banner .hustle-ui input[type="email"] {
  border-radius: 0.5rem 0 0 0.5rem !important;
  padding: 0.3125rem 0 0.3125rem 1.25rem !important;
  width: 11rem !important;
  color: var(--gray-normal) !important;
  border: none !important;
  outline: none !important;
  font-size: 1rem !important;
  margin: 1rem 0 !important;
  background: #fff !important;
}
.newsletter-banner .hustle-ui span,
.newsletter-banner .hustle-ui p,
.newsletter-banner .hustle-ui label {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--black-normal) !important;
}
.hustle-ui span,
.hustle-ui p,
.hustle-ui label {
  font-family: "Sora", sans-serif !important;
}
.newsletter-banner .hustle-ui span,
.newsletter-banner .hustle-ui p,
.newsletter-banner .hustle-ui label {
  color: #fff !important;
}
.newsletter-banner .hustle-ui span.hustle-title {
  font-size: 1.5rem;
}
.newsletter-banner .hustle-ui span.hustle-title {
  background-color: transparent !important;
  background: transparent !important;
  color: #fff !important;
  font-family: "Sora", sans-serif !important;
}
.newsletter-banner .newsletter-banner .hustle-ui .hustle-layout-body {
  border: none !important;
}
.newsletter-banner
  .newsletter-banner
  .hustle-ui
  .hustle-button.hustle-button-submit {
  background-color: var(--bitcoin-color) !important;
  border-color: var(--bitcoin-color) !important;
  font-family: "Sora", sans-serif !important;
  position: relative;
  top: 0 !important;
}
.newsletter-banner .newsletter-banner .hustle-ui .hustle-button span {
  color: var(--black-normal) !important;
}
.newsletter-banner .newsletter-banner {
  color: #fff !important;
}
.newsletter-banner .newsletter-banner .hustle-ui a {
  color: var(--bitcoin-color) !important;
}
.newsletter-banner .hustle-ui .hustle-form-fields {
  display: flex;
  flex-direction: row;
  justify-content: flex-start !important;
}
.newsletter-banner .hustle-group-title {
  margin-bottom: 1rem !important;
}
.newsletter-banner .hustle-ui span.hustle-title {
  font-size: 1.5rem !important;
}
.newsletter-banner
  .hustle-ui
  .hustle-group-content
  span:not(.hustle-button-text) {
  font-size: 0.875rem !important;
}
.newsletter-banner .hustle-error-message {
  margin-top: 1rem !important;
}
.hustle-ui .hustle-error-message p {
  color: var(--red-normal) !important;
}
@media (min-width: 768px) {
  .newsletter-banner .hustle-ui span.hustle-title {
    font-size: 2.5rem !important;
  }
  .newsletter-banner
    .hustle-ui
    .hustle-group-content
    span:not(.hustle-button-text) {
    font-size: 1.125rem !important;
  }
  .newsletter-banner .hustle-ui input[type="email"] {
    border-radius: 1rem 0 0 1rem !important;
    font-size: 1rem !important;
    padding: 0.375rem 0 0.375rem 4rem !important;
    width: 19rem !important;
  }
} /*# sourceMappingURL=bundle.css.map */

.popover-arrow {
    display: none !important;
}

.popover-header {
    display: none !important;
}

.cours-crypto {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    color: var(--gray-normal);
    border: 1px solid var(--gray-normal);
    border-radius: 100px;
}

.crypto-popover {
    display: flex;
    flex-direction: column;
    width: auto;
    padding: 0.625rem 0.875rem;
    transition: all .3s ease;
    position: absolute;
    background: var(--bg-front);
    border-radius: 10px;
    z-index: 999;
    bottom: 1.75rem;
    white-space: nowrap;
    left: 0;
    box-shadow: var(--shadow-v3-minimalist);
    visibility: visible;
    opacity: 1;
}

.crypto-popover.hidden {
    opacity: 0;
    visibility: hidden;
}

.crypto-popover span {
    display: flex;
    line-height: normal;
}

.crypto-popover > span:first-child {
    font-size: 16px;
}

.crypto-popover > span:not(:first-child) {
    font-size: 14px;
}

.red {
    color: var(--red-normal);
}

.green {
    color: var(--green-normal);
}

.gray {
    color: var(--gray-normal);
}

.cours-crypto svg.red {
    transform: rotate(180deg) !important;
    fill: var(--red-normal);
}

.cours-crypto svg.green {
    transform: rotate(0deg) !important;
    fill: var(--green-normal);
}