.staysafe-table__container {
  @apply overflow-x-scroll;
  @apply lg:overflow-hidden lg:pb-3;
}

.staysafe-table {
  @apply mx-auto w-[978px] rounded-[10px];
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.11);
}

.staysafe-table thead {
  @apply bg-primary-cool-75 text-white;
  @apply lg:rounded-t-[10px];
}

.staysafe-table thead th,
.staysafe-table tbody td {
  @apply w-[240px] p-4 text-center;
}

.staysafe-table thead th:first-child {
  @apply lg:rounded-tl-[10px];
}

.staysafe-table thead th:last-child {
  @apply lg:rounded-tr-[10px];
}

.staysafe-table tbody td:first-child {
  @apply font-bold;
}

.staysafe-table th {
  @apply border-l border-primary-cool-75;
}

.staysafe-table td {
  @apply border-l border-secondary-cool-75;
}

.staysafe-table td:first-child,
.staysafe-table th:first-child {
  @apply border-l-0;
}

.staysafe-table tbody tr:nth-child(odd) {
  @apply bg-basic-greyscale-20;
}

.staysafe-table tbody tr:nth-child(even) {
  @apply bg-white;
}

.staysafe-table tbody tr:last-child td:first-child {
  @apply lg:rounded-bl-[10px];
}

.staysafe-table tbody tr:last-child td:last-child {
  @apply lg:rounded-br-[10px];
}

.staysafe-table img {
  @apply mx-auto max-h-[80px] max-w-[120px];
}

.staysafe-table svg {
  @apply h-5 w-5;
}

.staysafe-table .button.small {
  @apply h-auto min-h-[34px] min-w-full;
}

.staysafe-table-shadow {
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.11);
}