@import url("sogoColors.css");

:root {
    --opacity-value: 0.6;
    --opacity-hover: 0.1;
    --transition: all 0.9s;
}

.default-map-item {
    opacity: 0.4;
    fill: #FFFFFF;
}
.default-map-item:hover {
        opacity: 0.0;
}
.Wolne {
    opacity: var(--opacity-value);
    fill: var(--wolne-fill);
    -webkit-transition: var(--transition);
    transition: var(--transition);
}
.Promocja {
    opacity: var(--opacity-value);
    fill: var(--promocja-fill);
    -webkit-transition: var(--transition);
    transition: var(--transition);
}
.Sprzedane {
    opacity: var(--opacity-value);
    fill: var(--sprzedane-fill);
    -webkit-transition: var(--transition);
    transition: var(--transition);
}
.Rezerwacja {
    opacity: var(--opacity-value);
    fill: var(--rezerwacja-fill);
    -webkit-transition: var(--transition);
    transition: var(--transition);
}
.Wykończone {
    fill: var(--wykonczone-fill);
    opacity: var(--opacity-value);
    -webkit-transition: var(--transition);
    transition: var(--transition);
}
.Budowa {
    fill: var(--budowa-fill);
    opacity: var(--opacity-value);
    -webkit-transition: var(--transition);
    transition: var(--transition);
}
.Wolne:hover {
    opacity: var(--opacity-hover);
}
.Sprzedane:hover {
    opacity: var(--opacity-hover);
}
.Rezerwacja:hover {
    opacity: var(--opacity-hover);
}
.Promocja:hover {
    opacity: var(--opacity-hover);
}
.Wykończone:hover {
    opacity: var(--opacity-hover);
}
.Budowa:hover {
    opacity: var(--opacity-hover);
}