#mapContainer { height: 500px; margin: 20px 0; }

.ifw { display: flex; gap: 10px; }

.ifw div { glow: 1; }

#trackConfigurationsList { margin: 20px 0; position: relative; /* >div>div:hover {background-color:#e4e4ec} */ }

#trackConfigurationsList.loading { text-align: center; color: #666; }

#trackConfigurationsList h3 { text-align: center; margin: 20px; }

#trackConfigurationsList > div { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; }

#trackConfigurationsList > div > div { padding: 10px; }

#trackConfigurationsList > div > div > h4 { text-align: center; margin-bottom: 10px; }

#trackConfigurationsList img { width: 280px; height: 280px; }

#search-form div.f { display: flex; gap: 10px; }

#search-form div.f .acc { flex-grow: 1; position: relative; }

#search-form div.f .acc input { margin: 0; width: 100%; }

#search-form div.f * { margin: 0; }

#search-form div.f .ac { position: absolute; top: 34px; left: 0; display: none; width: 100%; min-height: 30px; border: 1px solid #808186; background: #FFF; z-index: 99; max-height: 150px; overflow-y: auto; box-sizing: border-box; }

#search-form div.f .ac a { display: block; padding: 5px 15px; }

#search-form div.f .ac p { padding: 5px 15px; color: #666; }

#tracksContainer #mapContainer { display: block; }

#tracksContainer #trackConfigurationsList { display: none; }

#tracksContainer.list #mapContainer { display: none; }

#tracksContainer.list #trackConfigurationsList { display: block; }

#tracksContainer.list #search-form { display: none; }

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