.menu{min-width:200px;max-width:300px;display:flex;flex-direction:column;align-self:flex-end;background-color:grey;position:absolute;right:.5rem;top:3.8rem;z-index:999;padding:.5rem;border-radius:.4rem;box-shadow:0 4px 6px #0000001a;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.menu.hidden{opacity:0;transform:translateY(-10px)}.menu a{text-decoration:none;color:#fff;padding:.5rem 0;transition:background-color .3s ease}.menu a:hover {background-color:#fff3}.menu-button{display:flex;align-items:center}.menu.fixed{position:fixed;top:0;right:0;height:100vh;width:280px;background-color:#fff;box-shadow:-2px 0 4px #0000001a;padding:1rem;gap:.5rem;z-index:1000;animation:slideIn .3s ease}.menu.fixed a{padding:.75rem 1rem;color:#374151;border-radius:.375rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.menu.fixed a.active{background-color:#eff6ff;color:#3b82f6}@media (max-width: 768px){.menu{width:100%}}[dir="rtl"] .menu{left:0;right:auto;box-shadow:2px 0 4px #0000001a;transform-origin:left}[dir="rtl"] .menu a{flex-direction:row-reverse}[dir="rtl"] .menu-group{border-left:none;border-right:2px solid #e5e7eb;margin-left:0;margin-right:1rem;padding-left:0;padding-right:.5rem}.menu-group{border-left:2px solid #e5e7eb;margin-left:1rem;padding-left:.5rem}.menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease}