.menu {
    position: fixed;
    display: none;
    grid-template-columns: auto auto;
    place-content: start;

    inset-inline-start: anchor(start);
    inset-block-start: anchor(end);

    margin: 0;
    gap: var(--padding-m);
    padding: var(--padding-m);
    font-size: var(--text-s);

    background-color: var(--surface-1);
    color: var(--text-1);
    border: 1px solid var(--text-1);
    border-radius: var(--radii-m);

    & > li {
        grid-column: span 2;
        display: grid;
        grid-template-columns: subgrid;
        align-items: center;

        & > sub {
            color: var(--text-2);
            text-align: end;
        }
    }

    &:popover-open {
        display: grid;
    }
}