/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/css/pages/simple.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
/**
* Colors
*
* Colors:
* white: #fff
* black: #1b1b1b
* red: #e91f28
* gray: #a0a0a0
* gray-light: #f2f2f2
* gray-dark: #5d5d5b
*
* Style guide: colors
*/
/**
* Typography
*
* Markup: <div class="{{modifier_class}}">Hello world</div>
*
* .type--h1 - Heading 1
* .type--h2 - Heading 2
* .type--h3 - Heading 3
* .type--h4 - Heading 4
* .type--h5 - Heading 5
* .type--text - Paragraph
* .type--text-m - Paragraph M
* .type--text-nums - Nums
* .type--menu-items - Menu Items
* .type--menu-info - Menu Info
*
* Style guide: typography
*/
/**
* Colors
*
* Colors:
* white: #fff
* black: #1b1b1b
* red: #e91f28
* gray: #a0a0a0
* gray-light: #f2f2f2
* gray-dark: #5d5d5b
*
* Style guide: colors
*/
/**
* Typography
*
* Markup: <div class="{{modifier_class}}">Hello world</div>
*
* .type--h1 - Heading 1
* .type--h2 - Heading 2
* .type--h3 - Heading 3
* .type--h4 - Heading 4
* .type--h5 - Heading 5
* .type--text - Paragraph
* .type--text-m - Paragraph M
* .type--text-nums - Nums
* .type--menu-items - Menu Items
* .type--menu-info - Menu Info
*
* Style guide: typography
*/
/**
* Colors
*
* Colors:
* white: #fff
* black: #1b1b1b
* red: #e91f28
* gray: #a0a0a0
* gray-light: #f2f2f2
* gray-dark: #5d5d5b
*
* Style guide: colors
*/
/**
* Typography
*
* Markup: <div class="{{modifier_class}}">Hello world</div>
*
* .type--h1 - Heading 1
* .type--h2 - Heading 2
* .type--h3 - Heading 3
* .type--h4 - Heading 4
* .type--h5 - Heading 5
* .type--text - Paragraph
* .type--text-m - Paragraph M
* .type--text-nums - Nums
* .type--menu-items - Menu Items
* .type--menu-info - Menu Info
*
* Style guide: typography
*/
/**
* Colors
*
* Colors:
* white: #fff
* black: #1b1b1b
* red: #e91f28
* gray: #a0a0a0
* gray-light: #f2f2f2
* gray-dark: #5d5d5b
*
* Style guide: colors
*/
/**
* Typography
*
* Markup: <div class="{{modifier_class}}">Hello world</div>
*
* .type--h1 - Heading 1
* .type--h2 - Heading 2
* .type--h3 - Heading 3
* .type--h4 - Heading 4
* .type--h5 - Heading 5
* .type--text - Paragraph
* .type--text-m - Paragraph M
* .type--text-nums - Nums
* .type--menu-items - Menu Items
* .type--menu-info - Menu Info
*
* Style guide: typography
*/
.simple {
  margin-top: calc(var(--header-height) * -1);
  padding-block: calc(var(--header-height) + 30px) 50px;
  padding-inline: 10px;
}
.simple__title {
  margin-bottom: 20px;
}
.simple table {
  display: flex;
  border: 1px solid;
}
.simple table tbody {
  overflow-x: auto;
}
.simple table tbody tr:not(:last-child) {
  border-bottom: 1px solid;
}
.simple table tbody tr td {
  padding: max(10px, 0.5208333333vw);
  min-width: 250px;
}
.simple table tbody tr td:nth-child(1), .simple table tbody tr td:nth-child(2) {
  border-right: 1px solid;
}
@media (min-width: 768px) {
  .simple {
    padding-inline: 9.375vw;
    padding-block: calc(var(--header-height) + max(30px, 2.6041666667vw)) 80px;
  }
  .simple__title {
    margin-bottom: max(20px, 2.0833333333vw);
  }
}

/*# sourceMappingURL=simple.css.map*/