/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/E-301-EB/Desktop/tools/grav-webpack5/node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../../../../../Users/E-301-EB/Desktop/tools/grav-webpack5/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../../../../../Users/E-301-EB/Desktop/tools/grav-webpack5/node_modules/sass-loader/dist/cjs.js!./scss/slider_pagination.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Make the bar fill 100% and distribute items evenly */
.pagination {
  display: flex;
  width: 100%;
  gap: 2px;
  /* space between items (optional) */ }

/* hide everything by default */
.pagination li {
  display: none !important;
  border: 1px solid #eee; }

/* show only current block + chevrons */
.pagination li.show,
.pagination li:first-child,
.pagination li:last-child {
  display: block !important;
  flex: 1 1 0;
  /* each visible item gets equal width */
  min-width: 0;
  /* prevents overflow with long labels */ }

/* make the click target fill the cell */
.pagination a,
.pagination span {
  display: block;
  width: 100%;
  text-align: center;
  padding: 6px 0;
  box-sizing: border-box; }

/* disabled look for chevrons at the ends (from before) */
.pagination li.is-disabled > a,
.pagination li.is-disabled > span {
  pointer-events: none;
  opacity: .4; }