.\!container {
    width: 100% !important;
}
.container {
    width: 100%;
}
@media (min-width: 768px) {
    .\!container {
        max-width: 768px !important;
    }
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .\!container {
        max-width: 1024px !important;
    }
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1300px) {
    .\!container {
        max-width: 1300px !important;
    }
    .container {
        max-width: 1300px;
    }
}
@media (min-width: 1400px) {
    .\!container {
        max-width: 1400px !important;
    }
    .container {
        max-width: 1400px;
    }
}
  .trading-competition-title-primary {
    background-image: linear-gradient(
      174.962deg,
      rgb(var(--colors-t-secondary) / 0.5) 0%,
      rgb(var(--colors-t-primary)) 50.117%,
      rgb(var(--colors-t-secondary)) 100%
    );
  }

  .trading-competition-title-accent {
    background-image: linear-gradient(
      -36.1491deg,
      rgb(var(--colors-interactive-primaryAccent01)) 0%,
      rgb(var(--colors-interactive-primary)) 19.16%,
      rgb(var(--colors-interactive-primary)) 84.776%
    );
  }

  .trading-competition-countdown-cell {
    box-shadow:
      -1px -1px 0px 1px rgba(255, 255, 255, 0.1) inset,
      0px 0px 2px 0px rgba(255, 255, 255, 0.2) inset;
  }

  .tier-card {
    position: relative;
    background-color: rgb(var(--colors-t-white) / 0.06);
    background-clip: padding-box;
    background-origin: padding-box;
    --tw-shadow: 0px 6px 40px 0px rgba(0,0,0,0.5);
    --tw-shadow-colored: 0px 6px 40px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-backdrop-blur: blur(50px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

  .tier-card::before {
    pointer-events: none;
    position: absolute;
    inset: 0px;
    border-radius: inherit;
    padding: 1px;
    --tw-content: '';
    content: var(--tw-content);
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
            mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

  .unlocked-tier-card::before {
    background: linear-gradient(0deg, rgb(var(--colors-t-white) / 0.06), rgb(var(--colors-t-white) / 0.06)),
      radial-gradient(47.17% 54.98% at 50% 0%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%),
      radial-gradient(23.12% 13.06% at 48.71% 0%, rgba(244, 217, 187, 0.4) 0%, rgba(244, 217, 187, 0) 100%);
  }

  .in-progress-tier-card::before,
  .locked-tier-card::before {
    --gradient-1: linear-gradient(0deg, rgb(var(--colors-t-white) / 0.06), rgb(var(--colors-t-white) / 0.06));
    --gradient-2: radial-gradient(47.17% 54.98% at 50% 0%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    --gradient-3: radial-gradient(23.12% 13.06% at 48.71% 0%, rgba(7, 180, 122, 0.4) 0%, rgba(7, 180, 122, 0) 100%);
    background: var(--gradient-1), var(--gradient-2), var(--gradient-3);
  }

  .my-performance {
    position: relative;
    background-clip: padding-box;
    background-origin: padding-box;
    box-shadow: 0px 6px 12px 1px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(8px);
    background: linear-gradient(276.26deg, rgba(199, 207, 255, 0.1) 10.98%, rgba(0, 0, 0, 0.05) 90.67%);
}

  .my-performance::before {
    pointer-events: none;
    position: absolute;
    inset: 0.5px;
    border-radius: inherit;
    padding: 0.5px;
    --tw-content: '';
    content: var(--tw-content);
    background: linear-gradient(
      99.32deg,
      rgba(255, 255, 255, 0.5) 9.95%,
      rgba(255, 255, 255, 0) 42.41%,
      rgba(255, 255, 255, 0.35) 85.07%
    );
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
            mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

  .trade-campaign-leaderboard-gradient-border {
    position: relative;
    background-clip: padding-box;
    background-origin: padding-box;
}

  .trade-campaign-leaderboard-gradient-border::before {
    pointer-events: none;
    position: absolute;
    inset: 0px;
    border-radius: inherit;
    padding: 1px;
    --tw-content: '';
    content: var(--tw-content);
    background: linear-gradient(163.45deg, rgba(41, 41, 42, 0.5) 0%, #040405 53.97%, #1d1d1e 100%);
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
            mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

  @keyframes sphere-rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  .trading-competition-pulsing-star {
    animation: trading-competition-star-pulse 2.5s ease-in-out infinite;
  }

  @keyframes trading-competition-star-pulse {
    0%,
    100% {
      opacity: 0.45;
      transform: scale(0.9);
    }
    50% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @media (min-width: 1024px) {

  .md\:sphere-rotate {
    animation: sphere-rotate 20s linear infinite;
    transform-origin: 348.985px 372px;
  }
}