.rmbe-effect-helix {
    --rmbe-helix-intensity: 0.9;
    background: #090d18;
    border: 1px solid rgba(63, 187, 205, 0.38);
    box-shadow:
        inset 0 1px 0 rgba(205, 250, 255, 0.05),
        inset 0 -10px 22px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(80, 89, 140, 0.10),
        0 0 16px rgba(45, 183, 206, 0.05);
}

.rmbe-effect-helix .rmbe-button__surface {
    background:
        radial-gradient(circle at 50% 50%, rgba(54, 76, 126, 0.12), transparent 58%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(0, 0, 0, 0.09)),
        #090d18;
}

.rmbe-effect-helix .rmbe-button__waves {
    inset: 0;
    overflow: hidden;
    opacity: var(--rmbe-helix-intensity);
    transition: opacity 180ms ease, filter 180ms ease;
}

.rmbe-effect-helix .rmbe-helix-svg {
    position: absolute;
    inset: -4% -2%;
    width: 104%;
    height: 108%;
    overflow: visible;
    pointer-events: none;
}

.rmbe-effect-helix .rmbe-helix-rung {
    stroke: rgba(121, 122, 190, 0.36);
    stroke-width: 1.05;
    stroke-linecap: round;
}

.rmbe-effect-helix .rmbe-helix-strand {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.3;
    stroke-dasharray: 1.1 3.05;
    vector-effect: non-scaling-stroke;
}

.rmbe-effect-helix .rmbe-helix-strand--cyan {
    stroke: #7de7f4;
    filter: drop-shadow(0 0 2.4px rgba(76, 222, 241, 0.72));
}

.rmbe-effect-helix .rmbe-helix-strand--violet {
    stroke: #a46cf0;
    filter: drop-shadow(0 0 2.4px rgba(155, 91, 238, 0.72));
}

.rmbe-effect-helix .rmbe-helix-node {
    opacity: 0.46;
    mix-blend-mode: screen;
}

.rmbe-effect-helix .rmbe-button__label {
    z-index: 3;
    color: #ffffff;
    text-shadow:
        0 1px 4px rgba(0, 0, 0, 0.75),
        0 0 9px rgba(255, 255, 255, 0.15);
}

.rmbe-effect-helix:hover,
.rmbe-effect-helix:focus-visible {
    --rmbe-helix-intensity: 1;
    border-color: rgba(92, 215, 229, 0.54);
    box-shadow:
        inset 0 1px 0 rgba(205, 250, 255, 0.07),
        inset 0 -10px 22px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(117, 99, 205, 0.10),
        0 0 19px rgba(67, 209, 225, 0.08);
}

@media (prefers-reduced-motion: reduce) {
    .rmbe-effect-helix .rmbe-button__waves {
        transition: none;
    }
}