.SiteMenu{--siteMenuOffset:0;--siteMenuRotateX:0;display:inline-block;padding-top:var(--siteMenuArrowSpacing);height:calc(var(--siteMenuHeight) + var(--siteMenuArrowSpacing));-webkit-transform:translateX(-50%) rotateX(var(--siteMenuRotateX));transform:translateX(-50%) rotateX(var(--siteMenuRotateX));-webkit-transform-origin:50% -50px;transform-origin:50% -50px;-webkit-transition:var(--siteMenuTransition);transition:var(--siteMenuTransition);-webkit-transition-property:width,height,-webkit-transform;transition-property:width,height,-webkit-transform;transition-property:transform,width,height;transition-property:transform,width,height,-webkit-transform;will-change:transform,width,height}.SiteMenu[hidden]{--siteMenuRotateX:-15deg}.SiteMenu__card.Card{position:relative;height:100%}.SiteMenu__section{--siteMenuSectionOffset:0;display:inline-block;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%) translateX(var(--siteMenuSectionOffset));transform:translateX(-50%) translateX(var(--siteMenuSectionOffset));-webkit-transition:var(--siteMenuTransition);transition:var(--siteMenuTransition);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;will-change:transform,opacity}.SiteMenu__section[hidden]{opacity:0;pointer-events:none}.SiteMenu__section[hidden].SiteMenu__section--left{--siteMenuSectionOffset:-150px}.SiteMenu__section[hidden].SiteMenu__section--right{--siteMenuSectionOffset:150px}