@layer theme,base,components;@layer siteplane{.sp-navigation-menu-popup{width:var(--popup-width);height:var(--popup-height);max-width:var(--available-width);transition-property:opacity,translate,width,height;transition-duration:var(--motion-duration-navigation);transition-timing-function:var(--motion-ease-navigation);position:relative;overflow:hidden}.sp-navigation-menu-popup[data-starting-style]{opacity:0;translate:0 calc(-1 * var(--motion-overlay-y))}.sp-navigation-menu-popup[data-starting-style][data-side=top]{translate:0 var(--motion-overlay-y)}.sp-navigation-menu-popup[data-ending-style]{opacity:0}.sp-navigation-content{max-height:var(--available-height);transition-property:opacity,translate;transition-duration:var(--motion-duration-navigation);transition-timing-function:var(--motion-ease-navigation);overflow-y:auto}.sp-navigation-content[data-activation-direction]:is([data-starting-style],[data-ending-style]){opacity:0}.sp-navigation-content[data-starting-style][data-activation-direction=right],.sp-navigation-content[data-ending-style][data-activation-direction=left]{translate:var(--motion-navigation-distance) 0}.sp-navigation-content[data-starting-style][data-activation-direction=left],.sp-navigation-content[data-ending-style][data-activation-direction=right]{translate:calc(-1 * var(--motion-navigation-distance)) 0}.sp-navigation-content[data-ending-style]:not([data-activation-direction]){opacity:.999}.sp-navigation-menu-icon{transition:transform var(--motion-duration-expand) var(--motion-ease-navigation);display:flex}.sp-navigation-menu-icon[data-popup-open]{transform:translateY(1px)}:where(html[data-motion-reduce=true],[data-sp-motion=reduced]) .sp-navigation-menu-popup,:where(html[data-motion-reduce=true],[data-sp-motion=reduced]) .sp-navigation-content,:where(html[data-motion-reduce=true],[data-sp-motion=reduced]) .sp-navigation-menu-icon{transition-duration:1ms;transform:none!important}@media (prefers-reduced-motion:reduce){.sp-navigation-menu-popup,.sp-navigation-content,.sp-navigation-menu-icon{transition-duration:1ms;transform:none!important}}}@layer utilities;
