/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/table/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.table_header {
  padding: var(--space-lg);
  padding-bottom: var(--space-md);
}

.table_header h3 {
  text-align: center;
}

.table-block-frontend {
  max-width: var(--max-block-width);
  margin: 0 auto;
  padding-bottom: var(--space-lg);
}
.table-block-frontend .table-block-wrapper {
  max-width: var(--max-content-width);
  margin: 0 auto;
}
.table-block-frontend .table-container {
  overflow-x: auto;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.table-block-frontend .table-container .responsive-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 380px;
}
.table-block-frontend .table-container .responsive-table .table-row:hover {
  background-color: inherit;
}
.table-block-frontend .table-container .responsive-table .table-row .table-cell {
  border: 3px solid var(--text-color);
  padding: 0;
  min-width: 120px;
  vertical-align: middle;
}
.table-block-frontend .table-container .responsive-table .table-row .table-cell .cell-content {
  padding: 16px;
  line-height: 1.5;
  text-align: center;
}
.table-block-frontend .table-container .responsive-table .table-row .table-cell .cell-content:empty::after {
  content: " ";
}
.table-block-frontend .table-container .responsive-table .table-row .table-cell .cell-content p {
  margin: 0;
}
.table-block-frontend .table-container .responsive-table .table-row .table-cell .cell-content p:not(:last-child) {
  margin-bottom: 8px;
}
.table-block-frontend .table-container .responsive-table .table-row .table-cell .cell-content strong {
  font-weight: 600;
}
.table-block-frontend .table-container .responsive-table .table-row .table-cell .cell-content em {
  font-style: italic;
}
@media (max-width: 768px) {
  .table-block-frontend {
    padding: 0 48px;
  }
  .table-block-frontend .table_header {
    padding-bottom: var(--space-md);
  }
  .table-block-frontend .table-container {
    margin: 0 -15px;
    border-radius: 5;
    box-shadow: none;
  }
  .table-block-frontend .table-container .responsive-table .table-row .table-cell {
    min-width: 100px;
  }
  .table-block-frontend .table-container .responsive-table .table-row .table-cell .cell-content {
    padding: 12px;
    font-size: 14px;
    line-height: 1.4;
  }
  .table-row:first-child .table-block-frontend .table-container .responsive-table .table-row .table-cell .cell-content {
    padding: 16px 12px;
  }
}
@media (max-width: 480px) {
  .table-block-frontend {
    padding-bottom: 48px;
  }
  .table-block-frontend .table-container .responsive-table .table-row .table-cell {
    min-width: 80px;
  }
  .table-block-frontend .table-container .responsive-table .table-row .table-cell .cell-content {
    padding: 8px;
    font-size: 13px;
  }
  .table-row:first-child .table-block-frontend .table-container .responsive-table .table-row .table-cell .cell-content {
    padding: 12px 8px;
  }
}
@media print {
  .table-block-frontend {
    padding: 0;
    max-width: none;
  }
  .table-block-frontend .table-block-wrapper {
    max-width: none;
  }
  .table-block-frontend .table-container {
    overflow: visible;
    box-shadow: none;
  }
  .table-block-frontend .table-container .responsive-table {
    min-width: auto;
  }
  .table-block-frontend .table-container .responsive-table .table-row:nth-child(even) {
    background-color: transparent;
  }
  .table-block-frontend .table-container .responsive-table .table-row:hover {
    background-color: transparent;
  }
  .table-block-frontend .table-container .responsive-table .table-row .table-cell {
    border: 1px solid #000;
  }
  .table-block-frontend .table-container .responsive-table .table-row .table-cell .cell-content {
    padding: 8px;
    font-size: 12px;
  }
}

/*# sourceMappingURL=style-index.css.map*/