.fullscreenPopup .inner {
  height: 100%;
  width: 100%;
}
.fullscreenPopup:global(.carbon) {
  background-color: rgba(0, 0, 0, 0.85);
  background-image: none;
}
.fullscreenPopup:global(.carbon)::before {
  content: "";
  display: block;
  background-image: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}
.fullscreenPopup:global(.cobalt) {
  background-color: #ededed;
  background-image: radial-gradient(hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.2), transparent 60%), linear-gradient(to bottom, #ededed 43%, #fff 90%);
}
.fullscreenPopup:global(.cobalt)::before {
  content: "";
  display: block;
  background-image: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}
.fullscreenPopup:global(.cobalt):global(.night) {
  background-color: #44559f;
  background-image: radial-gradient(hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0%), var(--agate-accent-l, 0%), 0.2), transparent 60%), linear-gradient(to bottom, hsl(207, 15%, 15%) 43%, hsl(247, 10%, 15%) 90%);
}
.fullscreenPopup:global(.cobalt):global(.night)::before {
  content: "";
  display: block;
  background-image: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}
.fullscreenPopup:global(.copper) {
  background-color: #ededed;
  background-image: radial-gradient(hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.2), transparent 60%), linear-gradient(to bottom, #ededed 43%, #fff 90%);
}
.fullscreenPopup:global(.copper)::before {
  content: "";
  display: block;
  background-image: url(../assets/noise-black.png);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}
.fullscreenPopup:global(.copper):global(.night) {
  background-color: #373739;
  background-image: radial-gradient(hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0%), var(--agate-accent-l, 0%), 0.2), transparent 60%), linear-gradient(to bottom, hsl(207, 15%, 15%) 43%, hsl(247, 10%, 15%) 90%);
}
.fullscreenPopup:global(.copper):global(.night)::before {
  content: "";
  display: block;
  background-image: url(../assets/noise-white.png);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}
.fullscreenPopup:global(.electro) {
  background-color: #1c0d3f;
  background-image: none;
}
.fullscreenPopup:global(.electro)::before {
  content: "";
  display: block;
  background-image: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}
.fullscreenPopup:global(.gallium) {
  background-color: #ededed;
  background-image: none;
}
.fullscreenPopup:global(.gallium)::before {
  content: "";
  display: block;
  background-image: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}
.fullscreenPopup:global(.gallium):global(.night) {
  background-color: #000000;
  background-image: none;
}
.fullscreenPopup:global(.gallium):global(.night)::before {
  content: "";
  display: block;
  background-image: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}
.fullscreenPopup:global(.silicon) {
  background-color: rgba(238, 238, 238, 0.95);
  background-image: none;
}
.fullscreenPopup:global(.silicon)::before {
  content: "";
  display: block;
  background-image: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}
.fullscreenPopup:global(.silicon):global(.night) {
  background-color: rgba(238, 238, 238, 0.95);
  background-image: none;
}
.fullscreenPopup:global(.silicon):global(.night)::before {
  content: "";
  display: block;
  background-image: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}
.fullscreenPopup:global(.titanium) {
  background-color: #ddd;
  background-image: none;
}
.fullscreenPopup:global(.titanium)::before {
  content: "";
  display: block;
  background-image: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}
