"use client";
import { styled } from "styled-components";
export const Row = styled.div `
    font-size: ${({ $scale }) => $scale}em;
    display: flex;
    width: 100%;
    overflow-x: scroll;
    overflow-style: none;
    ${({ $fix }) => !$fix && "overflow-x: scroll;"}

    &::-webkit-scrollbar {
        display: none;
    }
`;
const Style = styled.div `
    font-size: ${({ $scale }) => $scale}em;
    display: flex;
    flex-direction: column;

    ${Row} + ${Row}:last-child:not(:only-child) {
        max-width: max-content;
        justify-content: flex-end;
    }
`;
export default Style;
//# sourceMappingURL=Menu.styled.jsx.map