/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@import url("/assets/leaflet-c9b65058.css");
@import url("/assets/lexxy-520c112e.css");
@import url("/assets/slimselect-6ab0d5f3.css");

@font-face {
  font-family: "Twemoji Country Flags";
  src: url("/assets/TwemojiCountryFlags-468538bb.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+1F1E6-1F1FF;
}

.leaflet-container { isolation: isolate; }
.leaflet-control, .leaflet-top { z-index: initial; }

:root {
  --ss-animation-timing: var(--color-teal-600);
  --ss-focus-color: var(--color-teal-500);
  --ss-primary-color: var(--color-teal-600);
  --ss-border-color: var(--color-gray-300);
  --ss-border-radius: var(--radius-xl);
}

.ss-main .ss-single .ss-country-name { display: none; }