/* [project]/apps/niice-jam/components/AppRouter/Static/Page/static-page-base.css [app-client] (css) */
@layer reset, base, theme, doc, page;

.n-table {
  --n-table-cell-default-horizontal-padding: 12px;
  --n-table-cell-default-vertical-padding: 6px;
  --n-th-text-align: left;
  --n-th-bg-color: rgb(from var(--n-auto-text-color, black) r g b / 5%);
  --n-th-padding-top: var(--n-table-cell-default-vertical-padding);
  --n-th-padding-bottom: var(--n-table-cell-default-vertical-padding);
  --n-th-padding-left: var(--n-table-cell-default-horizontal-padding);
  --n-th-padding-right: var(--n-table-cell-default-horizontal-padding);
  --n-td-text-align: left;
  --n-td-bg-color: transparent;
  --n-td-padding-top: var(--n-table-cell-default-vertical-padding);
  --n-td-padding-bottom: var(--n-table-cell-default-vertical-padding);
  --n-td-padding-left: var(--n-table-cell-default-horizontal-padding);
  --n-td-padding-right: var(--n-table-cell-default-horizontal-padding);
  width: 100%;
  max-width: var(--n-width, 100%);
  border-collapse: collapse;
}

.n-table th {
  text-align: var(--n-th-text-align);
  background-color: var(--n-th-bg-color);
  padding-top: var(--n-th-padding-top);
  padding-bottom: var(--n-th-padding-bottom);
  padding-left: var(--n-th-padding-left);
  padding-right: var(--n-th-padding-right);
}

.n-table td {
  text-align: var(--n-td-text-align);
  background-color: var(--n-td-bg-color);
  padding-top: var(--n-td-padding-top);
  padding-bottom: var(--n-td-padding-bottom);
  padding-left: var(--n-td-padding-left);
  padding-right: var(--n-td-padding-right);
}

.n-table, .n-table th, .n-table td {
  border: 1px solid rgb(from var(--n-auto-text-color, black) r g b / 20%);
}