body:has(#mobile-menu:popover-open) [popovertarget=mobile-menu] rect:first-of-type{transform:translateY(7px) rotate(45deg);transform-origin:16px 10px;transition:transform .2s ease,opacity .2s ease}body:has(#mobile-menu:popover-open) [popovertarget=mobile-menu] rect:nth-of-type(2){opacity:0;transition:opacity .2s ease}body:has(#mobile-menu:popover-open) [popovertarget=mobile-menu] rect:nth-of-type(3){transform:translateY(-5px) rotate(-45deg);transform-origin:16px 22px;transition:transform .2s ease,opacity .2s ease}[popovertarget=mobile-menu] rect:first-of-type{transform-origin:16px 10px;transition:transform .2s ease,opacity .2s ease}[popovertarget=mobile-menu] rect:nth-of-type(2){transition:opacity .2s ease}[popovertarget=mobile-menu] rect:nth-of-type(3){transform-origin:16px 22px;transition:transform .2s ease,opacity .2s ease}#mobile-menu{background-color:var(--bg-primary);opacity:0;transform:translateY(-20px);transition:transform .2s,opacity .2s,display allow-discrete .2s;z-index:10}#mobile-menu:popover-open{opacity:1;transform:translateY(0)}@starting-style{#mobile-menu:popover-open{opacity:0;transform:translateY (-20px)}}