@media screen and (max-width: 989px) { header-drawer .menu-drawer { position: absolute; left: 0; right: 0; top: 100%; z-index: 30; width: 100%; max-height: calc(100vh - 6rem); overflow-y: auto; background: rgb(var(--color-background)); box-shadow: 0 8px 18px rgba(0,0,0,.12); } header-drawer details:not([open]) > .menu-drawer, header-drawer details:not([open]) > .menu-drawer__submenu { display: none; } header-drawer details[open] > .menu-drawer, header-drawer details[open] > .menu-drawer__submenu { display: block; } header-drawer .menu-drawer__navigation { padding: 1rem 0; } header-drawer .menu-drawer__menu { list-style: none; margin: 0; padding: 0; } header-drawer .menu-drawer__menu-item { display: flex; align-items: center; min-height: 48px; padding: 1rem 2rem; text-decoration: none; } header-drawer .menu-drawer__submenu { position: static; transform: none; visibility: visible; } header-drawer .menu-drawer__submenu .menu-drawer__menu-item { padding-left: 3.5rem; } header-drawer .menu-drawer__menu-item .svg-wrapper, header-drawer .menu-drawer__close-button { display: none; } header-drawer .menu-drawer__menu > li > details > summary::after { content: '+'; margin-left: auto; font-size: 2rem; } header-drawer .menu-drawer__menu > li > details[open] > summary::after { content: '−'; } }

Search