/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-with-search/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-create-block-table-with-search, .table-with-search {
  margin: var(--space-xl) 0;
  grid-column: span 12;
}
.wp-block-create-block-table-with-search h2, .table-with-search h2 {
  width: 100%;
}
@media (min-width: 768px) {
  .wp-block-create-block-table-with-search h2, .table-with-search h2 {
    width: 75%;
  }
}
@media (min-width: 1024px) {
  .wp-block-create-block-table-with-search h2, .table-with-search h2 {
    width: 50%;
  }
}
.wp-block-create-block-table-with-search h2 + .table-nav, .table-with-search h2 + .table-nav {
  margin-top: var(--space-2xl);
}
.wp-block-create-block-table-with-search .table-nav, .table-with-search .table-nav {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: var(--grid-gutter);
}
.wp-block-create-block-table-with-search .table-nav form, .table-with-search .table-nav form {
  margin: 0 0 var(--space-xl) 0;
  display: grid;
  grid-column-gap: var(--grid-gutter);
  grid-column: span 12;
}
.wp-block-create-block-table-with-search .table-nav form input, .table-with-search .table-nav form input {
  border: 1px solid var(--black-color);
  padding: var(--space-xs);
  font-size: var(--step-0);
  font-family: "STK Bureau";
  width: 100%;
  position: relative;
}
.wp-block-create-block-table-with-search .table-nav form input:focus, .wp-block-create-block-table-with-search .table-nav form input:active, .table-with-search .table-nav form input:focus, .table-with-search .table-nav form input:active {
  outline: 1px solid var(--black-color);
}
.wp-block-create-block-table-with-search .table-nav form label, .table-with-search .table-nav form label {
  position: relative;
  display: block;
  width: 100%;
  grid-row: 1/2;
  font-family: "STK Bureau";
  font-size: var(--step-0);
  margin-bottom: var(--space-xs);
}
.wp-block-create-block-table-with-search .table-nav form .input-wrapper, .table-with-search .table-nav form .input-wrapper {
  position: relative;
  grid-row: 2/3;
  grid-column: 1/2;
  display: flex;
}
.wp-block-create-block-table-with-search .table-nav form svg, .table-with-search .table-nav form svg {
  position: absolute;
  top: 50%;
  right: var(--space-xs);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: none;
}
.wp-block-create-block-table-with-search .table-nav form svg.show, .table-with-search .table-nav form svg.show {
  display: block;
}
.wp-block-create-block-table-with-search .table-nav form button, .table-with-search .table-nav form button {
  grid-row: 2/3;
  grid-column: 2/3;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 1024px) {
  .wp-block-create-block-table-with-search .table-nav form, .table-with-search .table-nav form {
    grid-column: 5/9;
    grid-column-gap: 1rem;
  }
}
.wp-block-create-block-table-with-search .table-nav form:has(+ ul), .table-with-search .table-nav form:has(+ ul) {
  margin-bottom: var(--space-m);
}
.wp-block-create-block-table-with-search .table-nav ul, .table-with-search .table-nav ul {
  grid-column: span 12;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-xl);
}
.wp-block-create-block-table-with-search .table-nav ul span, .table-with-search .table-nav ul span {
  font-size: var(--step-1);
  font-weight: 300;
  margin: 0.25rem;
  display: none;
}
.wp-block-create-block-table-with-search .table-nav ul span.hide, .table-with-search .table-nav ul span.hide {
  opacity: 0;
}
.wp-block-create-block-table-with-search .table-nav ul a, .table-with-search .table-nav ul a {
  display: inline-block;
  line-height: 1;
  padding: 0.25rem;
  margin-inline: 0.25rem;
}
.wp-block-create-block-table-with-search .table-nav ul li.hide, .table-with-search .table-nav ul li.hide {
  display: none;
}
.wp-block-create-block-table-with-search .table-nav ul li:last-of-type span, .table-with-search .table-nav ul li:last-of-type span {
  opacity: 0;
}
@media (min-width: 1024px) {
  .wp-block-create-block-table-with-search .table-nav ul, .table-with-search .table-nav ul {
    grid-column: 5/-1;
  }
}
.wp-block-create-block-table-with-search .table-nav ul.hide, .table-with-search .table-nav ul.hide {
  display: none;
}
.wp-block-create-block-table-with-search .table-nav form + ul, .table-with-search .table-nav form + ul {
  margin-top: var(--space-xl);
}
.wp-block-create-block-table-with-search .wrapper, .table-with-search .wrapper {
  grid-column: span 12;
}
.wp-block-create-block-table-with-search .wrapper.columns-auto .table-section figure.wp-block-table td, .wp-block-create-block-table-with-search .wrapper.columns-auto .table-section figure.wp-block-table th, .table-with-search .wrapper.columns-auto .table-section figure.wp-block-table td, .table-with-search .wrapper.columns-auto .table-section figure.wp-block-table th {
  width: auto;
}
.wp-block-create-block-table-with-search .wrapper .no-results, .table-with-search .wrapper .no-results {
  grid-column: span 12;
  margin-top: var(--space-l);
  margin-bottom: var(--space-xl);
}
@media (min-width: 1024px) {
  .wp-block-create-block-table-with-search .wrapper .no-results, .table-with-search .wrapper .no-results {
    grid-column: 5/9;
  }
}
.wp-block-create-block-table-with-search .table-section, .table-with-search .table-section {
  margin-bottom: var(--space-xl);
}
.wp-block-create-block-table-with-search .table-section > .u-container > .u-grid, .table-with-search .table-section > .u-container > .u-grid {
  grid-row-gap: 0;
  align-items: start;
}
.wp-block-create-block-table-with-search .table-section span, .wp-block-create-block-table-with-search .table-section .table-title, .table-with-search .table-section span, .table-with-search .table-section .table-title {
  font-family: "STK Bureau";
  grid-column: span 12;
  max-width: 75%;
}
@media (min-width: 1024px) {
  .wp-block-create-block-table-with-search .table-section span, .wp-block-create-block-table-with-search .table-section .table-title, .table-with-search .table-section span, .table-with-search .table-section .table-title {
    max-width: initial;
    margin-top: 1rem;
  }
}
.wp-block-create-block-table-with-search .table-section h3, .table-with-search .table-section h3 {
  font-size: var(--step-2);
}
.wp-block-create-block-table-with-search .table-section figure.wp-block-table, .table-with-search .table-section figure.wp-block-table {
  grid-column: span 12;
}
.wp-block-create-block-table-with-search .table-section figure.wp-block-table tr.hide, .table-with-search .table-section figure.wp-block-table tr.hide {
  display: none;
}
.wp-block-create-block-table-with-search .table-section figure.wp-block-table tr.show, .table-with-search .table-section figure.wp-block-table tr.show {
  display: table-row;
}
.wp-block-create-block-table-with-search .table-section figure.wp-block-table td, .wp-block-create-block-table-with-search .table-section figure.wp-block-table th, .table-with-search .table-section figure.wp-block-table td, .table-with-search .table-section figure.wp-block-table th {
  padding: var(--space-xs) calc(var(--grid-gutter) / 2);
}
.wp-block-create-block-table-with-search .table-section figure.wp-block-table td:first-child, .wp-block-create-block-table-with-search .table-section figure.wp-block-table th:first-child, .table-with-search .table-section figure.wp-block-table td:first-child, .table-with-search .table-section figure.wp-block-table th:first-child {
  width: 41.5%;
  padding-left: 0;
}
.wp-block-create-block-table-with-search .table-section figure.wp-block-table td:last-child, .wp-block-create-block-table-with-search .table-section figure.wp-block-table th:last-child, .table-with-search .table-section figure.wp-block-table td:last-child, .table-with-search .table-section figure.wp-block-table th:last-child {
  width: 58.5%;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .wp-block-create-block-table-with-search .table-section figure.wp-block-table td:first-child, .wp-block-create-block-table-with-search .table-section figure.wp-block-table th:first-child, .table-with-search .table-section figure.wp-block-table td:first-child, .table-with-search .table-section figure.wp-block-table th:first-child {
    width: 33.5%;
  }
  .wp-block-create-block-table-with-search .table-section figure.wp-block-table td:last-child, .wp-block-create-block-table-with-search .table-section figure.wp-block-table th:last-child, .table-with-search .table-section figure.wp-block-table td:last-child, .table-with-search .table-section figure.wp-block-table th:last-child {
    width: 56.5%;
  }
}
@media (min-width: 1440px) {
  .wp-block-create-block-table-with-search .table-section figure.wp-block-table td:first-child, .wp-block-create-block-table-with-search .table-section figure.wp-block-table th:first-child, .table-with-search .table-section figure.wp-block-table td:first-child, .table-with-search .table-section figure.wp-block-table th:first-child {
    width: 43%;
  }
  .wp-block-create-block-table-with-search .table-section figure.wp-block-table td:last-child, .wp-block-create-block-table-with-search .table-section figure.wp-block-table th:last-child, .table-with-search .table-section figure.wp-block-table td:last-child, .table-with-search .table-section figure.wp-block-table th:last-child {
    width: 57%;
  }
}
.wp-block-create-block-table-with-search .table-section.hide, .table-with-search .table-section.hide {
  display: none;
}
@media (min-width: 1024px) {
  .wp-block-create-block-table-with-search .table-section span, .wp-block-create-block-table-with-search .table-section .table-title, .table-with-search .table-section span, .table-with-search .table-section .table-title {
    grid-column: 1/5;
    padding-right: 2rem;
  }
  .wp-block-create-block-table-with-search .table-section span.sticky, .wp-block-create-block-table-with-search .table-section .table-title.sticky, .table-with-search .table-section span.sticky, .table-with-search .table-section .table-title.sticky {
    position: sticky;
    top: 0;
  }
  .admin-bar .wp-block-create-block-table-with-search .table-section span.sticky, .admin-bar .wp-block-create-block-table-with-search .table-section .table-title.sticky, .admin-bar .table-with-search .table-section span.sticky, .admin-bar .table-with-search .table-section .table-title.sticky {
    top: 46px;
  }
}
@media (min-width: 1024px) and (min-width: 783px) {
  .admin-bar .wp-block-create-block-table-with-search .table-section span.sticky, .admin-bar .wp-block-create-block-table-with-search .table-section .table-title.sticky, .admin-bar .table-with-search .table-section span.sticky, .admin-bar .table-with-search .table-section .table-title.sticky {
    top: 32px;
  }
}
@media (min-width: 1024px) {
  .wp-block-create-block-table-with-search .table-section figure.wp-block-table, .table-with-search .table-section figure.wp-block-table {
    grid-column: 5/-2;
  }
}
@media (min-width: 1440px) {
  .wp-block-create-block-table-with-search .table-section span, .wp-block-create-block-table-with-search .table-section .table-title, .table-with-search .table-section span, .table-with-search .table-section .table-title {
    grid-column: 1/5;
  }
  .wp-block-create-block-table-with-search .table-section figure.wp-block-table, .table-with-search .table-section figure.wp-block-table {
    grid-column: 5/-3;
  }
}

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