.top-navbar-styles {
    display: flex;
    width: 100%;
    height: auto;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.top-navbar-styles nav div a {
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 64px;
    border: 1px solid var(--Shades-of-Black-N40, #DEDEDE);
    background-color: white;
    color: #6E00FF;
    padding: 7px 24px 4px 24px!important;
}

.top-navbar-styles nav div a:hover {
    background-color: white;
    color: #6E00FF;
}

.top-navbar-milky_way_glow {
    background: linear-gradient(90deg, #6E00FF 0%, #2E006B 100%);
}

.top-navbar-purple_galaxy {
    background: linear-gradient(270deg, #100025 0%, #2E006B 100%);
}

.top-navbar-black_hole_shimmer {
    background: radial-gradient(
            ellipse at center top,
            #6E00FF 0%,
            #100025 60%
    );
}

.top-navbar-cosmic_shadows {
    background: linear-gradient(90deg, #3C008B 0%, #100025 16%, #100025 84%, #3C008B 100%);
}

.top-navbar-nebula_night {
    background: linear-gradient(349deg,rgba(16, 0, 37, 1) 85%, rgba(84, 254, 215, 1) 100%);
}

.top-navbar-nebula_night nav div a {
    color: #100025;
}

.top-navbar-nebula_night nav div a:hover {
    color: #100025;
}

.top-navbar-stardust {
    background: linear-gradient(90deg, #6E00FF 84.13%, #2E006B 100%);
}

.top-navbar-galactic_light {
    background: linear-gradient(90deg, #6E00FF 80%, #54FED7 100%);
}

.top-navbar-space_breeze {
    background: linear-gradient(87deg, #D5FF53 0%, #54FED7 27.37%, #55D9FF 76%, #6E00FF 100%), #6E00FF;
}

.top-navbar-solar_dawn {
    background: linear-gradient(87deg, #D5FF53 0%, #FFE553 27.37%, #FF9D52 76%, #FF4061 100%), #6E00FF;
}

.top-navbar-space_breeze nav div span,
.top-navbar-solar_dawn nav div span {
    color: #0E0227 !important;
}