.trensik-trade-lottie {
  position: absolute;
  bottom: -4px;
  left: 145px;
  width: 376px;
  height: 370px;
}

@media (max-width: 1280px) {
  .trensik-trade-lottie {
    bottom: -4px;
    left: 180px;
    width: 311px;
    height: 305px;
  }
}

@media (max-width: 1024px) {
  .trensik-trade-lottie {
    bottom: -16px;
    left: 118px;
    width: 264px;
    height: 258px;
  }
}

@media (max-width: 768px) {
  .trensik-trade-lottie {
    bottom: -8px;
    left: 52px;
    width: 194px;
    height: 190px;
  }
}

@media (max-width: 640px) {
  .trensik-trade-lottie {
    bottom: 32px;
    left: 84px;
  }
}

@media (max-width: 640px) {
  .trensik-vote-card {
    min-height: 660px;
    padding-top: 24px !important;
    padding-bottom: 360px !important;
  }

  .trensik-vote-info {
    display: none !important;
  }

  .trensik-vote-content {
    width: 100%;
  }

  .trensik-vote-stack {
    gap: 18px !important;
  }

  .trensik-vote-copy {
    display: flex !important;
    gap: 8px !important;
  }

  .trensik-vote-copy h2 {
    gap: 0 !important;
    font-size: 28px !important;
    line-height: 1.12 !important;
  }

  .trensik-vote-copy p {
    min-height: 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .trensik-vote-actions {
    gap: 0 !important;
  }

  .vote-grid,
  .trensik-vote-lottie {
    scroll-margin-top: 96px;
  }

  .vote-grid {
    top: auto !important;
    bottom: -152px !important;
  }

  .trensik-vote-lottie {
    top: auto;
    right: auto;
    bottom: 112px;
    left: 50%;
    width: 190px;
    height: 190px;
    transform: translateX(-50%);
  }

  .trensik-vote-wordmark-panel {
    left: -12px !important;
    top: auto !important;
    bottom: 32px !important;
    width: 89px !important;
    height: 86px !important;
  }

  .trensik-vote-right-block {
    right: 0 !important;
    bottom: 14px !important;
    width: 86px !important;
    height: 181px !important;
  }
}

.trensik-build-lottie {
  top: 0 !important;
  right: 7% !important;
  bottom: 0 !important;
  left: auto !important;
  width: 34% !important;
  height: 66% !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  transform: none;
}

.trensik-build-lottie > * {
  transform-origin: center;
}

.trensik-help-lottie {
  position: absolute !important;
  z-index: 10;
  pointer-events: none;
  opacity: 0.5;
  transform-origin: center;
}

.trensik-help-lottie-support {
  top: 16px !important;
  right: -16px !important;
  width: 157px !important;
  height: 136px !important;
}

.trensik-help-lottie-blog {
  top: 0 !important;
  right: 16px !important;
  width: 114px !important;
  height: 153px !important;
}

@media (min-width: 640px) {
  .trensik-help-lottie {
    opacity: 1;
  }

  .trensik-help-lottie-support {
    top: 40px !important;
    right: 24px !important;
  }

  .trensik-help-lottie-blog {
    top: 10px !important;
    right: 48px !important;
    width: 123px !important;
    height: 165px !important;
  }
}

@media (min-width: 768px) {
  .trensik-help-lottie-support {
    top: 40px !important;
    right: 52px !important;
    width: 185px !important;
    height: 161px !important;
  }

  .trensik-help-lottie-blog {
    right: 66px !important;
    width: 153px !important;
    height: 206px !important;
  }
}

@media (min-width: 1024px) {
  .trensik-help-lottie-support {
    top: 60px !important;
    right: 2px !important;
    width: 202px !important;
    height: 176px !important;
  }

  .trensik-help-lottie-blog {
    top: 32px !important;
    right: 28px !important;
  }
}

@media (min-width: 1280px) {
  .trensik-help-lottie-support {
    top: 44px !important;
    right: 6px !important;
    width: 234px !important;
    height: 203px !important;
  }

  .trensik-help-lottie-blog {
    top: 20px !important;
    right: 24px !important;
    width: 190px !important;
    height: 240px !important;
  }
}

@media (min-width: 1536px) {
  .trensik-help-lottie-support {
    right: 74px !important;
  }
}

.trensik-earn-lottie {
  position: absolute !important;
  z-index: 10;
  pointer-events: none;
  opacity: 0.5;
  transform-origin: center;
}

.trensik-earn-lottie-markets,
.trensik-earn-lottie-routes,
.trensik-earn-lottie-rlusd {
  top: 18px !important;
  right: 20px !important;
  width: 64px !important;
  height: 64px !important;
}

.trensik-earn-lottie-trustline {
  top: 18px !important;
  right: 22px !important;
  width: 58px !important;
  height: 58px !important;
}

@media (min-width: 640px) {
  .trensik-earn-lottie {
    opacity: 1;
  }

  .trensik-earn-lottie-markets,
  .trensik-earn-lottie-routes,
  .trensik-earn-lottie-rlusd {
    top: 74px !important;
    left: 50% !important;
    right: auto !important;
    width: 168px !important;
    height: 168px !important;
    transform: translateX(-50%);
  }

  .trensik-earn-lottie-routes {
    top: 70px !important;
    width: 176px !important;
    height: 176px !important;
  }

  .trensik-earn-lottie-rlusd {
    width: 178px !important;
    height: 178px !important;
  }

  .trensik-earn-lottie-trustline {
    top: 58px !important;
    right: 124px !important;
    width: 132px !important;
    height: 132px !important;
  }
}

@media (min-width: 1024px) {
  .trensik-earn-lottie-markets,
  .trensik-earn-lottie-routes,
  .trensik-earn-lottie-rlusd {
    top: 86px !important;
    width: 188px !important;
    height: 188px !important;
  }

  .trensik-earn-lottie-routes {
    top: 78px !important;
    width: 204px !important;
    height: 204px !important;
  }

  .trensik-earn-lottie-rlusd {
    top: 78px !important;
    width: 206px !important;
    height: 206px !important;
  }

  .trensik-earn-lottie-trustline {
    top: 62px !important;
    right: 148px !important;
    width: 142px !important;
    height: 142px !important;
  }
}

@media (min-width: 1536px) {
  .trensik-earn-lottie-markets,
  .trensik-earn-lottie-routes,
  .trensik-earn-lottie-rlusd {
    top: 94px !important;
    width: 198px !important;
    height: 198px !important;
  }

  .trensik-earn-lottie-routes {
    top: 84px !important;
    width: 220px !important;
    height: 220px !important;
  }

  .trensik-earn-lottie-rlusd {
    top: 84px !important;
    width: 218px !important;
    height: 218px !important;
  }

  .trensik-earn-lottie-trustline {
    top: 64px !important;
    right: 160px !important;
    width: 150px !important;
    height: 150px !important;
  }
}

@media (max-width: 640px) {
  .trensik-build-lottie {
    top: 8px !important;
    right: 14px !important;
    width: 86px !important;
    height: 62px !important;
    transform: none;
  }
}

.trensik-stat-xrp-illustration {
  width: 56px !important;
  height: 56px !important;
}

.trensik-stat-xrp-illustration svg {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

@media (min-width: 1024px) {
  .trensik-stat-xrp-illustration {
    width: 72px !important;
    height: 72px !important;
  }
}

@media (min-width: 1024px) {
  .stats-with-tweets-bg,
  .bg-earn-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
  }

  .stats-with-tweets-bg {
    background-image: radial-gradient(
        68.58% 65.85% at 98.59% -2.72%,
        rgba(255, 237, 227, 0.5) 0%,
        rgba(255, 134, 66, 0.45) 11.48%,
        rgba(235, 38, 203, 0.2) 33.33%,
        rgba(73, 44, 225, 0.08) 66.67%,
        rgba(6, 0, 70, 0) 100%
      ),
      linear-gradient(204deg, #211957 32.87%, rgba(17, 12, 45, 0) 55.3%) !important;
    background-position: 0 0, 0 0 !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: auto, auto !important;
  }

  .bg-earn-section {
    background-image: radial-gradient(
        100% 173% at 0% 0%,
        rgba(250, 178, 239, 0.45) 0%,
        rgba(235, 38, 235, 0.36) 18%,
        rgba(178, 38, 155, 0.16) 40%,
        rgba(22, 15, 56, 0) 60%
      ),
      linear-gradient(188deg, #140f34, #140f3400) !important;
    background-position: 0 0, 0 0 !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: auto, auto !important;
  }

  .stats-with-tweets-bg::before,
  .bg-earn-section::before {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
    border-radius: inherit;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-mask-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.35) 12%,
      rgba(0, 0, 0, 0.9) 28%,
      rgba(0, 0, 0, 0.9) 70%,
      rgba(0, 0, 0, 0.35) 88%,
      rgba(0, 0, 0, 0) 100%
    );
    mask-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.35) 12%,
      rgba(0, 0, 0, 0.9) 28%,
      rgba(0, 0, 0, 0.9) 70%,
      rgba(0, 0, 0, 0.35) 88%,
      rgba(0, 0, 0, 0) 100%
    );
  }

  .stats-with-tweets-bg > *,
  .bg-earn-section > * {
    position: relative;
    z-index: 1;
  }

  .stats-with-tweets-bg::before {
    inset: -112px 0 -96px;
    opacity: 0.28;
    background-image: url("/assets/grids/lg/grid-3.svg");
    background-position: center top;
  }

  .bg-earn-section::before {
    inset: -124px 0 -96px;
    opacity: 0.25;
    background-image: url("/assets/grids/lg/grid-2.svg");
    background-position: center top;
  }
}

@media (min-width: 1280px) {
  .stats-with-tweets-bg::before {
    inset: -136px 0 -108px;
    opacity: 0.26;
    background-image: url("/assets/grids/xl/grid-3.svg");
  }

  .bg-earn-section::before {
    inset: -144px 0 -108px;
    opacity: 0.24;
    background-image: url("/assets/grids/xl/grid-2.svg");
  }
}

@media (min-width: 1536px) {
  .stats-with-tweets-bg::before {
    inset: -168px 0 -116px;
    opacity: 0.24;
    background-image: url("/assets/grids/2xl/grid-3.svg");
  }

  .bg-earn-section::before {
    inset: -156px 0 -112px;
    opacity: 0.22;
    background-image: url("/assets/grids/2xl/grid-2.svg");
  }
}