:root {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  scroll-behavior: smooth;
}

body::-webkit-scrollbar {
  width: 10px;
}

#privy-modal-content {
  background: rgba(217, 217, 217, 0.1);
  backdrop-filter: blur(21.6px);
  border: 1px solid var(--sm-colors-brand-blue\.120);

  position: relative;
}

#privy-modal-content::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1.2px;
  border-radius: inherit;
  background: linear-gradient(200deg, #1efa9b 11.47%, #5c8ed8 46.55%, #9846ff 91.19%);
  background-size: 120% 120%;
  background-position: 0% 0%;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  z-index: -1;
}

:root {
  --jupiter-plugin-primary: 199, 242, 132;
  --jupiter-plugin-background: 0, 0, 0;
  --jupiter-plugin-primary-text: 232, 249, 255;
  --jupiter-plugin-warning: 251, 191, 36;
  --jupiter-plugin-interactive: 33, 42, 54;
  --jupiter-plugin-module: 16, 23, 31;
  --tw-bg-opacity:0.1
}


.Toastify__toast-theme--dark {
  background: rgba(217, 217, 217, 0.1);
  border-color: var(--sm-colors-brand-blue\.120);
  backdrop-filter: blur(21.6px);
  border-radius: 8px;
}

.Toastify__progress-bar-theme--dark {
  background: linear-gradient(200deg, #1efa9b 11.47%, #5c8ed8 46.55%, #9846ff 91.19%);
}

body::-webkit-scrollbar-track {
  background: rgba(17, 17, 17, 1);
}

body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #6EE7B7, #9333EA);
  border-radius: 10px;
}

input:-webkit-autofill {
  transition: background-color 9999s ease-in-out 0s;
  -webkit-text-fill-color: #fff !important;
  color: inherit;
}

/* 
body::-webkit-scrollbar-thumb:hover {
 background: linear-gradient(180deg, #1efa9b 11.47%, #5c8ed8 46.55%, #9846ff 91.19%);
} */
.t-header.active {
  box-shadow: 0 2px 18px 0 rgb(117 112 232 / 22%);
  background: rgb(0 0 0 / 74%);
  color: #5c8ed8;
}

.t-header.active .h-con {
  padding-block: var(--sm-spacing-1);
}

.cst-scroll{
  overflow-y: scroll;

}
.cst-scroll::-webkit-scrollbar {
  width: 1px;
}

.cst-scroll::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}


.sec-0-ld {
  background: radial-gradient(ellipse at center, rgba(0, 18, 80, 0.8) 0%, transparent 70%);
  background-size: 50% 50%;
  background-repeat: no-repeat;
  background-position: center center;
  animation: gradientFlow2 8s ease infinite;
}

@keyframes gradientFlow2 {
  0% {
    background-size: 50% 50%;
  }

  50% {
    background-size: 70% 70%;
  }

  100% {
    background-position: 50% 50%;
  }
}

.sec-0-ld::before,
.sec-0-ld::after {
  content: '';
  position: absolute;
  width: 80vh;
  height: 80vh;
  z-index: 0;
  animation: pulseGlow 6s ease-in-out infinite;
}

.sec-0-ld::before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(152, 70, 255, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background-size: cover;
  left: -40vh;
  bottom: -10vh;
}

.sec-0-ld::after {
  background: radial-gradient(50% 50% at 50% 50%, rgba(30, 250, 155, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background-size: contain;
  right: -40vh;
  top: -10vh;
}

.txt-hv-eff {
  position: relative;
}

.hs1,
.txt-hv-eff:hover {
  background: linear-gradient(234.11deg, #1efa9b 11.47%, #5c8ed8 46.55%, #9846ff 91.19%);
  background-clip: text;
  background-size: 120% 120%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientFlow 8s ease infinite;
}

.orbit-container,
.orbit-container1,
.orbit-container2,
.orbit-container3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vh;
  height: 100vh;
  border-radius: 50%;
  margin: auto;
  border: 1px solid rgba(33, 33, 33, 0.8);
}

.ln-d {
  color: var(--sm-colors-white);
}

.ln-d:hover,
.ln-active {
  color: var(--sm-colors-brand-green\.100);
}

@keyframes mildGlow {

  0%,
  50% {
    box-shadow: 0 0 1px rgba(94, 160, 255, 0.2);
  }

  50% {
    box-shadow: 0 0 2px rgba(94, 160, 255, 0.35);
  }
}

.orbit-container {
  /* animation: mildGlow 4s ease-in-out infinite; */
}

.orbit-container1 {
  width: 80vh;
  height: 80vh;
  animation: rotateAnim 120s linear infinite;
}

.orbit-container2 {
  width: 60vh;
  height: 60vh;
  animation: rotateAnim 120s linear infinite;
}

.orbit-container3 {
  width: 40vh;
  height: 40vh;
  animation: rotateAnim 60s linear infinite;
}

.orbit-icon {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0% center;
  width: 60px;
  height: 60px;
  object-fit: contain !important;
  animation: rotateAnim 120s linear infinite;
  transform-origin: center;
}

.orbit-container1 .orbit-icon:nth-child(1) {
  top: 50%;
  left: -4%;
}

.orbit-container1 .orbit-icon:nth-child(2) {
  top: 20%;
  left: 5%;
}

.orbit-container1 .orbit-icon:nth-child(3) {
  top: 36%;
  right: -3%;
  left: unset;
}

.orbit-container1 .orbit-icon:nth-child(4) {
  top: 4%;
  right: 18%;
  left: unset;
  filter: blur(3px);
}

.orbit-container2 .orbit-icon:nth-child(1) {
  width: 40px;
  height: 40px;
  left: 29%;
  top: 1%;
}

.orbit-container3 .orbit-icon:nth-child(1) {
  top: -5%;
  left: 50%;
  filter: blur(1px);
}

.gd-br-01 {
  background: linear-gradient(to right, #9f5fff 0%, #00ffa3 25%, #2cd4ff 50%, #00ffa3 75%, #9f5fff 100%);
  background-clip: border-box;
  background-size: 120% 120%;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: transparent;
  border: 2px solid transparent;
}

.animated-quick {
  transition: all 0.2s ease-in-out;
  --webkit-animation: all 0.2s ease-in-out;
}

.animated-sm {
  transition: all 0.4s ease-in-out;
  --webkit-animation: all 0.4s ease-in-out;
}

.animated-md {
  transition: all 0.8s ease-in-out;
  --webkit-animation: all 0.8s ease-in-out;
}

.animated-lg {
  transition: all 1.2s ease-in-out;
  --webkit-animation: all 1.2s ease-in-out;
}

.w-ct {
  position: relative;
  background: transparent;
  border-radius: 10px;
  z-index: 0;
  overflow: hidden;
  border: none;
  text-transform: uppercase;
  padding: 1.4rem 1.8rem;
}

.w-ct:hover {
  background: linear-gradient(90deg, #9f5fff 0%, #00ffa3 25%, #2cd4ff 50%, #00ffa3 75%, #9f5fff 100%);
  background-size: 200% 200%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: flowBorder 4s linear infinite;
}


.w-ct::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 12px;
  background: linear-gradient(90deg, #9f5fff 0%, #00ffa3 25%, #2cd4ff 50%, #00ffa3 75%, #9f5fff 100%);
  background-size: 200% 200%;
  animation: flowBorder 4s linear infinite;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  z-index: -1;
}


.grdnt-b-1 {
  position: relative;
  outline: none !important;
  border-color: transparent;
}

.grdnt-b-2 {
  position: relative;
}

.grdnt-b-1::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1.2px;
  border-radius: inherit;
  background: linear-gradient(200deg, #1efa9b 11.47%, #5c8ed8 46.55%, #9846ff 91.19%);
  background-size: 120% 120%;
  background-position: 0% 0%;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  z-index: -1;
}

.in-s-con input {
  border: none;
  outline: none;
}

.in-s-bt:-webkit-autofill {
  color: #fff !important;
}

.bids-list {
  position: relative;
}

.bids-list::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 200px;
  right: 0px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.t-btn-s1 {
  position: relative;
  background: transparent;
  border-radius: 10px;
  z-index: 0;
  overflow: hidden;
  border: none;
  text-transform: uppercase;
  padding: 1.4rem 1.8rem;
}

.t-btn-s1::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 12px;
  background: conic-gradient(from 180deg at 50% 50%, #d77dee -43.01deg, #facb7c 46.82deg, #89f9e8 129.02deg, #9299fc 226.76deg, #d77dee 316.99deg, #facb7c 406.82deg);
  background-size: 200% 200%;
  animation: gradientFlow 4s linear infinite;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  z-index: -1;
}

.ht-s1 {
  position: relative;
  z-index: 1;
}

.ht-s1::before {
  content: '';
  background: url('/vector/path1.svg');
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 28% 94%;
  z-index: -1;
}

.ht-s1::after {
  content: '';
  background: url('/vector/path2.svg');
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 105% 70%;
   z-index: -1;
}

.cr-lbl {
  position: absolute;
  width: 30%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  background: rgba(23, 23, 23, 1);
  border-radius: 999px;
  padding: 10px 18px;
  color: transparent;
  min-width: 110px;
  z-index: 1;
}

.cr-lbl p ,.grdnt-txt-1{
  font-weight: bold;
  background: linear-gradient(to right, #1efa9b, #5c8ed8, #9846ff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.cr-grd-br {
  width: 22%;
  height: 22%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.cr-grd-br::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 50%;
  background: radial-gradient(#1efa9b 11.47%, #5c8ed8 46.55%, #9846ff 91.19%);
  background-size: 200% 200%;
  animation: flowBorder 4s linear infinite;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  z-index: -1;
}

.orb-in {
  width: 60%;
  height: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid rgba(37, 33, 52, 1);
}

.orb-out {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  border-radius: 50%;
  border: 1px solid rgba(37, 33, 52, 1);
  user-select: none;
  animation: rotateAnim 120s linear infinite;
}

.orb-out img {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  user-select: none;
  animation: rotateAnim1 60s linear infinite;
}

.card-with-grid {
  position: relative;
  background-color: #0d0b17;
  /* Dark base */
  border-radius: 24px;
  padding: 2rem;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 80px 80px;
  /* Adjust spacing of grid */
  border: 1px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.cu-p1 {
  position: relative;
  z-index: 1;
  border: 1px solid transparent;
  border-radius: 32px;
}

.gd-br-03{
  position: relative;
  border: 1px solid transparent;
    z-index: 1;
}
.cu-p1>::before , .gd-br-03::before{
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px;
   border-radius: inherit;
  background: linear-gradient(234.11deg, #1efa9b 11.47%, #5c8ed8 46.55%, #9846ff 91.19%);
  background-size: 200% 200%;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  z-index: -1;
  animation: gradientFlow 8s ease infinite;
  opacity: 0;
  transition: opacity 2s ease-out;
  --webkit-animation: opacity 2s ease-out;
}
.cu-p1>::before {
  border-radius: 32px;
}
.gd-br-03::before{
opacity: 1;

}

.cu-p1:hover> ::before {
  opacity: 1;
  transition: opacity 0.4s ease-in;
  --webkit-animation: : opacity 0.4s ease-in;
}

@keyframes rotateAnim1 {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.orb-out img:nth-child(1) {
  left: 50%;
}

.orb-out img:nth-child(2) {
  left: 85%;
  top: 15%;
}

.orb-out img:nth-child(3) {
  left: 100%;
  top: 50%;
}

.orb-out img:nth-child(4) {
  left: 85%;
  top: 85%;
}

.orb-out img:nth-child(5) {
  left: 50%;
  bottom: -15%;
}

.orb-out img:nth-child(6) {
  left: 15%;
  bottom: 1%;
}

.orb-out img:nth-child(7) {
  left: 0%;
  top: 50%;
}

.orb-out img:nth-child(8) {
  left: 15%;
  top: 15%;
}

.cu-sub {
  position: relative;
}

.cu-sub::before,
.cu-sub::after {
  background: conic-gradient(from 180deg at 50% 50%, #ff98e2 0deg, #ffc876 35.77deg, #79fff7 153.75deg, #9f53ff 258.75deg, #ff98e2 360deg);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cu-sub::before {
  content: '[';
  position: relative;
  left: -10px;
}

.cu-sub::after {
  content: ']';
  position: relative;
  right: -10px;
}

.rd-stl1 {
  position: relative;
  overflow: hidden;
}

.rd-stl1::after {
  width: 80vh;
  height: 80vh;
  content: '';
  z-index: -1;
  position: absolute;
  background: radial-gradient(ellipse at center, rgba(0, 18, 80, 0.8) 0%, transparent 70%);
  left: -40vh;
  top: 0vh;
}

.spr-gdnt {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
}

.spr-gdnt::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px;
  /* ring thickness */
  border-radius: 50%;
  background: conic-gradient(from 180deg at 50% 50%, #6d30ff -84.03deg, rgba(252, 85, 255, 0) 221.25deg, #6d30ff 275.97deg, rgba(252, 85, 255, 0) 581.25deg);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  animation: spin 1s linear infinite;
}

.spr-linear {
  position: relative;
  width: 12px; /* adjust size */
  height: 12px;
  border-radius: 50%;
  background: transparent;
}

.spin-box{
   animation: spin 1s linear infinite;
}

.spr-linear::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px; /* ring thickness */
  border-radius: 50%;
   background: linear-gradient(
    200deg,
    #1efa9b 11.47%,
    #5c8ed8 36.55%,
    #9846ff 50.19%,
     #00000000 70%,
    #000000 100%
  );
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  animation: spin 1s linear infinite;
}


@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.animate-txt .dots::after {
  content: '';
  display: inline-block;
  width: auto;
  text-align: left;
  animation: dots 1.5s steps(3, end) infinite;
}


.usr-con{
   border-radius: 22px;
  background: radial-gradient(circle at center, #1c1170, #0e0c15);
  padding: 28px 24px;
  backdrop-filter: blur(120px);
}


.grdnt-b-2::before {
  content: '';
  position: absolute;
  border-radius: inherit;
  inset: 0;
  padding: 1.4px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)), linear-gradient(180deg, rgba(51, 206, 255, 0.85) 0%, rgba(214, 51, 255, 0) 56.28%);
  background-size: 120% 120%;
  background-position: 0% 0%;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  z-index: -1;
}

.bids-history{
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.525);
  overflow: hidden;
  font-size: 14;
}
.bids-history tr{
  background: transparent;
  text-align: left;
}
.bids-history thead , .bids-history tr{
  border-bottom: 1px solid rgba(255, 255, 255, 0.525);
}
.bids-history tr th , .bids-history td{
  color: #fff;
  font-size: 14px;
  padding: 16px;
}
.bids-history tr:last-child{
  border:none
}
/* border: 2px solid;

border-image-source: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)),
linear-gradient(180deg, rgba(51, 206, 255, 0.85) 0%, rgba(214, 51, 255, 0) 56.28%);
 */
.usr-nav{
  position: relative;
}
.usr-nav button{
  position: relative;
}
.usr-nav button[aria-selected="true"]::before{
   content: '';
    position: absolute;
    inset: 0;
    padding: 1.2px;
    border-radius: inherit;
    background: linear-gradient(200deg, #1efa9b 11.47%, #5c8ed8 46.55%, #9846ff 91.19%);
    background-size: 120% 120%;
    background-position: 0% 0%;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    z-index: -1;
}


@keyframes dots {
  0% {
    content: '';
  }

  33% {
    content: '. ';
  }

  66% {
    content: '. .';
  }

  100% {
    content: '. . .';
  }
}

@keyframes flowBorder {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 200% 50%;
  }
}

@keyframes pulseGlow {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }

  50% {
    transform: scale(1.2);
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 0.7;
  }
}

@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes rotateAnimRev {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes rotateAnim {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 100px) {}

@media (max-width: 480px) {

  .sec-0-ld::before,
  .sec-0-ld::after {
    width: 70vh;
    height: 70vh;
  }

  .orbit-container {
    width: 100vw;
    height: 100vw;
  }

  .orbit-container1 {
    width: 80vw;
    height: 80vw;
  }

  .orbit-container2 {
    width: 60vw;
    height: 60vw;
  }

  .orbit-container3 {
    width: 40vw;
    height: 40vw;
  }

  .orbit-icon {
    width: 30px;
    height: 30px;
  }

  .cr-lbl {
    padding: 6px 10px;
  }

  .ht-s1::after,
  .ht-s1::before {
    display: none;
    content: none;
  }
}

@media (max-width: 960px) {

  .sec-0-ld::before,
  .sec-0-ld::after {
    width: 70vh;
    height: 70vh;
  }

  .orbit-container {
    width: 100vw;
    height: 100vw;
  }

  .orbit-container1 {
    width: 80vw;
    height: 80vw;
  }

  .orbit-container2 {
    width: 60vw;
    height: 60vw;
  }

  .orbit-container3 {
    width: 40vw;
    height: 40vw;
  }

  .orbit-icon {
    width: 30px;
    height: 30px;
  }
}

@media (min-width: 960px) {}

@media (min-width: 1200px) {}

@media (min-width: 1536px) {}