.menu{position:relative}.menu__list{display:grid;gap:.5rem;padding:0}.menu__item{border-radius:var(--border-radius-sm);display:grid;grid-template-areas:"link toggle" "submenu submenu";grid-template-columns:1fr auto;overflow:hidden;place-items:center stretch;transition:.25s}.menu__item:has(.menu__child-toggle[aria-expanded=true]){background:var(--light-color,#d3d3d3)}.menu__link{color:var(--text-color,#000)!important;display:flex;flex:1 1 auto;gap:.5rem;grid-area:link;padding-block:.5rem;padding-inline:1rem;text-decoration:none!important;transition:.25s}.menu__link--active-link,.menu__link[href]:hover,.menu__link[href]:hover+.menu__child-toggle{background:var(--light-color,#d3d3d3)}.menu__link--active-link{color:var(--primary-color,blue)!important;font-weight:700!important}.menu__link--active-link+.menu__child-toggle{background:var(--light-color,#d3d3d3)}.menu__child-toggle{align-items:center;background:unset;border:none;cursor:pointer;display:flex;flex:0 0 3.25rem;grid-area:toggle;height:auto;justify-content:center;outline:none;padding-block:.5rem;padding-inline:1rem;place-self:stretch;transition:.25s}.menu__child-toggle-icon{height:.75rem;position:relative;width:.75rem}.menu__child-toggle-icon:after,.menu__child-toggle-icon:before{background:#000;content:"";display:block;height:2px;left:50%;position:absolute;rotate:0deg;top:50%;transition:all .25s ease;translate:-50% -50%;width:100%}.menu__child-toggle-icon:before{rotate:90deg}.menu__child-toggle[aria-expanded=true] .menu__child-toggle-icon:before{rotate:0deg}.menu__submenu{flex:100%;grid-area:submenu;height:0;overflow:hidden;padding-bottom:0;transition:height .25s ease;interpolate-size:allow-keywords}.menu__submenu--expanded{height:auto;padding-bottom:.5rem}.menu__submenu--level-2{padding-left:1rem}.menu__submenu--level-3{padding-left:.5rem}.menu__submenu .menu__link{font-size:.875rem;opacity:.75}