/* Shared by SSR, client navigation and the existing admin preview. */
.menu-svg{width:17px;height:17px;flex-shrink:0;vertical-align:middle}
.top #main-nav{min-width:0;flex-wrap:wrap}
.top #main-nav .managed-group{max-width:100%}
:is(.top #main-nav,#menu-preview) [hidden]{display:none!important}
:is(.top #main-nav,#menu-preview) .menu-button{
 --menu-duration:3.8s;--menu-glow:#9cd7ef;position:relative;isolation:isolate;display:flex;align-items:center;gap:8px;min-width:0;
 color:var(--menu-item-color,#a2bece);background:var(--menu-background,var(--menu-default-background,transparent));
 border:var(--menu-border-width,1px) solid var(--menu-border,transparent);border-radius:9px;box-shadow:none;min-height:42px;
 padding:10px 12px;font:500 14px/1.4 Inter,Segoe UI,Arial,sans-serif;text-decoration:none;
 transition:color .18s ease,background-color .18s ease,transform .22s ease,box-shadow .2s ease;transform-origin:center;
}
:is(.top #main-nav,#menu-preview) .nav-more-trigger{--menu-default-background:transparent}
:is(.top #main-nav,#menu-preview) .menu-button:is(:hover,:focus-visible){color:var(--menu-item-color,#e4f6ff);border-color:var(--menu-border,#a0d5e82c);background-color:var(--menu-hover,#98d3ed0e)}
:is(.top #main-nav,#menu-preview) .menu-button.active,:is(.top #main-nav,#menu-preview) :where(.managed-group:has(a.active))>.menu-button{color:var(--menu-item-color,#d5f1ff);border-color:var(--menu-border,#9fdaf33a);background:radial-gradient(ellipse at 50% 120%,#8cddf524,transparent 80%),var(--menu-hover,var(--menu-background,#93d2ed0b));box-shadow:inset 0 -2px 0 #9ad7ef99}
:is(.top #main-nav,#menu-preview) .menu-button:focus-visible{outline:2px solid var(--ice,#9cd7ef);outline-offset:3px}
:is(.top #main-nav,#menu-preview) .menu-icon-slot{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:20px;color:var(--menu-icon-color,#b5cad7)}
:is(.top #main-nav,#menu-preview) .menu-icon-slot:empty{display:none}
:is(.top #main-nav,#menu-preview) .menu-svg{width:18px;height:18px;color:var(--menu-icon-color,#b5cad7)}
:is(.top #main-nav,#menu-preview) .menu-button[data-menu-background=gradient]{background-image:linear-gradient(120deg,transparent,color-mix(in srgb,var(--menu-glow) 18%,transparent))}
:is(.top #main-nav,#menu-preview) .menu-button[data-menu-shape=rounded]{border-radius:22px}
:is(.top #main-nav,#menu-preview) .menu-button[data-menu-border=thin]{--menu-border-width:.5px}
:is(.top #main-nav,#menu-preview) .menu-button[data-menu-border=glow]{box-shadow:inset 0 0 0 1px var(--menu-border,var(--menu-glow)),0 0 12px color-mix(in srgb,var(--menu-glow) 18%,transparent)}
:is(.top #main-nav,#menu-preview) .menu-button[data-menu-speed=slow]{--menu-duration:6s}
:is(.top #main-nav,#menu-preview) .menu-button[data-menu-speed=fast]{--menu-duration:2.2s}
:is(.top #main-nav,#menu-preview) .menu-button::before,:is(.top #main-nav,#menu-preview) .menu-button::after{
 content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
 animation-duration:var(--menu-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;
}
:is(.top #main-nav,#menu-preview) [data-menu-effect=pulse]::after{--menu-after:menu-pulse;box-shadow:0 0 16px color-mix(in srgb,var(--menu-glow) 40%,transparent)}
:is(.top #main-nav,#menu-preview) [data-menu-effect=ice]::after{--menu-after:menu-ice;box-shadow:inset 0 0 12px color-mix(in srgb,var(--menu-glow) 18%,transparent),0 0 18px color-mix(in srgb,var(--menu-glow) 30%,transparent)}
:is(.top #main-nav,#menu-preview) [data-menu-effect=shine]::before{--menu-before:menu-shine;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--menu-glow) 24%,transparent) 50%,transparent 70%) 180% 0/250% 100% no-repeat}
:is(.top #main-nav,#menu-preview) [data-menu-effect=gradient]::before{--menu-before:menu-gradient;background:linear-gradient(110deg,color-mix(in srgb,var(--menu-glow) 8%,transparent),color-mix(in srgb,var(--menu-glow) 25%,transparent),transparent) 0 0/220% 100%}
:is(.top #main-nav,#menu-preview) [data-menu-effect=frame]::after{--menu-after:menu-frame;box-shadow:inset 0 0 0 1px var(--menu-glow),0 0 10px color-mix(in srgb,var(--menu-glow) 20%,transparent)}
:is(.top #main-nav,#menu-preview) [data-menu-effect=float]{--menu-self:menu-float}
:is(.top #main-nav,#menu-preview) [data-menu-effect=icon] .menu-icon-slot{--menu-icon:menu-icon-rock}
:is(.top #main-nav,#menu-preview) [data-menu-effect=frost]::before{--menu-before:menu-frost;background:radial-gradient(ellipse at 0 100%,color-mix(in srgb,var(--menu-glow) 34%,transparent),transparent 65%) 0 0/200% 100%}
:is(.top #main-nav,#menu-preview) .menu-button[data-menu-motion=on]:is([data-menu-trigger=always],:hover,:focus-visible,.is-effect-preview){animation:var(--menu-self,none) var(--menu-duration) ease-in-out infinite}
:is(.top #main-nav,#menu-preview) .menu-button[data-menu-motion=on]:is([data-menu-trigger=always],:hover,:focus-visible,.is-effect-preview)::before{animation-name:var(--menu-before,none)}
:is(.top #main-nav,#menu-preview) .menu-button[data-menu-motion=on]:is([data-menu-trigger=always],:hover,:focus-visible,.is-effect-preview)::after{animation-name:var(--menu-after,none)}
:is(.top #main-nav,#menu-preview) .menu-button[data-menu-motion=on]:is([data-menu-trigger=always],:hover,:focus-visible,.is-effect-preview) .menu-icon-slot{animation:var(--menu-icon,none) var(--menu-duration) ease-in-out infinite}
:is(.top #main-nav,#menu-preview) [data-menu-motion=on][data-menu-effect=scale]:is(:hover,:focus-visible,.is-effect-preview){transform:scale(1.035)}
:is(.top #main-nav,#menu-preview) [data-menu-motion=on][data-menu-effect=tilt]:is(:hover,:focus-visible,.is-effect-preview){transform:rotate(-1.5deg)}
@keyframes menu-pulse{0%,100%{opacity:.18}50%{opacity:.75}}
@keyframes menu-ice{0%,100%{opacity:.4}50%{opacity:.9}}
@keyframes menu-shine{0%,20%{opacity:0;background-position:180% 0}35%,75%{opacity:.75}95%,100%{opacity:0;background-position:-80% 0}}
@keyframes menu-gradient{0%,100%{opacity:.75;background-position:0 0}50%{opacity:.9;background-position:100% 0}}
@keyframes menu-frame{0%,100%{opacity:.3}50%{opacity:.85}}
@keyframes menu-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes menu-icon-rock{0%,30%,70%,100%{transform:rotate(0)}43%{transform:rotate(-8deg)}56%{transform:rotate(8deg)}}
@keyframes menu-frost{0%{opacity:0;background-position:100% 0}35%,65%{opacity:.7}100%{opacity:0;background-position:0 0}}
:is(.top #main-nav,#menu-preview) .managed-group{position:relative}
:is(.top #main-nav,#menu-preview) .nav-more-list{
 position:absolute;left:0;top:calc(100% + 9px);width:max-content;min-width:230px;max-width:min(340px,calc(100vw - 24px));max-height:min(65vh,500px);overflow-y:auto;display:flex;flex-direction:column;gap:4px;
 padding:9px;background:linear-gradient(145deg,#173548f7,#071a2bf9);border:1px solid #9ad3ed3d;border-radius:13px;
 box-shadow:0 18px 48px #0007;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:150;
 opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
:is(.top #main-nav,#menu-preview) .nav-more-list a{white-space:normal;min-width:0;justify-content:flex-start;min-height:44px;padding:11px 13px;color:var(--menu-item-color,#c2dce9);border-radius:8px}
:is(.top #main-nav,#menu-preview) .managed-group:is(.is-open,.is-keyboard-open)>.nav-more-list{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
:is(.top #main-nav,#menu-preview) .managed-group.align-end>.nav-more-list{left:auto;right:0}
:is(.top #main-nav,#menu-preview) .managed-group.opens-up>.nav-more-list{top:auto;bottom:calc(100% + 9px)}
@media(min-width:681px){.top.is-scrolled #main-nav>.menu-button,.top.is-scrolled #main-nav>.managed-group>.nav-more-trigger{padding:8px 10px}}
@media(max-width:680px){
 :is(.top #main-nav,#menu-preview) .nav-more-list{position:static;width:100%;max-width:100%;min-width:0;display:none;box-shadow:none;margin-top:6px}
 :is(.top #main-nav,#menu-preview) .managed-group:is(.is-open,.is-keyboard-open)>.nav-more-list{display:flex}
}
@media(prefers-reduced-motion:reduce){
 :is(.top #main-nav,#menu-preview) .menu-button,:is(.top #main-nav,#menu-preview) .menu-button::before,:is(.top #main-nav,#menu-preview) .menu-button::after,:is(.top #main-nav,#menu-preview) .menu-icon-slot{animation:none!important;transition:none!important;transform:none!important}
 :is(.top #main-nav,#menu-preview) .nav-more-list{transition:none}
}