"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Item = void 0;
const styled_1 = require("../../styled");
exports.Item = styled_1.styled.li `
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: max-content max-content;
  gap: ${({ theme }) => theme.spacing(3)};
  justify-items: center;

  padding: ${({ theme }) => theme.spacing(3, 5)};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    gap: ${({ theme }) => theme.spacing(4)};
    justify-items: normal;

    padding: ${({ theme }) => theme.spacing(4)};
  }
`;
