@keyframes menu-page-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}:where(.menu-page){grid-column:grid}.menu-page{display:flex;flex-direction:column;--card-margin:1rem;gap:var(--card-margin);position:relative;width:100%}.menu-page__label{align-items:center;cursor:pointer;display:flex;gap:.25rem;padding:.25rem .5rem;width:100%}.menu-page__label .icon{display:none}.menu-page__menu{width:100%}@media (min-width:1024px){.menu-page{width:-moz-fit-content;width:fit-content}.menu-page .icon{display:block}.menu-page.open .menu-page__menu{animation:menu-page-in .2s ease forwards;display:block;pointer-events:auto}.menu-page__menu .icon{display:block}.menu-page__menu{display:none;left:calc(var(--card-margin)*-1);padding-top:var(--card-margin);pointer-events:none;position:absolute;top:100%;width:350px}}@media (hover:hover){.menu-page__label:not([disabled]):not(:disabled):hover .text,a:not([disabled]):not(:disabled):hover .menu-page__label .text{color:var(--cs__text--hover)}.menu-page__label:not([disabled]):not(:disabled):active .text,a:not([disabled]):not(:disabled):active .menu-page__label .text{color:var(--cs__text--active)}}