.premium-navbar{position:fixed;top:24px;left:50%;transform:translate(-50%);width:100%;z-index:99999;display:flex;justify-content:center;pointer-events:none}.premium-navbar{transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .35s ease;will-change:transform}.premium-navbar.is-hidden{transform:translate(-50%) translateY(-120px);opacity:0}.premium-navbar__inner{width:760px;height:74px;border-radius:999px;background:#0a0a0cb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:.4px solid rgba(0,255,255,.22);box-shadow:0 10px 30px #00000047,inset 0 1px #ffffff0a;display:flex;align-items:center;justify-content:space-between;padding:0 22px;pointer-events:auto}.premium-navbar__logo{width:120px;display:flex;align-items:center}.premium-navbar__logo-image{max-height:52px;width:auto;object-fit:contain}.premium-navbar__menu{display:flex;align-items:center;gap:34px}.premium-navbar__link,.premium-navbar__dropdown-toggle{color:#ffffffd6;text-decoration:none;font-size:13px;font-weight:400;background:transparent;border:none;cursor:pointer;transition:.3s ease}.premium-navbar__link:hover,.premium-navbar__dropdown-toggle:hover{color:#fff}.premium-navbar__cta{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 28px;background:#f5f5f5;color:#111;border-radius:999px;border:none;font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:transform .3s ease,background .3s ease,color .3s ease,box-shadow .3s ease}.premium-navbar__cta::hover{transform:translateY(-1px)}.premium-navbar__dropdown{position:relative}.premium-navbar__dropdown-menu{position:absolute;top:calc(100% + 48px);left:50%;transform:translate(-50%);min-width:240px;background:#0a0a0ce0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:14px;opacity:0;visibility:hidden;transform:translate(-50%) translateY(10px);transition:.35s ease}.premium-navbar__dropdown:hover .premium-navbar__dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.premium-navbar__dropdown-menu a{color:#ffffffd1;text-decoration:none;font-size:14px;transition:.3s ease}.premium-navbar__dropdown-menu a:hover{color:#fff}.premium-navbar__mobile-toggle{display:none;position:relative;width:48px;height:48px;border:none;background:transparent;cursor:pointer;z-index:10000}.premium-navbar__mobile-toggle span{position:absolute;left:50%;width:24px;height:1.5px;background:#fff;border-radius:999px;transform-origin:center;transition:transform .45s cubic-bezier(.16,1,.3,1),top .45s cubic-bezier(.16,1,.3,1),opacity .3s ease,width .3s ease}.premium-navbar__mobile-toggle span:first-child{top:18px;transform:translate(-50%)}.premium-navbar__mobile-toggle span:last-child{top:28px;transform:translate(-50%)}.premium-navbar__mobile-toggle.active span:first-child{top:23px;transform:translate(-50%) rotate(45deg)}.premium-navbar__mobile-toggle.active span:last-child{top:23px;transform:translate(-50%) rotate(-45deg)}.premium-mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000f5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:9999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.premium-mobile-menu.active{opacity:1;visibility:visible;pointer-events:auto}.premium-mobile-menu__inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:26px;height:100%;padding:40px}.premium-mobile-menu__link{color:#fff;font-size:32px;font-weight:500;text-decoration:none;transition:opacity .3s ease}.premium-mobile-menu__link:hover{opacity:.7}.premium-mobile-cta{display:flex;align-items:center;justify-content:center;margin-top:18px;width:220px;height:56px;border-radius:999px;background:#fff;color:#000;text-decoration:none;font-size:16px;font-weight:600}.premium-mobile-menu{position:fixed;top:110px;left:50%;transform:translate(-50%) scaleY(.08) scaleX(.96);transform-origin:top center;width:calc(100% - 32px);max-width:390px;height:auto;background:linear-gradient(180deg,#0a0a0aeb,#050505f5);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);border-radius:34px;box-shadow:0 10px 60px #0000008c,inset 0 1px #ffffff0d;z-index:9999;opacity:0;visibility:hidden;pointer-events:none;transition:transform .75s cubic-bezier(.19,1,.22,1),opacity .45s ease,filter .6s ease,visibility .45s ease;will-change:transform;backface-visibility:hidden}.premium-mobile-menu.active{opacity:1;visibility:visible;pointer-events:auto;filter:blur(0);transform:translate(-50%) scaleY(1) scaleX(1)}.premium-mobile-menu__inner{display:flex;flex-direction:column;align-items:flex-start;gap:34px;padding:56px 38px 42px;opacity:0;transform:translateY(18px);transition:opacity .45s ease .18s,transform .65s cubic-bezier(.19,1,.22,1) .18s}.premium-mobile-menu.active .premium-mobile-menu__inner{opacity:1;transform:translateY(0)}.premium-mobile-menu__link{color:#ffffffd1;text-decoration:none;font-size:16px;font-weight:400;letter-spacing:-.02em;transition:color .3s ease,transform .3s ease}.premium-mobile-menu__link:hover{color:#fff;transform:translate(4px)}.premium-mobile-cta{margin-top:10px;display:flex;align-items:center;justify-content:center;width:100%;height:58px;border-radius:999px;background:#fff;color:#000;text-decoration:none;font-size:15px;font-weight:600;transition:transform .3s ease}.premium-mobile-cta:hover{transform:translateY(-2px)}@media screen and (max-width:768px){.premium-navbar{top:14px}.premium-navbar{margin-bottom:0!important;padding-bottom:0!important}.premium-moon-hero__wrapper{margin-top:80px;padding-top:0!important}.premium-navbar__inner{width:calc(100% - 24px);height:68px;padding:0 16px}.premium-navbar__menu{display:none}.desktop-cta{display:none!important}.premium-navbar__mobile-toggle{display:flex;background:transparent;border:none;color:#fff;font-size:24px}.premium-navbar__cta{opacity:0}}@media screen and (min-width:990px){.premium-mobile-menu,.premium-navbar__toggle{display:none!important}.premium-navbar__menu{display:flex!important}.premium-navbar__button{display:inline-flex!important}}@media screen and (max-width:989px){.premium-navbar__menu,.premium-navbar__button{display:none!important}.premium-navbar__toggle{display:flex!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/premium-navbar.css.map */