.menu{font-family:Montserrat,Inter,sans;font-size:14px;list-style:none;margin:0;padding:0}.menu--horizontal{display:flex;align-items:stretch;gap:2px;border-radius:10px;padding:4px}.menu--horizontal>.menu__item{position:relative}.menu--horizontal>.menu__item>.menu__link{display:flex;font-weight:600!important;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;white-space:nowrap;cursor:pointer;color:var(--color-primary,#363636);text-decoration:none!important;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);font-weight:500;letter-spacing:.01em}.menu--horizontal>.menu__item>.menu__link .menu__chevron{margin-left:2px;transition:transform .18s cubic-bezier(.4,0,.2,1)}.menu--horizontal>.menu__item>.menu__link:hover{background:var(--color-primary,transparent);color:var(--color-secondary,#363636)}.menu--horizontal>.menu__item>.menu__link:focus-visible{background:var(--color-primary,transparent);color:var(--color-secondary,#363636);outline:none}.menu--horizontal>.menu__item>.menu__link:focus-visible .menu__chevron{opacity:1}.menu--horizontal>.menu__item--open>.menu__link{background:var(--color-primary,transparent);color:var(--color-secondary,#363636)}.menu--horizontal>.menu__item--open>.menu__link .menu__chevron{transform:rotate(180deg);opacity:1}.menu--horizontal>.menu__item .menu__dropdown{position:absolute;top:calc(100% + 4px);left:0;background-color:#fff;border:.75px solid rgba(69,69,69,.175);min-width:200px;border-radius:10px;padding:4px;z-index:100;animation:dropIn .16s cubic-bezier(.4,0,.2,1) both}.menu--vertical{display:flex;flex-direction:column;gap:2px;width:220px;border-radius:10px;padding:6px}.menu--vertical>.menu__item>.menu__link{padding:9px 12px;width:fit-content;font-weight:500}.menu--vertical>.menu__item>.menu__link:hover,.menu--vertical>.menu__item>.menu__link[aria-expanded=true]{background:var(--color-primary,transparent);color:var(--color-secondary,#363636);outline:none}.menu--vertical .menu__sub{overflow:hidden;animation:slideDown .5s cubic-bezier(.4,0,.2,1) both;padding-left:12px;padding-top:6px}.menu--vertical .menu__sub .menu__link{font-weight:400;font-size:13px;width:fit-content}.menu--vertical .menu__sub .menu__link:hover,.menu--vertical .menu__sub .menu__link[aria-expanded=true]{background:var(--color-primary,transparent);color:var(--color-secondary,#363636);outline:none}.menu__item{position:relative}.menu__link{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--color-primary,#363636);text-decoration:none;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);user-select:none}.menu__link:focus-visible,.menu__link:hover{background:var(--color-primary,transparent);color:var(--color-secondary,#363636);outline:none}.menu__item--open>.menu__link{background:var(--color-primary,transparent)}.menu__chevron{margin-left:auto;flex-shrink:0;transition:transform .18s cubic-bezier(.4,0,.2,1)}.menu__item--open>.menu__link .menu__chevron{transform:rotate(180deg)}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{height:0}to{height:max-content}}@media(prefers-reduced-motion:reduce){.menu__dropdown,.menu__sub{animation:none}}