html[data-theme="galaxy"] .cosmos::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(1px 1px at 4% 7%, rgba(255, 255, 255, 0.55), transparent),
    radial-gradient(1.2px 1.2px at 11% 3%, rgba(200, 230, 255, 0.65), transparent),
    radial-gradient(1px 1px at 19% 14%, rgba(255, 255, 255, 0.4), transparent),
    radial-gradient(0.8px 0.8px at 27% 6%, rgba(255, 255, 255, 0.35), transparent),
    radial-gradient(1.5px 1.5px at 35% 18%, rgba(255, 255, 255, 0.5), transparent),
    radial-gradient(1px 1px at 42% 2%, rgba(255, 255, 255, 0.45), transparent),
    radial-gradient(1px 1px at 51% 12%, rgba(180, 210, 255, 0.5), transparent),
    radial-gradient(0.9px 0.9px at 58% 5%, rgba(255, 255, 255, 0.38), transparent),
    radial-gradient(1.2px 1.2px at 66% 20%, rgba(255, 255, 255, 0.42), transparent),
    radial-gradient(1px 1px at 74% 8%, rgba(255, 255, 255, 0.5), transparent),
    radial-gradient(1px 1px at 82% 3%, rgba(200, 220, 255, 0.55), transparent),
    radial-gradient(1.4px 1.4px at 91% 16%, rgba(255, 255, 255, 0.45), transparent),
    radial-gradient(1px 1px at 97% 7%, rgba(255, 255, 255, 0.4), transparent),
    radial-gradient(1px 1px at 2% 22%, rgba(255, 255, 255, 0.3), transparent),
    radial-gradient(0.8px 0.8px at 8% 31%, rgba(255, 255, 255, 0.28), transparent),
    radial-gradient(1.1px 1.1px at 16% 25%, rgba(255, 255, 255, 0.48), transparent),
    radial-gradient(1px 1px at 24% 38%, rgba(255, 255, 255, 0.35), transparent),
    radial-gradient(1.3px 1.3px at 33% 28%, rgba(200, 230, 255, 0.5), transparent),
    radial-gradient(1px 1px at 41% 42%, rgba(255, 255, 255, 0.4), transparent),
    radial-gradient(0.9px 0.9px at 49% 32%, rgba(255, 255, 255, 0.36), transparent),
    radial-gradient(1.2px 1.2px at 57% 45%, rgba(255, 255, 255, 0.46), transparent),
    radial-gradient(1px 1px at 65% 35%, rgba(255, 255, 255, 0.38), transparent),
    radial-gradient(1px 1px at 72% 48%, rgba(180, 200, 255, 0.45), transparent),
    radial-gradient(1.4px 1.4px at 80% 30%, rgba(255, 255, 255, 0.5), transparent),
    radial-gradient(0.8px 0.8px at 88% 40%, rgba(255, 255, 255, 0.32), transparent),
    radial-gradient(1px 1px at 95% 28%, rgba(255, 255, 255, 0.42), transparent),
    radial-gradient(1.1px 1.1px at 5% 48%, rgba(255, 255, 255, 0.4), transparent),
    radial-gradient(1px 1px at 14% 55%, rgba(255, 255, 255, 0.35), transparent),
    radial-gradient(1.2px 1.2px at 22% 52%, rgba(200, 220, 255, 0.48), transparent),
    radial-gradient(1px 1px at 30% 62%, rgba(255, 255, 255, 0.4), transparent),
    radial-gradient(0.9px 0.9px at 38% 58%, rgba(255, 255, 255, 0.33), transparent),
    radial-gradient(1.3px 1.3px at 46% 68%, rgba(255, 255, 255, 0.45), transparent),
    radial-gradient(1px 1px at 54% 55%, rgba(255, 255, 255, 0.38), transparent),
    radial-gradient(1px 1px at 63% 72%, rgba(180, 210, 255, 0.5), transparent),
    radial-gradient(1.1px 1.1px at 71% 60%, rgba(255, 255, 255, 0.42), transparent),
    radial-gradient(1.4px 1.4px at 78% 78%, rgba(255, 255, 255, 0.35), transparent),
    radial-gradient(0.8px 0.8px at 86% 65%, rgba(255, 255, 255, 0.3), transparent),
    radial-gradient(1px 1px at 94% 58%, rgba(255, 255, 255, 0.4), transparent),
    radial-gradient(1.2px 1.2px at 3% 68%, rgba(255, 255, 255, 0.36), transparent),
    radial-gradient(1px 1px at 12% 75%, rgba(200, 230, 255, 0.44), transparent),
    radial-gradient(1px 1px at 20% 82%, rgba(255, 255, 255, 0.4), transparent),
    radial-gradient(0.9px 0.9px at 28% 70%, rgba(255, 255, 255, 0.32), transparent),
    radial-gradient(1.3px 1.3px at 36% 88%, rgba(255, 255, 255, 0.48), transparent),
    radial-gradient(1px 1px at 44% 78%, rgba(255, 255, 255, 0.38), transparent),
    radial-gradient(1.1px 1.1px at 52% 92%, rgba(255, 255, 255, 0.45), transparent),
    radial-gradient(1px 1px at 60% 85%, rgba(180, 200, 255, 0.42), transparent),
    radial-gradient(1.4px 1.4px at 68% 95%, rgba(255, 255, 255, 0.4), transparent),
    radial-gradient(0.8px 0.8px at 76% 80%, rgba(255, 255, 255, 0.28), transparent),
    radial-gradient(1.2px 1.2px at 84% 90%, rgba(255, 255, 255, 0.5), transparent),
    radial-gradient(1px 1px at 92% 75%, rgba(255, 255, 255, 0.36), transparent),
    radial-gradient(1px 1px at 7% 92%, rgba(255, 255, 255, 0.34), transparent),
    radial-gradient(1.1px 1.1px at 18% 88%, rgba(200, 220, 255, 0.4), transparent),
    radial-gradient(0.9px 0.9px at 29% 95%, rgba(255, 255, 255, 0.3), transparent),
    radial-gradient(1.3px 1.3px at 40% 98%, rgba(255, 255, 255, 0.45), transparent),
    radial-gradient(1px 1px at 50% 90%, rgba(255, 255, 255, 0.38), transparent),
    radial-gradient(1.2px 1.2px at 62% 98%, rgba(255, 255, 255, 0.42), transparent),
    radial-gradient(0.8px 0.8px at 73% 88%, rgba(255, 255, 255, 0.28), transparent),
    radial-gradient(1px 1px at 85% 95%, rgba(180, 210, 255, 0.4), transparent),
    radial-gradient(1.4px 1.4px at 96% 83%, rgba(255, 255, 255, 0.48), transparent),
    radial-gradient(1px 1px at 13% 40%, rgba(255, 255, 255, 0.25), transparent),
    radial-gradient(0.7px 0.7px at 45% 15%, rgba(255, 255, 255, 0.22), transparent),
    radial-gradient(0.7px 0.7px at 67% 50%, rgba(255, 255, 255, 0.2), transparent),
    radial-gradient(0.8px 0.8px at 90% 44%, rgba(255, 255, 255, 0.24), transparent),
    radial-gradient(0.97px 0.97px at 0.1% 75.4%, rgba(200,230,255,0.55), transparent),
    radial-gradient(0.79px 0.79px at 41.5% 63.2%, rgba(255,255,255,0.28), transparent),
    radial-gradient(1.01px 1.01px at 72.0% 88.5%, rgba(255,255,255,0.39), transparent),
    radial-gradient(0.74px 0.74px at 22.4% 93.6%, rgba(255,255,255,0.65), transparent),
    radial-gradient(1.03px 1.03px at 11.4% 83.6%, rgba(200,230,255,0.23), transparent),
    radial-gradient(1.31px 1.31px at 38.7% 10.0%, rgba(200,230,255,0.58), transparent),
    radial-gradient(1.08px 1.08px at 60.3% 67.3%, rgba(200,230,255,0.27), transparent),
    radial-gradient(0.89px 0.89px at 8.1% 10.5%, rgba(200,230,255,0.54), transparent),
    radial-gradient(1.18px 1.18px at 41.9% 57.5%, rgba(200,230,255,0.58), transparent),
    radial-gradient(1.19px 1.19px at 41.1% 60.5%, rgba(255,255,255,0.54), transparent),
    radial-gradient(1.07px 1.07px at 47.3% 70.5%, rgba(255,255,255,0.22), transparent),
    radial-gradient(0.67px 0.67px at 69.5% 55.2%, rgba(200,230,255,0.57), transparent),
    radial-gradient(1.11px 1.11px at 57.7% 28.4%, rgba(255,255,255,0.54), transparent),
    radial-gradient(1.41px 1.41px at 98.7% 9.2%, rgba(255,255,255,0.59), transparent),
    radial-gradient(0.66px 0.66px at 88.6% 76.5%, rgba(255,255,255,0.54), transparent),
    radial-gradient(1.46px 1.46px at 70.7% 65.6%, rgba(255,255,255,0.49), transparent),
    radial-gradient(0.76px 0.76px at 4.3% 85.4%, rgba(200,230,255,0.57), transparent),
    radial-gradient(1.04px 1.04px at 82.6% 66.3%, rgba(255,255,255,0.32), transparent),
    radial-gradient(0.85px 0.85px at 53.0% 26.6%, rgba(200,230,255,0.59), transparent),
    radial-gradient(1.29px 1.29px at 26.4% 37.1%, rgba(200,230,255,0.53), transparent),
    radial-gradient(0.92px 0.92px at 76.7% 77.6%, rgba(255,255,255,0.24), transparent),
    radial-gradient(1.38px 1.38px at 7.2% 10.8%, rgba(255,255,255,0.49), transparent),
    radial-gradient(0.99px 0.99px at 38.8% 42.0%, rgba(255,255,255,0.60), transparent),
    radial-gradient(1.05px 1.05px at 30.7% 19.6%, rgba(255,255,255,0.42), transparent),
    radial-gradient(0.94px 0.94px at 23.4% 78.4%, rgba(255,255,255,0.26), transparent),
    radial-gradient(0.71px 0.71px at 52.8% 50.9%, rgba(255,255,255,0.28), transparent),
    radial-gradient(0.97px 0.97px at 58.6% 85.1%, rgba(200,230,255,0.54), transparent),
    radial-gradient(0.84px 0.84px at 99.3% 39.6%, rgba(200,230,255,0.36), transparent),
    radial-gradient(0.72px 0.72px at 18.4% 31.0%, rgba(255,255,255,0.35), transparent),
    radial-gradient(1.23px 1.23px at 32.7% 36.4%, rgba(255,255,255,0.47), transparent),
    radial-gradient(0.71px 0.71px at 89.2% 43.9%, rgba(255,255,255,0.65), transparent),
    radial-gradient(1.28px 1.28px at 83.4% 16.8%, rgba(200,230,255,0.26), transparent),
    radial-gradient(0.74px 0.74px at 94.6% 12.4%, rgba(200,230,255,0.39), transparent),
    radial-gradient(1.09px 1.09px at 23.4% 90.9%, rgba(255,255,255,0.57), transparent),
    radial-gradient(1.28px 1.28px at 84.2% 67.2%, rgba(255,255,255,0.28), transparent),
    radial-gradient(1.41px 1.41px at 72.2% 54.8%, rgba(255,255,255,0.21), transparent),
    radial-gradient(1.07px 1.07px at 88.5% 89.2%, rgba(200,230,255,0.23), transparent),
    radial-gradient(1.44px 1.44px at 67.5% 4.7%, rgba(200,230,255,0.42), transparent),
    radial-gradient(1.43px 1.43px at 11.2% 5.0%, rgba(255,255,255,0.51), transparent),
    radial-gradient(1.29px 1.29px at 94.3% 39.7%, rgba(255,255,255,0.63), transparent),
    radial-gradient(1.11px 1.11px at 58.4% 53.3%, rgba(255,255,255,0.43), transparent),
    radial-gradient(0.71px 0.71px at 92.3% 2.2%, rgba(200,230,255,0.21), transparent),
    radial-gradient(0.95px 0.95px at 88.5% 46.4%, rgba(200,230,255,0.28), transparent),
    radial-gradient(0.83px 0.83px at 32.0% 27.9%, rgba(200,230,255,0.45), transparent),
    radial-gradient(0.82px 0.82px at 95.3% 56.8%, rgba(255,255,255,0.23), transparent),
    radial-gradient(0.74px 0.74px at 3.6% 54.4%, rgba(255,255,255,0.47), transparent),
    radial-gradient(0.84px 0.84px at 99.9% 19.1%, rgba(255,255,255,0.45), transparent),
    radial-gradient(1.11px 1.11px at 25.3% 29.8%, rgba(255,255,255,0.46), transparent),
    radial-gradient(0.73px 0.73px at 64.5% 89.5%, rgba(200,230,255,0.60), transparent),
    radial-gradient(1.25px 1.25px at 15.0% 98.8%, rgba(200,230,255,0.34), transparent),
    radial-gradient(1.09px 1.09px at 89.5% 55.4%, rgba(200,230,255,0.25), transparent),
    radial-gradient(1.49px 1.49px at 16.8% 10.4%, rgba(200,230,255,0.26), transparent),
    radial-gradient(1.48px 1.48px at 46.9% 22.3%, rgba(255,255,255,0.27), transparent),
    radial-gradient(1.45px 1.45px at 46.3% 77.3%, rgba(200,230,255,0.43), transparent),
    radial-gradient(1.50px 1.50px at 34.9% 23.9%, rgba(255,255,255,0.22), transparent),
    radial-gradient(0.95px 0.95px at 83.3% 96.0%, rgba(200,230,255,0.54), transparent),
    radial-gradient(0.70px 0.70px at 84.6% 0.5%, rgba(200,230,255,0.46), transparent),
    radial-gradient(1.19px 1.19px at 68.1% 5.0%, rgba(255,255,255,0.30), transparent),
    radial-gradient(1.19px 1.19px at 16.1% 87.8%, rgba(255,255,255,0.48), transparent),
    radial-gradient(0.75px 0.75px at 25.0% 10.0%, rgba(200,230,255,0.50), transparent),
    radial-gradient(1.09px 1.09px at 12.4% 86.4%, rgba(255,255,255,0.46), transparent),
    radial-gradient(1.19px 1.19px at 99.8% 38.2%, rgba(255,255,255,0.50), transparent),
    radial-gradient(1.39px 1.39px at 78.7% 11.3%, rgba(200,230,255,0.40), transparent),
    radial-gradient(1.31px 1.31px at 4.3% 67.3%, rgba(200,230,255,0.42), transparent),
    radial-gradient(0.73px 0.73px at 69.0% 25.1%, rgba(255,255,255,0.37), transparent),
    radial-gradient(0.80px 0.80px at 33.2% 73.3%, rgba(200,230,255,0.46), transparent),
    radial-gradient(1.40px 1.40px at 42.0% 83.3%, rgba(255,255,255,0.58), transparent),
    radial-gradient(1.05px 1.05px at 7.5% 67.6%, rgba(255,255,255,0.29), transparent),
    radial-gradient(1.24px 1.24px at 45.7% 8.2%, rgba(255,255,255,0.33), transparent),
    radial-gradient(1.49px 1.49px at 54.5% 0.9%, rgba(200,230,255,0.54), transparent),
    radial-gradient(0.73px 0.73px at 92.4% 98.8%, rgba(255,255,255,0.64), transparent),
    radial-gradient(0.94px 0.94px at 65.1% 38.5%, rgba(255,255,255,0.61), transparent),
    radial-gradient(1.00px 1.00px at 47.4% 9.3%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1.37px 1.37px at 70.5% 17.4%, rgba(200,230,255,0.36), transparent),
    radial-gradient(0.96px 0.96px at 10.3% 73.1%, rgba(255,255,255,0.45), transparent),
    radial-gradient(1.19px 1.19px at 92.1% 16.0%, rgba(255,255,255,0.55), transparent),
    radial-gradient(0.80px 0.80px at 53.1% 90.1%, rgba(255,255,255,0.62), transparent),
    radial-gradient(1.40px 1.40px at 3.7% 9.5%, rgba(200,230,255,0.26), transparent),
    radial-gradient(1.46px 1.46px at 33.7% 33.6%, rgba(200,230,255,0.23), transparent),
    radial-gradient(1.05px 1.05px at 19.0% 10.7%, rgba(200,230,255,0.45), transparent),
    radial-gradient(0.84px 0.84px at 4.3% 9.3%, rgba(200,230,255,0.39), transparent),
    radial-gradient(1.46px 1.46px at 23.4% 6.3%, rgba(200,230,255,0.41), transparent),
    radial-gradient(0.97px 0.97px at 41.6% 43.8%, rgba(255,255,255,0.59), transparent),
    radial-gradient(0.96px 0.96px at 82.3% 55.1%, rgba(200,230,255,0.29), transparent),
    radial-gradient(1.25px 1.25px at 53.9% 29.3%, rgba(200,230,255,0.29), transparent),
    radial-gradient(1.27px 1.27px at 35.9% 47.3%, rgba(255,255,255,0.53), transparent),
    radial-gradient(0.86px 0.86px at 65.0% 74.0%, rgba(255,255,255,0.49), transparent),
    radial-gradient(0.82px 0.82px at 8.2% 39.3%, rgba(255,255,255,0.63), transparent),
    radial-gradient(1.43px 1.43px at 57.5% 49.7%, rgba(200,230,255,0.37), transparent),
    radial-gradient(0.83px 0.83px at 27.2% 71.3%, rgba(255,255,255,0.21), transparent),
    radial-gradient(0.93px 0.93px at 84.6% 64.3%, rgba(255,255,255,0.50), transparent),
    radial-gradient(1.46px 1.46px at 79.6% 14.1%, rgba(200,230,255,0.21), transparent),
    radial-gradient(0.71px 0.71px at 88.9% 1.6%, rgba(200,230,255,0.42), transparent),
    radial-gradient(1.48px 1.48px at 48.2% 74.9%, rgba(255,255,255,0.64), transparent),
    radial-gradient(1.13px 1.13px at 3.5% 42.0%, rgba(200,230,255,0.53), transparent);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0.98;
  animation: rosin-galaxy-stars 10s ease-in-out infinite alternate;
  pointer-events: none;
}

@keyframes rosin-galaxy-stars {
  0% {
    opacity: 0.88;
  }
  100% {
    opacity: 1;
  }
}

html[data-cosmos-custom-bg="1"][data-theme="galaxy"] .cosmos::before {
  opacity: 0.22;
}

html[data-cosmos-custom-bg="1"][data-theme="galaxy"] .cosmos::after {
  opacity: 0.28;
}