:root {

            --kp-nav-height: 66px;

            --kp-nav-bg: rgba(6,4,10,.82);

            --kp-nav-bg-solid: rgba(7,4,11,.965);

            --kp-nav-border: rgba(255,255,255,.055);

            --kp-nav-purple: #8b5cf6;

            --kp-nav-purple-2: #a855f7;

            --kp-nav-purple-3: #c084fc;

            --kp-nav-text: #f8f4fb;

            --kp-nav-muted: #918797;

            --kp-nav-muted-2: #635a69;

        }

        .kp-global-navbar,

        .kp-global-navbar * {

            box-sizing: border-box;

        }

        .kp-global-navbar {

            position: sticky;

            z-index: 10000;

            top: 0;

            width: 100%;

            border-bottom:

                1px solid

                var(--kp-nav-border);

            background:

                var(--kp-nav-bg);

            -webkit-backdrop-filter:

                blur(24px)

                saturate(155%);

            backdrop-filter:

                blur(24px)

                saturate(155%);

            box-shadow:

                0 10px 35px

                rgba(0,0,0,.10);

            transition:

                background .3s ease,

                border-color .3s ease,

                box-shadow .3s ease;

        }

        .kp-global-navbar::before {

            content: "";

            position: absolute;

            z-index: -1;

            width: 500px;

            height: 180px;

            left: 12%;

            top: -150px;

            border-radius: 50%;

            background:

                rgba(139,92,246,.10);

            filter:

                blur(70px);

            opacity: .75;

            pointer-events: none;

            transition:

                opacity .3s ease;

        }

        .kp-global-navbar.is-scrolled {

            background:

                var(--kp-nav-bg-solid);

            border-bottom-color:

                rgba(168,85,247,.11);

            box-shadow:

                0 15px 42px

                rgba(0,0,0,.28);

        }

        .kp-global-navbar.is-scrolled::before {

            opacity: .38;

        }

        .kp-global-scroll-progress {

            position: absolute;

            z-index: 20;

            left: 0;

            right: 0;

            bottom: -1px;

            height: 1px;

            overflow: hidden;

            pointer-events: none;

        }

        .kp-global-scroll-progress-bar {

            width: 0%;

            height: 100%;

            background:

                linear-gradient(

                    90deg,

                    #7c3aed,

                    #a855f7,

                    #d946ef

                );

            box-shadow:

                0 0 12px

                rgba(168,85,247,.75);

            transition:

                width .08s linear;

        }

        .kp-global-container {

            width:

                min(

                    1240px,

                    calc(100% - 34px)

                );

            margin:

                0 auto;

        }

        .kp-global-nav {

            min-height:

                var(--kp-nav-height);

            display: flex;

            align-items: center;

            gap: 12px;

            transition:

                min-height .25s ease;

        }

        .kp-global-navbar.is-scrolled

        .kp-global-nav {

            min-height: 59px;

        }

        .kp-global-brand {

            position: relative;

            flex: 0 0 auto;

            display: inline-flex;

            align-items: center;

            text-decoration: none;

            isolation: isolate;

        }

        .kp-global-brand::before {

            content: "";

            position: absolute;

            z-index: -1;

            inset: -8px -10px;

            border-radius: 13px;

            background:

                radial-gradient(

                    circle,

                    rgba(168,85,247,.12),

                    transparent 68%

                );

            opacity: 0;

            transform:

                scale(.8);

            transition:

                opacity .25s ease,

                transform .25s ease;

        }

        .kp-global-brand:hover::before {

            opacity: 1;

            transform:

                scale(1);

        }

        .kp-global-brand img {

            width: 145px;

            max-height: 42px;

            display: block;

            object-fit: contain;

            transition:

                width .25s ease,

                transform .25s ease,

                filter .25s ease;

        }

        .kp-global-brand:hover img {

            transform:

                translateY(-1px);

            filter:

                drop-shadow(

                    0 0 10px

                    rgba(168,85,247,.16)

                );

        }

        .kp-global-navbar.is-scrolled

        .kp-global-brand img {

            width: 136px;

        }

        .kp-global-menu-button {

            display: none;

        }

        .kp-global-nav-links {

            display: flex;

            align-items: center;

            gap: 3px;

            flex: 0 0 auto;

        }

        .kp-global-nav-link,

        .kp-global-nav-trigger {

            position: relative;

            min-height: 36px;

            padding:

                0 10px;

            display:

                inline-flex;

            align-items: center;

            justify-content: center;

            gap: 6px;

            border: 0;

            border-radius: 10px;

            background: transparent;

            color: #928799;

            font-family: inherit;

            font-size: .61rem;

            font-weight: 800;

            text-decoration: none;

            cursor: pointer;

            white-space: nowrap;

            transition:

                color .18s ease,

                background .18s ease,

                transform .18s ease;

        }

        .kp-global-nav-link i,

        .kp-global-nav-trigger i {

            color: #8f6ca6;

            font-size: .57rem;

            transition:

                color .18s ease,

                transform .18s ease;

        }

        .kp-global-nav-link:hover,

        .kp-global-nav-link.is-active,

        .kp-global-nav-trigger:hover,

        .kp-global-nav-trigger.is-open,

        .kp-global-nav-trigger.is-active {

            color: #fff;

            background:

                rgba(168,85,247,.075);

        }

        .kp-global-nav-link:hover {

            transform:

                translateY(-1px);

        }

        .kp-global-nav-link:hover i,

        .kp-global-nav-link.is-active i,

        .kp-global-nav-trigger:hover i,

        .kp-global-nav-trigger.is-open i,

        .kp-global-nav-trigger.is-active i {

            color: #d8b4fe;

        }

        .kp-global-nav-trigger

        .kp-nav-chevron {

            margin-left: 1px;

            font-size: .42rem;

        }

        .kp-global-nav-trigger.is-open

        .kp-nav-chevron {

            transform:

                rotate(180deg);

        }

        .kp-global-nav-link.is-active::after {

            content: "";

            position: absolute;

            left: 12px;

            right: 12px;

            bottom: -15px;

            height: 2px;

            border-radius: 999px;

            background:

                linear-gradient(

                    90deg,

                    #7c3aed,

                    #d946ef

                );

            box-shadow:

                0 0 11px

                rgba(168,85,247,.55);

        }

        .kp-global-navbar.is-scrolled

        .kp-global-nav-link.is-active::after {

            bottom: -12px;

        }

        .kp-global-nav-spacer {

            flex: 1;

            min-width: 4px;

        }

        /* =====================================================

           SHOP MEGA MENU

           ===================================================== */

        .kp-nav-shop-wrap {

            position: relative;

        }

        .kp-nav-mega {

            position: absolute;

            top:

                calc(100% + 14px);

            left: -40px;

            width: 560px;

            padding: 11px;

            border:

                1px solid

                rgba(168,85,247,.16);

            border-radius: 19px;

            background:

                rgba(11,7,17,.975);

            -webkit-backdrop-filter:

                blur(28px)

                saturate(145%);

            backdrop-filter:

                blur(28px)

                saturate(145%);

            box-shadow:

                0 30px 80px

                rgba(0,0,0,.50),

                0 0 45px

                rgba(124,58,237,.055);

            opacity: 0;

            visibility: hidden;

            transform:

                translateY(-7px)

                scale(.985);

            transform-origin:

                top left;

            pointer-events: none;

            transition:

                opacity .19s ease,

                visibility .19s ease,

                transform .19s ease;

        }

        .kp-nav-mega.is-open {

            opacity: 1;

            visibility: visible;

            transform:

                translateY(0)

                scale(1);

            pointer-events: auto;

        }

        .kp-nav-mega-grid {

            position: relative;

            display: grid;

            grid-template-columns:

                repeat(

                    2,

                    minmax(0,1fr)

                );

            gap: 7px;

        }

        .kp-nav-mega-item {

            display: flex;

            align-items: center;

            gap: 11px;

            min-width: 0;

            min-height: 65px;

            padding: 10px;

            border:

                1px solid

                rgba(255,255,255,.045);

            border-radius: 13px;

            color: inherit;

            background:

                rgba(255,255,255,.018);

            text-decoration: none;

            transition:

                transform .18s ease,

                border-color .18s ease,

                background .18s ease;

        }

        .kp-nav-mega-item:hover,

        .kp-nav-mega-item.is-active {

            transform:

                translateY(-2px);

            border-color:

                rgba(168,85,247,.22);

            background:

                rgba(139,92,246,.055);

        }

        .kp-nav-mega-icon {

            width: 38px;

            height: 38px;

            flex:

                0 0 38px;

            display: grid;

            place-items: center;

            border:

                1px solid

                rgba(168,85,247,.15);

            border-radius: 11px;

            color: #c084fc;

            background:

                linear-gradient(

                    145deg,

                    rgba(139,92,246,.12),

                    rgba(109,40,217,.04)

                );

        }

        .kp-nav-mega-copy {

            min-width: 0;

        }

        .kp-nav-mega-title {

            display: block;

            color: #eee7f3;

            font-size: .63rem;

            font-weight: 900;

        }

        .kp-nav-mega-description {

            display: block;

            margin-top: 3px;

            color: #706675;

            font-size: .47rem;

            line-height: 1.4;

        }

        .kp-nav-mega-footer {

            display: flex;

            align-items: center;

            justify-content:

                space-between;

            gap: 12px;

            margin-top: 8px;

            padding:

                9px 10px 2px;

            color: #665d6c;

            font-size: .48rem;

        }

        .kp-nav-mega-footer a {

            display:

                inline-flex;

            align-items: center;

            gap: 5px;

            color: #b99ad5;

            font-weight: 800;

            text-decoration: none;

        }

        .kp-nav-mega-footer a:hover {

            color: #e9d5ff;

        }

        /* =====================================================

           SEARCH

           ===================================================== */

        .kp-global-search {

            position: relative;

            width:

                min(

                    230px,

                    20vw

                );

            transition:

                width .22s ease;

        }

        .kp-global-search:focus-within {

            width:

                min(

                    285px,

                    24vw

                );

        }

        .kp-global-search input {

            width: 100%;

            height: 38px;

            padding:

                0 63px 0 37px;

            border:

                1px solid

                rgba(255,255,255,.07);

            border-radius: 11px;

            outline: 0;

            background:

                rgba(255,255,255,.025);

            color: #fff;

            font-family: inherit;

            font-size: .59rem;

            font-weight: 650;

        }

        .kp-global-search input::placeholder {

            color: #544c5a;

        }

        .kp-global-search input:focus {

            border-color:

                rgba(168,85,247,.39);

            background:

                rgba(139,92,246,.055);

            box-shadow:

                0 0 0 4px

                rgba(139,92,246,.055),

                0 8px 24px

                rgba(0,0,0,.13);

        }

        .kp-global-search-fa {

            position: absolute;

            z-index: 2;

            top: 50%;

            left: 13px;

            transform:

                translateY(-50%);

            color: #706677;

            font-size: .64rem;

            pointer-events: none;

        }

        .kp-global-search-shortcut {

            position: absolute;

            top: 50%;

            right: 8px;

            transform:

                translateY(-50%);

            min-width: 40px;

            height: 23px;

            display:

                inline-flex;

            align-items: center;

            justify-content: center;

            border:

                1px solid

                rgba(255,255,255,.06);

            border-radius: 7px;

            color: #655c6c;

            background:

                rgba(255,255,255,.02);

            font-size: .42rem;

            font-weight: 850;

            pointer-events: none;

        }

        /* =====================================================

           NAV ACTIONS

           ===================================================== */

        .kp-global-nav-actions {

            position: relative;

            display: flex;

            align-items: center;

            gap: 6px;

        }

        .kp-global-nav-action {

            position: relative;

            min-width: 38px;

            height: 38px;

            padding:

                0 10px;

            display:

                inline-flex;

            align-items: center;

            justify-content: center;

            gap: 7px;

            border:

                1px solid

                rgba(255,255,255,.07);

            border-radius: 11px;

            background:

                rgba(255,255,255,.025);

            color: #aaa0b1;

            font-family: inherit;

            font-size: .54rem;

            font-weight: 850;

            text-decoration: none;

            cursor: pointer;

            transition:

                transform .18s ease,

                border-color .18s ease,

                background .18s ease,

                color .18s ease,

                box-shadow .18s ease;

        }

        .kp-global-nav-action i {

            font-size: .72rem;

        }

        .kp-global-nav-action:hover,

        .kp-global-nav-action.is-active,

        .kp-global-nav-action.is-open {

            transform:

                translateY(-1px);

            border-color:

                rgba(168,85,247,.28);

            background:

                rgba(139,92,246,.075);

            color: #fff;

            box-shadow:

                0 8px 22px

                rgba(0,0,0,.14);

        }

        .kp-global-nav-wallet {

            border-color:

                rgba(168,85,247,.15);

            color: #d8b4fe;

        }

        .kp-global-nav-wallet img {

            width: 21px;

            height: 21px;

            object-fit: contain;

        }

        .kp-global-wallet-amount {

            color: #eee7f3;

            font-size: .53rem;

            font-weight: 900;

        }

        .kp-global-cart-count {

            position: absolute;

            top: -6px;

            right: -6px;

            min-width: 18px;

            height: 18px;

            padding:

                0 4px;

            display: flex;

            align-items: center;

            justify-content: center;

            border:

                2px solid

                #08060d;

            border-radius: 999px;

            background:

                linear-gradient(

                    135deg,

                    #d946ef,

                    #7c3aed

                );

            color: #fff;

            font-size: .4rem;

            font-weight: 950;

        }

        .kp-global-nav-avatar {

            width: 38px;

            padding: 0;

            border-radius: 50%;

        }

        .kp-global-avatar-letter {

            width: 28px;

            height: 28px;

            display: grid;

            place-items: center;

            border-radius: 50%;

            background:

                linear-gradient(

                    135deg,

                    #7c3aed,

                    #c026d3

                );

            color: #fff;

            font-size: .56rem;

            font-weight: 950;

        }

        .kp-global-join {

            min-height: 38px;

            padding:

                0 13px;

            display:

                inline-flex;

            align-items: center;

            justify-content: center;

            gap: 6px;

            border:

                1px solid

                rgba(192,132,252,.27);

            border-radius: 11px;

            background:

                linear-gradient(

                    135deg,

                    #9333ea,

                    #7c3aed

                );

            color: #fff;

            font-size: .54rem;

            font-weight: 900;

            text-decoration: none;

        }

        /* =====================================================

           DROPDOWNS

           ===================================================== */

        .kp-nav-dropdown-wrap {

            position: relative;

        }

        .kp-nav-dropdown {

            position: absolute;

            top:

                calc(100% + 12px);

            right: 0;

            width: 275px;

            padding: 8px;

            border:

                1px solid

                rgba(168,85,247,.16);

            border-radius: 17px;

            background:

                rgba(12,8,18,.985);

            box-shadow:

                0 28px 75px

                rgba(0,0,0,.52);

            opacity: 0;

            visibility: hidden;

            transform:

                translateY(-7px)

                scale(.98);

            transform-origin:

                top right;

            pointer-events: none;

            transition:

                opacity .18s ease,

                visibility .18s ease,

                transform .18s ease;

        }

        .kp-nav-dropdown.is-open {

            opacity: 1;

            visibility: visible;

            transform:

                translateY(0)

                scale(1);

            pointer-events: auto;

        }

        .kp-nav-dropdown-head {

            padding: 11px;

            border-bottom:

                1px solid

                rgba(255,255,255,.055);

            margin-bottom: 6px;

        }

        .kp-nav-dropdown-eyebrow {

            color: #766b7e;

            font-size: .46rem;

            font-weight: 800;

            text-transform: uppercase;

            letter-spacing: .07em;

        }

        .kp-nav-dropdown-title {

            margin-top: 4px;

            color: #f0e9f4;

            font-size: .72rem;

            font-weight: 900;

        }

        .kp-nav-dropdown-subtitle {

            margin-top: 3px;

            color: #6b6172;

            font-size: .48rem;

            line-height: 1.4;

        }

        .kp-nav-dropdown-link {

            display: flex;

            align-items: center;

            gap: 10px;

            min-height: 43px;

            padding:

                8px 9px;

            border:

                1px solid

                transparent;

            border-radius: 10px;

            color: #978c9f;

            font-size: .57rem;

            font-weight: 800;

            text-decoration: none;

        }

        .kp-nav-dropdown-link:hover {

            border-color:

                rgba(168,85,247,.11);

            background:

                rgba(139,92,246,.055);

            color: #e9dff0;

        }

        .kp-nav-dropdown-link > i {

            width: 27px;

            height: 27px;

            display: grid;

            place-items: center;

            flex:

                0 0 27px;

            border:

                1px solid

                rgba(168,85,247,.11);

            border-radius: 8px;

            color: #b98adc;

            background:

                rgba(139,92,246,.055);

        }

        .kp-nav-dropdown-arrow {

            margin-left: auto;

            color: #5c5362;

            font-size: .46rem;

        }

        .kp-nav-dropdown-danger {

            width: 100%;

            margin: 0;

            border:

                1px solid

                transparent;

            background:

                transparent;

            cursor: pointer;

            text-align: left;

            font: inherit;

        }

        .kp-nav-dropdown-danger:hover {

            color: #fca5a5;

            border-color:

                rgba(248,113,113,.11);

            background:

                rgba(239,68,68,.04);

        }

        /* =====================================================

           WALLET CARD

           ===================================================== */

        .kp-wallet-card {

            position: relative;

            overflow: hidden;

            padding: 14px;

            margin-bottom: 7px;

            border:

                1px solid

                rgba(168,85,247,.16);

            border-radius: 13px;

            background:

                radial-gradient(

                    circle at 90% 10%,

                    rgba(217,70,239,.13),

                    transparent 35%

                ),

                linear-gradient(

                    145deg,

                    rgba(139,92,246,.12),

                    rgba(76,29,149,.05)

                );

        }

        .kp-wallet-card-label {

            color: #95899d;

            font-size: .47rem;

            font-weight: 800;

            text-transform: uppercase;

            letter-spacing: .07em;

        }

        .kp-wallet-card-balance {

            margin-top: 5px;

            color: #fff;

            font-size: 1.16rem;

            font-weight: 950;

        }

        .kp-wallet-card-note {

            margin-top: 4px;

            color: #766b7e;

            font-size: .47rem;

        }

        /* =====================================================

           MOBILE MENU

           ===================================================== */

        .kp-global-mobile-shell {

            display: none;

            position: fixed;

            z-index: 9998;

            inset: 0;

            pointer-events: none;

        }

        .kp-global-mobile-shell.is-open {

            pointer-events: auto;

        }

        .kp-global-mobile-backdrop {

            position: absolute;

            inset: 0;

            background:

                rgba(2,1,4,.68);

            -webkit-backdrop-filter:

                blur(8px);

            backdrop-filter:

                blur(8px);

            opacity: 0;

            transition:

                opacity .25s ease;

        }

        .kp-global-mobile-shell.is-open

        .kp-global-mobile-backdrop {

            opacity: 1;

        }

        .kp-global-mobile-menu {

            position: absolute;

            top: 0;

            bottom: 0;

            left: 0;

            width:

                min(

                    88vw,

                    345px

                );

            overflow-y: auto;

            padding: 16px;

            border-right:

                1px solid

                rgba(168,85,247,.13);

            background:

                #08050d;

            box-shadow:

                25px 0 70px

                rgba(0,0,0,.52);

            transform:

                translateX(-104%);

            transition:

                transform .32s

                cubic-bezier(

                    .22,

                    .8,

                    .28,

                    1

                );

        }

        .kp-global-mobile-shell.is-open

        .kp-global-mobile-menu {

            transform:

                translateX(0);

        }

        .kp-mobile-menu-head {

            display: flex;

            align-items: center;

            justify-content:

                space-between;

            gap: 10px;

            padding-bottom: 14px;

            border-bottom:

                1px solid

                rgba(255,255,255,.055);

        }

        .kp-mobile-menu-head img {

            width: 128px;

        }

        .kp-mobile-close {

            width: 35px;

            height: 35px;

            display: grid;

            place-items: center;

            border:

                1px solid

                rgba(255,255,255,.07);

            border-radius: 10px;

            color: #918697;

            background:

                rgba(255,255,255,.025);

            cursor: pointer;

        }

        .kp-global-mobile-search {

            margin-top: 13px;

        }

        .kp-global-mobile-search

        .kp-global-search,

        .kp-global-mobile-search

        .kp-global-search:focus-within {

            width: 100%;

        }

        .kp-mobile-section-label {

            margin:

                17px 4px 7px;

            color: #5e5564;

            font-size: .46rem;

            font-weight: 900;

            letter-spacing: .1em;

            text-transform: uppercase;

        }

        .kp-global-mobile-links {

            display: grid;

            grid-template-columns:

                repeat(

                    2,

                    minmax(0,1fr)

                );

            gap: 6px;

        }

        .kp-global-mobile-links a {

            min-height: 54px;

            display: flex;

            align-items: center;

            gap: 9px;

            padding:

                9px 10px;

            border:

                1px solid

                rgba(255,255,255,.05);

            border-radius: 11px;

            background:

                rgba(255,255,255,.018);

            color: #968b9e;

            font-size: .57rem;

            font-weight: 800;

            text-decoration: none;

            transition:

                transform .16s ease,

                border-color .16s ease,

                background .16s ease,

                color .16s ease;

        }

        .kp-global-mobile-links a:hover,

        .kp-global-mobile-links a.is-active {

            transform:

                translateY(-1px);

            border-color:

                rgba(168,85,247,.20);

            background:

                rgba(139,92,246,.06);

            color: #e4dcff;

        }

        .kp-global-mobile-links a i {

            width: 29px;

            height: 29px;

            flex:

                0 0 29px;

            display: grid;

            place-items: center;

            border:

                1px solid

                rgba(168,85,247,.10);

            border-radius: 8px;

            color: #b483d4;

            background:

                rgba(139,92,246,.045);

        }

        /* =====================================================

           MOBILE USER

           ===================================================== */

        .kp-mobile-user-card {

            margin-top: 15px;

            display: flex;

            align-items: center;

            gap: 10px;

            padding: 12px;

            border:

                1px solid

                rgba(168,85,247,.13);

            border-radius: 13px;

            background:

                linear-gradient(

                    145deg,

                    rgba(139,92,246,.075),

                    rgba(255,255,255,.018)

                );

        }

        .kp-mobile-user-avatar {

            width: 38px;

            height: 38px;

            flex:

                0 0 38px;

            display: grid;

            place-items: center;

            border-radius: 50%;

            background:

                linear-gradient(

                    135deg,

                    #7c3aed,

                    #c026d3

                );

            color: #fff;

            font-size: .7rem;

            font-weight: 950;

        }

        .kp-mobile-user-copy {

            min-width: 0;

        }

        .kp-mobile-user-name {

            overflow: hidden;

            color: #efe8f3;

            font-size: .63rem;

            font-weight: 900;

            text-overflow: ellipsis;

            white-space: nowrap;

        }

        .kp-mobile-user-note {

            margin-top: 3px;

            color: #706675;

            font-size: .46rem;

        }

        .kp-mobile-user-actions {

            margin-left: auto;

            display: flex;

            align-items: center;

            gap: 6px;

        }

        .kp-mobile-logout-form {

            margin: 0;

        }

        .kp-mobile-logout {

            width: 34px;

            height: 34px;

            display: grid;

            place-items: center;

            border:

                1px solid

                rgba(248,113,133,.14);

            border-radius: 10px;

            color: #fb7185;

            background:

                rgba(239,68,68,.045);

            font: inherit;

            cursor: pointer;

        }

        .kp-mobile-logout:hover {

            color: #fecaca;

            border-color:

                rgba(248,113,113,.32);

            background:

                rgba(239,68,68,.10);

        }

        body.kp-mobile-nav-open {

            overflow: hidden;

        }

        /* =====================================================

           MARQUEE

           ===================================================== */

        .kp-global-marquee {

            position: relative;

            overflow: hidden;

            width: 100%;

            border-top:

                1px solid

                rgba(168,85,247,.065);

            background:

                linear-gradient(

                    90deg,

                    rgba(43,20,67,.40),

                    rgba(17,9,27,.80) 45%,

                    rgba(43,20,67,.40)

                );

        }

        .kp-global-marquee-inner {

            position: relative;

            min-height: 30px;

            display: flex;

            align-items: center;

            overflow: hidden;

        }

        .kp-global-marquee-label {

            position: relative;

            z-index: 4;

            flex: 0 0 auto;

            min-height: 30px;

            padding:

                0 14px 0 0;

            display:

                inline-flex;

            align-items: center;

            gap: 6px;

            background:

                linear-gradient(

                    90deg,

                    rgba(6,4,10,1),

                    rgba(6,4,10,.97) 76%,

                    transparent

                );

            color: #d7b9ee;

            font-size: .43rem;

            font-weight: 900;

            text-transform: uppercase;

        }

        .kp-global-marquee-dot {

            width: 5px;

            height: 5px;

            border-radius: 50%;

            background:

                #a855f7;

            box-shadow:

                0 0 8px

                rgba(168,85,247,.85);

        }

        .kp-global-marquee-track-wrap {

            min-width: 0;

            flex: 1;

            overflow: hidden;

        }

        .kp-global-marquee-track {

            width: max-content;

            display: flex;

            align-items: center;

            animation:

                kpGlobalMarqueeScroll

                34s

                linear

                infinite;

        }

        .kp-global-marquee:hover

        .kp-global-marquee-track {

            animation-play-state:

                paused;

        }

        .kp-global-marquee-group {

            display: flex;

            align-items: center;

            flex-shrink: 0;

        }

        .kp-global-marquee-item {

            min-height: 30px;

            padding:

                0 18px;

            display:

                inline-flex;

            align-items: center;

            gap: 7px;

            color: #9d92a5;

            font-size: .46rem;

            font-weight: 700;

            white-space: nowrap;

            text-decoration: none;

        }

        .kp-global-marquee-item-title {

            color: #ddd4e1;

            font-weight: 900;

        }

        .kp-global-marquee-separator {

            width: 4px;

            height: 4px;

            margin:

                0 4px;

            flex:

                0 0 4px;

            border-radius: 50%;

            background:

                rgba(192,132,252,.42);

        }

        .kp-global-marquee-arrow {

            color: #9364b3;

            font-size: .38rem;

        }

        @keyframes kpGlobalMarqueeScroll {

            from {

                transform:

                    translateX(0);

            }

            to {

                transform:

                    translateX(-50%);

            }

        }

        /* =====================================================

           RESPONSIVE

           ===================================================== */

        @media (

            max-width:

                1120px

        ) {

            .kp-global-nav-links {

                display: none;

            }

            .kp-global-menu-button {

                display:

                    inline-flex;

            }

            .kp-global-mobile-shell {

                display: block;

            }

            .kp-global-search {

                width:

                    min(

                        330px,

                        34vw

                    );

            }

        }

        @media (

            max-width:

                720px

        ) {

            :root {

                --kp-nav-height:

                    58px;

            }

            .kp-global-container {

                width:

                    calc(

                        100% - 20px

                    );

            }

            .kp-global-navbar {

                background:

                    rgba(6,4,10,.93);

            }

            .kp-global-nav {

                gap: 6px;

            }

            .kp-global-brand {

                flex: 1;

                min-width: 0;

            }

            .kp-global-brand img {

                width: 112px;

            }

            .kp-global-nav >

            .kp-global-search {

                display: none;

            }

            .kp-global-nav-action-text,

            .kp-global-wallet-amount {

                display: none;

            }

            .kp-global-nav-wallet,

            .kp-global-nav-avatar {

                width: 36px;

                min-width: 36px;

                padding: 0;

            }

            .kp-global-marquee-inner {

                min-height: 28px;

            }

            .kp-global-marquee-label {

                min-height: 28px;

                padding-right: 10px;

                font-size: .37rem;

            }

            .kp-global-marquee-label-text {

                display: none;

            }

            .kp-global-marquee-item {

                min-height: 28px;

                padding:

                    0 13px;

                font-size: .4rem;

            }

        }

        @media (

            max-width:

                430px

        ) {

            .kp-global-container {

                width:

                    calc(

                        100% - 18px

                    );

            }

            .kp-global-brand img {

                width: 106px;

            }

            .kp-global-nav-actions {

                gap: 5px;

            }

            .kp-global-menu-button,

            .kp-global-nav-action {

                width: 34px;

                min-width: 34px;

                height: 34px;

                padding: 0;

            }

            .kp-global-mobile-menu {

                width:

                    min(

                        91vw,

                        335px

                    );

                padding: 13px;

            }

            .kp-global-mobile-links {

                gap: 5px;

            }

            .kp-global-mobile-links a {

                min-height: 51px;

                padding: 8px;

                font-size: .54rem;

            }

        }

        @media (

            max-width:

                360px

        ) {

            .kp-global-nav-wallet {

                display: none;

            }

            .kp-global-brand img {

                width: 100px;

            }

        }

        @media (

            prefers-reduced-motion:

                reduce

        ) {

            .kp-global-navbar *,

            .kp-global-navbar *::before,

            .kp-global-navbar *::after {

                animation-duration:

                    .01ms !important;

                animation-iteration-count:

                    1 !important;

                transition-duration:

                    .01ms !important;

            }

            .kp-global-marquee-track {

                animation:

                    none;

            }

            .kp-global-marquee-track-wrap {

                overflow-x:

                    auto;

            }

        }