.register-container .input-wrapper:focus-within,
.account-container .input-wrapper:focus-within {
  background: #1c1f2b;
  text-align: center;
  position: relative;
  overflow: visible;
  box-sizing: border-box;
}

@property --angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.register-container .input-wrapper:focus-within::after, .register-container .input-wrapper:focus-within::before,
.account-container .input-wrapper:focus-within::after, .account-container .input-wrapper:focus-within::before {
  content: '';
  position: absolute;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  background-image: conic-gradient(from var(--angle), #40D9EF 0%, #AB19D5 50%, #E25454 100%, #40D9EF 100%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  border-radius: 0.7rem;
  animation: 3s spin linear infinite;
  pointer-events: none;
}
.register-container .input-wrapper:focus-within::before,
.account-container .input-wrapper:focus-within::before {
  filter: blur(1.5rem);
  opacity: 0.5;
  z-index: 0;
}
@keyframes spin{
  from{
    --angle: 0deg;
  }
  to{
    --angle: 360deg;
  }
}



.membership-tier.fanclub {
  background: #1c1f2b;
  text-align: center;
  position: relative;
  overflow: visible;
  box-sizing: border-box;
}

@property --angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.membership-tier.fanclub::after, .membership-tier.fanclub::before {
  content: '';
  position: absolute;
  height: calc(100% + 6px);
  width: calc(100% + 6px);
  background-image: conic-gradient(from var(--angle), #40D9EF 0%, #AB19D5 50%, #E25454 100%, #40D9EF 100%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
  border-radius: 1rem;
  animation: 10s spin linear infinite;
  pointer-events: none;
}
.membership-tier.fanclub::before {
  filter: blur(0.75rem);
  opacity: 0.35;
  z-index: -2;
}
@keyframes spin{
  from{
    --angle: 0deg;
  }
  to{
    --angle: 360deg;
  }
}

.membership-tier.fanclub.vip::before {
  filter: blur(1.5rem);
  opacity: 0.5;
}

.membership-tier.fanclub.vip::after, .membership-tier.fanclub.vip::before {
  height: calc(100% + 6px);
  width: calc(100% + 6px);
}



.purchased-item.gallery .purchased-item-image-container::after, .purchased-item.gallery .purchased-item-image-container::before {
  content: '';
  position: absolute;
  height: calc(100% + 6px);
  width: calc(100% + 6px);
  background-image: conic-gradient(from var(--angle), #40D9EF 0%, #AB19D5 50%, #E25454 100%, #40D9EF 100%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 0.75rem;
  animation: 4s spin linear infinite;
  pointer-events: none;
}
.purchased-item.gallery .purchased-item-image-container::before {
  filter: blur(1.5rem);
  opacity: 0.5;
  z-index: -1;
}