/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/gtfs-transit-table/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * 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.
 */
/* these rules apply to both the buttons and the controls blocks */
/**
 * Global variables, functions, and mixins.
 *
 * Come here to initialize site-wide SCSS variables ONLY! Do not store
 * CSS variables here. Do so in the theme.json file instead!
 */
/*
 * Functions
 * Note: Must come before variables that use these functions.
 */
/*
 * Convert px's to rem's.
 */
/*
 * Variables
 */
/*
 * Our rem() function below depends on our site's base font size listed here.
 * This value should be the same pixel size set for the <html> element.
 *    html {
 *        font-size: 100%; // 16px  (112.5% would equal 18px, and so on)
 *    }
 */
/*
* Major Breakpoints
* These should match those breakpoints defined in our /inc/config.php file.
*/
/*
 * Mixins
 */
/*
 * Media Queries
 */
/*
 * Accessibility Media Queries
 */
div.components-panel__body div.components-flex {
  height: -moz-fit-content;
  height: fit-content;
}

.wp-block-gtfs-transit-tables-gtfs-transit-table * {
  box-sizing: border-box;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table *:focus-visible {
  outline: 1px solid var(--gtfs-transit-tables-focus-color);
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .is-layout-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .wp-block-buttons {
  margin: 1rem 0;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .wp-block-buttons > .wp-block-button {
  display: inline-block;
  margin: 0;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table ul.scroll-display-group {
  justify-content: center;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table ul.scroll-display-group .route-selector.route-scroller {
  padding: 0.438rem 1.125rem;
  color: var(--gtfs-transit-tables-body-color);
  background-color: var(--gtfs-transit-tables-text-color-selected);
  border-radius: 0;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table ul.scroll-display-group li:first-child .route-selector.route-scroller {
  padding: 0.438rem 1.313rem;
  letter-spacing: 0.031rem;
  border-radius: 1.875rem 0 0 1.875rem;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table ul.scroll-display-group li:first-child .route-selector.route-scroller::before {
  display: inline;
  content: "« ";
}
.wp-block-gtfs-transit-tables-gtfs-transit-table ul.scroll-display-group li:last-child .route-selector.route-scroller {
  padding: 0.438rem 1rem;
  letter-spacing: 0.125rem;
  border-radius: 0 1.875rem 1.875rem 0;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table ul.scroll-display-group li:last-child .route-scroller::after {
  display: inline;
  content: " »";
}
@media (min-width: 60rem) {
  .wp-block-gtfs-transit-tables-gtfs-transit-table ul.scroll-display-group {
    justify-content: flex-start;
  }
}
.wp-block-gtfs-transit-tables-gtfs-transit-table #schedule-control-menu {
  background-color: var(--gtfs-transit-tables-column-color);
  border: 0.063rem solid #bfbfbf;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table #description-section {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table #description-section h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
}
@media (min-width: 60rem) {
  .wp-block-gtfs-transit-tables-gtfs-transit-table #description-section h3 {
    margin-top: 0;
    margin-bottom: 15px;
  }
}
.wp-block-gtfs-transit-tables-gtfs-transit-table #description-section p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
}
@media (min-width: 60rem) {
  .wp-block-gtfs-transit-tables-gtfs-transit-table #description-section p {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .route-template-default figure.wp-block-post-featured-image {
  flex: 0 0 75px;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .schedule-select-menu > div[data-selected-group="0"] > :not([data-group="0"]) {
  display: none;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .schedule-select-menu > div[data-selected-group="1"] > :not([data-group="1"]) {
  display: none;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .schedule-select-menu > div[data-selected-group="2"] > :not([data-group="2"]) {
  display: none;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .schedule-select-menu > div[data-selected-group="3"] > :not([data-group="3"]) {
  display: none;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .schedule-select-menu > div[data-selected-group="4"] > :not([data-group="4"]) {
  display: none;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .schedule-select-menu > div[data-selected-group="5"] > :not([data-group="5"]) {
  display: none;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .schedule-select-menu > div[data-selected-group="6"] > :not([data-group="6"]) {
  display: none;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .schedule-select-menu > div[data-selected-group="7"] > :not([data-group="7"]) {
  display: none;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .schedule-select-menu > div[data-selected-group="8"] > :not([data-group="8"]) {
  display: none;
}
.wp-block-gtfs-transit-tables-gtfs-transit-table .schedule-select-menu > div[data-selected-group="9"] > :not([data-group="9"]) {
  display: none;
}

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