mapStyle = html`
<style>
@import url('${fonts['condensed']['url']}');
/* Grid container select */
.item3 {
grid-area: tipomapa;
min-width: 0;
min-height: 0;
}
.item4 {
grid-area: seleccion;
min-width: 0;
min-height: 0;
}
.item5 {
grid-area: genero;
min-width: 0;
min-height: 0;
}
.item6 {
grid-area: ano;
min-width: 0;
min-height: 0;
}
.grid-container-select {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
grid-gap: 20px;
}
/* Mapa */
.decideChileMap {
stroke:#FFFFFF;
stroke-width: 0.2;
stroke-linejoin: round;
}
.map-container {
max-height: 200px;
}
/* Tooltip */
.arrow_box {
pointer-events: none;
font-family: ${fonts['default']['family']};
font-size: 13px;
padding: 8px 15px;
position: absolute;
background: #ffffff;
border-radius: 2px;
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),8px 6px 15px 0 rgba(0,0,0,0.19);
display: flex;
flex-direction: column;
}
strong {
border-bottom: 1px solid black;
font-family: ${fonts['default']['family']};
padding-bottom: 2px;
justify-content: center;
display: flex;
color: #1A1A1A;
font-weight: 900;
font-size: 13px;
}
.texto-subtitulo {
font-family: ${fonts['condensed']['family']};
color: #1A1A1A;
font-weight: 400;
font-size: 10px;
justify-content: center;
display: flex;
}
.texto-primario {
color: #2150E8;
font-family: ${fonts['default']['family']};
font-weight: 700;
font-size: 12px;
padding-top: 3px;
justify-content: center;
display: flex;
}
.texto-sin-informacion {
color: #CC0014;
font-family: ${fonts['condensed']['family']};
font-weight: 450;
font-size: 12px;
padding-top: 3px;
justify-content: center;
display: flex;
}
.texto-secundario {
color: #828282;
font-family: ${fonts['condensed']['family']};
font-size: 10px;
font-weight: 400;
justify-content: center;
display: flex;
}
</style>
`