.blue {
  box-shadow:
    var(--shadow-glow-large) rgb(var(--color-blue) / 1),
    inset 0 0 2vmin 1vmin rgb(var(--color-blue) / 0.5);
}

.innerblue {
  box-shadow: var(--shadow-glow-inset) rgb(var(--color-blue) / 0.5);
}

.innergreen {
  box-shadow: var(--shadow-glow-inset) rgb(var(--color-green) / 0.5);
}

.innerwhite {
  box-shadow: var(--shadow-glow-inset) rgb(var(--color-white) / 0.5);
}

.outerblue {
  box-shadow: var(--shadow-glow-medium) rgb(var(--color-blue) / 0.75);
}

.outergreen {
  box-shadow: var(--shadow-glow-medium) rgb(var(--color-green) / 0.75);
}

.outerred {
  box-shadow: var(--shadow-glow-medium) rgb(var(--color-red) / 0.75);
}

.outerwhite-50 {
  box-shadow: var(--shadow-glow-medium) rgb(var(--color-white) / 0.5);
}

.bgblue {
  background-color: rgb(var(--color-blue) / 0.2);
}

.bgblue-03 {
  background-color: var(--gradient-blue-03);
}

.bgblue-02 {
  background-color: var(--gradient-blue-02);
}

.bgblue-01 {
  background-color: var(--gradient-blue-01);
}

.bggreengradient {
  background-image: var(--gradient-green);
}

.bgcybergradient {
  background-image: var(--gradient-cyber);
}

.bgfiatgradient {
  background-image: var(--gradient-fiat);
}

.bgdiamondgradient {
  background-image: var(--gradient-diamond);
}

.bgmonoblack {
  background-color: rgb(0 0 0 / 0.9);
  background-image: none;
}

.fx-panel-base,
.fx-panel-inner,
.fx-frame-shell,
.fx-frame-panel,
.fx-frame-accent,
.fx-frame-slot {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.fx-panel-base {
  background-color: rgb(var(--fx-fill-rgb, var(--color-black)) / var(--fx-fill-alpha, 0));
  background-image: var(--fx-fill-gradient, none);
}

.fx-panel-inner {
  background-color: rgb(var(--fx-fill-rgb, var(--color-black)) / var(--fx-fill-alpha, 0));
  background-image: var(--fx-fill-gradient, none);
}

.fx-frame-shell {
  box-shadow: var(--shadow-glow-large) rgb(var(--fx-glow-rgb, var(--fx-border-rgb, var(--color-white))) / var(--fx-glow-alpha, 0.8));
}

.fx-frame-panel,
.fx-frame-accent,
.fx-frame-slot {
  border: 1px solid rgb(var(--fx-border-rgb, var(--color-white)) / var(--fx-border-alpha, 0.55));
  box-shadow: var(--fx-shadow-glow, var(--shadow-glow-medium)) rgb(var(--fx-glow-rgb, var(--fx-border-rgb, var(--color-white))) / var(--fx-glow-alpha, 0.55));
}

.fx-frame-panel,
.fx-frame-accent,
.fx-frame-slot {
  background-color: rgb(var(--fx-fill-rgb, var(--color-black)) / var(--fx-fill-alpha, 0));
  background-image: var(--fx-fill-gradient, none);
}

.theme-panel-base {
  --fx-fill-gradient: var(--gradient-diamond);
  --fx-fill-alpha: 0;
  --fx-border-rgb: var(--color-white);
  --fx-glow-rgb: var(--color-white);
}

.theme-panel-inner {
  --fx-fill-gradient: var(--gradient-green);
  --fx-fill-alpha: 0;
  --fx-inner-glow-rgb: var(--color-white);
}

.theme-panel-frame-shell {
  --fx-fill-gradient: none;
  --fx-fill-alpha: 0;
  --fx-border-rgb: var(--color-white);
  --fx-glow-rgb: var(--color-white);
  --fx-glow-alpha: 0.8;
}

.theme-panel-frame-primary {
  --fx-fill-gradient: var(--gradient-green);
  --fx-fill-alpha: 0;
  --fx-border-rgb: var(--color-white);
  --fx-glow-rgb: var(--color-white);
  --fx-multiply-rgb: var(--color-green);
}

.theme-panel-accent-primary {
  --fx-fill-gradient: var(--gradient-cyber);
  --fx-fill-alpha: 0;
  --fx-border-rgb: var(--color-blue);
  --fx-glow-rgb: var(--color-blue);
}

.theme-panel-slot-0 {
  --fx-fill-gradient: var(--gradient-green);
  --fx-fill-alpha: 0;
  --fx-border-rgb: var(--color-green);
  --fx-glow-rgb: var(--color-green);
}

.theme-panel-slot-1 {
  --fx-fill-gradient: none;
  --fx-fill-alpha: 0;
  --fx-border-rgb: var(--color-white);
  --fx-glow-rgb: var(--color-white);
}

.theme-panel-slot-2 {
  --fx-fill-gradient: var(--gradient-green);
  --fx-fill-alpha: 0;
  --fx-border-rgb: var(--color-green);
  --fx-glow-rgb: var(--color-green);
}

.theme-panel-slot-3 {
  --fx-fill-gradient: var(--gradient-cyber);
  --fx-fill-alpha: 0;
  --fx-border-rgb: var(--color-blue);
  --fx-glow-rgb: var(--color-blue);
}

.theme-panel-nest-0 {
  --fx-fill-gradient: var(--gradient-cyber);
  --fx-fill-alpha: 0.5;
  --fx-border-rgb: var(--color-white);
  --fx-glow-rgb: var(--color-white);
}

.theme-panel-nest-1 {
  --fx-fill-gradient: var(--gradient-diamond);
  --fx-fill-alpha: 0.5;
  --fx-inner-glow-rgb: var(--color-blue);
}

.theme-panel-nest-2 {
  --fx-fill-gradient: var(--gradient-green);
  --fx-fill-alpha: 0.5;
  --fx-border-rgb: var(--color-green);
  --fx-glow-rgb: var(--color-green);
}

.theme-panel-nest-3 {
  --fx-fill-gradient: none;
  --fx-fill-rgb: var(--color-blue);
  --fx-fill-alpha: 0.2;
  --fx-border-rgb: var(--color-white);
  --fx-glow-rgb: var(--color-white);
}

.theme-panel-nest-4 {
  --fx-fill-gradient: var(--gradient-fiat);
  --fx-fill-alpha: 0.5;
  --fx-inner-glow-rgb: var(--color-green);
}

.theme-nest-animation-electric-blue {
  --fx-border-rgb: 40 110 255;
  --fx-glow-rgb: 40 110 255;
  --fx-fill-gradient: linear-gradient(135deg, rgb(40 110 255 / 0.25), rgb(8 176 224 / 0.1) 60%, rgb(0 0 0 / 0));
}

.theme-nest-animation-neon-green {
  --fx-border-rgb: 64 255 136;
  --fx-glow-rgb: 64 255 136;
  --fx-fill-gradient: linear-gradient(135deg, rgb(64 255 136 / 0.25), rgb(0 200 160 / 0.1) 60%, rgb(0 0 0 / 0));
}

.theme-nest-animation-heat {
  --fx-border-rgb: 255 122 48;
  --fx-glow-rgb: 255 122 48;
  --fx-fill-gradient: linear-gradient(135deg, rgb(255 122 48 / 0.25), rgb(210 28 28 / 0.1) 60%, rgb(0 0 0 / 0));
}

.theme-nest-animation-ice {
  --fx-border-rgb: 82 224 255;
  --fx-glow-rgb: 82 224 255;
  --fx-fill-gradient: linear-gradient(135deg, rgb(82 224 255 / 0.22), rgb(112 156 255 / 0.1) 60%, rgb(0 0 0 / 0));
}

.theme-nest-animation-acid {
  --fx-border-rgb: 176 255 42;
  --fx-glow-rgb: 176 255 42;
  --fx-fill-gradient: linear-gradient(135deg, rgb(176 255 42 / 0.22), rgb(255 46 196 / 0.1) 60%, rgb(0 0 0 / 0));
}

.fx-band-shell,
.fx-band-layer,
.fx-band-overlay,
.fx-band-tone-3,
.fx-band-tone-2,
.fx-band-tone-1,
.fx-band-core,
.fx-diagonal-box {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.theme-band-default {
  --band-shell-rgb: var(--color-blue);
  --band-shell-glow-rgb: var(--color-blue);
  --band-shell-fill-rgb: var(--color-blue);
  --band-shell-fill-alpha: 0;
  --band-shell-fill-gradient: none;
  --band-overlay-rgb: var(--color-white);
  --band-overlay-glow-rgb: var(--color-white);
  --band-tone-3: var(--gradient-blue-03);
  --band-tone-2: var(--gradient-blue-02);
  --band-tone-1: var(--gradient-blue-01);
  --band-core-rgb: var(--color-green);
}

.theme-band-fill-blue {
  --band-shell-fill-rgb: var(--color-blue);
  --band-shell-fill-alpha: 0.2;
  --band-shell-fill-gradient: none;
}

.theme-band-overlay-bright {
  --band-overlay-rgb: var(--color-white);
  --band-overlay-glow-rgb: var(--color-white);
}

.fx-band-shell {
  box-shadow:
    var(--shadow-glow-large) rgb(var(--band-shell-glow-rgb, var(--color-blue)) / 1),
    inset 0 0 2vmin 1vmin rgb(var(--band-shell-rgb, var(--color-blue)) / 0.5);
  background-color: rgb(var(--band-shell-fill-rgb, var(--color-blue)) / var(--band-shell-fill-alpha, 0));
  background-image: var(--band-shell-fill-gradient, none);
}

.fx-band-layer {
  box-shadow:
    var(--shadow-glow-large) rgb(var(--band-shell-glow-rgb, var(--color-blue)) / 1),
    inset 0 0 2vmin 1vmin rgb(var(--band-shell-rgb, var(--color-blue)) / 0.5);
}

.fx-band-overlay {
  border: 1px solid rgb(var(--band-overlay-rgb, var(--color-white)) / 0.5);
  box-shadow: var(--shadow-glow-medium) rgb(var(--band-overlay-glow-rgb, var(--color-white)) / 0.5);
}

.fx-band-tone-3,
.fx-band-tone-2,
.fx-band-tone-1 {
  box-shadow: var(--shadow-glow-inset) rgb(var(--band-shell-rgb, var(--color-blue)) / 0.5);
}

.fx-band-tone-3 {
  background-color: var(--band-tone-3, var(--gradient-blue-03));
}

.fx-band-tone-2 {
  background-color: var(--band-tone-2, var(--gradient-blue-02));
}

.fx-band-tone-1 {
  background-color: var(--band-tone-1, var(--gradient-blue-01));
}

.fx-band-core {
  box-shadow: var(--shadow-glow-inset) rgb(var(--band-core-rgb, var(--color-green)) / 0.5);
}

.theme-diagonal-primary {
  --diag-border-rgb: var(--color-white);
  --diag-glow-rgb: var(--color-white);
  --diag-fill-gradient: var(--gradient-diamond);
  --diag-fill-alpha: 0.92;
}

.theme-diagonal-secondary {
  --diag-border-rgb: var(--color-blue);
  --diag-glow-rgb: var(--color-blue);
  --diag-fill-gradient: var(--gradient-cyber);
  --diag-fill-alpha: 0.92;
}

.fx-diagonal-box {
  box-shadow: var(--shadow-glow-large) rgb(var(--diag-glow-rgb, var(--color-white)) / 0.8);
  background-color: rgb(var(--color-black) / var(--diag-fill-alpha, 0));
  background-image: var(--diag-fill-gradient, none);
}

.multiply-effect {
  background-color: rgb(var(--fx-multiply-rgb, var(--color-green)));
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
}

.filtered-image {
  opacity: 0.6;
}

.standard-image {
  opacity: 0.9;
}

#layer-diamond-boxes [data-node-type="image"],
#layer-hero-image [data-node-type="image"] {
  opacity: 1;
  mix-blend-mode: normal;
}

.fx-glow-soft {
  box-shadow:
    0 0 2vmin 0.6vmin rgba(255, 255, 255, 0.32),
    0 0 6vmin 1.5vmin rgba(255, 255, 255, 0.14);
}

.fx-stack {
  display: flex !important;
  flex-direction: column;
  overflow: visible !important;
}

.fx-stack > [data-node-type="group"] {
  position: relative !important;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 1 / 1;
}

.blend-normal {
  mix-blend-mode: normal;
}

.angle-45 {
  transform: rotate(-45deg);
}

.angle45 {
  transform: rotate(45deg);
}