styles = html`<style>
.country {
fill: #222;
}
.canton-boundaries {
fill: none;
stroke: #fff;
stroke-width: 1;
}
.municipality-boundaries {
fill: none;
stroke: #fff;
stroke-width: .3;
}
.flag {
display: inline-block;
margin-right: ${size/16}em;
margin-bottom: ${size/16}em;
text-align: center;
max-width: ${size * 5/4}em;
box-sizing: border-box;
}
.flag img {
height: ${size/4}em;
border: 1px solid rgba(0,0,0,.7);
display: block;
}
text {
font-family: sans-serif;
font-size: 8pt;
font-weight: bold;
fill: white;
}
ul {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
li {
flex-grow: 1;
flex-basis: 0;
}
</style>`