import styled from "@emotion/styled" ; const cellPadding = "1rem 1rem" ; export const DependencyTable = styled . table `
  width: 100%;
  border-spacing: 0;
  margin-top: 1rem;
  border: 1px dashed var(--boxBorderColor);
  tbody td {
    padding: ${ cellPadding };
    border-top: 1px dashed var(--boxBorderColor);
    &:first-of-type {
      width: 220px;
    }
    vertical-align: top;
  }
  thead td {
    padding: ${ cellPadding };
    font-style: normal;
    text-align: left;
  }
  td {
    padding: ${ cellPadding };
  }
  @media (max-width: 500px) {
    td:last-child {
      display: none;
    }
  }
  a {
    font-family: var(--buttonFontFamily);
  }
` ;